.pgrid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:clamp(.75rem,2vw,1.25rem);display:grid}.pcard{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .5s var(--ease-spring), border-color .4s;animation:card-in .6s var(--ease) both;flex-direction:column;display:flex;overflow:hidden}@keyframes card-in{0%{opacity:0;translate:0 1.2rem}}@media (hover:hover){.pcard:hover{border-color:oklch(.78 .17 var(--h) / .5);transform:translateY(-6px)}.pcard:hover .pcard__media>:is(.photo,.pcard__art){scale:1.08}}.pcard__media{aspect-ratio:1/.92;border-radius:calc(var(--radius) - .4rem);background:radial-gradient(circle at 50% 38%, oklch(.48 .17 var(--h) / .65), oklch(.24 .06 var(--h) / .9) 75%);place-items:center;margin:.5rem;display:grid;position:relative;overflow:hidden}.pcard__media:has(.photo){background:oklch(96.5% .004 90)}.photo.is-broken{visibility:hidden}.pcard__media .photo{object-fit:contain;transition:scale .7s var(--ease);padding:7%;position:absolute;inset:0}.pcard__art{aspect-ratio:1;filter:drop-shadow(0 18px 22px oklch(0% 0 0/.45));width:66%;transition:scale .7s var(--ease-spring)}.pcard__badge,.pcard__out{z-index:2;max-width:calc(100% - 1.4rem);color:var(--accent-ink);background:var(--grad);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;padding:.1rem .75rem;font-size:.75rem;font-weight:800;position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem;overflow:hidden}.pcard__out{color:var(--muted);background:oklch(30% .03 275/.9);inset-inline:auto .7rem}.pcard__body{flex-direction:column;flex:1;gap:.35rem;padding:.35rem 1.1rem 1.1rem;display:flex}.pcard__brand{letter-spacing:.04em;color:var(--accent);font-size:.78rem;font-weight:700}.pcard__title{text-wrap:balance;min-height:3.2em;font-size:1rem;font-weight:700;line-height:1.6}.pcard__title a:hover{color:var(--accent)}.pcard__rating{color:var(--faint);align-items:center;gap:.3rem;font-size:.85rem;display:flex}.pcard__rating svg{color:oklch(82% .16 80)}.pcard__rating b{color:var(--text)}.pcard__foot{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-top:auto;padding-top:.4rem;display:flex}.price{flex-direction:column;line-height:1.4;display:flex}.price del{color:var(--faint);font-size:.82rem}.price b{font-size:1.15rem;font-weight:800}.price small{color:var(--muted);font-size:.75rem;font-weight:500}.pcard .add,.pdp .add{width:3rem;height:3rem;color:var(--accent-ink);background:var(--grad);box-shadow:0 10px 24px -8px oklch(.78 .17 var(--h) / .7);transition:transform .5s var(--ease-spring);border-radius:1.1rem;flex-shrink:0;place-items:center;display:grid}.pcard .add:active{transform:scale(.85)rotate(90deg)}.pcard .add[disabled]{opacity:.4;pointer-events:none}.shop{grid-template-columns:17rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.shop__side{top:calc(var(--header-h) + 1rem);max-height:calc(100dvh - var(--header-h) - 2rem);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;gap:1rem;padding:1.1rem;display:grid;position:sticky;overflow-y:auto}.shop__side h3{margin-bottom:.5rem;font-size:.95rem;font-weight:800}.shop__bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.shop__bar h2{font-size:1.15rem;font-weight:800}.shop__bar small{color:var(--muted)}.shop__bar .grow{flex:1}.sel{border:1px solid var(--border-strong);min-height:2.6rem;color:var(--text);font:inherit;background:oklch(0% 0 0/.3);border-radius:.9rem;outline:none;padding:.4rem 1rem}.sel option{background:oklch(20% .03 275)}.ctree{gap:.1rem;font-size:.92rem;display:grid}.ctree a,.ctree summary{color:var(--muted);cursor:pointer;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;list-style:none;transition:background-color .25s,color .25s;display:flex}.ctree summary::-webkit-details-marker{display:none}.ctree a:hover,.ctree summary:hover{color:var(--text);background:oklch(100% 0 0/.06)}.ctree a.on{color:var(--accent-ink);background:var(--grad);font-weight:700}.ctree em{color:var(--faint);font-size:.75rem;font-style:normal}.ctree details>div{border-inline-start:1px solid var(--border);margin-inline-start:.7rem;padding-inline-start:.6rem}.fchips{flex-wrap:wrap;gap:.4rem;display:flex}.fchips button{color:var(--muted);border:1px solid var(--border);background:oklch(100% 0 0/.06);border-radius:99px;padding:.25rem .8rem;font-size:.85rem;transition:all .25s}.fchips button.on{color:var(--accent-ink);background:var(--grad);border-color:#0000;font-weight:700}.range{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.range input,.shop__side .search{border:1px solid var(--border-strong);width:100%;min-height:2.6rem;color:var(--text);font:inherit;background:oklch(0% 0 0/.3);border-radius:.8rem;outline:none;padding:.4rem .8rem}.range input:focus,.shop__side .search:focus{border-color:var(--accent)}.more{justify-content:center;margin-top:1.5rem;display:flex}.shop__filter-btn{display:none}.empty-box{color:var(--muted);text-align:center;grid-column:1/-1;justify-items:center;gap:.5rem;padding:3rem 1rem;display:grid}@media (width<=900px){.shop{grid-template-columns:1fr}.shop__side{z-index:90;max-height:82dvh;padding-bottom:calc(1.1rem + env(safe-area-inset-bottom));backdrop-filter:blur(24px);transition:translate .55s var(--ease);background:oklch(18% .03 275/.97);border-inline:0;border-radius:1.75rem 1.75rem 0 0;position:fixed;inset:auto 0 0;translate:0 105%;box-shadow:0 -30px 80px -20px oklch(0% 0 0/.8)}.shop__side.open{translate:0}.shop__filter-btn{display:inline-flex}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.pcard__body{padding:.2rem .75rem .85rem}.pcard__title{min-height:3.1em;font-size:.88rem}.price b{font-size:1rem}.pcard .add{border-radius:.9rem;width:2.6rem;height:2.6rem}}@media (width<=380px){.pgrid{grid-template-columns:1fr}}.pdp{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,4vw,3rem);display:grid}.crumbs{color:var(--faint);flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.crumbs a:hover{color:var(--accent)}.crumbs span:before{content:"›";margin-inline-end:.4rem}.gal{top:calc(var(--header-h) + 1rem);gap:.75rem;display:grid;position:sticky}.gal__main{aspect-ratio:1;border-radius:calc(var(--radius) * 1.2);background:radial-gradient(circle at 50% 38%, oklch(.48 .17 var(--h) / .65), oklch(.24 .06 var(--h) / .9) 75%);border:1px solid var(--border);cursor:zoom-in;touch-action:pan-y;place-items:center;display:grid;position:relative;overflow:hidden}.gal__main .photo{animation:fade-swap .5s var(--ease);position:absolute;inset:0}@keyframes fade-swap{0%{opacity:0;scale:1.04}}.gal__art{filter:drop-shadow(0 30px 40px oklch(0% 0 0/.5));width:62%;animation:6s ease-in-out infinite float}@keyframes float{50%{translate:0 -3%;rotate:2deg}}.gal__nav{z-index:3;backdrop-filter:blur(10px);border:1px solid var(--border-strong);opacity:0;background:oklch(0% 0 0/.4);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;transition:opacity .3s;display:grid;position:absolute;top:50%;translate:0 -50%}.gal__main:hover .gal__nav,.gal__main:focus-within .gal__nav{opacity:1}.gal__nav.prev{inset-inline-end:.7rem}.gal__nav.next{inset-inline-start:.7rem}.gal__thumbs{scrollbar-width:none;gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.gal__thumbs button{aspect-ratio:1;background:oklch(.25 .05 var(--h));opacity:.65;transition:opacity .3s, border-color .3s, transform .4s var(--ease-spring);border:2px solid #0000;border-radius:.9rem;flex:0 0 4.6rem;overflow:hidden}.gal__thumbs button img{object-fit:cover;width:100%;height:100%}.gal__thumbs button.on{opacity:1;border-color:var(--accent);transform:translateY(-2px)}.pdp__info h1{text-wrap:balance;font-size:clamp(1.4rem,3.6vw,2.2rem);font-weight:900;line-height:1.5}.pdp__brand{color:var(--accent);letter-spacing:.05em;margin-bottom:.3rem;font-weight:700;display:inline-block}.pdp__meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.2rem;margin:.6rem 0 1rem;font-size:.9rem;display:flex}.pdp__price{background:var(--surface);border:1px solid var(--border);border-radius:1.3rem;gap:.15rem;padding:1.1rem 1.2rem;display:grid}.pdp__price del{color:var(--faint)}.pdp__price b{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.pdp__price small{color:var(--muted);font-size:.9rem;font-weight:500}.pdp__fest{color:var(--accent);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;font-weight:700;display:flex}.pdp__fest .cd{background:oklch(.78 .17 var(--h) / .15);font-variant-numeric:tabular-nums;border-radius:99px;padding:.05rem .7rem}.pdp__buy{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.qty-box{border:1px solid var(--border-strong);background:oklch(0% 0 0/.25);border-radius:99px;align-items:center;display:inline-flex}.qty-box button{border-radius:50%;width:3rem;height:3rem;font-size:1.3rem}.qty-box span{text-align:center;min-width:2rem;font-weight:800}.pdp__stock{margin-top:.8rem;font-size:.9rem}.pdp__stock.ok{color:oklch(82% .16 155)}.pdp__stock.low{color:oklch(85% .14 85)}.pdp__stock.out{color:oklch(78% .17 20)}.pdp-sections{gap:1rem;margin-top:2.5rem;display:grid}.spec-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.spec-tabs button{color:var(--muted);background:oklch(100% 0 0/.05);border-radius:99px;padding:.5rem 1.2rem;font-weight:700;transition:all .3s}.spec-tabs button[aria-selected=true]{color:var(--accent-ink);background:var(--grad)}.spec-table{border:1px solid var(--border);border-radius:1.1rem;display:grid;overflow:hidden}.spec-table>div{grid-template-columns:minmax(8rem,.35fr) 1fr;gap:1rem;padding:.8rem 1.1rem;display:grid}.spec-table>div:nth-child(odd){background:oklch(100% 0 0/.04)}.spec-table dt{color:var(--muted);font-weight:600}.spec-table dd{margin:0;line-height:1.9}.prose{color:var(--muted);white-space:pre-line;line-height:2.1}.lightbox{z-index:110;backdrop-filter:blur(8px);cursor:zoom-out;background:oklch(0% 0 0/.88);place-items:center;animation:.3s both fade-swap;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:1rem;max-width:94vw;max-height:88dvh}@media (width<=860px){.pdp{grid-template-columns:1fr}.gal{position:static}.gal__nav{opacity:1}.pdp__buy{bottom:calc(var(--dock-h) + .75rem);z-index:20;border:1px solid var(--border-strong);backdrop-filter:blur(18px);background:oklch(20% .03 275/.85);border-radius:1.5rem;margin-inline:-.25rem;padding:.6rem;position:sticky}.pdp__buy .btn{flex:1}.spec-table>div{grid-template-columns:1fr;gap:.1rem}}.gal__main:has(.photo){background:oklch(96.5% .004 90)}.gal__main .photo{object-fit:contain;padding:6%}.gal__thumbs button{background:oklch(96.5% .004 90)}.gal__thumbs button img{object-fit:contain;padding:6%}.brandchip{align-items:center;gap:.45rem;display:inline-flex}.brandchip img{object-fit:contain;background:oklch(96.5% .004 90);border-radius:.3rem;width:auto;max-width:3.2rem;height:1.3rem;padding:.1rem .25rem}.pcard__brand{align-items:center;gap:.4rem;display:inline-flex}.pcard__brand img{object-fit:contain;background:oklch(96.5% .004 90);border-radius:.25rem;width:auto;max-width:3rem;height:1.1rem;padding:.05rem .2rem}.pdp__brand img{object-fit:contain;background:oklch(96.5% .004 90);border-radius:.5rem;width:auto;max-width:7rem;height:2rem;padding:.2rem .6rem;display:block}