.product-card{border:1px solid var(--color-line-2);border-radius:var(--radius);background:var(--color-surface);transition:box-shadow var(--motion-base), transform var(--motion-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card__photo{z-index:1;display:block;position:relative}.product-card__photo img{transition:transform var(--motion-slow)}.product-card__body{gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.product-card__info{gap:var(--space-1);flex-direction:column;display:flex}.product-card__info .price-group{row-gap:0}.product-card__title{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:normal;color:var(--color-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__link:after{content:"";position:absolute;inset:0}.product-card__oos{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.product-card__cart{z-index:1;width:100%;margin-top:auto;position:relative}@media (hover:hover){.product-card:hover .product-card__photo img{transform:scale(1.06)}}
.photo-slider{border-radius:var(--radius);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative;overflow:hidden}.photo-slider--card{aspect-ratio:1;width:100%}.photo-slider--row{width:170px;height:170px}.photo-slider__track{height:100%;transform:translateX(calc(var(--pos,1) * -100% + var(--drag-x,0px)));transition:transform var(--motion-base);display:flex}.photo-slider__track--dragging,.photo-slider__track--jump{transition:none}.photo-slider__slide{flex:0 0 100%}.photo-slider__zones{display:none}.photo-slider__bullets{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);z-index:2;opacity:0;transition:opacity var(--motion-fast);pointer-events:none;gap:3px;display:flex;position:absolute}.photo-slider__bullet{background:var(--color-photo-bullet);border-radius:999px;flex:1;height:3px}.photo-slider__bullet--active{background:var(--color-photo-bullet-active)}.photo-slider--armed .photo-slider__bullets{opacity:1}@media (hover:hover) and (pointer:fine){.photo-slider__track{transform:none}.photo-slider__slide{opacity:0;position:absolute;inset:0}.photo-slider__slide--active{opacity:1}.photo-slider__zones{z-index:1;display:flex;position:absolute;inset:0}.photo-slider__zone{flex:1}.photo-slider--armed .photo-slider__bullets{opacity:0}.photo-slider:hover .photo-slider__bullets{opacity:1}}
.cart-toggle{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:1px solid var(--color-accent);border-radius:var(--space-3);background:var(--color-surface);font-size:var(--text-sm);white-space:nowrap;color:var(--color-accent);transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);font-weight:600;display:inline-flex}.cart-toggle:active:not(:disabled){background:var(--color-accent);color:var(--color-on-dark)}.cart-toggle--in-cart{border-color:var(--color-ok-border);background:var(--color-ok-bg);color:var(--color-ok-ink)}.cart-toggle--in-cart:active:not(:disabled){background:color-mix(in srgb, var(--color-ok-bg) 80%, var(--color-ok-border));color:var(--color-ok-ink)}.cart-toggle:disabled{border-color:var(--color-line);background:var(--color-line);color:var(--color-slate);cursor:not-allowed}@media (hover:hover){.cart-toggle:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-dark)}.cart-toggle--in-cart:hover:not(:disabled){background:color-mix(in srgb, var(--color-ok-bg) 80%, var(--color-ok-border));color:var(--color-ok-ink)}}