.pss{width:100%;max-width:520px;margin:0 auto;padding:18px 14px 10px;font-family:inherit}
.pss__track{display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:8px}
.pss__track::-webkit-scrollbar{height:6px}
.pss__track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:20px}
.pss__slide{scroll-snap-align:center;min-width:100%;background:#fff;border-radius:18px;padding:18px 14px 16px;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.05);text-align:center;overflow:hidden}
.pss__slide--cover{padding:0;background-size:cover;background-position:center;background-repeat:no-repeat;height:520px}
.pss__coverOverlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.25), transparent 55%),linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.30))}
.pss[data-shimmer="1"] .pss__slide:not(.pss__slide--cover)::before{content:"";position:absolute;inset:-40% -40%;background:radial-gradient(circle at 30% 30%, rgba(202,162,74,.22), transparent 55%),linear-gradient(120deg, transparent 0%, rgba(202,162,74,.14) 35%, transparent 70%);transform:translateX(-30%) rotate(8deg);animation:pssShimmer 6s ease-in-out infinite;pointer-events:none;mix-blend-mode:soft-light}
@keyframes pssShimmer{0%{transform:translateX(-40%) rotate(8deg);opacity:.35}50%{transform:translateX(10%) rotate(8deg);opacity:.55}100%{transform:translateX(-40%) rotate(8deg);opacity:.35}}
.pss__badge{position:absolute;top:14px;left:14px;background:rgba(11,11,11,.92);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-radius:999px;box-shadow:0 10px 18px rgba(0,0,0,.18);z-index:3}
.pss__imageWrap{position:relative;width:100%;height:270px;display:flex;align-items:center;justify-content:center;margin-top:6px;z-index:1}
.pss__imageBackdrop{position:absolute;width:150px;height:260px;border-radius:22px;background:linear-gradient(180deg,var(--pss-grad-top),var(--pss-grad-bottom));opacity:.95;filter:saturate(1.02)}
.pss[data-transparent="1"] .pss__imageBackdrop{display:none}
.pss__imgFx{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pss__image{position:relative;max-height:255px;max-width:78%;object-fit:contain;transform:translateY(-6px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.22));will-change:transform,opacity;z-index:1}
.pss[data-entrance="1"] .pss__slide.pss-is-active:not(.pss__slide--cover) .pss__image{animation:pssDropIn 520ms cubic-bezier(.2,.9,.2,1) both}
@keyframes pssDropIn{from{transform:translateY(-28px);opacity:0}to{transform:translateY(-6px);opacity:1}}
.pss__mirror{position:absolute;top:-20%;left:-60%;width:55%;height:140%;transform:skewX(-18deg) translateX(0);background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.0) 20%, rgba(255,255,255,0.45) 48%, rgba(255,255,255,0.0) 78%, transparent 100%);opacity:0;pointer-events:none;filter:blur(.3px);z-index:2;mix-blend-mode:screen}
.pss[data-mirror="1"] .pss__slide.pss-is-active:not(.pss__slide--cover) .pss__mirror{animation:pssMirror 1200ms ease-out 120ms both}
@keyframes pssMirror{0%{transform:skewX(-18deg) translateX(-40%);opacity:0}12%{opacity:.75}55%{opacity:.35}100%{transform:skewX(-18deg) translateX(240%);opacity:0}}
@media (prefers-reduced-motion:reduce){.pss[data-entrance="1"] .pss__slide.pss-is-active .pss__image{animation:none}.pss[data-shimmer="1"] .pss__slide::before{animation:none}.pss[data-mirror="1"] .pss__slide.pss-is-active .pss__mirror{animation:none;opacity:0}}
.pss__title{margin:10px 0 6px;font-size:34px;line-height:1.05;letter-spacing:-.02em;font-weight:800;color:#0b0b0b;position:relative;z-index:2}
.pss__desc{margin:0 auto 10px;max-width:340px;font-size:13px;line-height:1.55;color:rgba(0,0,0,.65);position:relative;z-index:2}
.pss__accent{font-weight:700;color:rgba(0,0,0,.82)}
.pss__price{font-size:28px;font-weight:800;margin:8px 0 12px;color:#0b0b0b;position:relative;z-index:2}
.pss__ctaRow{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 14px;position:relative;z-index:2}
.pss__nav{width:74px;height:74px;border-radius:999px;border:3px solid rgba(0,0,0,.75);background:transparent;font-size:28px;font-weight:800;cursor:pointer;user-select:none}
.pss__btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:10px;background:#0b0b0b;color:#fff;font-weight:800;text-decoration:none;min-width:140px}
.pss__selectors{display:flex;justify-content:space-between;gap:16px;padding:6px 6px 0;align-items:flex-end;position:relative;z-index:2}
.pss__label{font-size:14px;font-weight:800;text-align:left;margin-bottom:6px;color:#0b0b0b}
.pss__sizes,.pss__colors{flex:1;text-align:left}
.pss__chips{display:flex;gap:8px;flex-wrap:wrap}
.pss__chip{border-radius:10px;padding:8px 10px;background:#fff;border:1px solid rgba(0,0,0,.10);font-weight:800;font-size:14px;cursor:pointer}
.pss__chip.is-active{background:#fff7e6;border-color:rgba(202,162,74,.55)}
.pss__swatches{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.pss__swatch{width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.22);cursor:pointer}
.pss__swatch.is-active{border-color:rgba(0,0,0,.85);transform:scale(1.05)}
.pss__dots{margin-top:12px;display:flex;justify-content:center;gap:8px;position:relative;z-index:2}
.pss__dot{width:10px;height:10px;border-radius:999px;background:rgba(0,0,0,.18)}
.pss__dot.is-active{background:rgba(0,0,0,.78)}
@media (min-width:769px){.pss{max-width:900px}.pss__slide{min-width:520px}.pss__imageWrap{height:330px}.pss__imageBackdrop{width:170px;height:310px}.pss__title{font-size:40px}.pss__slide--cover{height:560px}}