:root{--pocket-ink:#191919;--pocket-muted:#68646e;--pocket-purple:#7553bd;--pocket-line:rgba(25,25,25,.12);--pocket-paper:#fffdfb;--pocket-shadow:0 18px 46px rgba(50,35,75,.11)}
.pocket-clicker-product{min-height:70vh;padding:30px 0 90px;background:linear-gradient(145deg,#fff8f1,#f9f1ff 55%,#ebfaff);color:var(--pocket-ink)}
.pocket-clicker-product *{box-sizing:border-box}
.pocket-clicker-product .wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.pocket-breadcrumbs{margin-bottom:24px;color:var(--pocket-muted);font-size:14px}
.pocket-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.pocket-breadcrumbs li+li::before{margin-right:7px;content:'›';color:#9b94a0}
.pocket-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.pocket-product-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(28px,5vw,66px);align-items:start}
.pocket-gallery,.pocket-product-details{min-width:0}
.pocket-gallery-stage{display:grid;overflow:hidden;aspect-ratio:1;place-items:center;border:1px solid var(--pocket-line);border-radius:30px;background:#f7e9ef;box-shadow:var(--pocket-shadow)}
.pocket-gallery-stage img,.pocket-gallery-stage video{display:block;width:100%;height:100%;object-fit:contain}
.pocket-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:14px;padding:4px 2px 8px;scroll-snap-type:x proximity}
.pocket-gallery-thumb{position:relative;flex:0 0 86px;overflow:hidden;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:16px;background:#fff;cursor:pointer;scroll-snap-align:start}
.pocket-gallery-thumb.is-active{border-color:var(--pocket-purple)}
.pocket-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pocket-gallery-thumb span{position:absolute;inset:auto 6px 6px;padding:3px 7px;border-radius:999px;background:rgba(25,25,25,.84);color:#fff;font-size:11px;font-weight:800}
.pocket-product-details{padding:clamp(4px,2vw,24px) 0}
.pocket-product-details .kicker{margin:0;color:var(--pocket-purple);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pocket-product-details h1{margin:9px 0 8px;font:800 clamp(34px,4.4vw,56px)/1.04 Poppins,Inter,sans-serif;letter-spacing:-.045em}
.pocket-price{margin:0 0 12px;font-size:22px;font-weight:800}
.pocket-intro{max-width:600px;margin:0 0 26px;color:var(--pocket-muted);font-size:17px}
.pocket-type-selector{margin:0;padding:0;border:0}
.pocket-type-selector legend{margin-bottom:12px;font:700 21px Poppins,Inter,sans-serif}
.pocket-type-options{display:grid;gap:10px}
.pocket-type-card{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--pocket-line);border-radius:18px;background:rgba(255,255,255,.88);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.pocket-type-card:has(input:checked){border-color:var(--pocket-purple);box-shadow:0 0 0 3px rgba(117,83,189,.15)}
.pocket-type-card input{width:19px;height:19px;margin:0;accent-color:var(--pocket-purple)}
.pocket-type-card label{display:grid;gap:2px;cursor:pointer}
.pocket-type-card label strong{font-size:16px}
.pocket-type-card label span{color:var(--pocket-muted);font-size:13px}
.pocket-sound-button{min-height:38px;padding:0 14px;border:1px solid #c9bfd5;border-radius:999px;background:#fff;color:#3d2b66;font-size:13px;font-weight:800;cursor:pointer}
.pocket-sound-button[aria-pressed=true]{border-color:var(--pocket-purple);background:#f0eaff}
.pocket-validation{margin:12px 0 0;color:#a32929;font-size:14px;font-weight:700}
.pocket-sound-note{margin:13px 0 0;color:var(--pocket-muted);font-size:12px}
.pocket-type-guide-link{margin:10px 0 0;font-size:13px}
.pocket-type-guide-link a{color:#4b337b;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pocket-buy-row{display:grid;grid-template-columns:auto 82px minmax(180px,1fr);gap:10px;align-items:center;margin-top:24px}
.pocket-buy-row label{font-size:14px;font-weight:800}
.pocket-buy-row input{width:100%;min-height:48px;padding:0 10px;border:1px solid #c8c1cd;border-radius:13px;text-align:center}
.pocket-add-button{min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--pocket-ink);color:#fff;font-weight:800;cursor:pointer}
.pocket-add-button:disabled{cursor:wait;opacity:.65}
.pocket-cart-message{min-height:24px;margin:10px 0 0;color:#347352;font-size:14px;font-weight:700}
.pocket-cart-message.is-error{color:#a32929}
.pocket-back-link{display:inline-block;margin-top:14px;color:#4b337b;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pocket-clicker-product button:focus-visible,.pocket-clicker-product input:focus-visible,.pocket-clicker-product a:focus-visible{outline:3px solid var(--pocket-purple);outline-offset:3px}
@media(max-width:860px){.pocket-product-layout{grid-template-columns:1fr}.pocket-gallery-stage{max-height:720px}.pocket-product-details{padding-top:0}}
@media(max-width:520px){.pocket-clicker-product{padding:20px 0 64px}.pocket-clicker-product .wrap{width:min(100% - 22px,1180px)}.pocket-breadcrumbs{font-size:12px}.pocket-gallery-stage{border-radius:22px}.pocket-type-card{grid-template-columns:20px minmax(0,1fr);padding:13px}.pocket-sound-button{grid-column:2;justify-self:start}.pocket-buy-row{grid-template-columns:1fr 84px}.pocket-add-button{grid-column:1/-1}.pocket-buy-row label{align-self:center}}
@media(prefers-reduced-motion:reduce){.pocket-type-card{transition:none}}