.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__body{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.product-card__title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.product-card__link:after{content:"";position:absolute;inset:0}.product-card__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}.product-card__oos{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.product-card__cart{z-index:1;position:relative}
.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}}