/* PULSE Atelier — pages connexion / inscription / espace client */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');
:root{--bg:#05060f;--text:#e8ecfa;--muted:#9aa3cc;--dim:#6f78a3;--line:rgba(150,160,220,.22);--pink:#ff7ad9;--violet:#b28cff;--cyan:#5fd0ff;--orange:#ff9a4d;--green:#3fcf8e;--red:#ff7b7b;--amber:#e9b85a}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#8fd3f4;text-decoration:none}a:hover{color:#fff}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0;color:#fff}
.blob{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none}
.b1{animation:d1 18s ease-in-out infinite alternate}.b2{animation:d2 22s ease-in-out infinite alternate}.b3{animation:d3 26s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate(140px,110px) scale(1.2)}}@keyframes d2{to{transform:translate(-130px,-70px) scale(.85)}}@keyframes d3{to{transform:translate(60px,-120px) scale(1.15)}}
.grad{background:linear-gradient(100deg,#ff7ad9 0%,#b28cff 35%,#5fd0ff 65%,#ff9a4d 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s linear infinite}
@keyframes shine{to{background-position:220% 0}}
.spin{animation:spin 40s linear infinite}.spin2{animation:spin 26s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.orb{animation:orb 5s ease-in-out infinite}@keyframes orb{0%,100%{box-shadow:0 0 60px 10px rgba(255,122,217,.55)}50%{box-shadow:0 0 110px 26px rgba(138,108,240,.7)}}
.float{animation:fl 6s ease-in-out infinite}.float2{animation:fl 7s ease-in-out infinite reverse}@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.pulse{animation:pu 2s ease-in-out infinite}@keyframes pu{0%,100%{box-shadow:0 0 0 0 rgba(63,207,142,.7)}50%{box-shadow:0 0 0 7px rgba(63,207,142,0)}}
@media (prefers-reduced-motion:reduce){.b1,.b2,.b3,.grad,.spin,.spin2,.orb,.float,.float2,.pulse{animation:none}}
.logo{display:flex;align-items:center;gap:12px;color:#fff}
.logo i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7ad9,#8a6cf0 55%,#ff9a4d);font:700 19px 'Space Grotesk',sans-serif;font-style:normal;box-shadow:0 0 26px rgba(255,122,217,.55)}
.logo b{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:.14em}.logo b small{font-size:11px;letter-spacing:.24em;margin-left:8px;color:var(--orange);vertical-align:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:13px;border:1px solid var(--line);background:rgba(14,18,40,.6);color:var(--text);font:600 14.5px Inter,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.btn:hover{border-color:rgba(95,208,255,.7);color:#fff}
.btn:focus-visible,.in:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.btn.p{border:0;color:#fff;font-weight:800;background:linear-gradient(120deg,#ff5fc8,#8a6cf0 60%,#4aa8ff);box-shadow:0 12px 40px -12px rgba(255,95,200,.9)}
.btn.p:hover{transform:translateY(-2px);box-shadow:0 16px 48px -10px rgba(255,95,200,.95)}
.btn.w{background:#fff;color:#14082a;border:0;font:800 18px 'Space Grotesk',sans-serif;padding:20px 26px;border-radius:17px;box-shadow:0 14px 50px -12px rgba(255,255,255,.6)}
.btn.w:hover{transform:translateY(-3px) scale(1.02);color:#14082a}
.btn.sm{padding:8px 12px;font-size:13px;border-radius:10px}
.btn[disabled]{opacity:.55;cursor:default;transform:none}
.in{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(150,160,220,.28);background:rgba(14,18,40,.8);color:#fff;font:500 15px Inter,sans-serif}
.in:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgba(178,140,255,.22),0 0 24px -6px var(--violet)}
select.in{appearance:none}
.lbl{display:block;font-size:13px;font-weight:600;color:#c9d0ee;margin-bottom:7px}
.f{display:flex;flex-direction:column}
.err{display:none;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,123,123,.5);background:rgba(255,123,123,.1);color:#ffc9c9;font-size:14px}
.err.on{display:block}
.help{font-size:12.5px;color:var(--dim)}
/* pages d'authentification */
.auth{position:relative;min-height:100vh;display:flex;overflow:hidden}
.auth-art{position:relative;flex:1 1 55%;overflow:hidden;border-right:1px solid rgba(150,160,220,.12)}
.auth-form{flex:0 0 min(600px,100%);display:flex;align-items:center;justify-content:center;padding:40px 24px;background:linear-gradient(180deg,rgba(10,12,28,.9),rgba(6,7,18,.95))}
.auth-form form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px}
.chip{position:absolute;padding:10px 14px;border-radius:12px;font-size:13px}
.tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:rgba(14,18,40,.7);border:1px solid var(--line)}
.tabs button{flex:1;padding:10px;border-radius:10px;border:0;background:transparent;color:var(--muted);font:600 14px Inter,sans-serif;cursor:pointer}
.tabs button.on{background:rgba(178,140,255,.22);color:#fff}
.who{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.who button{padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:rgba(14,18,40,.7);color:#fff;font:600 14px Inter,sans-serif;cursor:pointer}
.who button.on{border-color:var(--violet);box-shadow:0 0 0 2px rgba(178,140,255,.35)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plans label{position:relative;padding:12px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(14,18,40,.7);cursor:pointer;text-align:center}
.plans input{position:absolute;opacity:0}
.plans label:has(input:checked){border-color:var(--pink);box-shadow:0 0 0 2px rgba(255,122,217,.35),0 0 24px -8px var(--pink)}
.plans label:has(input:focus-visible){outline:2px solid var(--violet)}
.plans b{display:block;font:700 16px 'Space Grotesk',sans-serif}.plans small{color:var(--muted);font-size:12px}
@media (max-width:900px){.auth-art{display:none}.auth-form{flex:1 1 auto}}
/* espace client */
.wrap{position:relative;max-width:1240px;margin:0 auto;padding:0 20px 70px}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:20px 0}
.top nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:12px}
.top nav a{padding:9px 13px;border-radius:10px;color:#aab3d8;font-weight:600;font-size:14px}.top nav a.on,.top nav a:hover{background:rgba(178,140,255,.16);color:#fff}
.me{margin-left:auto;display:flex;align-items:center;gap:12px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9a4d,#ff5fc8);font-weight:800;color:#fff}
.hero{position:relative;overflow:hidden;margin-top:22px;padding:32px;border-radius:28px;border:1px solid rgba(255,122,217,.45);background:linear-gradient(120deg,rgba(214,92,196,.3),rgba(138,108,240,.26) 45%,rgba(47,134,234,.28));display:flex;flex-wrap:wrap;gap:28px;align-items:center;animation:hg 6s ease-in-out infinite}
@keyframes hg{0%,100%{box-shadow:0 40px 120px -40px rgba(255,95,200,.75)}50%{box-shadow:0 40px 140px -30px rgba(95,208,255,.75)}}
.hero::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:sw 5s ease-in-out infinite;pointer-events:none}
@keyframes sw{0%,60%{left:-60%}100%{left:130%}}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;background:rgba(5,6,15,.45);font-size:13.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:30px;align-items:start}
.card{padding:24px;border-radius:22px;border:1px solid var(--line);background:rgba(12,14,32,.82);display:flex;flex-direction:column;gap:14px}
.card h2{font-size:21px}
.mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.mod{position:relative;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:10px;min-height:220px;border:1px solid var(--line);background:rgba(14,14,30,.78);transition:transform .25s,border-color .25s,box-shadow .25s}
.mod:hover{transform:translateY(-5px);border-color:rgba(178,140,255,.6);box-shadow:0 26px 70px -30px rgba(178,140,255,.8)}
.mod.on{border-color:rgba(255,122,217,.6);background:linear-gradient(170deg,rgba(214,92,196,.26),rgba(14,12,34,.92) 60%);box-shadow:0 0 60px -20px rgba(255,122,217,.8)}
.badge{align-self:flex-start;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid currentColor}
.badge.solid{border:0;background:var(--green);color:#05130c}
.bar{height:9px;border-radius:99px;background:rgba(150,160,220,.16);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5fd0ff,#b28cff);box-shadow:0 0 14px #5fd0ff}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}
.item{display:flex;gap:12px;padding:12px;border-radius:14px;background:rgba(5,6,15,.5)}
.dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%}
.muted{color:var(--muted)}.small{font-size:13px}
dialog{border:1px solid rgba(178,140,255,.45);border-radius:20px;background:#0c1024;color:var(--text);padding:24px;max-width:440px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(3,4,12,.7);backdrop-filter:blur(4px)}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);padding:11px 16px;border-radius:12px;background:rgba(14,19,40,.95);border:1px solid var(--line);z-index:99}

/* promotion du moment (centre de contrôle → Essai & promos) */
.pa-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:11px 16px;border-radius:14px;border:1px solid rgba(255,95,200,.55);background:linear-gradient(120deg,rgba(255,95,200,.16),rgba(138,108,240,.14) 60%,rgba(74,168,255,.14));box-shadow:0 0 30px -10px #ff5fc8;color:#f3e9ff;font-size:14.5px;text-align:center}
.pa-promo b{color:#fff}.pa-promo .pa-code{padding:3px 10px;border-radius:99px;border:1px dashed rgba(255,255,255,.5);font-size:13px}.pa-promo .pa-code b{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em}.pa-promo .pa-until{color:#c9bfe8;font-size:13px}

.bill-ch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bill-ch button{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:11px 13px;border-radius:13px;border:1px solid rgba(150,160,220,.22);background:rgba(5,6,15,.4);color:#cdd3f0;font:inherit;font-size:13.5px;cursor:pointer}
.bill-ch button b{color:#fff;font-size:14px}.bill-ch button span{color:#9aa3cc}
.bill-ch button[aria-checked=true]{border-color:#5fd0ff;background:rgba(95,208,255,.1);box-shadow:0 0 22px -8px #5fd0ff}

/* fin d'essai (espace client) */
.fin{--fc:#e9b85a;margin-top:22px;padding:26px;border-radius:24px;border:1px solid color-mix(in srgb,var(--fc) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 14%,transparent),rgba(10,12,28,.9) 55%);box-shadow:0 0 50px -18px var(--fc);display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;scroll-margin-top:20px}
.fin-h{display:flex;gap:16px;align-items:flex-start}.fin-h h2{font-size:clamp(22px,3vw,28px);margin:0 0 6px}.fin-h p{margin:0;line-height:1.55}
.fin-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:var(--fc);background:color-mix(in srgb,var(--fc) 18%,transparent);box-shadow:0 0 26px -6px var(--fc)}
#fin-cd{font-variant-numeric:tabular-nums}
.fin-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.fin-plan{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(5,6,15,.5)}
.fin-plan.hl{border-color:rgba(255,122,217,.6);box-shadow:0 0 30px -12px #ff7ad9}
.fin-pn{font:700 18px 'Space Grotesk',sans-serif;color:#fff}.fin-pp{font:700 30px 'Space Grotesk',sans-serif;color:#fff}.fin-pp small{font:500 14px Inter,sans-serif;color:#9aa3cc}
.fin-plan .btn{margin-top:8px}
.fin-bill{grid-template-columns:auto auto}.fin-bill button{padding:8px 13px}
.fin-why{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(5,6,15,.45)}
.fin-r{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;color:#cdd3f0}.fin-r:hover{background:rgba(150,160,220,.08)}.fin-r input{accent-color:#b28cff;width:17px;height:17px}
.is-paused .hero{opacity:.55;filter:saturate(.6)}
@media (max-width:640px){.fin{padding:18px}.fin-h{flex-direction:column}}
.fin-why[hidden]{display:none}

/* boutique (espace client) */
.shop{display:flex;flex-direction:column;gap:12px}
.shop-p{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(233,184,90,.28);background:rgba(10,8,20,.45)}
.shop-p.big{flex-direction:column;align-items:stretch}
.shop-i{display:flex;flex-direction:column;gap:3px;min-width:0}.shop-i b{color:#fff;font-size:15px}
.shop-fan{position:relative;height:118px;margin:4px 0 2px}
.shop-l{position:absolute;left:50%;top:50%;width:63.5mm;height:38.1mm;transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 62px)) rotate(calc((var(--i) - 1) * 7deg)) scale(.5);transform-origin:center;box-shadow:0 10px 26px -10px rgba(0,0,0,.8);border-radius:4px;z-index:calc(3 - var(--i))}
.shop-l:nth-child(2){z-index:3;transform:translate(-50%,-50%) translateY(-6px) scale(.56)}
.shop-stub{flex:none;width:70px;height:46px;border-radius:10px;display:grid;place-items:center;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.shop-lbl-neon{background:#12061a;border:1px solid rgba(255,122,217,.6);color:#ff9ee3;box-shadow:0 0 18px -6px #ff5fc8}
.shop-lbl-kraft{background:#e9dcc5;border:1px solid #b89b74;color:#3b2c1a;font-family:Georgia,serif}

/* ===== boutique ===== */
.eyebrow{font:600 12px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:#ff9a4d}
.bq-hero{display:flex;flex-direction:column;gap:12px;padding:26px 0 22px;max-width:760px}
.bq-hero h1{font-size:clamp(30px,5vw,50px);line-height:1.05;letter-spacing:-.02em}
.bq-hero p{margin:0;font-size:16px;line-height:1.6}
.bq-season{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px;padding:12px 18px;border-radius:16px;border:1px solid rgba(233,184,90,.55);background:linear-gradient(120deg,rgba(217,160,58,.2),rgba(200,16,46,.16));box-shadow:0 0 34px -12px #e9b85a}
.bq-season span{font:600 12px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#f3d79a}.bq-season b{color:#fff;font:700 17px 'Space Grotesk',sans-serif}.bq-season i{font-style:normal;color:#f3d79a;font-weight:700}
.bq-season:focus-visible{outline:2px solid #f3d79a;outline-offset:3px}
.bq-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 20px}
.bq-tabs button{border:1px solid var(--line);background:rgba(12,14,32,.7);color:#cdd3f0;font:600 14px Inter,sans-serif;padding:9px 15px;border-radius:99px;cursor:pointer}
.bq-tabs button span{color:#8a93bb;font-weight:700;margin-left:4px}
.bq-tabs button[aria-selected=true]{background:linear-gradient(120deg,#ff5fc8,#8a6cf0 60%,#4aa8ff);border-color:transparent;color:#fff}.bq-tabs button[aria-selected=true] span{color:#fff}
.bq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.bq-card{position:relative;display:flex;flex-direction:column;border-radius:22px;border:1px solid var(--line);background:rgba(12,14,32,.84);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.bq-card:hover{transform:translateY(-4px);border-color:rgba(178,140,255,.5);box-shadow:0 22px 50px -24px rgba(178,140,255,.6)}
.bq-card.hl{border-color:rgba(233,184,90,.6);box-shadow:0 0 44px -18px #e9b85a}
.bq-open{all:unset;cursor:pointer;display:block}.bq-open:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.bq-cov{height:190px;position:relative;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.1),transparent 60%),linear-gradient(160deg,#1c1530,#0c0f22);overflow:hidden}
.bq-fan{position:absolute;inset:0}
.bq-l{position:absolute;left:50%;top:52%;width:63.5mm;height:38.1mm;border-radius:4px;box-shadow:0 14px 30px -12px rgba(0,0,0,.85);transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 74px)) rotate(calc((var(--i) - 1) * 8deg)) scale(calc(.56 * var(--k, 1) * var(--g, 1)));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bq-l:nth-child(2){z-index:2;transform:translate(-50%,-50%) translateY(-8px) scale(calc(.62 * var(--k, 1) * var(--g, 1)))}
.bq-card:hover .bq-l:nth-child(1){transform:translate(-50%,-50%) translateX(-92px) rotate(-12deg) scale(calc(.56 * var(--k, 1) * var(--g, 1)))}
.bq-card:hover .bq-l:nth-child(3){transform:translate(-50%,-50%) translateX(92px) rotate(12deg) scale(calc(.56 * var(--k, 1) * var(--g, 1)))}
.bq-cov.stub{display:grid;place-items:center}
.bq-cov.stub span{font:800 30px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#cdd3f0;opacity:.85}
.stub-lbl-neon{background:#0e0614}.stub-lbl-neon span{color:#ff9ee3;text-shadow:0 0 12px #ff5fc8,0 0 34px #ff5fc8}
.stub-lbl-kraft{background:repeating-linear-gradient(45deg,#d8c3a0 0 6px,#d2bc97 6px 12px)}.stub-lbl-kraft span{color:#4a3520;font-family:Georgia,serif;letter-spacing:.2em;text-shadow:none}
.bq-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:3;pointer-events:none}
.bq-b{padding:4px 10px;border-radius:99px;font:800 11px Inter,sans-serif;letter-spacing:.04em;backdrop-filter:blur(6px)}
.bq-b.own{background:#3fcf8e;color:#05130c}.bq-b.sea{background:rgba(233,184,90,.95);color:#2a1a04}.bq-b.new{background:#ff5fc8;color:#fff}.bq-b.soon{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3)}
.bq-i{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.bq-i h3{font-size:19px}.bq-i p{margin:0;line-height:1.5}
.bq-pr{font:700 18px 'Space Grotesk',sans-serif;color:#fff;white-space:nowrap}
dialog.bq-dlg{max-width:none;width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border-radius:22px;border:1px solid rgba(178,140,255,.35);background:#0d0f22;color:var(--text);box-shadow:0 30px 80px -20px rgba(0,0,0,.9);overflow:auto}
.bq-dlg::backdrop{background:rgba(4,5,14,.72);backdrop-filter:blur(4px)}
.bq-dh{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;background:rgba(13,15,34,.96);border-bottom:1px solid var(--line)}
.bq-dh h2{font-size:26px;margin-top:4px}
.bq-db{padding:20px 22px;display:flex;flex-direction:column;gap:22px}
.bq-set{display:flex;flex-direction:column;gap:10px}.bq-set h3{font-size:18px}
.bq-mot{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;margin-top:4px}
.bq-mot figure{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}
.bq-m{overflow:hidden;border-radius:4px;box-shadow:0 8px 20px -10px rgba(0,0,0,.9)}
.bq-m>div{transform-origin:0 0}
.bq-mot.wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.bq-mot figcaption{font-size:12.5px;color:#aab3d8}
.bq-fmt{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line);font-size:13px;color:#aab3d8}.bq-fmt b{color:#fff}
.bq-df{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 22px;background:rgba(13,15,34,.96);border-top:1px solid var(--line)}
@media (max-width:640px){.bq-cov{height:160px}.bq-l{transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 58px)) rotate(calc((var(--i) - 1) * 8deg)) scale(.46)}.bq-l:nth-child(2){transform:translate(-50%,-50%) translateY(-6px) scale(.52)}.bq-dh h2{font-size:21px}}
/* aperçu boutique dans l'espace */
.shop-teaser{display:flex;flex-direction:column;gap:12px}
.shop-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.shop-mini{all:unset;cursor:pointer;position:relative;height:74px;border-radius:12px;overflow:hidden;border:1px solid rgba(233,184,90,.25);background:linear-gradient(160deg,#1c1530,#0c0f22)}
.shop-mini:focus-visible{outline:2px solid #f3d79a}
.shop-mini .bq-l{transform:translate(-50%,-50%) scale(.3)}
.shop-mini.stub{display:grid;place-items:center;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.shop-mini i{position:absolute;left:6px;top:6px;font-style:normal;padding:2px 7px;border-radius:99px;font:800 9.5px Inter,sans-serif;z-index:2}

.bq-l[style*="--k:0.3"]{--g:1.6}