.shop-head{gap:14px;margin-bottom:28px;display:grid}.search{gap:10px;max-width:620px;margin-top:8px;display:flex}.filters{z-index:5;border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fceefcd9;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;padding:10px;display:flex;position:sticky;top:12px}.more-filters{position:relative}.more-filters summary{cursor:pointer;border:1px dashed var(--grape);border-radius:999px;align-items:center;min-height:38px;padding:0 16px;font-size:14px;list-style:none;display:inline-flex}.more-filters summary::-webkit-details-marker{display:none}.more-filters__body{top:calc(100% + 10px);border-radius:var(--r);background:var(--surface);width:min(560px,90vw);box-shadow:var(--shadow);gap:18px;padding:22px;display:grid;position:absolute;inset-inline-start:0}.more-filters__body h3{margin-bottom:8px;font-size:14px}.count{margin-inline-start:auto;font-size:14px}.empty{text-align:center;justify-items:center;gap:18px;display:grid}.crumbs{color:var(--muted);margin-bottom:20px;font-size:13.5px}.crumbs a:hover{color:var(--berry)}.pdp{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(24px,5vw,80px);display:grid}.pdp__stage{top:calc(var(--header-h) + 16px);aspect-ratio:1;border-radius:var(--r-lg);background:radial-gradient(70% 60% at 50% 85%, var(--tint) 0%, transparent 70%), var(--surface);place-items:center;display:grid;position:sticky;overflow:hidden}.pdp__art{width:auto;height:84%;animation:5s ease-in-out infinite alternate hover-float}@keyframes hover-float{to{transform:translateY(-12px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.pdp__art{animation:none}}.pdp__info{gap:18px;display:grid}.pdp__brand{color:var(--berry);font-size:18px;font-style:italic}.pdp__title{font-size:clamp(30px,3.6vw,48px);font-weight:900}.pdp__lead{color:var(--muted);font-size:18px}.buybox{border-radius:var(--r-lg);background:var(--surface);box-shadow:0 30px 60px -40px color-mix(in srgb, var(--c) 70%, transparent);transition:box-shadow .6s var(--ease);gap:20px;padding:24px;display:grid}.buybox__price{font-size:26px;font-weight:900}.buybox__price s{color:var(--muted);font-size:16px;font-weight:400}.shades-pick{border:0;gap:12px;margin:0;padding:0;display:grid}.shades-pick legend{margin-bottom:12px;padding:0}.low{color:var(--berry);font-size:13.5px}.shades-pick__row{flex-wrap:wrap;gap:12px;display:flex}.swatch{background:var(--s);width:42px;height:42px;transition:transform .4s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 -6px 10px #0000002e,inset 0 6px 10px #ffffff40}.swatch:after{content:"";border:2px solid var(--amethyst);opacity:0;transition:opacity .3s, transform .4s var(--ease);border-radius:50%;position:absolute;inset:-5px;transform:scale(.85)}.swatch:hover{transform:scale(1.08)}.swatch.is-on:after{opacity:1;transform:none}.swatch.is-out{opacity:.35}.swatch.is-out:before{content:"";background:#fff;height:1.5px;position:absolute;inset:50% 4px auto;rotate:-45deg}.buybox__row{gap:12px;display:flex}.buybox__add{flex:1}.qty--lg button{width:46px;height:50px}.buybox__note{font-size:13px}.pdp__ask{border-radius:var(--r);background:linear-gradient(120deg,#d63af91a,#c62e6514);align-items:center;gap:14px;padding:18px;display:flex}.pdp__ask div{flex:1;font-size:14px}.pdp__ask .btn{min-height:42px;padding:0 20px}.pdp__details details{border-top:1px solid var(--line);padding-block:16px}.pdp__details summary{cursor:pointer;justify-content:space-between;font-weight:700;list-style:none;display:flex}.pdp__details summary:after{content:"+";transition:transform .4s var(--ease);font-size:20px;line-height:1}.pdp__details details[open] summary:after{transform:rotate(45deg)}.pdp__details details>:not(summary){color:var(--muted);margin-top:12px}.related{gap:32px;margin-top:clamp(64px,10vw,128px);display:grid}@media (max-width:860px){.pdp{grid-template-columns:1fr}.pdp__stage{aspect-ratio:4/3.4;position:relative;top:0}.search .btn{padding:0 18px}}.pdp__photo{object-fit:contain;mix-blend-mode:multiply;animation:photo-in .5s var(--ease);padding:6%}@keyframes photo-in{0%{opacity:0;transform:scale(.98)}}.pdp__thumbs{inset-inline-start:14px;z-index:1;gap:8px;display:flex;position:absolute;bottom:14px}.pdp__thumbs button{background:var(--surface);width:56px;height:56px;box-shadow:0 0 0 1px var(--line);border-radius:12px;transition:box-shadow .3s;overflow:hidden}.pdp__thumbs button.is-on{box-shadow:0 0 0 2px var(--amethyst)}.pdp__thumbs img{object-fit:cover;width:100%;height:100%}
