.shop-hero{position:relative;overflow:hidden;border-radius:24px;padding:clamp(20px,3vw,34px);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--c) 22%,var(--surface)) 0,transparent 55%),radial-gradient(120% 140% at 100% 100%,color-mix(in srgb,var(--m) 20%,var(--surface)) 0,transparent 55%),var(--surface);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}
@media (max-width:820px){.shop-hero{grid-template-columns:minmax(0,1fr)}}
.shop-hero h2{font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.02;margin:.25em 0 .35em}
.shop-hero h2 em{font-style:normal;background:linear-gradient(90deg,var(--c),var(--m),#f5b301);-webkit-background-clip:text;background-clip:text;color:transparent}
.shop-hero p{color:var(--muted);font-size:1.05rem;max-width:52ch;margin:0}
.shop-q{display:flex;gap:8px;margin-top:18px;background:var(--bg);border:2px solid var(--line);border-radius:16px;padding:6px 6px 6px 14px;max-width:520px;transition:border-color .2s,box-shadow .2s}
.shop-q:focus-within{border-color:var(--m);box-shadow:0 10px 30px -18px var(--m)}
.shop-q input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.02rem;outline:0}
.shop-q button{border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:800;color:#fff;background:linear-gradient(135deg,#e0137a,#a3008f);box-shadow:0 8px 20px -12px #e0137a;cursor:pointer;transition:transform .15s,filter .15s}
.shop-q button:hover{filter:brightness(1.1);transform:translateY(-1px)}.shop-q button:active{transform:none}
.shop-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:.88rem;font-weight:700;color:var(--ink)}
.shop-trust span{display:inline-flex;gap:6px;align-items:center}
.shop-art{position:relative;height:190px}
.shop-art .sa{position:absolute;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18));animation:saFloat 6s ease-in-out infinite}
.shop-art .sa svg{display:block;width:100%;height:auto}
.shop-art .sa1{width:46%;left:2%;top:18%}.shop-art .sa2{width:40%;right:6%;top:2%;animation-delay:-2s}.shop-art .sa3{width:42%;right:14%;bottom:0;animation-delay:-4s}
@keyframes saFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media (max-width:820px){.shop-art{height:150px}}
.shop-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
@media (min-width:1200px){.shop-cats{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.shop-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (max-width:760px){.shop-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.shop-cats{grid-template-columns:1fr}}
.shop-cat{position:relative;display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--ink);border-radius:18px;overflow:hidden;background:var(--surface);border:1.5px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s,border-color .3s;isolation:isolate}
.shop-cat:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px var(--sc,#000);border-color:var(--sc)}
.shop-cat .sc-img{position:relative;aspect-ratio:2/1;display:grid;place-items:center;background:radial-gradient(90% 90% at 50% 40%,color-mix(in srgb,var(--sc) 30%,var(--bg)),color-mix(in srgb,var(--sc) 10%,var(--surface)))}
.shop-cat .sc-img svg{width:auto;height:84%;max-width:70%;height:auto;transition:transform .45s cubic-bezier(.2,.8,.3,1.3)}
.shop-cat:hover .sc-img svg{transform:scale(1.08) rotate(-3deg)}
.shop-cat .sc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.shop-cat:hover .sc-img::after{transform:translateX(120%)}
.shop-cat .sc-b{padding:10px 12px 12px;display:grid;gap:2px;align-content:start}
.shop-cat b{font-family:var(--f-display);font-weight:900;font-size:.98rem;line-height:1.15}
.shop-cat small{color:var(--muted);font-size:.78rem;line-height:1.3}
.shop-cat .sc-go{margin-top:4px;font-size:.76rem;font-weight:800;color:var(--sc)}
.shop-cat .sc-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:.64rem;font-weight:800;letter-spacing:.04em;padding:4px 9px;border-radius:99px;background:var(--bg);color:var(--ink);box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
.shop-cat.big{grid-column:span 2}
.shop-cat.big .sc-img{aspect-ratio:auto;min-height:100%;max-height:220px}
.shop-cat.big{grid-template-columns:1.1fr 1fr;grid-template-rows:none}
@media (max-width:560px){.shop-cat.big{grid-template-columns:1fr}.shop-cat.big .sc-img{aspect-ratio:16/9}}@media (max-width:360px){.shop-cat.big{grid-column:auto}}
.shop-cat.big .sc-b{align-content:center;padding:16px 18px}.shop-cat.big b{font-size:1.25rem}.shop-cat.big small{font-size:.86rem}
.shop-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.88rem;font-weight:700;color:var(--muted);margin:0 0 12px}
.shop-crumb a{color:var(--muted);text-decoration:none}.shop-crumb a:hover{color:var(--ink)}.shop-crumb b{color:var(--ink)}
.shop-ch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px;border-radius:24px;background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--sc) 22%,var(--surface)),var(--surface) 65%);margin-bottom:18px}
.shop-ch .sc-ico{width:110px}
.shop-ch h2{margin:0 0 4px;font-size:clamp(1.6rem,4vw,2.4rem)}.shop-ch p{margin:0;color:var(--muted)}
@media (max-width:560px){.shop-ch{grid-template-columns:1fr}.shop-ch .sc-ico{width:84px}}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.shop-item{display:grid;grid-template-rows:auto 1fr;border-radius:18px;overflow:hidden;background:var(--surface);border:1.5px solid var(--line);transition:transform .25s,box-shadow .25s}
.shop-item:hover{transform:translateY(-4px);box-shadow:0 18px 30px -22px rgba(0,0,0,.5)}
.shop-item .si-img{aspect-ratio:1;background:#fff center/contain no-repeat;display:grid;place-items:center}
.shop-item .si-b{padding:12px;display:grid;gap:4px;align-content:start}
.shop-item .si-br{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.shop-item .si-n{font-weight:800;line-height:1.25}
.shop-item .si-d{font-size:.84rem;line-height:1.3;color:var(--muted)}
.shop-item[hidden]{display:none}
.shop-item .si-img{position:relative;overflow:hidden;transition:transform .35s}
.shop-item .si-link{overflow:hidden;display:block}
.shop-item:hover .si-img{transform:scale(1.04)}
.shop-item.is-off .si-img{filter:grayscale(.7);opacity:.7}
.sbs{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 16px)}
.sb{font-size:.72rem;font-weight:800;border-radius:99px;padding:3px 9px;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ccg{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 4px 3px 8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1.5px dashed var(--line)}
.ccg-l{font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.shop-item .si-cols button.cc3,.ccb.cc3{border-style:solid;border-color:#e0137a;color:#e0137a;background:var(--bg)}
.shop-item .si-cols button.cc3:hover,.ccb.cc3:hover{background:#e0137a;color:#fff}
.lot{margin:12px 0;padding:14px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface)}
.lot h4{margin:0 0 2px;font-size:1rem}.lot>p{margin:0 0 10px;font-size:.85rem;color:var(--muted)}
.lot-q{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lot-q button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.8rem;font-weight:800;padding:7px 12px;border-radius:99px;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink);cursor:pointer}.lot-q button:hover{background:var(--ink);color:var(--bg)}
.lot-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.lot-c{position:relative;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;border:2px solid var(--line);background:var(--bg);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lot-c input{position:absolute;opacity:0;width:1px;height:1px}.lot-c .cdot{width:18px;height:18px}
.lot-c span{display:grid;line-height:1.2}.lot-c b{font-size:.78rem;letter-spacing:.04em}.lot-c small{font-size:.76rem;color:var(--muted);font-weight:700}
.lot-c.on{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}.lot-c.on::after{content:"✓";position:absolute;right:8px;top:6px;font-weight:900;font-size:.8rem}
.lot-c:has(input:focus-visible){outline:2px solid #e0137a;outline-offset:2px}.lot-c.is-off{opacity:.45;cursor:not-allowed}
.lot-s{display:grid;gap:4px;margin:14px 0 6px;padding-top:12px;border-top:1px dashed var(--line)}.lot-for{font-size:.85rem;color:var(--muted);font-weight:700}.lot-for b{color:var(--ink)}.lot-s .sa-p{margin:0}.lot-s .sa-p s{margin-left:8px}
.lot-pk{font-size:.82rem;font-weight:800;color:#178a4c}.lot-e{margin:10px 0 0;font-size:.85rem;color:var(--muted)}
.sb-eco{background:#ffd400;color:#14151a;box-shadow:0 6px 14px -8px rgba(160,120,0,.9)}.sb-pk{background:#14151a;color:#fff}
.pk-dots{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}.pk-d{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:900;letter-spacing:.04em;padding:3px 8px 3px 4px;border-radius:99px;background:var(--bg);border:1.5px solid var(--line)}.pk-d b{font-weight:900}
.sart .si-pk{display:none}.si-pk{display:block;margin-top:4px;font-size:.76rem;font-weight:800;color:#a36b00;text-decoration:none}.si-pk:hover{text-decoration:underline}
.pk-box{margin:12px 0;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff8d6,color-mix(in srgb,#ffd400 8%,var(--surface)));border:1.5px solid #f5d36a;color:#14151a}
.pk-box h4{margin:0 0 2px;font-size:1rem}.pk-box p{margin:0 0 10px;font-size:.85rem;color:#5a4300}
.pk-list{display:grid;gap:8px}.pk-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:#fff;border:1.5px solid #f1e3a6;text-decoration:none;color:#14151a;transition:border-color .15s,transform .15s}
.pk-row:hover{border-color:#14151a;transform:translateY(-1px)}.pk-row.eco{border-color:#e8a700;box-shadow:0 0 0 3px rgba(255,212,0,.35)}
.pk-im{width:52px;height:52px;border-radius:10px;background:#fff center/cover no-repeat}.pk-tx{display:grid;gap:2px;min-width:0}.pk-tx b{font-size:.88rem;line-height:1.25}.pk-tx small{font-size:.72rem;color:#5a5e68;font-weight:700}
.pk-pr{display:grid;justify-items:end}.pk-pr b{font-family:var(--f-display);font-weight:900;font-size:1.02rem;white-space:nowrap}.pk-pr small{font-size:.74rem;font-weight:900;color:#178a4c}
.pk-cmp{margin:12px 0;padding:14px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface)}.pk-cmp h4{margin:0 0 8px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pk-cmp ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.pk-cmp li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.88rem}.pk-cmp li a{color:inherit}.pk-cmp li b{white-space:nowrap}
.pk-tot{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding-top:10px;border-top:1px dashed var(--line);font-size:.9rem}.pk-tot s{color:var(--muted)}.pk-you{color:#178a4c;font-weight:800}
.sb-rec{background:#178a4c;color:#fff;box-shadow:0 6px 14px -8px rgba(23,138,76,.9)}
.shop-item.is-rec{border-color:color-mix(in srgb,#178a4c 45%,var(--line))}
.si-cols{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.ccb{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:.66rem;font-weight:900;letter-spacing:.05em;padding:4px 8px 4px 5px;border-radius:99px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.ccb:hover{transform:translateY(-1px);border-color:var(--ink)}
.ccb.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.ccb.is-off{opacity:.5;text-decoration:line-through}
.cdot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 1.5px color-mix(in srgb,var(--ink) 45%,transparent)}
.ccb.on .cdot{box-shadow:0 0 0 2px var(--bg)}
.si-save{display:block;font-size:.76rem;font-weight:800;color:#178a4c;margin-top:2px}
.sa-sel{display:grid;gap:12px;margin:14px 0 6px;padding:14px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface)}
.sa-sr{display:grid;gap:7px}.sa-sl{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sa-sl b{color:var(--ink)}
.sa-vers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.sa-ver{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font:inherit;padding:11px 14px;border-radius:14px;border:2px solid var(--line);background:var(--bg);color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sa-ver:hover{border-color:var(--ink)}
.sa-ver.on{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}
.sa-ver.rec.on{border-color:#178a4c;box-shadow:0 0 0 3px rgba(23,138,76,.18)}
.sa-vt{display:grid;gap:2px}.sa-vt b{font-size:.92rem}.sa-vt em{font-style:normal;font-size:.72rem;font-weight:900;color:#178a4c;letter-spacing:.03em}
.sa-vp{font-family:var(--f-display);font-weight:900;font-size:1.05rem;white-space:nowrap}
.sa-ver small{font-size:.7rem;font-weight:800;color:#c8102e}
.sa-cols .ccb{font-size:.74rem;padding:6px 11px 6px 7px}.sa-cols .cdot{width:15px;height:15px}
.sart .si-save{font-size:.9rem;margin:-4px 0 10px}
.sb-top{background:#ffd400;color:#14151a}.sb-pct{background:#e0137a;color:#fff}.sb-gift{background:linear-gradient(135deg,#e0137a,#a3008f);color:#fff}.sb-off{background:#14151a;color:#fff}
.sart .sa-img{position:relative}.sart .sbs{left:14px;top:14px}.sart .sb{font-size:.82rem;padding:5px 11px}
.sa-save{display:inline-block;margin-left:6px;background:#e0137a;color:#fff;font-weight:800;font-size:.8rem;border-radius:99px;padding:3px 10px;align-self:center}
.sa-off{background:var(--bg);border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;color:var(--muted)}.sa-off b{color:var(--ink)}
.sa-trust{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sa-trust li{display:grid;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:.84rem;line-height:1.3}
.sa-trust li span{font-size:1.2rem}.sa-trust small{color:var(--muted)}
@media (max-width:520px){.sa-trust{grid-template-columns:1fr}.sa-trust li{grid-template-columns:auto 1fr;column-gap:10px}.sa-trust li span{grid-row:span 2}}
.si-bonus{display:inline-block;justify-self:start;background:linear-gradient(135deg,#e0137a,#a3008f);color:#fff;font-size:.74rem;font-weight:800;border-radius:99px;padding:3px 9px;margin-top:2px}
.sa-bonus{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(135deg,#fde7f2,#f3e6fb);border:1.5px solid #e0137a;color:#4a0b2c;border-radius:14px;padding:12px 14px;font-size:.95rem;line-height:1.4}
.sa-bonus p{margin:0}.sa-bonus b{color:#a3005a}
.sa-specs{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;font-size:.94rem}
.sa-specs th,.sa-specs td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--line)}
.sa-specs tr:last-child th,.sa-specs tr:last-child td{border-bottom:0}
.sa-specs th{width:38%;font-weight:700;color:var(--muted)}
@media (max-width:560px){.sa-specs th,.sa-specs td{display:block;width:auto;padding:4px 12px;border-bottom:0}.sa-specs th{padding-top:10px}.sa-specs td{padding-bottom:10px;border-bottom:1px solid var(--line)}}
.shop-apx{display:flex;gap:10px;align-items:flex-start;background:#fff4c2;border:1.5px solid #f5b301;color:#4a3800;border-radius:14px;padding:11px 14px;margin:0 0 14px;font-size:.92rem;line-height:1.4}
.shop-apx p{margin:0}.shop-apx b{color:#2e2300}
.sart .shop-apx{margin:4px 0 0}
.si-apx{font-style:normal;font-weight:900;color:#b07d00;margin-right:2px}
.si-apxl{display:inline-block;justify-self:start;background:#ffe27a;color:#3d2e00;font-size:.72rem;font-weight:800;border-radius:99px;padding:2px 8px;margin-top:2px}
.si-np{display:block;margin-top:8px;font-weight:700;color:var(--muted);font-size:.9rem}
.shop-q{position:relative}
.shop-ac{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.35);padding:6px;max-height:360px;overflow:auto}
.shop-ac .ac-o{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--ink)}
.shop-ac .ac-o[aria-selected="true"],.shop-ac .ac-o:hover{background:var(--bg)}
.shop-ac .ac-t{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-ac small{color:var(--muted);white-space:nowrap}
.shop-ac .ac-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#e0137a;color:#fff;font-weight:900;flex:0 0 auto}
.shop-ac .ac-none{padding:10px 12px;color:var(--muted)}
.shop-sug{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;max-width:620px}
.shop-sug .ss-l{font-weight:800;font-size:.86rem;color:var(--muted);margin-right:2px}
.shop-sug button,.shop-tags button{font:inherit;font-weight:700;font-size:.88rem;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:7px 13px;min-height:38px;cursor:pointer;transition:border-color .15s,transform .15s}
.shop-sug button:hover,.shop-tags button:hover{border-color:#e0137a;transform:translateY(-1px)}
.shop-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.shop-tags button small{font-weight:600;color:var(--muted);margin-left:2px}
.shop-tags button[aria-pressed="true"]{background:#e0137a;border-color:#e0137a;color:#fff}
.shop-tags button[aria-pressed="true"] small{color:inherit;opacity:.8}
@media (max-width:560px){.shop-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:-4px;padding-inline:4px;scrollbar-width:thin}.shop-tags button{flex:0 0 auto}}
.shop-item .si-link{display:block;color:inherit}
.shop-item a.si-n{color:inherit;text-decoration:none}.shop-item a.si-n:hover{text-decoration:underline}
.sa-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px}
.sa-top .shop-crumb{margin:0;min-width:0}
.sa-back{font:inherit;font-weight:800;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:9px 16px;min-height:44px;cursor:pointer}
.sa-back:hover{border-color:var(--ink)}
.sart{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;align-items:start;background:var(--surface);border:1.5px solid var(--line);border-radius:22px;padding:22px}
.sa-img{aspect-ratio:1;border-radius:16px;background:#fff center/contain no-repeat;display:grid;place-items:center;width:100%;max-width:500px;justify-self:center;image-rendering:auto}
.sa-img svg{width:70%;height:auto}
.sa-b{display:grid;gap:10px;align-content:start}
.sa-b h2{margin:0;font-family:var(--f-display);font-size:clamp(1.4rem,3vw,2rem);line-height:1.15}
.sa-d{margin:0;color:var(--muted)}
.sa-p{margin:4px 0 0;display:flex;align-items:baseline;gap:10px}.sa-p b{font-family:var(--f-display);font-weight:900;font-size:2rem}.sa-p s{color:var(--muted)}.sa-p small{color:var(--muted);font-weight:700}
.sa-add button,.sa-res{width:100%;max-width:360px;border:0;border-radius:12px;padding:14px 16px;min-height:48px;font:inherit;font-weight:800;font-size:1.02rem;background:var(--ink);color:var(--bg);cursor:pointer}
.sa-add button:hover,.sa-res:hover{filter:brightness(1.15)}
.sart .si-br{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sa-b h2:focus{outline:none}
.sa-info{margin:6px 0 0;padding:0 0 0 18px;color:var(--muted);font-size:.92rem;display:grid;gap:4px}
.sa-ref{margin:0;font-size:.84rem;color:var(--muted);word-break:break-word}
.sa-h{margin:26px 0 12px;font-size:1.15rem}
@media (max-width:720px){.sart{grid-template-columns:1fr;padding:14px;gap:16px}.sa-img{max-width:420px;width:100%;justify-self:center}}
.shop-mk{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.shop-mk button{font:inherit;font-weight:700;font-size:.9rem;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:8px 14px;min-height:40px;cursor:pointer}
.shop-mk button small{font-weight:600;color:var(--muted);margin-left:2px}
.shop-mk button[aria-pressed="true"]{background:var(--ink);color:var(--bg,#fff);border-color:var(--ink)}
.shop-mk button[aria-pressed="true"] small{color:inherit;opacity:.7}
@media (max-width:560px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-item{border-radius:14px}.shop-item .si-b{padding:9px 10px 10px}.shop-item .si-n{font-size:.92rem}.shop-item .si-d{font-size:.78rem}.shop-item .si-p b{font-size:1.08rem}.shop-item .si-b button{font-size:.84rem;padding-inline:6px}}
.shop-item .si-p{display:flex;align-items:baseline;gap:8px;margin-top:4px}.shop-item .si-p b{font-family:var(--f-display);font-weight:900;font-size:1.25rem}.shop-item .si-p s{color:var(--muted);font-size:.85rem}
.shop-item button{margin-top:8px;border:0;border-radius:10px;padding:9px 12px;font:inherit;font-weight:800;background:var(--ink);color:var(--bg);cursor:pointer}
.shop-item .si-cols button.ccb{margin:0;border:1.5px solid var(--line);border-radius:99px;padding:3px 8px 3px 4px;font-size:.66rem;font-weight:900;background:var(--bg);color:var(--ink)}
.shop-item .si-cols button.ccb:hover{border-color:var(--ink)}
.shop-item .si-cols button.ccb.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.shop-skel{border-radius:18px;background:var(--surface);border:1.5px dashed var(--line);overflow:hidden}
.shop-skel i{display:block;aspect-ratio:1;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--ink) 7%,transparent) 50%,transparent 70%) 0 0/200% 100%,color-mix(in srgb,var(--ink) 4%,transparent);animation:skel 1.6s linear infinite}
.shop-skel span{display:block;height:12px;margin:12px;border-radius:6px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.shop-skel span+span{width:55%;margin-top:0}
@keyframes skel{to{background-position:-200% 0,0 0}}
.shop-soon{position:relative}
.shop-soon .ss-msg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px}
.shop-soon .ss-card{max-width:440px;padding:22px 24px;border-radius:22px;background:var(--bg);box-shadow:0 30px 60px -30px rgba(0,0,0,.45);border:1.5px solid var(--line)}
.shop-soon .ss-card b{display:block;font-family:var(--f-display);font-size:1.3rem;font-weight:900;margin-bottom:6px}
.shop-soon .ss-card p{margin:0 0 12px;color:var(--muted)}
.shop-soon .ss-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.shop-ink{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
@media (max-width:760px){.shop-ink{grid-template-columns:1fr}}
.shop-ink a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:14px 16px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);font-weight:800;transition:border-color .2s,transform .2s}
.shop-ink a:hover{border-color:var(--c);transform:translateY(-2px)}.shop-ink a small{display:block;font-weight:600;color:var(--muted);font-size:.82rem}
.shop-ink a span:first-child{font-size:1.6rem}
.ink-crumb{margin-bottom:10px}

/* ---- animations boutique ---- */
.shop-item.pre{opacity:0;transform:translateY(16px) scale(.98)}
.shop-item.in{opacity:1;transform:none;transition:opacity .45s ease var(--d,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--d,0ms),box-shadow .25s,border-color .25s}
.shop-item .si-img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.shop-item.in:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(20,21,26,.45)}.shop-item:hover .si-img{transform:scale(1.035)}}
.shop-item.swap .si-img{animation:swapIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes swapIn{from{opacity:.2;transform:scale(.92) rotate(-2deg)}to{opacity:1;transform:none}}
.ccb:active,.lot-c:active,.lot-q button:active,.sa-ver:active{transform:scale(.95)}
.lot-c.on .cdot{animation:pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
.si-add button{transition:transform .15s,background .25s}.si-add button:active{transform:scale(.97)}
.si-add button.ok{background:#178a4c!important;color:#fff!important;animation:okPulse .5s ease}
@keyframes okPulse{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
.fly{position:fixed;z-index:9999;width:72px;height:72px;border-radius:50%;background:#fff center/contain no-repeat;box-shadow:0 10px 26px -8px rgba(0,0,0,.45);pointer-events:none;border:3px solid #fff}
.sart{animation:saIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes saIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sb-eco{animation:ecoGlow 2.8s ease-in-out infinite}
@keyframes ecoGlow{0%,100%{box-shadow:0 6px 14px -8px rgba(160,120,0,.9)}50%{box-shadow:0 0 0 4px rgba(255,212,0,.35),0 6px 14px -8px rgba(160,120,0,.9)}}
/* scène : les cartouches choisies */
.sa-img.has-stage{overflow:hidden;position:relative}
.sa-main{position:absolute;inset:0;background:center/contain no-repeat;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.sa-img.stacked .sa-main{opacity:0;transform:scale(.8) translateY(6%)}
.sa-img.stacked::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 48%,rgba(224,19,122,.10),transparent 70%),radial-gradient(40% 40% at 30% 60%,rgba(31,166,220,.10),transparent 70%),radial-gradient(40% 40% at 70% 60%,rgba(255,212,0,.12),transparent 70%);animation:fadeIn .5s ease;pointer-events:none}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.sa-stage{position:absolute;inset:0;z-index:2}
.stk{position:absolute;left:50%;top:50%;height:var(--h,62%);aspect-ratio:auto;transform:translate(-50%,-50%) translate(var(--x,0),var(--y,0)) rotate(var(--r,0));transition:transform .6s cubic-bezier(.34,1.4,.64,1),opacity .4s ease,height .5s ease;filter:drop-shadow(0 18px 18px rgba(20,21,26,.28))}
.stk img{height:100%;width:auto;display:block}
.stk.new{opacity:0;transform:translate(-50%,-50%) translate(var(--x,0),calc(var(--y,0) + 46%)) rotate(calc(var(--r,0) + 18deg)) scale(.55)}
.stk.out{opacity:0;transform:translate(-50%,-50%) translate(var(--x,0),-60%) rotate(-14deg) scale(.6);transition:transform .45s ease-in,opacity .35s ease-in}
.stk .spl{position:absolute;left:50%;top:38%;width:10px;height:10px;border-radius:50%;background:var(--c);opacity:0;pointer-events:none}
.stk:not(.new) .spl{animation:splash .8s ease-out .25s}
@keyframes splash{0%{opacity:.9;box-shadow:0 0 0 0 var(--c),24px -30px 0 -2px var(--c),-28px -18px 0 -3px var(--c),30px 14px 0 -3px var(--c),-22px 26px 0 -2px var(--c);transform:scale(.4)}100%{opacity:0;box-shadow:0 0 0 30px transparent,70px -80px 0 -4px var(--c),-80px -50px 0 -5px var(--c),84px 40px 0 -5px var(--c),-64px 74px 0 -4px var(--c);transform:scale(1)}}
.sa-stl{position:absolute;left:50%;bottom:14px;z-index:3;transform:translate(-50%,12px);opacity:0;font-size:.78rem;font-weight:900;letter-spacing:.05em;padding:6px 12px;border-radius:99px;background:#14151a;color:#fff;white-space:nowrap;transition:opacity .3s,transform .4s cubic-bezier(.34,1.4,.64,1)}
.sa-stl.on{opacity:1;transform:translate(-50%,0)}
/* mobile */
@media (max-width:640px){
  .sart .sa-img{max-width:340px}
  .sa-sel{padding:12px}.sa-vers{grid-template-columns:1fr 1fr;gap:6px}.sa-ver{padding:9px 10px;flex-direction:column;align-items:flex-start;gap:4px}.sa-vp{font-size:.98rem}
  .lot{padding:12px}.lot-g{grid-template-columns:repeat(2,minmax(0,1fr))}.lot-c{padding:10px 8px;min-height:48px}
  .lot-q button{padding:9px 12px}
  .sa-cols .ccb,.si-cols .ccb{min-height:32px}
  .shop-item .si-cols button.ccb{padding:5px 8px 5px 4px}
  .ccg{border-radius:14px}
  .lot-s .sa-p b{font-size:1.9rem}
  .sart .sa-add button,.lot .sa-add button{width:100%}
  .sart .sb{font-size:.72rem;padding:4px 9px}
  .pk-row{grid-template-columns:44px minmax(0,1fr) auto}.pk-im{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.shop-item.pre{opacity:1;transform:none}.shop-item.in,.stk,.sa-stl,.sart,.sb-eco,.shop-item .si-img{transition:none!important;animation:none!important}.stk .spl{display:none}}

/* bandeau de recherche plus compact, rayons plus grands */
.shop-hero{padding:clamp(16px,2.2vw,24px) clamp(18px,2.6vw,30px);gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr)}
.shop-hero h2{font-size:clamp(1.45rem,2.6vw,2rem);margin:.15em 0 .25em}
.shop-hero p{font-size:.95rem}
.shop-q{margin-top:12px;max-width:560px;padding:4px 4px 4px 14px}
.shop-q input{font-size:.98rem}.shop-q button{padding:9px 16px}
.shop-sug{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;margin-top:10px;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.shop-sug::-webkit-scrollbar{display:none}
.shop-sug button{flex:none;font-size:.82rem;padding:5px 11px;min-height:32px}.shop-sug .ss-l{flex:none;font-size:.8rem}
.shop-trust{margin-top:10px;font-size:.8rem}
.shop-art{height:140px}
@media (max-width:820px){.shop-hero{grid-template-columns:minmax(0,1fr)}.shop-art{display:none}.shop-hero p{display:none}}
.shop-cats{gap:14px;margin-top:18px}
@media (min-width:1200px){.shop-cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.shop-cat .sc-img{aspect-ratio:16/9}
.shop-cat .sc-b{padding:12px 14px 14px;gap:3px}
.shop-cat b{font-size:1.1rem}.shop-cat small{font-size:.84rem}.shop-cat .sc-go{font-size:.82rem}
.shop-cat .sc-badge{font-size:.7rem}
.shop-cat.big .sc-img{max-height:260px}.shop-cat.big b{font-size:1.4rem}.shop-cat.big small{font-size:.92rem}
.shop-hero p{max-width:64ch}
@media (max-width:560px){.shop-trust{display:none}.shop-cat.big .sc-img{aspect-ratio:auto;height:140px;min-height:0}.shop-cat.big .sc-img svg{height:120px;width:auto}.shop-cat.big b{font-size:1.15rem}.shop-cat.big .sc-b{padding:12px 14px}}
@media (max-width:560px){.shop-cat b{font-size:.98rem}.shop-cat small{font-size:.78rem}.shop-cat .sc-b{padding:10px 11px 12px}}

/* badges : jamais par-dessus la pastille « PACK ×n » ou « XL » en haut à droite de la photo */
.shop-item .sbs{max-width:64%}.sart .sbs{max-width:66%}
@media (max-width:560px){.shop-item .sb{font-size:.6rem;padding:3px 7px}.shop-item .sbs{left:6px;top:6px;gap:3px}}
.shop-for{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,#1fa6dc 10%,var(--surface));border:1.5px solid color-mix(in srgb,#1fa6dc 35%,var(--line))}.shop-for>span{font-size:1.6rem}.shop-for div{flex:1 1 240px;display:grid;gap:2px}.shop-for small{color:var(--muted)}.shop-for a{font-weight:800;color:var(--ink);font-size:.88rem}
.shop-1h{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px;padding:14px 20px;border-radius:20px;color:#fff;background:linear-gradient(115deg,#14151a 0%,#24162c 45%,#7a1048 80%,#e0137a 100%);box-shadow:0 14px 34px -18px #e0137a99}
.shop-1h::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 35%,#ffffff1f 50%,transparent 65%);transform:translateX(-100%);animation:s1Shine 4s ease-in-out infinite}
.shop-1h::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:#ffd40033;filter:blur(30px);z-index:-1}
@keyframes s1Shine{55%,100%{transform:translateX(100%)}}
.s1-clk{flex:none;width:52px;height:52px}.s1-clk circle{fill:none;stroke-width:4}.s1-clk .r{stroke:#ffffff30}.s1-clk .a{stroke:#ffd400;stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107;transform:rotate(-90deg);transform-origin:24px 26px;animation:s1Arc 3s ease-in-out infinite}
.s1-clk .h{stroke:#fff;stroke-width:3.5;stroke-linecap:round;transform-origin:24px 26px;animation:s1Hand 3s linear infinite}.s1-clk .t{stroke:#fff;stroke-width:3.5;stroke-linecap:round;fill:none}
@keyframes s1Arc{0%{stroke-dashoffset:107}70%,100%{stroke-dashoffset:0}}@keyframes s1Hand{to{transform:rotate(360deg)}}
.s1-t{display:flex;flex-direction:column;min-width:0;flex:1 1 220px}.s1-t b{font-family:var(--f-display);font-weight:900;font-stretch:112%;font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.05;background:linear-gradient(90deg,#fff,#ffd400);-webkit-background-clip:text;background-clip:text;color:transparent}
.s1-t span{font-size:.88rem;font-weight:600;opacity:.88}
.s1-st{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.s1-st li{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:99px;background:#ffffff17;font-size:.8rem;font-weight:700;animation:s1In .6s cubic-bezier(.2,.8,.3,1.3) backwards}
.s1-st li:nth-child(2){animation-delay:.12s}.s1-st li:nth-child(3){animation-delay:.24s}
.s1-st i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffd400;color:#14151a;font-weight:900;font-size:.75rem}
@keyframes s1In{from{opacity:0;transform:translateY(8px)}}
@media (max-width:720px){.shop-1h{padding:12px 14px;gap:10px}.s1-clk{width:42px;height:42px}.s1-st{width:100%}.s1-st li{flex:1 1 auto;font-size:.74rem}}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.shop-1h::before,.s1-clk .a,.s1-clk .h,.s1-st li{animation:none}}
.shop-cat.is-soon{background:linear-gradient(135deg,color-mix(in srgb,#ff9a1f 16%,var(--surface)),color-mix(in srgb,#ff9a1f 6%,var(--surface)));box-shadow:inset 0 0 0 2px #ff9a1f}
.shop-cat.is-soon .sc-badge{background:#e8790c;color:#fff;animation:sscPulse 2.4s ease-in-out infinite}
.shop-cat.is-soon .sc-img{filter:grayscale(.35);opacity:.8}
.shop-cat.is-soon .sc-go{color:#c25f00}
@keyframes sscPulse{50%{box-shadow:0 0 0 6px #e8790c22}}
.shop-sooncat{display:grid;justify-items:center;text-align:center;gap:12px;padding:clamp(26px,5vw,48px) 20px;margin-top:10px;border-radius:24px;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,#ff9a1f 22%,var(--surface)),var(--surface) 70%);border:2px solid #ff9a1f}
.ssc-ic{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#e8790c;font-size:2.2rem;box-shadow:0 12px 30px -12px #e8790c}
.ssc-ic span{animation:sscFlip 2.6s ease-in-out infinite;display:inline-block}
@keyframes sscFlip{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
.ssc-tag{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#c25f00}
.shop-sooncat h2{margin:0;font-size:clamp(1.5rem,3.2vw,2.1rem)}
.shop-sooncat p{margin:0;max-width:56ch;color:var(--muted);line-height:1.55}
.ssc-back{display:inline-flex;align-items:center;gap:8px;margin:2px 0 4px;padding:10px 16px 10px 12px;border-radius:99px;background:var(--ink);color:var(--bg);font-weight:800;font-size:.92rem;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:sscBack .45s cubic-bezier(.2,.8,.3,1.3)}
.ssc-back span{display:inline-block;transition:transform .2s}.ssc-back:hover{box-shadow:0 10px 22px -12px #000}.ssc-back:hover span{transform:translateX(-4px)}
@keyframes sscBack{from{opacity:0;transform:translateX(-12px)}}
.ssc-back2{margin-top:4px;font-weight:700;color:#c25f00;text-decoration:none}.ssc-back2:hover{text-decoration:underline}
.ssc-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.ssc-acts .btn:first-child{background:#e8790c;border-color:#e8790c;color:#fff}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.shop-cat.is-soon .sc-badge,.ssc-ic span{animation:none}}