/* =====================================================================
   STORY MAKERS GROUP — Marketplace, restaurants, commandes, réels, services, logistique
   Chargé après style.css : réutilise ses variables (--b500, --b700, --line, --muted, --shadow…)
   ===================================================================== */

/* ---------- navigation (7 entrées) ---------- */
@media(max-width:1260px){.menu a.lnk,.menu button.lnk{padding:10px 10px;font-size:14px}.nav .actions .btn.mag{padding:11px 16px}}
@media(max-width:1140px){.nav .actions .btn.mag{display:none}}

/* ---------- cloche de notifications ---------- */
.bell-fab{position:relative;width:46px;height:46px;border-radius:50%;background:var(--b100);color:var(--b700);display:grid;place-items:center;transition:.3s var(--ease)}
.bell-fab:hover{background:var(--b500);color:#fff}
.bell-fab .n{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px;animation:bellPop .6s var(--ease)}
@keyframes bellPop{from{transform:scale(0)}to{transform:scale(1)}}
@media(max-width:640px){.bell-fab{width:42px;height:42px}}

/* ---------- héros marketplace / restaurants / pages ---------- */
.mkhero .mk-hsearch{display:flex;gap:8px;align-items:center;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;max-width:680px;margin-top:26px;box-shadow:0 20px 50px -20px rgba(0,0,0,.55)}
.mkhero .mk-hsearch .s-ico{color:var(--b500);display:grid}
.mkhero .mk-hsearch input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;padding:12px 4px;color:var(--ink)}
.mkhero .mk-hsearch .btn{padding:13px 24px}
.mk-hstats{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:26px}
.mk-hstats>div{display:flex;flex-direction:column;line-height:1.2}
.mk-hstats b{font-family:var(--font-h);font-size:24px;color:#fff}
.mk-hstats span{font-size:13px;color:#a9c4ff;max-width:190px}
.mkhero.resto{background:radial-gradient(900px 400px at 90% 0,#ff9d2e55,transparent 60%),linear-gradient(160deg,var(--b950),var(--b900) 60%,var(--b800))}
@media(max-width:640px){.mkhero .mk-hsearch .btn{padding:12px 16px}.mk-hstats b{font-size:20px}}

/* ---------- bandeau de confiance ---------- */
.mk-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}
.mk-trust>div{display:flex;gap:12px;align-items:center;background:var(--b50);border:1px solid var(--b200);border-radius:18px;padding:14px 16px}
.mk-trust .ico{width:28px;height:28px;color:var(--b500);flex:none}
.mk-trust span{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);line-height:1.35}
.mk-trust b{color:var(--b900);font-size:14px}
@media(max-width:1020px){.mk-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mk-trust{grid-template-columns:1fr}}

/* ---------- boutiques à la une (rail) ---------- */
.mk-sec-h{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}
.mk-sec-h h2{font-size:clamp(24px,3vw,32px);color:var(--b900)}
.mk-sec-h .eyebrow{margin-bottom:8px}
.mk-feat{margin-bottom:40px}
.mk-rail{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mk-rail>.shop-card{flex:0 0 min(290px,78vw);scroll-snap-align:start}

/* ---------- barre recherche / filtres ---------- */
.mk-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.mk-bar .search input{background:#fff}
.mk-bar select{border:1.5px solid var(--line);border-radius:999px;padding:13px 18px;background:#fff;font-weight:600;font-size:14px;outline:0}
.seg{display:inline-flex;background:var(--b100);border-radius:999px;padding:4px;gap:2px;flex-wrap:wrap}
.seg button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;color:#33415f;transition:.25s}
.seg button.on{background:#fff;color:var(--b600);box-shadow:0 4px 12px -4px rgba(13,59,150,.35)}
.seg button .ico{width:17px;height:17px}
.mk-cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;margin-bottom:6px}
.mk-cats button{display:inline-flex;align-items:center;gap:9px;flex:none;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;color:#33415f;transition:.25s var(--ease);white-space:nowrap}
.mk-cats button:hover{border-color:var(--b300);color:var(--b600)}
.mk-cats button.on{background:var(--b500);border-color:var(--b500);color:#fff;box-shadow:0 10px 22px -10px rgba(28,107,255,.8)}
.mk-cats .ci2{width:32px;height:32px;border-radius:50%;background:var(--b100);color:var(--b600);display:grid;place-items:center}
.mk-cats .ci2 .ico{width:17px;height:17px}
.mk-cats button.on .ci2{background:rgba(255,255,255,.22);color:#fff}
.mk-cats em{font-style:normal;font-size:11.5px;opacity:.7;font-weight:800}
.mk-count{color:var(--muted);font-size:14px;font-weight:600;margin:6px 2px 16px}
.mk-logistics{margin:0 0 28px}.mk-logistics:empty{display:none}.mk-ship-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#071c49,#1554c7);color:#fff;border-radius:24px 24px 0 0;padding:22px 24px}.mk-ship-head h2{margin:3px 0 5px;color:#fff;font-size:clamp(20px,3vw,28px)}.mk-ship-head p{margin:0;max-width:760px;color:#dbe8ff;font-size:13.5px}.mk-ship-mark{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}.mk-ship-mark .ico{width:27px;height:27px}.mk-ship-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;background:#fff;border:1px solid var(--line);border-top:0}.mk-ship-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.mk-ship-form select{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink);font:600 13px inherit;outline:0}.mk-ship-form select:focus{border-color:var(--b500);box-shadow:0 0 0 3px rgba(28,107,255,.12)}.mk-ship-result{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 24px;background:var(--b50);border:1px solid var(--line);border-top:0}.mk-ship-result>div{display:flex;align-items:center;gap:10px;color:var(--b700)}.mk-ship-result>div>.ico{width:23px;height:23px}.mk-ship-result span{display:grid;gap:2px}.mk-ship-result b{font-size:14px}.mk-ship-result small{display:block;color:var(--muted);font-size:11.5px;font-weight:600}.mk-ship-result>strong{display:grid;text-align:right;color:var(--b700);font-size:14px}.mk-ship-note{display:block;padding:9px 24px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;color:var(--muted)}.mk-ship-advice{color:#8a5a00!important;font-weight:800!important}
.mk-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 12px}.mk-quick button{border:1px solid var(--line);background:var(--card,#fff);color:var(--muted);border-radius:999px;padding:8px 13px;font:700 13px inherit;cursor:pointer;transition:.2s}.mk-quick button:hover{border-color:var(--b300);color:var(--b600)}.mk-quick button.on{background:var(--b500);border-color:var(--b500);color:#fff;box-shadow:0 8px 18px -12px rgba(28,107,255,.9)}.mk-quick button span{font-size:11px;opacity:.8}.mk-quick .mk-reset{margin-left:auto;background:transparent;border-style:dashed;font-weight:600}
.mk-grid{gap:20px}
@media(max-width:560px){.mk-grid.g4,.mk-grid.g3{grid-template-columns:1fr 1fr;gap:12px}}

/* ---------- carte article ---------- */
.mk-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s;min-width:0}
.mk-card:hover,.mk-card:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--b200);outline:0}
.mk-card.prem{border-color:#fcd37a;box-shadow:0 14px 30px -20px rgba(255,157,46,.9)}
.mk-img{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--b100);display:grid;place-items:center}
.mk-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.mk-card:hover .mk-img img{transform:scale(1.07)}
.mk-img.ph{background:var(--grad);color:#fff}.mk-img.ph .ico{width:46px;height:46px;opacity:.9;position:relative}
.mk-img.ph.t2{background:linear-gradient(135deg,#0a2a6b,#4a8dff)}.mk-img.ph.t3{background:linear-gradient(135deg,#1250cc,#8fb8ff)}.mk-img.ph.t4{background:linear-gradient(135deg,#061a45,#1c6bff)}
.mk-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(3,13,36,.4));pointer-events:none}
.mk-wish{position:absolute;right:10px;bottom:10px;z-index:4;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#64748b;cursor:pointer;box-shadow:0 5px 14px -6px rgba(0,0,0,.6);transition:transform .2s,color .2s,background .2s}.mk-wish:hover{transform:scale(1.1);color:#e11d48}.mk-wish.on{background:#fff1f2;color:#e11d48}.mk-wish .ico{width:19px;height:19px}.mk-wish.on .ico{fill:currentColor}
.mk-transfer-selected{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border:1px solid var(--b200);border-radius:14px;background:var(--b50);color:var(--b700)}.mk-transfer-selected>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--b600);flex:none}.mk-transfer-selected .ico{width:18px;height:18px}.mk-transfer-selected div{display:grid;gap:2px}.mk-transfer-selected b{font-size:13px}.mk-transfer-selected small,.mk-transfer-selected em{font-size:12px;color:var(--muted);font-style:normal}.mk-transfer-selected em{color:var(--b700);font-size:11px}
.ag-proof{background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);padding:88px 0}.ag-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.ag-proof-card{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid rgba(28,107,255,.12);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 30px -28px rgba(5,30,80,.7);transition:transform .25s,box-shadow .25s}.ag-proof-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(5,30,80,.65)}.ag-proof-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#1768ee,#0c2e7d);box-shadow:0 10px 22px -12px #1768ee}.ag-proof-ico .ico{width:22px;height:22px}.ag-proof-card h3{margin:2px 0 7px;font-size:17px}.ag-proof-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.ag-open{padding:88px 0}.ag-open-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.ag-open-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 16px 36px -30px rgba(8,30,78,.7)}.ag-open-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1768ee,#27c2e9,#ffd34d)}.ag-open-card .tag{padding:5px 9px;border-radius:999px;background:var(--b50);color:var(--b700);font-size:11px;font-weight:800}.ag-open-card h3{margin:18px 0 8px;font-size:21px}.ag-open-card p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.55}.ag-open-card .btn{margin-top:auto}.ag-brief{padding:88px 0}.ag-brief-layout{align-items:start}.ag-brief-form{padding:25px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 20px 45px -32px rgba(4,27,72,.8)}.ag-brief-form textarea{min-height:130px}.ag-brief-form .secure{display:flex;gap:7px;align-items:flex-start;margin-top:12px}.ag-brief-success{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:13px 15px;border:1px solid #9be4bb;border-radius:14px;background:#effdf4;color:#126b3c;font-size:13px;font-weight:700}.ag-brief-success .ico{width:19px;height:19px;flex:none}.ag-brief .lst{margin-top:24px}.ag-brief .lst li{color:var(--muted)}
@media (max-width:800px){.ag-proof,.ag-open,.ag-brief{padding:58px 0}.ag-proof-grid,.ag-open-grid{grid-template-columns:1fr}.ag-proof-card{padding:18px}.ag-brief-form{padding:18px}.ag-brief-form .frow{grid-template-columns:1fr}}
.mk-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.mk-badges .b,.b.prem{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.95);color:var(--b700);box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.mk-badges .b .ico,.b.prem .ico{width:13px;height:13px}
.mk-badges .b.prem,.b.prem{background:linear-gradient(135deg,#ffcf5c,#ff9d2e);color:#4a2a00}
.mk-badges .b.vid{background:#0b1630;color:#fff}
.mk-badges .b.smg{background:var(--b700);color:#fff}
.mk-cat{position:absolute;bottom:10px;left:10px;z-index:2;font-size:11px;font-weight:800;color:#fff;background:rgba(6,26,69,.72);padding:4px 10px;border-radius:99px;backdrop-filter:blur(6px)}
.mk-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.mk-body h4{font-size:16px;color:var(--b900);line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-body p{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-body .mk-shop{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:0}
.mk-body .mk-shop>span:not(.mk-logo):not(.mk-rate){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-colors{display:flex;align-items:center;gap:5px}
.mk-colors em{font-style:normal;font-size:11px;font-weight:800;color:var(--muted)}
.mk-colors small{margin-left:4px;font-size:11.5px;color:var(--muted)}
.cdot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,0,0,.14);flex:none}
.mk-foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.mk-foot .price{font-size:17px}
.mk-go{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--b500)}
.mk-go .ico{width:16px;height:16px;transition:transform .3s}
.mk-card:hover .mk-go .ico{transform:translateX(4px)}
.mk-card.off .mk-foot .btn{padding:9px 14px;font-size:13px}
.mk-rate{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:800;color:#b45309;flex:none}
.mk-rate .ico{width:14px;height:14px;fill:#f59e0b;stroke:none}.mk-rate .ico.off{fill:none;stroke:#cbd5e8;stroke-width:2}
.mk-rate small{color:var(--muted);font-weight:600}.mk-rate.none{color:var(--muted);font-weight:700}
.mk-logo{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--font-h);overflow:hidden;flex:none;border:2px solid #fff;box-shadow:0 4px 12px -4px rgba(13,59,150,.5)}
.mk-logo img{width:100%;height:100%;object-fit:cover}
.mk-logo.xs{width:24px;height:24px;font-size:11px;border-width:1.5px}
.mk-logo.lg{width:64px;height:64px;font-size:24px}
.mk-logo.xl{width:84px;height:84px;font-size:32px;border-width:4px}
.mk-logo.smg{background:#fff}

/* ---------- carte boutique / restaurant ---------- */
.shop-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative;cursor:pointer;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s;min-width:0}
.shop-card:hover,.shop-card:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--b200);outline:0}
.shop-card.prem{border-color:#fcd37a}
.sc-cover{height:128px;position:relative;background:var(--b100);overflow:hidden;display:grid;place-items:center}
.sc-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.shop-card:hover .sc-cover img{transform:scale(1.06)}
.sc-cover.ph{background:linear-gradient(135deg,#0a2a6b,#4a8dff);color:#fff}.sc-cover.ph .ico{width:40px;height:40px;opacity:.85}
.sc-cover .b{position:absolute;top:10px;right:10px}.sc-cover .b .ico{width:13px;height:13px;opacity:1}
.shop-card>.mk-logo{position:absolute;top:92px;left:18px}
.sc-b{padding:44px 18px 18px;display:flex;flex-direction:column;gap:6px}
.sc-b h4{font-size:18px;color:var(--b900)}
.sc-m{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.sc-m span{display:inline-flex;gap:4px;align-items:center}.sc-m .ico{width:14px;height:14px}
.sc-c{font-size:13.5px;color:var(--muted)}
.sc-h{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}.sc-h .ico{width:14px;height:14px}
.ofrs{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.ofr{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--b100);color:var(--b700)}
.ofr .ico{width:13px;height:13px}
.mk-universes .uv{display:flex;flex-direction:column}
.mk-universes .uv .go{margin-top:auto;padding-top:14px;display:inline-flex;gap:8px;align-items:center;font-weight:800;color:var(--b500);font-size:14.5px}

/* ---------- fiche produit ---------- */
.modal .box.mk-prod{width:min(1000px,100%);padding:0;overflow:auto}
.pr-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:480px}
.pr-media{background:#0b1630;padding:18px;display:flex;flex-direction:column;gap:12px;position:relative}
.pr-stage{flex:1;min-height:300px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:#081027;position:relative}
.pr-stage img{width:100%;height:100%;object-fit:contain;max-height:62vh;cursor:zoom-in}
.pr-stage video{width:100%;max-height:62vh;background:#000}
.pr-ph{color:#fff;opacity:.6}.pr-ph .ico{width:80px;height:80px}
.pr-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.pr-thumbs button{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:none;border:2px solid transparent;opacity:.65;transition:.2s;background:#16213f;position:relative}
.pr-thumbs button.on{border-color:var(--b400);opacity:1}
.pr-thumbs img,.pr-thumbs video{width:100%;height:100%;object-fit:cover}
.pr-thumbs button .ico{position:absolute;inset:0;margin:auto;color:#fff}
.pr-hint{display:flex;gap:6px;align-items:center;color:#a9c4ff;font-size:12.5px}.pr-hint .ico{width:15px;height:15px}
.pr-info{padding:30px 28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pr-info .tag{align-self:flex-start;margin-right:4px}
.pr-info h3{font-size:clamp(22px,3vw,28px);padding-right:34px;color:var(--b900)}
.pr-info>div.pr-price,.pr-price{font-family:var(--font-h);font-weight:800;font-size:30px;color:var(--b600)}
.pr-seller{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border:1.5px solid var(--line);border-radius:16px;transition:.25s;width:100%;background:#fff}
.pr-seller:hover{border-color:var(--b300);background:var(--b50)}
.pr-seller>span:nth-child(2){flex:1;min-width:0}.pr-seller b{display:block;color:var(--b900)}.pr-seller small{color:var(--muted);font-size:12.5px}
.pr-desc{color:#33415f;font-size:15px;overflow-wrap:anywhere}
.pr-opt label{font-weight:700;font-size:13.5px;color:#26334f;display:block;margin-bottom:8px}.pr-opt label em{font-style:normal;color:var(--b600)}
.cchips{display:flex;gap:8px;flex-wrap:wrap}
.cchips button,.cchips span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13.5px;transition:.2s}
.cchips button:hover{border-color:var(--b300)}
.cchips button.on{border-color:var(--b500);background:var(--b50);box-shadow:0 0 0 3px rgba(28,107,255,.14);color:var(--b700)}
.cchips.need{animation:shake .4s}
.cchips span button{width:18px;height:18px;border:0;padding:0;color:#e11d48;display:grid;place-items:center}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.mk-prod .qty{display:flex;align-items:center;gap:10px;margin-left:0}
.mk-prod .qty button{width:36px;height:36px;border-radius:50%;background:var(--b100);color:var(--b700);display:grid;place-items:center}
.qty button .ico{width:16px;height:16px}
.mk-prod .qty b{min-width:26px;text-align:center;font-size:17px}
.mk-prod .qty #qt{margin-left:auto;font-family:var(--font-h);font-weight:800;color:var(--b600)}
.qty.sm{margin-left:auto}.qty.sm button{width:30px;height:30px;display:grid;place-items:center}.qty.sm b{font-size:15px;min-width:22px;text-align:center}.qty.sm button .ico{width:15px;height:15px}
.pr-cta{display:grid;gap:10px;margin-top:6px}
.pr-trust{list-style:none;display:grid;gap:8px;font-size:13px;color:var(--muted);margin-top:4px}
.pr-trust li{display:flex;gap:8px;align-items:center}.pr-trust .ico{width:16px;height:16px;color:#15803d;stroke-width:3;flex:none}
@media(max-width:820px){.pr-grid{grid-template-columns:1fr}.pr-stage{min-height:240px}.pr-info{padding:22px 18px}}

/* ---------- lightbox ---------- */
.modal.lbm{background:rgba(2,8,24,.94)}
.modal.lbm .lb{position:relative;width:min(1100px,100%);height:min(92vh,100%);display:grid;place-items:center}
.lb img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal.lbm .x{position:fixed;right:18px;top:18px;z-index:3;background:rgba(255,255,255,.14);color:#fff}
.lb-n{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;z-index:2}
.lb-n .ico{width:24px;height:24px}.lb-n.prev{left:6px}.lb-n.prev .ico{transform:rotate(90deg)}.lb-n.next{right:6px}.lb-n.next .ico{transform:rotate(-90deg)}
.lb-c{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.14);color:#fff;font-size:13px;padding:5px 14px;border-radius:99px}

/* ---------- boutique / restaurant (fiche) ---------- */
.modal .box.mk-shop{display:block;width:min(1040px,100%);padding:0;overflow:auto;gap:0}
.sh-cover{height:190px;background:var(--b100);position:relative;overflow:hidden;display:grid;place-items:center;border-radius:28px 28px 0 0}
.sh-cover img{width:100%;height:100%;object-fit:cover}
.sh-cover.ph{background:linear-gradient(135deg,#061a45,#1c6bff);color:#fff}.sh-cover.ph .ico{width:56px;height:56px;opacity:.8}
.sh-head{display:flex;gap:16px;align-items:flex-end;padding:0 26px;margin-top:-40px;position:relative;flex-wrap:wrap}
.sh-t{flex:1;min-width:220px;padding-top:44px}
.sh-t h3{font-size:clamp(22px,3vw,28px);color:var(--b900);padding-right:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}
.sh-m{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--muted);margin-top:6px}
.sh-m span{display:inline-flex;gap:5px;align-items:center}.sh-m .ico{width:15px;height:15px}
.sh-act{margin-left:auto;padding-bottom:4px}
.sh-tabs{padding:0 26px;margin:18px 0 0!important;border-bottom:1px solid var(--line);padding-bottom:12px;overflow-x:auto;flex-wrap:nowrap}
.sh-tabs .tab{flex:none;padding:9px 16px;font-size:14px}.sh-tabs .tab em{font-style:normal;font-size:11.5px;opacity:.75;font-weight:800}
.sh-p{padding:22px 26px 30px;min-height:260px}
.sh-info p{color:#33415f;margin-bottom:12px;overflow-wrap:anywhere}
.mn-t{display:flex;gap:10px;align-items:center;font-size:19px;color:var(--b900);margin:22px 0 12px}.mn-t:first-child{margin-top:0}.mn-t .ico{color:var(--b500)}
.mn-list{display:grid;gap:12px}
.dish{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s}
.dish:hover{border-color:var(--b200);box-shadow:var(--shadow-sm)}
.dish-i{width:84px;height:84px;border-radius:14px;overflow:hidden;flex:none;background:var(--b100);display:grid;place-items:center;color:var(--b400);cursor:zoom-in}
.dish-i.ph{background:var(--grad-soft);cursor:default}.dish-i img{width:100%;height:100%;object-fit:cover}.dish-i .ico{width:32px;height:32px}
.dish-b{flex:1;min-width:0}.dish-b .price{white-space:nowrap;font-size:16px}.dish-b b{color:var(--b900);display:block;overflow-wrap:anywhere}.dish-b p{font-size:13px;color:var(--muted);margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cartbar{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--b900);color:#fff;padding:14px 22px;border-radius:0 0 28px 28px;z-index:5;box-shadow:0 -14px 30px -14px rgba(0,0,0,.4)}
.cartbar b{display:block}.cartbar small{color:#a9c4ff;font-size:13px}
.box.mk-shop .grid.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.box.mk-shop .grid.g3{grid-template-columns:1fr 1fr}.sh-head{padding:0 16px}.sh-tabs,.sh-p{padding-left:16px;padding-right:16px}.sh-act{margin-left:0;width:100%}.sh-act .btn{width:100%}.dish-i{width:68px;height:68px}}

/* ---------- commande : étapes, paiement, suivi ---------- */
.modal .box.mk-ord,.modal .box.mk-chat{width:min(560px,100%)}
.steps3{display:flex;gap:6px;margin-bottom:18px;font-size:12px;font-weight:800;color:#9aa6bf}
.steps3 span{flex:1;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:99px;background:var(--b50);justify-content:center;white-space:nowrap}
.steps3 i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#dbe5f7;color:#5b6785;display:grid;place-items:center;font-size:11px}
.steps3 .cur{background:var(--b100);color:var(--b700)}.steps3 .cur i{background:var(--b500);color:#fff}
.steps3 .done{color:#15803d;background:#ecfdf3}.steps3 .done i{background:#15803d;color:#fff}
@media(max-width:480px){.steps3{font-size:11px}.steps3 span{padding:7px 4px;gap:4px}}
.ord-recap{background:var(--b50);border:1px solid var(--b200);border-radius:16px;padding:12px 16px;margin-bottom:16px;display:grid;gap:6px;font-size:14px}
.ord-recap>div{display:flex;justify-content:space-between;gap:12px}.ord-recap span{color:#33415f;overflow-wrap:anywhere}.ord-recap b{white-space:nowrap}
.ord-recap .tot{border-top:1px dashed var(--b300);padding-top:8px;margin-top:2px;font-weight:800;color:var(--b900)}.ord-recap .tot b{color:var(--b600);font-size:17px}
.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.mode{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px;border:1.5px solid var(--line);border-radius:14px;font-weight:700;font-size:13.5px;cursor:pointer;transition:.2s;text-align:center}
.mode input{position:absolute;opacity:0;pointer-events:none}.mode.on{border-color:var(--b500);background:var(--b50);color:var(--b700);box-shadow:0 0 0 3px rgba(28,107,255,.12)}
.opt-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.opt{display:flex;gap:10px;align-items:center;padding:12px;border:2px solid var(--line);border-radius:16px;background:#fff;transition:.25s;text-align:left}
.opt.on{border-color:var(--b500);background:var(--b50);box-shadow:0 0 0 4px rgba(28,107,255,.12)}
.opt .logo{width:50px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:11px;color:#fff;line-height:1.05;text-align:center;flex:none}
.opt .logo.airtel{background:#e40000}.opt .logo.mtn{background:#ffcc00;color:#111}
.numbox{background:var(--b50);border-radius:16px;padding:14px 16px;margin-bottom:14px}
.numbox small{color:var(--muted);font-weight:700;font-size:12.5px}
.num{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:12px;margin-top:8px;font-family:var(--font-h);font-weight:800;font-size:19px;letter-spacing:.04em;color:var(--b800)}
.how{margin:0 0 16px 20px;display:grid;gap:6px;font-size:14px;color:#33415f}
.pv{max-height:220px;margin:10px auto 0;border-radius:14px;border:1px solid var(--line);object-fit:contain}
.alt-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.alt-row .btn{flex:1;min-width:150px}
.ord-act{display:grid;gap:10px;margin:18px 0 6px}
.dotn{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;padding:0 5px;margin-left:4px}
.trk{list-style:none;display:grid;gap:0;margin:14px 0 4px;position:relative}
.trk li{display:flex;gap:14px;padding:0 0 18px;position:relative}
.trk li:not(:last-child)::before{content:"";position:absolute;left:15px;top:32px;bottom:2px;width:2px;background:var(--line)}
.trk li.on:not(:last-child)::before{background:#15803d}
.trk .dot{width:32px;height:32px;border-radius:50%;background:var(--b100);color:var(--muted);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px var(--line)}
.trk .dot .ico{width:16px;height:16px;stroke-width:3.5}
.trk li.on .dot{background:#15803d;color:#fff;box-shadow:0 0 0 2px #15803d}
.trk li.cur .dot{background:var(--b500);color:#fff;box-shadow:0 0 0 4px rgba(28,107,255,.2);animation:ping2 1.8s infinite}
.trk li.bad .dot{background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.2);animation:none}
@keyframes ping2{50%{box-shadow:0 0 0 8px rgba(28,107,255,.08)}}
.trk b{display:block;color:var(--b900);font-size:15px}.trk small{color:var(--muted);font-size:13px}
.trk li:not(.on):not(.cur) b{color:#7a86a3}

/* ---------- discussion client ↔ vendeur ---------- */
.chat-h{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-right:44px}
.chat-h h3{margin:0;font-size:19px;padding:0}.chat-h small{color:var(--muted)}
.chat-log{background:var(--b50);border:1px solid var(--line);border-radius:18px;padding:14px;height:min(380px,48vh);overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.cb{max-width:84%;display:flex;flex-direction:column;gap:3px}
.cb>div{padding:10px 14px;border-radius:18px;font-size:14.5px;overflow-wrap:anywhere;line-height:1.45}
.cb small{font-size:11px;color:#8693ae;padding:0 6px}
.cb.moi{align-self:flex-end;align-items:flex-end}.cb.moi>div{background:var(--b500);color:#fff;border-bottom-right-radius:6px}
.cb.vendeur{align-self:flex-start}.cb.vendeur>div{background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:6px}
.cb.sys{align-self:center;max-width:94%;align-items:center}.cb.sys>div{background:#fff8e6;border:1px solid #fcd37a;color:#8a5a00;font-size:13px;text-align:center}
.chat-in{display:flex;gap:8px;margin-top:10px}
.chat-in input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:12px 18px;outline:0}.chat-in input:focus{border-color:var(--b400)}
.chat-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.chat-f small{display:flex;gap:6px;color:var(--muted);font-size:11.5px;flex:1;min-width:200px;align-items:flex-start}.chat-f small .ico{width:14px;height:14px;margin-top:2px;flex:none}

/* ---------- avis vendeur ---------- */
.rvb{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.rvb-list{display:grid;gap:12px;max-height:460px;overflow:auto;padding-right:4px}
.rvb-form{background:var(--b50);border:1px solid var(--b200);border-radius:20px;padding:18px;position:sticky;top:0}
.rvb-form h4{color:var(--b900);margin-bottom:10px;font-size:17px}
.rvb-form .star-in button{width:38px;height:38px}.rvb-form .star-in button .ico{width:22px;height:22px}
.rvb-form .muted{display:block;margin-top:8px;color:var(--muted);font-size:12.5px}
.vb{display:inline-flex;align-items:center;gap:3px;color:#15803d;font-weight:700}.vb .ico{width:12px;height:12px;stroke-width:3.5}
.muted{color:var(--muted)}
@media(max-width:820px){.rvb{grid-template-columns:1fr}.rvb-form{position:static}}

/* ---------- « Mes commandes » ---------- */
.mo-t{font-size:22px;color:var(--b900);margin:26px 0 12px}.mo-t:first-child{margin-top:0}
.mo-list{display:grid;gap:12px}
.mcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 6px 20px -16px rgba(13,59,150,.4);display:grid;gap:8px}
.mo-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mo-h b{color:var(--b900);overflow-wrap:anywhere}.mo-h small{display:block;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.mo-b{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.mo-b b{color:var(--b600);font-family:var(--font-h)}.mo-p{color:#33415f;font-weight:600}

/* ---------- espace vendeur : création & portail ---------- */
.kindsw{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kindsw label{display:flex;gap:12px;align-items:center;padding:16px;border:2px solid var(--line);border-radius:18px;cursor:pointer;transition:.25s var(--ease);background:#fff}
.kindsw label.on{border-color:var(--b500);background:var(--b50);box-shadow:0 0 0 4px rgba(28,107,255,.12)}
.kindsw input{position:absolute;opacity:0;pointer-events:none}
.kindsw .ico{width:30px;height:30px;color:var(--b500);flex:none}.kindsw b{display:block;color:var(--b900)}.kindsw small{color:var(--muted);font-size:12.5px;line-height:1.3;display:block}
.offers{display:flex;flex-wrap:wrap;gap:8px 18px}.offers .chk{margin:0}
.keyform{margin-bottom:6px}
.dtabs{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:6px}.dtabs .tab{flex:none}
.nbdg{font-style:normal;display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;padding:0 5px;margin-left:2px}
.tab.on .nbdg{background:#fff;color:#e11d48}
.form-t{color:var(--b900);font-size:16px;margin:4px 0 10px}.form-t small{color:var(--muted);font-weight:600}
.media-box{margin-top:18px;padding:16px;border:1.5px solid var(--b200);border-radius:18px;background:var(--b50)}
.mgal{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mg{width:92px;height:92px;border-radius:14px;overflow:hidden;position:relative;background:#fff;border:1px solid var(--line)}
.mg img{width:100%;height:100%;object-fit:cover}
.mg button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(6,26,69,.8);color:#fff;display:grid;place-items:center}.mg button .ico{width:13px;height:13px}
.mg.add{display:grid;place-items:center;border:2px dashed var(--b300);color:var(--b600);cursor:pointer;background:#fff;text-align:center;font-size:12px;font-weight:700;gap:2px;align-content:center}
.mg.add .ico{width:24px;height:24px}
.mvid{width:100%;max-width:420px;border-radius:14px;background:#000;display:block;margin-bottom:10px}
.prog{display:flex;align-items:center;gap:10px;margin:10px 0}.prog[hidden]{display:none}
.prog i{flex:1;height:10px;background:var(--b100);border-radius:99px;overflow:hidden;display:block}.prog u{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .25s;text-decoration:none}
.prog span{font-size:13px;font-weight:800;color:var(--b700);min-width:44px;text-align:right}
.colin{display:flex;gap:8px;margin-bottom:10px}.colin input{flex:1;min-width:0}
.proof{display:flex;gap:12px;align-items:center;text-align:left;background:var(--b50);border:1.5px solid var(--b200);border-radius:14px;padding:8px;margin-top:8px;width:100%;max-width:340px;transition:.2s}
.proof:hover{border-color:var(--b400)}
.proof img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:none;background:#fff}
.proof span{display:flex;gap:6px;align-items:center;font-weight:700;font-size:13px;color:var(--b700)}.proof span .ico{width:16px;height:16px}
.warnt{display:flex;gap:6px;align-items:center;color:#b45309;font-weight:600;font-size:12.5px;margin-top:6px}.warnt .ico{width:14px;height:14px}
.ord-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;width:100%}
.th-list{display:grid;gap:10px}
.th{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.2s;width:100%}
.th:hover{border-color:var(--b300);background:var(--b50)}
.th-b{flex:1;min-width:0;display:flex;flex-direction:column}.th-b b{color:var(--b900)}.th-b small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-l{color:var(--muted);font-size:12px;white-space:nowrap}
.th-view{display:grid;gap:10px}.th-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:#33415f}
.shop-media{margin-bottom:20px}
.sm-cover{height:150px;border-radius:18px;background:var(--b100);display:grid;place-items:center;color:var(--muted);font-weight:700;overflow:hidden;border:1.5px dashed var(--b300)}
.sm-cover img{width:100%;height:100%;object-fit:cover}
.sm-row{display:flex;gap:14px;align-items:center;margin-top:-34px;padding:0 16px;flex-wrap:wrap}
.numrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
@media(max-width:640px){.kindsw,.numrow{grid-template-columns:1fr}}

/* ---------- Voir+ : réels 16:9 ---------- */
.rl-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.rl-filters button{padding:9px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:#33415f;transition:.25s}
.rl-filters button.on{background:var(--b500);border-color:var(--b500);color:#fff;box-shadow:0 10px 22px -10px rgba(28,107,255,.8)}
.rl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rl-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .45s var(--ease),box-shadow .4s;min-width:0}
.rl-card:hover,.rl-card:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow);outline:0}
.rl-card.skel{height:250px;background:linear-gradient(90deg,var(--b50),var(--b100),var(--b50));background-size:200% 100%;animation:skel 1.4s infinite;cursor:default}
.rl-thumb{aspect-ratio:16/9;position:relative;background:#081027;overflow:hidden}
.rl-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.rl-blur{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#061a45,#1c6bff);color:rgba(255,255,255,.5)}.rl-blur .ico{width:48px;height:48px}
.rl-card.locked .rl-thumb{filter:saturate(.6)}
.rl-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--b600);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .3s var(--ease)}
.rl-play .ico{width:22px;height:22px}.rl-card:hover .rl-play{transform:scale(1.12)}
.rl-kind{position:absolute;top:10px;left:10px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.95);color:var(--b700);z-index:2}
.rl-info .rl-kind,.rl-modal .rl-kind{position:static;display:inline-block;background:var(--b100)}
.rl-kind.k-pub{background:#fff1d6;color:#8a5a00}.rl-kind.k-temoignage{background:#dcfce7;color:#15803d}.rl-kind.k-soutien{background:#ffe4ec;color:#be123c}.rl-kind.k-reel{background:var(--b100);color:var(--b700)}
.rl-dur{position:absolute;bottom:10px;right:10px;background:rgba(3,13,36,.8);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:8px;z-index:2}
.rl-body{padding:14px 16px 16px}.rl-body h3{font-size:16px;color:var(--b900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;line-height:1.3}
.rl-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);min-width:0;flex-wrap:wrap}
.rl-meta .av{width:26px;height:26px;font-size:12px}.rl-meta b{color:var(--b900);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-meta small{margin-left:auto;display:inline-flex;gap:4px;align-items:center;font-size:12px}.rl-meta small .ico{width:13px;height:13px;color:#e11d48}
.rl-v{font-style:normal;color:#d97706;display:grid}.rl-v .ico{width:15px;height:15px}
.rl-gate{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:linear-gradient(120deg,var(--b900),var(--b700));color:#fff;border-radius:22px;padding:18px 22px;margin-bottom:20px}
.rl-gate>.ico{width:30px;height:30px;color:var(--b300)}.rl-gate>div{flex:1;min-width:220px;display:flex;flex-direction:column}.rl-gate b{font-size:17px}.rl-gate span{color:#cfe0ff;font-size:14px}
.rl-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed var(--b200);border-radius:22px;padding:44px 20px}.rl-empty>.ico{width:44px;height:44px;color:var(--b400)}.rl-empty b{color:var(--b900);font-size:19px}
.modal .box.rl-modal{width:min(980px,100%);padding:0;overflow:auto;background:#fff}
.rl-stage{background:#000;aspect-ratio:16/9;border-radius:28px 28px 0 0;overflow:hidden}.rl-stage video{width:100%;height:100%;display:block;background:#000}
.rl-info{padding:20px 26px 26px}.rl-info h3{margin:8px 0 6px;padding:0}
.rl-by{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:8px}.rl-by .av{width:28px;height:28px;font-size:13px}.rl-by b{color:var(--b900)}
.rl-cap{color:#33415f;margin-bottom:12px;overflow-wrap:anywhere}
.rl-actions{display:flex;gap:10px;flex-wrap:wrap}.rl-actions .btn.on{background:#ffe4ec;border-color:#e11d48;color:#be123c}
.rl-auth{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;max-width:1000px;margin:0 auto}
.rl-ahead h3{font-size:clamp(26px,3.4vw,36px);color:var(--b900);margin-bottom:10px}.rl-ahead p{color:var(--muted);font-size:16px}
.rl-perks{list-style:none;display:grid;gap:10px;margin-top:18px}.rl-perks li{display:flex;gap:10px;align-items:center;color:#33415f;font-weight:600;font-size:14.5px}.rl-perks .ico{width:20px;height:20px;color:var(--b500);flex:none}
.rl-auth-r{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:26px}
.rl-auth-r .seg{display:flex;margin-bottom:18px}.rl-auth-r .seg button{flex:1;justify-content:center}
.rl-seller-note{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:var(--muted);margin-top:14px;text-align:center;flex-wrap:wrap}.rl-seller-note .ico{color:#d97706;width:16px;height:16px}.rl-seller-note a{color:var(--b600);font-weight:700}
.rl-panel{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}
.rl-who{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.rl-who>div{flex:1;min-width:140px}.rl-who b{display:block;color:var(--b900);font-size:18px}.rl-who small{color:var(--muted)}
.av.lg{width:54px;height:54px;font-size:22px}
.rl-h4{color:var(--b900);font-size:18px;margin:22px 0 10px}
.rl-mine{list-style:none;display:grid;gap:10px}
.rl-mine li{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:8px 12px 8px 8px}
.rl-mine video{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#000;flex:none}
.rl-mine li>div{flex:1;min-width:0}.rl-mine b{display:block;color:var(--b900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rl-mine small{color:var(--muted);font-size:12.5px}.rl-mine small .ico{width:12px;height:12px;color:#e11d48;vertical-align:-1px}
.rl-del{margin-top:24px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:14px}.rl-del summary{cursor:pointer;font-weight:700;color:#b91c1c}
.rl-delrow{display:flex;gap:10px;margin-top:10px}.rl-delrow input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px}
@media(max-width:1020px){.rl-grid{grid-template-columns:repeat(2,1fr)}.rl-auth{grid-template-columns:1fr}}
@media(max-width:600px){.rl-grid{grid-template-columns:1fr}.rl-info{padding:16px}.rl-auth-r,.rl-panel{padding:20px 16px}}

/* ---------- services vendeurs ---------- */
.svc-group{margin-bottom:56px}
.svc-gh{margin-bottom:20px}.svc-gh h3{font-size:clamp(22px,3vw,30px);color:var(--b900)}.svc-gh p{color:var(--muted)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s;min-width:0}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--b200)}
.svc-card.prem{background:linear-gradient(160deg,#fffaf0,#fff);border-color:#fcd37a}
.svc-ico{width:52px;height:52px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -10px rgba(28,107,255,.7)}.svc-ico .ico{width:24px;height:24px}
.svc-card.prem .svc-ico{background:linear-gradient(135deg,#ffcf5c,#ff9d2e);color:#4a2a00;box-shadow:0 12px 24px -10px rgba(255,157,46,.8)}
.svc-card h3{font-size:19px;color:var(--b900)}.svc-card p{color:var(--muted);font-size:14.5px;flex:1}
.svc-price{display:flex;align-items:baseline;gap:6px}.svc-price b{font-family:var(--font-h);font-size:24px;color:var(--b600)}.svc-price small{color:var(--muted);font-weight:600}
.svc-price.quote b{font-size:18px;color:var(--b700)}
.svc-custom{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--b50);border:1.5px dashed var(--b300);border-radius:26px;padding:26px 30px}
.svc-custom h3{display:flex;gap:10px;align-items:center;color:var(--b900);font-size:22px;margin-bottom:4px}.svc-custom h3 .ico{color:var(--b500)}.svc-custom p{color:var(--muted)}
.svc-req .sub{margin-bottom:16px}
@media(max-width:1020px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}.svc-custom{padding:20px}}

/* ---------- logistique & transports ---------- */
.tr-agency{display:grid;grid-template-columns:auto 1fr;gap:26px;background:#fff;border:1px solid var(--b200);border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.tr-logo{width:120px;height:120px;border-radius:30px;background:linear-gradient(135deg,var(--b900),var(--b500));display:grid;place-items:center;font-size:42px;box-shadow:0 20px 40px -18px rgba(13,59,150,.8)}
.tr-main h3{font-size:clamp(26px,3.4vw,36px);color:var(--b900);margin:10px 0 8px}.tr-main>p{color:var(--muted);font-size:16px;margin-bottom:18px}
.tag.prem{background:linear-gradient(135deg,#ffcf5c,#ff9d2e);color:#4a2a00;display:inline-flex;gap:5px;align-items:center}.tag.prem .ico{width:13px;height:13px}
.tr-services .card{padding:22px}.tr-services h4{color:var(--b900);font-size:18px;margin-bottom:6px}.tr-services p{font-size:14.5px}
.tr-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.tr-soon{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px;background:var(--b50);border:1.5px dashed var(--b300);border-radius:22px;padding:18px 22px}
.tr-soon>.ico{width:32px;height:32px;color:var(--b500)}.tr-soon>div{flex:1;min-width:220px;display:flex;flex-direction:column}.tr-soon b{color:var(--b900)}.tr-soon span{color:var(--muted);font-size:14px}
.tr-seg{display:flex;margin-bottom:20px}.tr-seg button{flex:1;justify-content:center;padding:12px 14px}
@media(max-width:720px){.tr-agency{grid-template-columns:1fr;padding:22px}.tr-logo{width:84px;height:84px;font-size:30px;border-radius:22px}}
.band .btns .btn.block{white-space:normal}

/* ---------- avis : mini bloc dans les pages ---------- */
.rv-stats{min-width:0}
.empty .ico{display:inline-block}

/* ---------- espace propriétaire (nouveaux onglets) ---------- */
.adm-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff}
.ar+.ar{margin-top:10px}
.ar>div{min-width:0}.ar .grow{flex:1;min-width:200px}
.ar b{color:var(--b900);overflow-wrap:anywhere}.ar small{display:block;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.ar.flag{border-color:#fca5a5;background:#fff7f7}
.adm-proof{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid var(--line);cursor:zoom-in;background:#fff}
.adm-thread{display:grid;gap:10px}
.adm-thread .chat-log{height:min(420px,52vh)}
.adm-vid{width:140px;aspect-ratio:16/9;border-radius:10px;object-fit:cover;background:#000;flex:none}
.adm-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.adm-bar select,.adm-bar input{border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff}
.adm-note{font-size:13px;color:var(--muted);margin:0 0 14px}

/* ---------- correctifs ---------- */
[hidden]{display:none!important}
.alt-row .btn{white-space:normal;text-align:center;line-height:1.25}
.pv{max-width:100%}
.toast{width:max-content;max-width:min(92vw,520px);border-radius:18px;text-align:center;line-height:1.4}

/* ===== v10 : formules, quotas, agences, chaînes, QR ===== */
.plans4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:6px}
.plans4 .plan{cursor:default;transform:none!important;padding:18px 16px 14px;gap:10px}
.plans4.sel .plan{cursor:pointer}
.plans4 .plan:hover{transform:none;box-shadow:none}
.plans4 .plan.rec{border-color:var(--b400);background:linear-gradient(180deg,var(--b50),#fff)}
.plans4 .plan-ribbon{position:absolute;top:-11px;right:14px;background:var(--b500);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.04em}
.plans4 .plan-p{font-size:17px}
.plans4 .plan ul{font-size:13px}
@media(max-width:1000px){.plans4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.plans4{grid-template-columns:1fr}}
.kindsw.k4{grid-template-columns:repeat(2,minmax(0,1fr))}
.kindsw.k4 small{overflow-wrap:anywhere}
.usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-6px 0 22px;align-items:end}
.usage .ut{grid-column:1/-1;color:var(--muted);font-size:12.5px;font-weight:600}
.usage .um{background:#fff;border:1px solid var(--b200);border-radius:14px;padding:10px 14px;display:grid;gap:4px;min-width:0}
.usage .um span{font-size:12.5px;color:var(--muted);font-weight:700}
.usage .um b{font-family:var(--font-h);color:var(--b700);font-size:17px}
.usage .um i{display:block;height:6px;border-radius:99px;background:var(--b100,#e6efff);overflow:hidden}
.usage .um u{display:block;height:100%;background:var(--b500);border-radius:99px;text-decoration:none}
@media(max-width:560px){.usage{grid-template-columns:1fr}}
.stream-prev{margin-top:16px}
.chip.cert{background:#fff7e0;color:#8a5a00}
/* QR */
.qrbox{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--b200);border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.qr-c{display:grid;gap:10px;justify-items:center;text-align:center}
.qr-c [data-qr]{width:min(240px,64vw);aspect-ratio:1;background:#fff;border-radius:18px;padding:8px;border:1px solid var(--b200)}
.qr-c [data-qr] svg{display:block;width:100%;height:100%}
.qr-c small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere;max-width:240px}
.qr-t h2{font-size:clamp(24px,3vw,34px);color:var(--b900);margin:6px 0 10px}
.qr-t p{color:var(--muted);margin-bottom:18px}
@media(max-width:720px){.qrbox{grid-template-columns:1fr;padding:22px;justify-items:center;text-align:center}.qr-t .row-btns{justify-content:center}}
/* Agences & chaînes (annuaire) */
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}
.pcard{background:#fff;border:1px solid var(--b200);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--shadow-s,0 6px 24px rgba(10,40,120,.06))}
.pcard.prem{border-color:var(--b400)}
.pc-h{display:flex;gap:14px;align-items:center;min-width:0}
.pc-h .mk-logo{flex:none}
.pc-h h3{font-size:18px;overflow-wrap:anywhere}
.pc-h small{color:var(--muted)}
.pcard p{color:var(--muted);font-size:14.5px}
.pc-trips{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.pc-trips li{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--b50);border-radius:12px;padding:9px 12px;font-size:14px}
.pc-trips li b{color:var(--b900);overflow-wrap:anywhere}
.pc-trips li span{font-weight:800;color:var(--b600);white-space:nowrap}
.pc-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.live-dot{display:inline-flex;gap:6px;align-items:center;background:#e11d48;color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.05em}
.live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:blk 1.2s infinite}
@keyframes blk{50%{opacity:.25}}
.tvch .pc-cover{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,var(--b900),var(--b600));display:grid;place-items:center;color:#fff;overflow:hidden;position:relative}
.tvch .pc-cover img{width:100%;height:100%;object-fit:cover}
.tvch .pc-cover .ico{width:44px;height:44px;opacity:.9}
.tvch .pc-cover .live-dot{position:absolute;top:10px;left:10px}
.tvplay{width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}
.tvplay iframe,.tvplay video{width:100%;height:100%;border:0;display:block;background:#000}
@media(prefers-reduced-motion:reduce){.live-dot::before{animation:none}}

/* ===== Personnalisation du site (site.js / siteedit.js) ===== */
.sitebanner{background:var(--b700);color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:600;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:60}
.sitebanner a{background:#fff;color:var(--b700);padding:4px 14px;border-radius:99px;font-weight:800;font-size:13px}
.sblock .sb-in{display:grid;gap:22px;align-items:center;grid-template-columns:1fr}
.sblock .sb-in.sb-img{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sblock .sb-in img{border-radius:var(--r);width:100%;height:auto;box-shadow:var(--shadow)}
.sblock .sb-t{display:grid;gap:14px;justify-items:start;min-width:0}
.sblock .sb-t h2{font-size:clamp(26px,3.6vw,40px);color:var(--b900)}
.sblock .sb-t p{color:var(--muted);font-size:17px;max-width:62ch}
.sblock.dark .sb-t h2,.sblock.dark .sb-t p{color:#fff}
@media(max-width:760px){.sblock .sb-in.sb-img{grid-template-columns:1fr}}
/* animations */
html[data-anim="none"] .rv,html[data-anim="none"] .rv.l,html[data-anim="none"] .rv.r,html[data-anim="none"] .rv.z{opacity:1!important;transform:none!important;transition:none!important}
html[data-anim="soft"] .rv{transform:translateY(12px);transition-duration:.5s}
html[data-anim="bold"] .rv{transform:translateY(70px) scale(.96);transition-duration:1.2s}
html[data-anim="bold"] .rv.l{transform:translateX(-90px)}html[data-anim="bold"] .rv.r{transform:translateX(90px)}
html[data-anim="soft"] .rv.in,html[data-anim="bold"] .rv.in{opacity:1;transform:none}
html[data-no-hover] .btn:hover,html[data-no-hover] .card:hover{transform:none!important}
html[data-no-marquee] .marquee *{animation:none!important}
html[data-btn="gradient"] .btn:not(.ghost):not(.light):not(.wa){background:var(--grad)}
html[data-btn="square"] .btn{border-radius:10px}
/* éditeur */
body.se-on [data-cms]{cursor:pointer}
body.se-on [data-cms]:hover{outline:2px dashed var(--b400);outline-offset:3px}
body.se-on [data-cms][data-removed]{opacity:.35;text-decoration:line-through}
body.se-on main>section[data-hidden]{opacity:.35;outline:3px dashed #e11d48;outline-offset:-3px}
body.se-on main>section.se-hl{outline:3px solid var(--b500);outline-offset:-3px}
body.se-on{padding-bottom:120px}
.se-bar{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:var(--b900);color:#fff;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.35)}
.se-bar b{font-family:var(--font-h)}.se-bar .sp{flex:1}
.se-bar .btn{padding:9px 16px;font-size:14px}
.se-bar .dirty{background:#f59e0b;color:#3b2500;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:800}
.se-panel{position:fixed;right:12px;bottom:84px;top:12px;width:min(380px,calc(100vw - 24px));z-index:2001;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}
.se-panel header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.se-panel header h4{font-size:17px}
.se-panel .se-body{padding:14px 16px;overflow:auto;display:grid;gap:12px;align-content:start}
.se-panel label{font-size:13px;font-weight:700;color:var(--muted);display:grid;gap:5px}
.se-panel input[type=text],.se-panel input[type=url],.se-panel textarea,.se-panel select{border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;width:100%}
.se-panel textarea{min-height:110px;resize:vertical}
.se-panel input[type=color]{width:100%;height:42px;border:1.5px solid var(--line);border-radius:12px;padding:3px;background:#fff}
.se-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.se-list{display:grid;gap:8px}
.se-item{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--b50)}
.se-item span{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-item button{width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--b700)}
.se-item button:hover{background:var(--b100)}
.se-item.off span{opacity:.5;text-decoration:line-through}
.se-hint{font-size:12.5px;color:var(--muted)}
@media(max-width:700px){.se-panel{top:auto;height:62vh;bottom:96px}}

/* ---- espace propriétaire : formulaires Site / TV / Abonnements ---- */
.a2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px}
.a2-grid .field{margin:0}
.a2-grid input[type=color],#adm-body input[type=color]{width:100%;height:42px;padding:3px;border-radius:10px}
.a2-steps{margin:10px 0 14px;padding-left:20px;display:grid;gap:8px;font-size:.93rem;line-height:1.5}
#adm-body form.adm-card{display:grid;gap:12px}
#adm-body textarea{width:100%;min-height:80px;padding:10px 12px;border:1.5px solid var(--line,#d6deee);border-radius:12px;font:inherit}

/* ---- paiement en ligne (Flutterwave) ---- */
.onpay{border:2px solid var(--b200);background:linear-gradient(180deg,var(--b50),#fff);border-radius:20px;padding:18px;margin:0 0 14px;display:flex;flex-direction:column;gap:12px}
.onpay-h{display:flex;gap:14px;align-items:flex-start}
.onpay-h>.ico{width:28px;height:28px;color:var(--b500);flex:none;margin-top:2px}
.onpay-h b{display:block;color:var(--b900);font-size:16px}
.onpay-h small{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.onpay .frow{margin:0}
[data-pm].kindsw{margin:0 0 14px}
[data-pm].kindsw.k2 small{overflow-wrap:anywhere}
[data-onl][hidden],[data-mm][hidden],[data-pm][hidden]{display:none!important}
[data-payon]{margin-bottom:6px}
.se-panel .se-body,.se-list{grid-template-columns:minmax(0,1fr)}
.se-panel{overflow:hidden}

/* =====================================================================
   ESPACES HUB : Santé, Emploi, Communauté, Religion
   ===================================================================== */
.hb-hero.sante{background:linear-gradient(135deg,#052a3b,#0b6e6a 60%,#12a186)}
.hb-hero.religion{background:linear-gradient(135deg,#1b1546,#3b2a8a 60%,#6a4fd6)}
.hb-hero.emploi{background:linear-gradient(135deg,#061a45,#0d3b96 60%,#1c6bff)}
.hb-hero.histoires{background:linear-gradient(135deg,#3a0f2e,#8a1f5c 60%,#e0573d)}
.hb-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hb-urg{display:flex;gap:12px;align-items:flex-start;margin-top:22px;max-width:720px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 16px;color:#fff;font-size:14px}
.hb-urg .ico{flex:none;width:22px;height:22px;margin-top:1px}
.hb-list{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:10px}
.hb-list li{display:flex;gap:10px;align-items:flex-start;color:#33415f}
.hb-list .ico{flex:none;width:20px;height:20px;color:var(--ok);margin-top:2px}
.hb-box{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-sm)}
.hb-box.narrow{max-width:720px;margin:0 auto}
.hb-split{align-items:flex-start}
.hb-grid{margin-top:18px}
.hb-card{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.hb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.hb-card.guard{border-color:#12a150;box-shadow:0 0 0 3px rgba(18,161,80,.12)}
.hb-card h3{font-size:17px;margin:0;line-height:1.25}
.hb-card p{margin:0;color:var(--muted);font-size:14px}
.hb-h{display:flex;gap:12px;align-items:center}
.hb-h small{color:var(--muted)}
.hb-guard{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:#e8f8ee;color:#0b7a3b;font-weight:800;font-size:11.5px;letter-spacing:.08em;padding:5px 10px;border-radius:99px;white-space:nowrap}
.hb-guard i,.hb-pulse{width:9px;height:9px;border-radius:50%;background:#12a150;display:inline-block;animation:hbp 1.6s infinite}
@keyframes hbp{0%{box-shadow:0 0 0 0 rgba(18,161,80,.6)}70%{box-shadow:0 0 0 10px rgba(18,161,80,0)}100%{box-shadow:0 0 0 0 rgba(18,161,80,0)}}
.hb-gn{display:flex;gap:6px;align-items:center;color:#0b7a3b!important;font-weight:600}
.hb-gn .ico{width:16px;height:16px}
.hb-meta{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13.5px;color:#33415f}
.hb-meta li{display:flex;gap:8px;align-items:flex-start}.hb-meta .ico{flex:none;width:16px;height:16px;margin-top:2px;color:var(--b500)}
.hb-ev{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hb-ev li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--b50);border-radius:10px;padding:8px 12px;font-size:13.5px}
.hb-ev li span{color:var(--muted);flex:1;min-width:140px}
.hb-ev li.empty{color:var(--muted)}
.hb-don{display:flex;gap:8px;align-items:center;background:#fff7e0;color:#6b4a00;border-radius:10px;padding:8px 12px;font-size:13.5px;flex-wrap:wrap}
.hb-don .ico{width:18px;height:18px;flex:none}
.hb-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.hb-gbar{background:linear-gradient(135deg,#e8f8ee,#f3fbf6);border:1.5px solid #bfe8cd;border-radius:var(--r);padding:16px;margin-bottom:22px}
.hb-gt{display:flex;gap:10px;align-items:center;margin-bottom:12px;color:#0b5a2e}.hb-gt small{color:#3c7a58}
.hb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.hb-tb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.hb-tb .chips{display:flex;gap:8px;flex-wrap:wrap}
.hb-q{flex:1;min-width:220px;max-width:380px;padding:12px 16px;border:1.5px solid var(--line);border-radius:99px;font:inherit;background:#fff}
.hb-q:focus{outline:none;border-color:var(--b500);box-shadow:0 0 0 4px rgba(28,107,255,.12)}
.hb-st{display:flex;gap:8px;align-items:center;margin:34px 0 12px}
.hb-cal{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hb-cal li{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 16px}
.hb-cal time{min-width:130px;font-weight:700;color:var(--b700);font-size:13.5px}
.hb-cal small{display:block;color:var(--muted)}
.hb-mng{display:grid;gap:16px}
.hb-mh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hb-mh .btn{margin-left:auto}
.hb-gsw{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#e8f8ee;border-radius:14px;padding:14px 16px}
.hb-gsw small{display:block;color:#3c7a58}.hb-gbt{display:flex;gap:8px;align-items:center}
.hb-gbt select{padding:9px 10px;border-radius:10px;border:1.5px solid var(--line)}
.hb-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px}
.hb-prod{display:flex;flex-direction:column;gap:4px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px;transition:transform .3s var(--ease),box-shadow .3s}
.hb-prod:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.hb-prod .ph{aspect-ratio:1;border-radius:10px;background:var(--b50);display:grid;place-items:center;overflow:hidden;color:var(--b400)}
.hb-prod .ph img{width:100%;height:100%;object-fit:cover}
.hb-prod b{font-size:14.5px;line-height:1.3}.hb-prod small{color:var(--muted)}.hb-prod em{font-style:normal;font-weight:800;color:var(--b700)}
@media(prefers-reduced-motion:reduce){.hb-guard i,.hb-pulse{animation:none}}

/* ---------- Emploi ---------- */
.jb-grid{margin-top:18px}
.jb-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.jb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.jb-card h3{font-size:18px;margin:0}.jb-d{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.jb-co{display:flex;gap:6px;align-items:center;margin:0;color:#33415f;font-weight:600;font-size:14px}.jb-co .ico{width:16px;height:16px;color:var(--b500)}
.jb-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.jb-k{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:var(--b100);color:var(--b700)}
.jb-k.k-stage{background:#e8f8ee;color:#0b7a3b}.jb-k.k-freelance{background:#fff2e0;color:#9a5200}.jb-k.k-benevolat{background:#fde8f1;color:#a3185c}.jb-k.k-alternance{background:#efe8ff;color:#5a2fc2}
.jb-soon{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:#b42318;font-weight:700}.jb-soon .ico{width:14px;height:14px}
.jb-card details{font-size:13.5px;color:#33415f}.jb-card summary{cursor:pointer;font-weight:700;color:var(--b700)}
.jb-f{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:auto;flex-wrap:wrap}.jb-f small{color:var(--muted)}
.jb-m{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-top:12px;display:grid;gap:8px}
.jb-mh{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.jb-mh small{display:block;color:var(--muted)}
.jb-a{background:var(--b50);border-radius:10px;padding:10px 12px;font-size:13.5px;display:grid;gap:2px}.jb-a span{color:var(--muted);font-size:12px}.jb-a p{margin:4px 0 0;color:#33415f}

/* ---------- Communauté / Histoires / Religion (réseau social) ---------- */
.so-sec .head{margin-bottom:26px}
.so-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.so-side{position:sticky;top:96px}
@media(max-width:980px){.so-grid{grid-template-columns:minmax(0,1fr)}.so-side{position:static}}
.so-bar{margin-bottom:14px}
.so-compose{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:14px 18px;color:var(--muted);font:inherit;cursor:pointer;transition:.3s var(--ease)}
.so-compose:hover{border-color:var(--b400);box-shadow:var(--shadow-sm);color:var(--b700)}
.so-compose .ico{flex:none;width:22px;height:22px;color:var(--b500)}
.so-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.so-tabs .chip{display:inline-flex;gap:6px;align-items:center}.so-tabs .ico{width:15px;height:15px}
.so-new{margin-bottom:12px;background:var(--b500);color:#fff;border-radius:99px;padding:10px 18px;text-align:center;font-weight:700;cursor:pointer;animation:scIn .4s var(--ease)}
.so-new .ico{width:16px;height:16px;vertical-align:-3px}
.so-list{display:grid;gap:16px}
.so-post{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:10px;animation:scIn .55s var(--ease) both;transition:transform .3s var(--ease),box-shadow .3s,opacity .3s}
.so-post:hover{box-shadow:var(--shadow-sm)}.so-post.out{opacity:0;transform:scale(.96)}
.so-post.k-soutien{border-color:#f3b4c8;background:linear-gradient(180deg,#fff,#fff7fa)}
.so-post.k-histoire{border-color:#cbbcf5;background:linear-gradient(180deg,#fff,#faf8ff)}
@keyframes scIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.so-post .so-hd{display:flex;gap:10px;align-items:center}.so-post .so-hd small{display:block;color:var(--muted);font-size:12.5px}
.so-k{margin-left:auto;display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700;background:var(--b100);color:var(--b700);padding:5px 10px;border-radius:99px;white-space:nowrap}.so-k .ico{width:14px;height:14px}
.so-post h3{margin:0;font-size:19px;line-height:1.25}.so-txt{margin:0;color:#25304d;font-size:15px;line-height:1.55;word-break:break-word}
.so-goal{display:flex;gap:8px;align-items:center;background:#fff1f5;color:#a3185c;border-radius:10px;padding:8px 12px;font-size:14px}.so-goal .ico{width:18px;height:18px;flex:none}
.so-img{width:100%;max-height:460px;object-fit:cover;border-radius:14px}
.so-post .so-ft{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.so-post .so-ft .sp{flex:1}
.so-btn{position:relative;display:inline-flex;gap:6px;align-items:center;background:var(--b50);border:1.5px solid transparent;border-radius:99px;padding:7px 13px;font:inherit;font-weight:700;font-size:13.5px;color:#33415f;cursor:pointer;transition:.25s var(--ease)}
.so-btn:hover{background:var(--b100)}.so-btn .ico{width:17px;height:17px}
.so-btn.on{background:#ffe9ee;color:#d6204f}.so-btn.sup.on{background:#fff0dc;color:#c25400}.so-btn.arm{background:#fde4e4;color:#b42318}
.so-btn.on .ico{animation:scPop .5s var(--ease)}
@keyframes scPop{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}
.so-burst{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#ff4d79;pointer-events:none;animation:scBurst .8s ease-out forwards}
@keyframes scBurst{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}
.so-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 80% 55%),hsl(calc(var(--h) + 40) 70% 40%))}
.so-cms{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:10px}
.so-c{display:flex;gap:10px}.so-c.re{margin-left:30px}.so-c .so-av{width:30px;height:30px;font-size:13px}.so-c p{margin:2px 0;font-size:14px;color:#25304d}.so-c small{color:var(--muted)}
.lnk{background:none;border:0;padding:0;color:var(--b600);font:inherit;font-size:12.5px;cursor:pointer}
.so-cf{display:flex;gap:8px}.so-cf input{flex:1;min-width:0;padding:10px 14px;border:1.5px solid var(--line);border-radius:99px;font:inherit}
.so-more{text-align:center;margin-top:16px}
.so-pv{max-width:100%;max-height:200px;border-radius:12px;margin-top:8px}
.so-kinds{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.so-kind input{position:absolute;opacity:0;pointer-events:none}
.so-kind span{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;cursor:pointer;transition:.2s}.so-kind .ico{width:16px;height:16px}
.so-kind input:checked+span{background:var(--b500);border-color:var(--b500);color:#fff}
.so-kind input:focus-visible+span{outline:3px solid var(--b300)}
/* histoires */
.so-strip{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.so-story{position:relative;flex:none;width:170px;height:250px;border-radius:20px;overflow:hidden;border:0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;text-align:left;color:#fff;cursor:pointer;scroll-snap-align:start;background:linear-gradient(160deg,hsl(var(--h,220) 75% 52%),hsl(calc(var(--h,220) + 50) 70% 28%));animation:scIn .6s var(--ease) both;transition:transform .35s var(--ease),box-shadow .35s}
.so-story:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow)}
.so-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.so-sg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.75))}
.so-story .ct{position:absolute;top:12px;left:12px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#ffcf5c,#ff4d79,#7a5cff);animation:scSpin 6s linear infinite}
.so-story .ct .so-av{width:36px;height:36px;border:2px solid #fff}
@keyframes scSpin{to{filter:hue-rotate(360deg)}}
.so-story b,.so-story small{position:relative;z-index:1}.so-story b{font-size:15px;line-height:1.25}.so-story small{opacity:.85}
.so-story.add{background:#fff;color:var(--b700);border:2px dashed var(--b300);align-items:center;justify-content:center;text-align:center}
.so-story.add .plus{width:54px;height:54px;border-radius:50%;background:var(--b500);color:#fff;display:grid;place-items:center;margin-bottom:8px;animation:scPulse 2.4s infinite}
@keyframes scPulse{0%{box-shadow:0 0 0 0 rgba(28,107,255,.5)}70%{box-shadow:0 0 0 16px rgba(28,107,255,0)}100%{box-shadow:0 0 0 0 rgba(28,107,255,0)}}
.so-read{max-width:640px}.so-read .so-post{border:0;padding:0;animation:none}
/* chat */
.so-chat{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;height:520px;box-shadow:var(--shadow-sm)}
.so-ch-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--b50)}.so-ch-h .chips{display:flex;gap:6px;flex-wrap:wrap;width:100%}.so-ch-h .chip{padding:4px 10px;font-size:12.5px}
.so-ch-b{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fff,#f8fbff)}
.so-m{display:flex;gap:8px;max-width:88%;animation:scIn .35s var(--ease) both}.so-m .so-av{width:30px;height:30px;font-size:13px}
.so-m>div{background:var(--b50);border-radius:4px 16px 16px 16px;padding:8px 12px}.so-m p{margin:0;font-size:14px;word-break:break-word}.so-m b{font-size:12px;color:var(--b700)}.so-m small{font-size:11px;color:var(--muted)}
.so-m.me{align-self:flex-end;flex-direction:row-reverse}.so-m.me>div{background:var(--b500);color:#fff;border-radius:16px 4px 16px 16px}.so-m.me b,.so-m.me small{color:#dbe8ff}
.so-ch-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.so-ch-f input{flex:1;min-width:0;padding:11px 14px;border:1.5px solid var(--line);border-radius:99px;font:inherit}
.hb-hero.histoires .blob.a{animation:scFloat 9s ease-in-out infinite}.hb-hero.histoires .blob.b{animation:scFloat 11s ease-in-out infinite reverse}
@keyframes scFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-26px)}}
@media(prefers-reduced-motion:reduce){.so-post,.so-story,.so-m,.so-new,.so-story .ct,.so-story.add .plus,.hb-hero.histoires .blob{animation:none!important}}

/* ---------- À propos ---------- */
.ap-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ap-stats div{background:var(--grad-soft);border:1.5px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:4px}
.ap-stats b{font-family:var(--font-h);font-size:clamp(32px,5vw,48px);color:var(--b700);line-height:1}.ap-stats span{color:var(--muted);font-size:14px}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px}
.ap-s{display:grid;gap:8px;align-content:start;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:20px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.ap-s:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:var(--b300)}
.ap-s>.ico{width:34px;height:34px;color:var(--b500)}.ap-s b{font-size:17px;color:var(--b900)}.ap-s p{margin:0;color:var(--muted);font-size:14.5px}

.hb-tb .chips,.so-tabs.chips,.so-ch-h .chips{padding:0;border:0;background:none;max-height:none;overflow:visible}
.so-tabs.chips{padding:0 0 4px}

.menu a.lnk,.menu button.lnk{white-space:nowrap}
@media(max-width:1400px){.menu a.lnk,.menu button.lnk{padding:10px 9px}}

/* ---------- panier boutiques + fenêtre de suivi ---------- */
.c2-t{display:flex;gap:8px;align-items:center;margin:16px 0 6px;font-size:14px;color:var(--b900)}.c2-t .ico{width:18px;height:18px;color:var(--b500)}
.c2-g{display:grid;gap:8px;border:1.5px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.tw-list{display:grid;gap:10px;margin:12px 0}
.tw{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:14px;padding:12px}.tw>div{flex:1;min-width:160px}.tw small{display:block;color:var(--muted)}

/* ===== Travel : carte GPS ===== */
.tm{display:grid;gap:14px}
.tm-ctl{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.tm-ctl .field{margin:0;min-width:0}.tm-ctl select{width:100%}
.tm-btns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.tm-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.tm-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;color:var(--b700);cursor:pointer;transition:.2s}
.tm-tabs button svg,.tm-tabs button i{width:18px;height:18px}
.tm-tabs button.on{background:var(--b900,#061a45);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px rgba(6,26,69,.6)}
.tm-mapw{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -24px rgba(6,26,69,.45)}
.tm-map{height:min(62vh,520px);min-height:340px;width:100%;background:#dbe7f5;z-index:0}
.tm-layers{position:absolute;top:12px;right:12px;z-index:500;display:flex;background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);overflow:hidden}
.tm-layers button{border:0;background:transparent;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;color:#334}
.tm-layers button.on{background:#2563eb;color:#fff}
.tm-load{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:500;background:rgba(6,26,69,.92);color:#fff;padding:8px 16px;border-radius:999px;font-size:14px}
.tm-pin span{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#2563eb;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.4);border:2px solid #fff}
.tm-pin b{transform:rotate(45deg);font-size:14px;font-weight:800;line-height:1}
.tm-pin.a span{background:#16a34a}.tm-pin.b span{background:#e11d48}.tm-pin.ag span{background:#f59e0b}
.tm-pin.me span{background:#2563eb;border-radius:50%;transform:none;width:22px;height:22px;margin:6px;animation:tmpulse 1.6s infinite}.tm-pin.me b{transform:none;font-size:0}
@keyframes tmpulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.6)}100%{box-shadow:0 0 0 18px rgba(37,99,235,0)}}
.tm-res .tm-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px}
.tm-card h4{display:flex;align-items:center;gap:8px;margin:0;color:var(--b900,#061a45);font-size:18px;flex-wrap:wrap}
.tm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tm-kpis>div{background:var(--b50,#eef4ff);border-radius:14px;padding:12px;min-width:0}.tm-kpis small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.tm-kpis span{font-size:17px;color:var(--b900,#061a45);overflow-wrap:anywhere}.tm-kpis span small{display:inline;font-size:12px;margin:0}
.tm-act{display:flex;flex-wrap:wrap;gap:10px}.tm-warn{display:flex;gap:8px;color:#92400e;background:#fffbeb;border-radius:12px;padding:10px;font-size:14px;margin:0}
.tm-note{font-size:13px;color:var(--muted);margin:0}
@media(max-width:640px){.tm-ctl{grid-template-columns:1fr}.tm-kpis{grid-template-columns:1fr}.tm-map{height:58vh}}

/* ===== Éditeur : panneaux ajoutés (cartes, prix, galerie, vidéo) & fonds ===== */
.sb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin-top:22px;text-align:left}
.sb-card{background:#fff;border:1px solid var(--line);border-radius:var(--r,22px);padding:18px;display:grid;gap:10px;align-content:start;color:var(--ink);overflow:hidden}
.sb-card img{width:calc(100% + 36px);margin:-18px -18px 4px;aspect-ratio:16/10;object-fit:cover}
.sb-card h3{font-size:19px;color:var(--b900);margin:0}.sb-card p{margin:0;color:var(--muted)}.sb-price{font-family:var(--font-h);font-size:22px;color:var(--b600)}
.sb-prices{list-style:none;margin:22px auto 0;padding:0;max-width:760px;display:grid;gap:8px;text-align:left}
.sb-prices li{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.sb-prices b{white-space:nowrap;color:var(--b600);font-family:var(--font-h)}.sb-prices small{color:var(--muted)}
.sb-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;margin-top:22px}
.sb-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm,14px)}
.sb-vid{position:relative;width:100%;justify-self:stretch;margin:22px auto 0;max-width:860px;aspect-ratio:16/9;border-radius:var(--r,22px);overflow:hidden;background:#000}.sb-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
main>section.bg-alt{background:var(--b50)}
main>section.bg-dark{background:var(--b900);color:#fff}main>section.bg-dark h1,main>section.bg-dark h2,main>section.bg-dark h3,main>section.bg-dark p,main>section.bg-dark .eyebrow{color:#fff}
.se-im{align-items:center}.se-im img,.se-th{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;background:var(--b100)}
.se-im span em,.se-item span em{font-weight:500;color:var(--b600);font-style:normal}.se-st{display:block;font-size:12px;color:var(--muted);font-weight:500}
.se-sub{border:1px dashed var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;margin-bottom:8px}.se-form{display:grid;gap:10px}
.se-ch b{display:block;font-size:14px}.se-ch small{display:block;color:var(--muted);font-weight:500;font-size:12px}
.xth{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.xth:empty{display:none}

/* ---------- barre d'outils de navigation (précédent / suivant / actualiser / thème) ---------- */
.ntools{position:fixed;left:12px;bottom:18px;z-index:119;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(6,26,69,.88);backdrop-filter:blur(10px);box-shadow:0 12px 30px -12px rgba(6,26,69,.7);transition:opacity .3s,transform .3s var(--ease)}
.ntools button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:background .2s,opacity .2s}
.ntools button:hover{background:rgba(255,255,255,.16)}.ntools button.off{opacity:.38}
.ntools button .ico{width:19px;height:19px}.ntools .spin .ico{animation:ntspin .8s linear infinite}
@keyframes ntspin{to{transform:rotate(360deg)}}
.ntools.low{opacity:.45}.ntools.low:hover,.ntools.low:focus-within{opacity:1}
@media(max-width:900px){.ntools{bottom:76px;left:8px}.ntools button{width:34px;height:34px}.ntools button .ico{width:17px;height:17px}}
@media print{.ntools{display:none}}

/* ---------- thème sombre ---------- */
html[data-theme="dark"]{filter:invert(.9) hue-rotate(180deg);background:#fff}
html[data-theme="dark"] [data-keep]{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"] .modal{background:rgba(255,255,255,.55)}
html[data-theme="dark"] img:not([src*="logo.png"]),html[data-theme="dark"] video,html[data-theme="dark"] picture,html[data-theme="dark"] iframe,html[data-theme="dark"] canvas,html[data-theme="dark"] .leaflet-container .leaflet-tile-pane,html[data-theme="dark"] .qr img,html[data-theme="dark"] .qr canvas,html[data-theme="dark"] .no-dark{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"] .ntools{background:rgba(6,26,69,.95)}
html[data-theme="dark"] .curtain{background:#fff}
html[data-theme="dark"] [data-keep] img,html[data-theme="dark"] [data-keep] video,html[data-theme="dark"] [data-keep] picture,html[data-theme="dark"] [data-keep] iframe,html[data-theme="dark"] [data-keep] canvas{filter:none}

/* ---------- photos de panneaux (remplacent les icônes) ---------- */
.slot-photo{aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:14px;background:var(--b100);width:100%}
.slot-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ci.slot-has{display:none}
.slot-fillbox{position:relative;overflow:hidden}
.slot-fillbox>svg{opacity:0}
.slot-fillbox>img.slot-fill{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit;display:block}
body.se-on [data-slotkey]{cursor:pointer;outline:2px dashed #f59e0b;outline-offset:3px;position:relative}
body.se-on [data-slotkey]::after{content:"📷";position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#fff;font-size:12px;display:grid;place-items:center;z-index:3;pointer-events:none}
body.se-on .ci.slot-has[data-slotkey]{display:none}

/* ---------- badge « Vendeur certifié » ---------- */
.cert-b{background:#dcfce9!important;color:#0a6b35!important;border:1px solid #9be0b9;display:inline-flex;align-items:center;gap:5px}
.cert-b .ico{width:14px;height:14px}
.cert-mini{font-style:normal;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#12a150;color:#fff;font-size:10px;font-weight:800;margin-left:5px;flex:none}
.cert-f{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13.5px;color:#0a6b35;white-space:nowrap}
.cert-f input{accent-color:#12a150;width:16px;height:16px}.cert-f .ico{width:16px;height:16px}
.cert-f:has(input:checked){background:#dcfce9;border-color:#12a150}

/* ---- Story Makers TV : Infos & actualités ---- */
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.nw-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease)}
.nw-card:hover{transform:translateY(-3px)}.nw-card.pin{border-color:var(--b400)}
.nw-ph{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;background:var(--b100);cursor:pointer;padding:0;overflow:hidden}
.nw-ph img{width:100%;height:100%;object-fit:cover}
.nw-noimg{display:grid;place-items:center;height:100%;color:var(--b500)}.nw-noimg .ico{width:38px;height:38px}
.nw-n{position:absolute;right:8px;bottom:8px;display:inline-flex;gap:5px;align-items:center;background:rgba(3,13,36,.72);color:#fff;border-radius:99px;padding:3px 10px;font-size:12.5px}.nw-n .ico{width:14px;height:14px}
.nw-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.nw-b h3{font-size:17px;line-height:1.3}.nw-b p{color:var(--muted);font-size:14.5px}
.nw-m{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.nw-cat{background:var(--b100);color:var(--b700);border-radius:99px;padding:2px 10px;font-weight:600}.nw-pin{color:#8a5a00;font-weight:600}
.nw-more{margin-top:auto;align-self:flex-start;background:none;border:0;color:var(--b600);font-weight:600;cursor:pointer;padding:0;font:inherit;font-weight:600}
.nw-empty{text-align:center;padding:30px 0}
.nw-read{max-width:760px;padding:0;overflow:hidden}.nw-read .x{z-index:3}
.nw-gal{position:relative;background:#000}.nw-big{width:100%;max-height:60vh;object-fit:contain;margin:auto}
.nw-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.88);font-size:26px;line-height:1;cursor:pointer}.nw-nav.p{left:10px}.nw-nav.n{right:10px}
.nw-cnt{position:absolute;left:10px;bottom:10px;background:rgba(3,13,36,.72);color:#fff;border-radius:99px;padding:2px 10px;font-size:12.5px}
.nw-th{display:flex;gap:6px;padding:8px;overflow-x:auto;background:var(--b50)}.nw-th button{border:2px solid transparent;border-radius:8px;padding:0;background:none;cursor:pointer;flex:none;width:64px;height:48px;overflow:hidden}.nw-th button.on{border-color:var(--b500)}.nw-th img{width:100%;height:100%;object-fit:cover}
.nw-txt{padding:18px 20px 24px;max-height:40vh;overflow:auto}.nw-txt h3{font-size:22px;margin:8px 0 10px}.nw-txt p{color:var(--ink);line-height:1.7}
/* admin : Infos TV */
.nw-form{display:grid;gap:10px;margin:12px 0 22px;padding:16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--b50)}
.nw-form input[type=text],.nw-form select,.nw-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.nw-form textarea{min-height:130px;resize:vertical}
.nw-pend,.nw-imgs{display:flex;gap:8px;flex-wrap:wrap}
.nw-pend .it,.nw-imgs .it{position:relative;width:84px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.nw-pend img,.nw-imgs img{width:100%;height:100%;object-fit:cover}
.nw-imgs .it button,.nw-pend .it button{position:absolute;top:2px;background:rgba(3,13,36,.75);color:#fff;border:0;border-radius:6px;font-size:12px;line-height:1;padding:3px 5px;cursor:pointer}
.nw-imgs .it .f{left:2px}.nw-imgs .it .d,.nw-pend .it .d{right:2px}
.nw-imgs .it.first{outline:2px solid var(--b500)}
@media(max-width:560px){.nw-read .nw-big{max-height:42vh}}

/* ---- zoom photo ---- */
img.so-img,img[data-zoom]{cursor:zoom-in}
.modal.zoom{background:rgba(3,13,36,.92)}
.zoom-box{position:relative;max-width:min(96vw,1100px);max-height:94vh;margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.zoom-box img{max-width:100%;max-height:84vh;object-fit:contain;border-radius:10px;background:#000}
.zoom-box p{color:#fff;font-size:14px;text-align:center}
.zoom-box .x{position:fixed;top:14px;right:14px;z-index:5;background:rgba(255,255,255,.92)}

/* ---- visionneuse photos (Communauté) ---- */
.modal.zoom{padding:0;background:rgba(3,13,36,.95)}
.zm-st{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:58px 12px 90px}
.zm-st img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:zoom-in;background:#000}
.zm-st img.big{max-width:none;max-height:none;width:auto;cursor:zoom-out}
.modal.zoom .x{position:fixed;top:14px;right:14px;z-index:6}
.zm-n{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.22);color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:5}.zm-n.p{left:10px}.zm-n.n{right:10px}
.zm-c{position:fixed;left:0;right:0;bottom:0;padding:16px 18px;color:#fff;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none;z-index:4}.zm-c small{opacity:.75}.zm-c .zm-h{margin-left:auto}

/* ---- Espace Brasserie & Gros ---- */
.gr-hero{background:linear-gradient(135deg,#061a45,#0d3b96 60%,#b36b00)}
.gr-pitch{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow-sm)}.gr-pitch.alt2{background:var(--b50)}
.gr-two{align-items:stretch}
.gr-tb{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.gr-tb .field{margin:0;min-width:150px;flex:1}.gr-tb select,.gr-tb input{width:100%}
.gr-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.gr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.gr-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.gr-ph{aspect-ratio:16/9;background:var(--b100);display:grid;place-items:center;color:var(--b400);position:relative;overflow:hidden}.gr-ph img{width:100%;height:100%;object-fit:contain;background:#fff}.gr-ph .ico{width:42px;height:42px}
.gr-promo{position:absolute;left:8px;top:8px;background:#e5484d;color:#fff;border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:700}
.gr-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.gr-brand{font-size:12.5px;color:var(--b600);font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gr-b h3{font-size:17px;line-height:1.25}.gr-sub{color:var(--muted);font-size:13.5px}
.gr-price{font-size:22px;font-weight:800;font-family:var(--font-h)}.gr-price small{font-size:13px;font-weight:500;color:var(--muted)}.gr-price s{font-size:14px;color:var(--muted);font-weight:500}
.gr-dep{font-size:13px;color:#8a5a00;background:#fff7e0;border-radius:8px;padding:4px 10px;align-self:flex-start}
.gr-tiers{display:flex;gap:6px;flex-wrap:wrap}.gr-tiers span{background:var(--b50);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:12.5px}
.gr-stock{font-size:13px;font-weight:600}.gr-stock.ok{color:var(--ok)}.gr-stock.low{color:#b36b00}.gr-stock.no{color:#e5484d}
.gr-buy{margin-top:auto;display:grid;gap:8px}
.gr-qty{display:flex;gap:6px;align-items:center}.gr-qty input{width:84px;text-align:center;padding:10px 6px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
.gr-qty button.sq{width:38px;height:38px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:20px;cursor:pointer;line-height:1}
.gr-quick{display:flex;gap:6px;flex-wrap:wrap}.gr-quick button{border:1px solid var(--line);background:var(--b50);border-radius:99px;padding:3px 10px;font-size:12.5px;cursor:pointer;color:var(--b700)}
.gr-line{font-size:13px;color:var(--b700);min-height:18px}
.gr-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:90;background:var(--b900);color:#fff;border-radius:99px;padding:10px 12px 10px 20px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);max-width:calc(100vw - 24px)}
.gr-bar b{font-family:var(--font-h)}.gr-bar[hidden]{display:none}
.gr-co{max-width:760px;padding:22px}.gr-co h3{margin-bottom:10px}
.gr-lines{display:grid;gap:8px;margin:10px 0}
.gr-l{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.gr-l b{font-size:14.5px}.gr-l small{color:var(--muted)}.gr-l .r{text-align:right;font-weight:700}
.gr-l .ctl{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px}.gr-l .ctl input{width:70px;padding:6px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.gr-tot{border-top:2px solid var(--ink);margin-top:10px;padding-top:10px;display:grid;gap:4px}.gr-tot div{display:flex;justify-content:space-between;gap:12px}.gr-tot .big{font-size:20px;font-weight:800;font-family:var(--font-h)}
.gr-tot .cr{color:var(--ok)}
.gr-opts{display:flex;gap:10px;flex-wrap:wrap}.gr-opts label{display:flex;gap:6px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer}
.gr-steps{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.gr-steps span{flex:1;min-width:92px;text-align:center;padding:8px 6px;border-radius:10px;background:var(--b50);border:1px solid var(--line);font-size:13px;color:var(--muted)}.gr-steps span.on{background:var(--b600);border-color:var(--b600);color:#fff;font-weight:700}.gr-steps span.done{background:#e6f7ee;border-color:#bfe8d1;color:#0b6b3a}
.gr-sheet{background:#fff;color:#111;padding:28px;max-width:820px;margin:0 auto;font-size:13.5px;line-height:1.5}
.gr-sheet h2{font-size:20px;margin:0 0 4px}.gr-sheet table{width:100%;border-collapse:collapse;margin:14px 0}.gr-sheet th,.gr-sheet td{border:1px solid #999;padding:6px 8px;text-align:left}.gr-sheet th{background:#eee}.gr-sheet td.n,.gr-sheet th.n{text-align:right}
.gr-sheet .hd{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:10px}.gr-sheet .sg{display:flex;gap:30px;margin-top:34px}.gr-sheet .sg div{flex:1;border-top:1px solid #111;padding-top:4px;font-size:12px}
.gr-sheet .tt td{font-weight:700}.gr-sheet .fine{font-size:11.5px;color:#444;margin-top:10px}
.gr-docbox{max-width:900px;padding:14px;background:#eef2fb}.gr-doc-act{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
@media print{body.gr-printing>*:not(#m-grdoc){display:none!important}body.gr-printing #m-grdoc{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important;padding:0!important;filter:none!important}body.gr-printing #m-grdoc .box{box-shadow:none!important;background:#fff!important;padding:0!important;max-width:none!important}body.gr-printing .gr-doc-act,body.gr-printing #m-grdoc .x{display:none!important}html[data-theme=dark]{filter:none!important}}
/* espace partenaire */
.gr-pt{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm)}
.gr-pt-h{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.gr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.gr-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.gr-kpi div{background:var(--b50);border:1px solid var(--line);border-radius:12px;padding:12px}.gr-kpi b{display:block;font-size:20px;font-family:var(--font-h)}.gr-kpi span{font-size:12.5px;color:var(--muted)}
.gr-ord{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:#fff}.gr-ord.new{border-color:var(--b400);box-shadow:0 0 0 3px rgba(28,107,255,.08)}
.gr-ord .row{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.gr-ord small{color:var(--muted)}
.gr-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.gr-prow{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;background:#fff}
.gr-prow .th{width:56px;height:56px;border-radius:10px;background:var(--b100);overflow:hidden;display:grid;place-items:center}.gr-prow .th img{width:100%;height:100%;object-fit:cover}
.gr-stk{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.gr-stk label{font-size:12.5px;color:var(--muted);display:flex;gap:4px;align-items:center}.gr-stk input{width:78px;padding:5px 6px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:#fff;color:var(--ink)}
.gr-bars{display:flex;align-items:flex-end;gap:3px;height:120px;margin:10px 0 4px;border-bottom:1px solid var(--line)}.gr-bars i{flex:1;background:var(--b500);border-radius:3px 3px 0 0;min-height:2px}
.gr-rank{display:grid;gap:6px;margin:8px 0 16px}.gr-rank div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:4px 0;font-size:14px}
.gr-form{display:grid;gap:10px}.gr-form .g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.gr-form input,.gr-form select,.gr-form textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
.gr-form label>span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:3px}
@media(max-width:560px){.gr-prow{grid-template-columns:48px 1fr}.gr-prow .gr-acts{grid-column:1/-1}.gr-bar{bottom:76px}}

/* Logo d'en-tête : ne jamais se comprimer ni disparaître sur grand écran (le menu large écrasait le logo) */
.nav .brand{flex:0 0 auto;display:block;line-height:0}
.nav .brand img{display:block;height:58px;width:auto;max-width:none;aspect-ratio:900/699;object-fit:contain;flex:none}
@media(min-width:1021px){.nav .brand img{height:64px}}
.nav .menu{flex:1 1 auto;min-width:0;justify-content:center}
.nav .actions{flex:0 0 auto}

/* Cartes éditables : crayon, ajout, photo, lien */
body.se-on [data-cp][data-ck]{position:relative}
body.se-on [data-cp][data-ck]:hover{outline:2px dashed var(--b400);outline-offset:3px}
.se-cardbtn,.se-tilebtn{position:absolute;top:10px;right:10px;z-index:30;display:inline-flex;align-items:center;gap:6px;background:#0a2a6b;color:#fff;border:2px solid #fff;border-radius:99px;padding:7px 13px;font:700 13px var(--font-b,inherit);cursor:pointer;box-shadow:0 8px 20px -6px rgba(3,13,36,.6)}
.se-cardbtn svg,.se-tilebtn svg{width:15px;height:15px}
.se-cardbtn:hover,.se-tilebtn:hover{background:var(--b500)}
.se-addcard{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;border:2px dashed var(--b400);border-radius:18px;background:var(--b50);color:var(--b700);font-weight:800;font-size:15px;cursor:pointer;padding:12px}
.se-addcard:hover{background:var(--b100)}
.se-addcard svg{width:18px;height:18px}
.se-danger{color:#c0262d!important;border-color:#f0b4b7!important}
.cardimg{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:14px;background:var(--b100)}
.cardlink{margin:10px 0 0}.cardlink a,.rl{color:var(--b600);font-weight:700}.cardlink a{display:inline-flex;align-items:center;gap:6px}.cardlink svg{width:16px;height:16px}
.rl{text-decoration:underline;text-underline-offset:2px}
.item .body p{overflow-wrap:anywhere}
body.se-on [data-cp] .thumb[data-slotkey]{outline:none}
body.se-on [data-cp] .thumb[data-slotkey]::after{display:none}
.item .thumb.has-img img{font-size:0;color:transparent}

/* ===== Chez Biso Stream (musique) ===== */
.bs-hero{background:linear-gradient(135deg,#1a0b46,#4a1fb8 55%,#c2417a)}
.bs-fine{font-size:12.5px;color:var(--muted);margin-top:10px}.bs-fine2{margin-top:18px}
.bs-top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.bs-top .tabs{margin-bottom:0;flex:1 1 320px;min-width:0}
.bs-off{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;font-weight:700;color:var(--b700);cursor:pointer;border:1.5px solid var(--line);border-radius:99px;padding:8px 14px;background:#fff}
.bs-sec{margin-bottom:30px}.bs-sh{display:flex;gap:12px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.bs-sh h3,.bs-sh h4{margin:0}
.bs-list{display:grid;gap:8px}
.bs-t{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 12px}
.bs-t.on{border-color:var(--b400);box-shadow:0 0 0 3px rgba(28,107,255,.1)}
.bs-t:has(.bs-rk){grid-template-columns:28px auto 52px minmax(0,1fr) auto}
.bs-rk{font:800 18px var(--font-h);color:var(--b500);text-align:center}
.bs-play{width:40px;height:40px;border-radius:50%;border:0;background:var(--b500);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.bs-play .ico{width:18px;height:18px}
.bs-cv{width:52px;height:52px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#6d3fe0,#e0568f);color:#fff;display:grid;place-items:center;flex:none}.bs-cv img{width:100%;height:100%;object-fit:cover}.bs-cv .ico{width:24px;height:24px}
.bs-cv.big{width:100%;height:auto;aspect-ratio:1;border-radius:14px}
.bs-i{min-width:0}.bs-i b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-i small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-ver{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1c6bff;color:#fff;font-size:10px;font-weight:800;vertical-align:1px;margin-left:3px}
.bs-ac{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bs-ib{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--b600);display:grid;place-items:center;cursor:pointer;flex:none}.bs-ib .ico{width:16px;height:16px}.bs-ib.ok{background:#dcfce7;color:#15803d;border-color:#bbf7d0}
.bs-gen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bs-gc{border:0;border-radius:18px;padding:22px 16px;color:#fff;text-align:left;cursor:pointer;display:grid;gap:4px;font:inherit;min-height:96px}.bs-gc b{font:800 20px var(--font-h)}.bs-gc small{opacity:.85}
.bs-gc.g-0{background:linear-gradient(135deg,#b4231f,#f0802b)}.bs-gc.g-1{background:linear-gradient(135deg,#0b7d54,#8bc34a)}.bs-gc.g-2{background:linear-gradient(135deg,#4a1fb8,#8a63f2)}.bs-gc.g-3{background:linear-gradient(135deg,#0a2a6b,#1c6bff)}
.bs-art{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}
.bs-ac2{flex:none;width:110px;border:0;background:none;text-align:center;cursor:pointer;display:grid;gap:4px;justify-items:center;font:inherit;color:var(--ink)}.bs-ac2 .av{width:84px;height:84px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6d3fe0,#e0568f);color:#fff;display:grid;place-items:center;font:800 28px var(--font-h)}.bs-ac2 .av img{width:100%;height:100%;object-fit:cover}.bs-ac2 small{color:var(--muted)}
.bs-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.bs-al{display:grid;gap:6px;align-content:start}.bs-al small{color:var(--muted)}
.bs-pass{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.bs-pc{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start;position:relative}.bs-pc.pop{border-color:var(--b500);box-shadow:var(--shadow-sm)}.bs-pc h4{margin:0}
.bs-soon{text-align:center;background:var(--b50);border:1.5px dashed var(--b300);border-radius:var(--r);padding:36px 20px;margin-bottom:26px}.bs-soon .ico{width:44px;height:44px;color:var(--b500)}
.bs-empty{background:var(--b50);border-radius:14px;padding:22px;text-align:center}
.bs-login{text-align:center;margin:0 auto 20px}
.bs-newpl{display:flex;gap:8px;margin-bottom:14px}.bs-newpl input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
.bs-pls{margin-bottom:18px}
.bs-pick{display:grid;gap:8px;margin:12px 0}.bs-pk{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;text-align:left;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}.bs-pk:disabled{opacity:.55}
.bs-tb{margin-bottom:10px}
.bs-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px}.bs-chk input{width:auto!important;margin-top:4px}
.bs-err{color:#c0262d;font-weight:700;margin:0}
.bs-modal{max-width:520px}.bs-modal.wide{max-width:620px}
.bs-opts{display:grid;gap:12px;margin-top:14px}.bs-opt{border:1.5px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:6px}.bs-opt small{color:var(--muted)}
.bs-steps{padding-left:20px;display:grid;gap:12px;margin:14px 0}.bs-nums{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.bs-nums div{background:var(--b50);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.bs-nums small{display:block;color:var(--muted)}.bs-nums b{font-size:17px}
.bs-prog{height:26px;border-radius:99px;background:var(--b100);position:relative;overflow:hidden}.bs-prog i{display:block;height:100%;width:0;background:var(--b500);transition:width .25s}.bs-prog span{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#0b1630;mix-blend-mode:normal}
.bs-ctry{display:grid;gap:6px;margin:8px 0 16px}.bs-ctry div{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;font-size:14px}.bs-ctry i{display:block;height:10px;border-radius:99px;background:var(--b500)}.bs-ctry b{text-align:right}
.bk-note.warn{background:#fff7e0;border-color:#f3d98b}.bk-note.ok{background:#e8f8ee;border-color:#bfe8cf}
/* lecteur fixe */
.bs-pl{position:fixed;left:0;right:0;bottom:0;z-index:125;background:#0d1230;color:#fff;display:grid;grid-template-columns:52px minmax(0,1.1fr) auto minmax(180px,1.4fr) 34px;gap:14px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px -12px rgba(3,13,36,.7)}
.bs-pl[hidden]{display:none}
.bs-pl-cv{width:52px;height:52px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#6d3fe0,#e0568f);display:grid;place-items:center}.bs-pl-cv img{width:100%;height:100%;object-fit:cover}
.bs-pl-i{min-width:0}.bs-pl-i b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-pl-i small{color:#b9c3e6;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-pl-i em{color:#ffd166;font-style:normal}
.bs-pl-c{display:flex;gap:6px;align-items:center}.bs-pl-c button,.bs-pl-x{border:0;background:rgba(255,255,255,.12);color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.bs-pl-c .main{background:var(--b500);width:46px;height:46px}.bs-pl-c .ico,.bs-pl-x .ico{width:18px;height:18px}.bs-pl-c [data-p=prev] .ico{width:18px}
.bs-pl-b{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#b9c3e6}.bs-pl-b input{flex:1;min-width:0;accent-color:var(--b400)}
body.bs-pl-on{padding-bottom:84px}
@media(max-width:760px){
  .bs-pl{grid-template-columns:44px minmax(0,1fr) auto 32px;grid-template-areas:"cv i c x" "b b b b";gap:6px 10px;padding-top:8px}
  .bs-pl-cv{grid-area:cv;width:44px;height:44px}.bs-pl-i{grid-area:i}.bs-pl-c{grid-area:c}.bs-pl-x{grid-area:x;width:32px;height:32px}.bs-pl-b{grid-area:b}
  .bs-t{grid-template-columns:auto 44px minmax(0,1fr);}.bs-t:has(.bs-rk){grid-template-columns:24px auto 44px minmax(0,1fr)}
  .bs-t .bs-ac{grid-column:1/-1;justify-content:flex-start;padding-left:2px}
  .bs-cv{width:44px;height:44px}
  body.bs-pl-on{padding-bottom:128px}
}

/* le lecteur passe au-dessus des boutons flottants du site */
body.bs-pl-on .dock{bottom:96px}body.bs-pl-on .ntools{bottom:96px}body.bs-pl-on .chatbox{bottom:170px}
@media(max-width:900px){
  .bs-pl{bottom:63px;padding-bottom:8px}
  body.bs-pl-on .dock{bottom:196px}body.bs-pl-on .ntools{bottom:176px}body.bs-pl-on .chatbox{bottom:262px}
  body.bs-pl-on{padding-bottom:190px}
}
.bs-tabs .tab{white-space:nowrap;flex:none}

/* ===== Espace Brasserie & Gros : cartes produits « vitrine » ===== */
.gp-shops{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:6px;scrollbar-width:thin}
.gp-shop{flex:none;display:flex;gap:12px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:10px 16px 10px 10px;cursor:pointer;text-align:left;font:inherit;color:var(--ink);min-width:230px;max-width:320px;transition:.25s var(--ease)}
.gp-shop:hover{border-color:var(--b300);transform:translateY(-2px)}.gp-shop.on{border-color:var(--b500);box-shadow:0 0 0 3px rgba(28,107,255,.12);background:var(--b50)}
.gp-shop .mk-logo{width:48px;height:48px;font-size:19px}.gp-shop .mk-logo .ico{width:24px;height:24px}
.gp-shop .t{min-width:0;display:grid}.gp-shop b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-shop small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-v{font-style:normal;display:inline-grid;place-items:center;min-width:15px;height:15px;border-radius:99px;background:#1c6bff;color:#fff;font-size:10px;font-weight:800;padding:0 4px}
.gp-tb{display:grid;grid-template-columns:minmax(220px,2.2fr) repeat(3,minmax(130px,1fr));gap:12px;align-items:end;margin:10px 0 14px}
.gp-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:0 18px;height:48px}.gp-search:focus-within{border-color:var(--b400)}.gp-search .ico{width:18px;height:18px;color:var(--b500);flex:none}.gp-search input{border:0;outline:0;background:none;font:inherit;color:var(--ink);width:100%;min-width:0}
.gp-sel{display:grid;gap:3px}.gp-sel span{font-size:12px;color:var(--muted);font-weight:700;padding-left:6px}.gp-sel select{height:48px;border:1.5px solid var(--line);border-radius:99px;padding:0 14px;font:inherit;background:#fff;color:var(--ink);width:100%}
.gp-cats{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:4px;scrollbar-width:thin}
.gp-cat{flex:none;display:inline-flex;gap:8px;align-items:center;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font:inherit;font-weight:700;color:#33415f;cursor:pointer;white-space:nowrap;transition:.25s var(--ease)}.gp-cat span{font-size:18px}.gp-cat em{font-style:normal;font-size:12px;background:var(--b100);color:var(--b700);border-radius:99px;padding:1px 8px}
.gp-cat:hover{border-color:var(--b300)}.gp-cat.on{background:var(--b500);border-color:var(--b500);color:#fff;box-shadow:0 10px 22px -10px rgba(28,107,255,.8)}.gp-cat.on em{background:rgba(255,255,255,.25);color:#fff}
.gp-count{font-size:14px;color:var(--muted);margin:4px 2px 14px}.gp-reset{border:0;background:none;color:var(--b600);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0 6px}
.gp-grid{grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:20px}
.gr-card.gp{border-radius:22px;border:1px solid var(--line);box-shadow:none;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s;min-width:0}
.gr-card.gp:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--b200)}
.gp-ph{aspect-ratio:1/1;position:relative;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 38%,#fff 0,#eef3ff 70%);display:grid;place-items:center}
.gp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px;background:none;transition:transform .6s var(--ease)}.gr-card.gp:hover .gp-ph img{transform:scale(1.07)}
.gp-nophoto{display:grid;gap:6px;justify-items:center;color:#fff;position:absolute;inset:0;place-content:center;background:linear-gradient(135deg,#0a2a6b,#1c6bff 60%,#ffb347)}.gp-nophoto .ico{width:54px;height:54px;opacity:.95}.gp-nophoto b{font:800 20px var(--font-h);letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:0 12px}
.gp-cattag{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);border-radius:99px;padding:4px 11px;font-size:12px;font-weight:700;color:var(--b800);box-shadow:0 4px 14px -6px rgba(3,13,36,.4)}
.gp-incart{position:absolute;right:12px;top:12px;background:var(--ok);color:#fff;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex;gap:5px;align-items:center}.gp-incart .ico{width:13px;height:13px}
.gp-eye{position:absolute;right:12px;bottom:12px;background:var(--b900);color:#fff;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex;gap:5px;align-items:center;opacity:0;transform:translateY(6px);transition:.3s}.gp-eye .ico{width:13px;height:13px}.gr-card.gp:hover .gp-eye{opacity:1;transform:none}
.gr-card.gp .gr-promo{left:12px;top:12px;font-size:12.5px;box-shadow:0 6px 16px -6px rgba(229,72,77,.8)}
.gp-b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:9px;flex:1;min-width:0}
.gp-sup{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:0}.gp-sup span:not(.mk-logo){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-sup .mk-logo{flex:none}
.gp-br{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--b600)}
.gp-b h3{font-size:18px;line-height:1.25;cursor:pointer;color:var(--b900);overflow-wrap:anywhere;margin:0}
.gp-chips{display:flex;gap:6px;flex-wrap:wrap}.gp-chips span{display:inline-flex;gap:5px;align-items:center;background:var(--b50);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:600;color:#33415f}.gp-chips .ico{width:13px;height:13px;color:var(--b500)}
.gp-pr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px}.gp-pr b{font:800 24px var(--font-h);color:var(--b900)}.gp-pr small{color:var(--muted);font-weight:500}.gp-pr s{color:var(--muted);font-size:14px;margin-left:4px}.gp-pr .per{background:#e8f8ee;color:#15803d;border-radius:8px;padding:2px 8px;font-weight:700;font-size:12px}.gp-pr.big b{font-size:30px}
.gp-dep{font-size:12.5px;color:#8a5a00;background:#fff7e0;border-radius:10px;padding:6px 10px;display:flex;gap:6px;align-items:flex-start;line-height:1.35}.gp-dep .ico{width:14px;height:14px;flex:none;margin-top:2px}
.gp-lad{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.gp-lad div{padding:6px 4px;text-align:center;display:grid;gap:0;border-right:1px solid var(--line);min-width:0}.gp-lad div:last-child{border:0}
.gp-lad small{font-size:11px;color:var(--muted);font-weight:700}.gp-lad b{font-size:13px;color:var(--b900);white-space:nowrap}.gp-lad i{font-style:normal;font-size:11px;font-weight:800;color:#e5484d}.gp-lad .on{background:var(--b500)}.gp-lad .on small,.gp-lad .on b{color:#fff}.gp-lad .on i{color:#ffd5d7}
.gp-stk{font-size:12.5px;font-weight:700;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.gp-stk .ico{width:14px;height:14px}.gp-stk.ok{color:var(--ok)}.gp-stk.low{color:#b36b00}.gp-stk.no{color:#e5484d}
.gr-card.gp .gr-buy{margin-top:auto;gap:8px}.gr-card.gp .gr-buy .btn{width:100%}.gp-u{font-size:13px;color:var(--muted)}.gp-min{color:var(--muted);font-size:12px}
.gr-card.gp .gr-line{background:var(--b50);border-radius:10px;padding:6px 10px;font-size:13px}
/* fiche détail */
.gp-det{max-width:920px;width:min(920px,calc(100vw - 24px));padding:20px;max-height:92vh;overflow:auto}
.gp-dg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
.gp-dimg{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0,#eef3ff 70%);align-self:start}.gp-dimg img{width:100%;height:100%;object-fit:contain;padding:20px}
.gp-dinf{display:flex;flex-direction:column;gap:12px;min-width:0}.gp-dinf h3{font-size:26px;margin:0}.gp-dinf h4{margin:6px 0 0;font-size:15px}
.gp-zs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.gp-zs div{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13.5px;background:#fff}.gp-zs .ok b{color:var(--ok)}.gp-zs .low b{color:#b36b00}.gp-zs .no b{color:#e5484d}
.gp-sp{display:grid;gap:4px;background:var(--b50);border:1px solid var(--line);border-radius:14px;padding:12px}.gp-sp small{color:var(--muted);display:flex;gap:6px;align-items:center}.gp-sp .ico{width:14px;height:14px}.gp-sp .gp-sup{font-size:14px}.gp-sp .mk-logo{width:30px;height:30px}
@media(max-width:900px){.gp-tb{grid-template-columns:1fr 1fr}.gp-search{grid-column:1/-1}.gp-dg{grid-template-columns:1fr}.gp-dimg{max-width:360px;margin:0 auto;width:100%}}
@media(max-width:560px){.gp-grid{grid-template-columns:1fr;gap:16px}.gp-ph{aspect-ratio:4/3}.gp-tb{grid-template-columns:1fr 1fr}.gp-search{grid-column:1/-1}.gp-shop{min-width:210px}.gp-eye{display:none}}
.gp-det>.x{position:sticky;top:0;right:auto;float:right;z-index:8;margin:-4px -4px 0 8px;background:#fff;box-shadow:0 6px 18px -6px rgba(3,13,36,.5)}
.gp-dep>span{min-width:0}.gp-dep small{opacity:.85}
@media(max-width:900px){.gp-dimg{margin-top:-30px}}

/* ===== Partage ===== */
.shr-box{max-width:460px}.shr-t{margin:-4px 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.shr-n{display:grid;gap:6px;justify-items:center;font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none}
.shr-n span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;box-shadow:0 8px 18px -8px rgba(3,13,36,.5)}
.shr-url{display:flex;gap:8px;margin-bottom:12px}.shr-url input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
.shr-btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;color:var(--b600);border-radius:99px;padding:7px 13px;font:700 13px var(--font-b,inherit);cursor:pointer;line-height:1;white-space:nowrap}
.shr-btn .ico{width:15px;height:15px}.shr-btn:hover{border-color:var(--b400);background:var(--b50)}
.shr-btn.ic{padding:0;width:36px;height:36px;justify-content:center}
@media(max-width:420px){.shr-grid{grid-template-columns:repeat(4,1fr);gap:8px}.shr-n span{width:46px;height:46px}}

/* ===== Immobilier ===== */
.im-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.im-tabs .tab{white-space:nowrap;flex:none;display:inline-flex;gap:8px;align-items:center}.im-spacer{flex:1}
.im-filters{display:grid;gap:12px;margin-bottom:14px}
.im-seg{display:inline-flex;background:var(--b50);border:1.5px solid var(--line);border-radius:99px;padding:4px;width:max-content;max-width:100%}
.im-seg button{border:0;background:none;font:inherit;font-weight:700;color:#33415f;padding:8px 20px;border-radius:99px;cursor:pointer}.im-seg button.on{background:var(--b500);color:#fff;box-shadow:0 8px 18px -10px rgba(28,107,255,.8)}
.im-row2{display:grid;grid-template-columns:minmax(220px,2fr) repeat(6,minmax(105px,1fr)) auto;gap:10px;align-items:end}
.im-row2 .gp-sel input{height:48px;border:1.5px solid var(--line);border-radius:99px;padding:0 14px;font:inherit;background:#fff;color:var(--ink);width:100%;min-width:0}
.im-row2 .btn{height:48px}
@media(max-width:1100px){.im-row2{grid-template-columns:repeat(3,minmax(0,1fr))}.im-row2 .im-q{grid-column:1/-1}.im-row2 .btn{grid-column:1/-1}}
@media(max-width:560px){.im-row2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.im-safe{background:#fff7e0;border:1px solid #f4dfa0;border-radius:16px;padding:10px 16px;margin:0 0 16px;color:#7a5300}.im-safe summary{cursor:pointer;font-weight:700;display:flex;gap:8px;align-items:center;list-style:none}.im-safe summary::-webkit-details-marker{display:none}.im-safe .ico{width:18px;height:18px}.im-safe ul{margin:10px 0 4px 18px;display:grid;gap:6px;font-size:14px}
.im-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.im-card{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .4s var(--ease),box-shadow .4s}.im-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.im-ph{position:relative;aspect-ratio:4/3;background:var(--b100);cursor:pointer;overflow:hidden}.im-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.im-card:hover .im-ph img{transform:scale(1.06)}
.im-nop{display:grid;place-items:center;height:100%;color:var(--b300);background:linear-gradient(135deg,#eef3ff,#dfe9ff)}.im-nop .ico{width:46px;height:46px}.im-nop.big{aspect-ratio:16/10;border-radius:16px}
.im-tag{position:absolute;left:12px;top:12px;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:800;color:#fff;background:var(--b500);box-shadow:0 6px 14px -6px rgba(3,13,36,.5)}.im-tag.vendre{background:#e5484d}.im-tag.st{position:static;display:inline-block;box-shadow:none}
.im-cnt{position:absolute;right:12px;bottom:12px;background:rgba(3,13,36,.75);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex;gap:5px;align-items:center}.im-cnt .ico{width:13px;height:13px}
.im-b{padding:14px 16px 16px;display:grid;gap:8px;min-width:0}.im-b h3{font-size:17px;line-height:1.3;cursor:pointer;color:var(--b900);overflow-wrap:anywhere}
.im-pr{display:flex;align-items:center;justify-content:space-between;gap:8px}.im-pr b{font:800 21px var(--font-h);color:var(--b900)}.im-pr small{color:var(--muted);font-weight:600}.im-pr.big b{font-size:28px}.im-pr.big{justify-content:flex-start;gap:4px;align-items:baseline}
.im-loc{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:14px}.im-loc .ico{width:15px;height:15px;flex:none}
.im-ag{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:#33415f;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}.im-ag small{color:var(--muted);font-weight:500;white-space:nowrap}
.im-v{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:99px;background:#1c6bff;color:#fff;font-size:10px;font-weight:800;padding:0 4px;font-style:normal}.im-v.c{background:#f5a524}
.im-shr{border:1.5px solid var(--line);background:#fff;border-radius:99px;width:36px;height:36px;display:inline-grid;place-items:center;cursor:pointer;color:var(--b600);flex:none}.im-shr:hover{background:var(--b50)}.im-shr .ico{width:17px;height:17px}.im-shr.big{width:auto;height:auto;padding:10px 18px;gap:8px;display:inline-flex;align-items:center;font:inherit;font-weight:700}
.im-more{text-align:center;margin:22px 0}.im-state{padding:30px 0;text-align:center}
.im-empty{text-align:center;display:grid;gap:10px;justify-items:center;padding:44px 16px;background:var(--b50);border:1.5px dashed var(--b200);border-radius:22px}.im-empty .ico{width:42px;height:42px;color:var(--b400)}.im-empty p{max-width:520px;color:var(--muted)}
.im-det{max-width:900px;width:100%;max-height:92vh;overflow:auto;padding:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.im-det>.x{position:sticky;top:10px;grid-column:1/-1;justify-self:end;margin:10px 10px -46px 0;z-index:5}
.im-gal{padding:16px;display:grid;gap:10px;align-content:start;min-width:0}
.im-main{position:relative;display:block;border:0;padding:0;background:#000;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;width:100%}.im-main>img{width:100%;height:100%;object-fit:cover}
.im-zoom{position:absolute;left:10px;bottom:10px;background:rgba(3,13,36,.75);color:#fff;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex;gap:6px;align-items:center}.im-zoom .ico{width:13px;height:13px}
.im-nav{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--b900);box-shadow:0 6px 16px -6px rgba(0,0,0,.5);cursor:pointer}.im-nav.p{left:10px;transform:rotate(90deg)}.im-nav.n{right:10px;transform:rotate(-90deg)}.im-nav .ico{width:18px;height:18px}
.im-th{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.im-th button{flex:none;width:72px;height:56px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:#000;cursor:pointer;opacity:.7}.im-th button.on{border-color:var(--b500);opacity:1}.im-th img{width:100%;height:100%;object-fit:cover}
.im-info{padding:22px 22px 22px 6px;display:grid;gap:10px;align-content:start;min-width:0}.im-info h3{font-size:22px;line-height:1.25;overflow-wrap:anywhere}.im-hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.im-feats{display:flex;gap:6px;flex-wrap:wrap}.im-feats span{display:inline-flex;gap:5px;align-items:center;background:#e9f9ef;color:#15803d;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:700}.im-feats .ico{width:12px;height:12px}
.im-desc{color:#33415f;font-size:15px;overflow-wrap:anywhere}
.im-agent{display:flex;gap:12px;align-items:center;background:var(--b50);border:1px solid var(--line);border-radius:16px;padding:10px 14px;min-width:0}.im-agent img,.im-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}.im-av{display:grid;place-items:center;background:var(--b500);color:#fff;font-weight:800}.im-agent div{display:grid;min-width:0}.im-agent small{color:var(--muted)}.im-agent.big{background:none;border:0;padding:0}.im-agent.big img,.im-agent.big .im-av{width:58px;height:58px;font-size:22px}
.im-cta{display:flex;gap:10px;flex-wrap:wrap}.im-cta .btn{flex:1 1 150px;justify-content:center}
.im-warn{display:flex;gap:8px;font-size:12.5px;color:#7a5300;background:#fff7e0;border-radius:12px;padding:8px 12px;line-height:1.4}.im-warn .ico{width:15px;height:15px;flex:none;margin-top:2px}
.im-rep summary{cursor:pointer;font-weight:700;color:#b91c1c;display:flex;gap:6px;align-items:center;list-style:none;font-size:13.5px}.im-rep summary::-webkit-details-marker{display:none}.im-rep .ico{width:14px;height:14px}.im-rep form{display:grid;gap:8px;margin-top:8px}.im-rep select,.im-rep textarea{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;width:100%}
@media(max-width:820px){.im-det{grid-template-columns:minmax(0,1fr)}.im-info{padding:6px 18px 20px}}
.im-box{max-width:640px;margin:0 auto;display:grid;gap:12px}
.im-me{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.im-acts{display:flex;gap:10px;flex-wrap:wrap}
.im-mine{display:grid;gap:14px}.im-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;min-width:0}
.im-rph{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--b100)}.im-rph img{width:100%;height:100%;object-fit:cover}
.im-rb{display:grid;gap:6px;min-width:0;align-content:start}.im-rb small{color:var(--muted)}.im-rb b{overflow-wrap:anywhere}.im-rm,.im-ra{display:flex;gap:6px;flex-wrap:wrap}.im-hint{font-size:12.5px;color:#b45309}
.btn.danger{color:#b91c1c;border-color:#fecaca}
@media(max-width:560px){.im-row{grid-template-columns:96px minmax(0,1fr)}}
.im-formbox{max-width:620px;width:100%;max-height:92vh;overflow:auto}.im-form .frow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.im-fchk{display:flex;gap:8px 14px;flex-wrap:wrap}.im-fchk label{display:inline-flex;gap:6px;align-items:center;font-size:14px}
.im-fine{font-size:13px;margin:6px 0}
.im-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:14px 0}.im-pgrid figure{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--b100)}.im-pgrid img{width:100%;height:100%;object-fit:cover}
.im-pgrid figure div{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:4px;padding:4px;background:linear-gradient(transparent,rgba(3,13,36,.8))}.im-pgrid figure button{border:0;border-radius:99px;background:rgba(255,255,255,.92);width:28px;height:28px;cursor:pointer;font-size:13px;font-weight:800}.im-pgrid em{color:#fff;font-size:11px;font-weight:800;font-style:normal;align-self:center;padding-left:4px}
.im-pn{position:absolute;left:6px;top:6px;background:rgba(3,13,36,.75);color:#fff;border-radius:99px;font-size:11px;font-weight:800;padding:1px 8px}
.im-padd{display:grid;place-content:center;justify-items:center;gap:4px;aspect-ratio:1/1;border:2px dashed var(--b300);border-radius:12px;color:var(--b600);font-weight:700;cursor:pointer;background:var(--b50)}.im-padd .ico{width:26px;height:26px}
.im-prog{font-size:14px;font-weight:700;color:var(--b600);margin:0 0 10px}

/* ===== Parrainage + Tombola ===== */
.pa-intro{max-width:880px;margin:0 auto;display:grid;gap:16px}.pa-intro h3{font-size:24px}.pa-intro.slim{margin-top:26px}.pa-cta{display:flex;justify-content:center}.pa-fine{font-size:12.5px}.pa-state{text-align:center;padding:30px 0}
.pa-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.pa-rate{background:linear-gradient(160deg,#fff,var(--b50));border:1.5px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:2px;text-align:center}.pa-rate small{color:var(--muted);font-weight:700}.pa-rate span{font-weight:700;color:#33415f}.pa-rate b{font:800 30px var(--font-h);color:var(--b600)}.pa-rate em{font-style:normal;color:var(--ok);font-weight:700;font-size:13px}
.pa-steps{list-style:none;display:grid;gap:12px}.pa-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--b50);border:1px solid var(--line);border-radius:16px;padding:14px}.pa-steps b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--b500);color:#fff;display:grid;place-items:center}.pa-steps h4{margin:0 0 2px}.pa-steps p{color:var(--muted);font-size:14px;margin:0}
.pa-dash{display:grid;gap:18px;max-width:900px;margin:0 auto}.pa-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.pa-tile{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;gap:4px}.pa-tile small{color:var(--muted);font-weight:700;font-size:12.5px}.pa-tile b{font:800 22px var(--font-h);color:var(--b900)}.pa-tile b i{font:600 12px var(--font);color:var(--muted)}.pa-tile.main{background:var(--grad);border:0}.pa-tile.main small,.pa-tile.main b{color:#fff}
.pa-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:10px;box-shadow:var(--shadow-sm)}.pa-box h3{font-size:18px}
.pa-link{display:flex;gap:8px}.pa-link input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:99px;padding:0 16px;height:44px;font:inherit;background:var(--b50)}.pa-code{font-family:ui-monospace,monospace;letter-spacing:.08em;background:var(--b100);border-radius:8px;padding:2px 8px}.pa-acts,.pa-share{display:flex;gap:10px;flex-wrap:wrap}.pa-share .shr-btn{display:inline-flex;gap:8px;align-items:center}
.pa-list{display:grid;gap:8px}.pa-li{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:0}.pa-li div{display:grid;min-width:0}.pa-li small{color:var(--muted);overflow-wrap:anywhere}.pa-li .chip,.pa-li .btn{flex:none}
.tb-top{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.tb-top p{max-width:560px}.tb-h{margin:26px 0 12px;font-size:20px}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.tb-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:12px;align-content:start;box-shadow:var(--shadow-sm);min-width:0}.tb-card.open{border-color:var(--b300)}.tb-card h3{font-size:19px;overflow-wrap:anywhere}
.tb-hd{display:flex;justify-content:space-between;align-items:center;gap:8px}.tb-kind{display:inline-flex;gap:6px;align-items:center;font-weight:800;color:var(--b600);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.tb-kind .ico{width:16px;height:16px}
.tb-prize{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#fff7e0,#ffe9b8);border-radius:16px;padding:12px 14px;color:#7a4b00}.tb-prize .ico{width:30px;height:30px;flex:none}.tb-prize div{display:grid}.tb-prize small{font-weight:700}.tb-prize b{font-size:16px;overflow-wrap:anywhere}
.tb-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-weight:600}.tb-meta span{display:inline-flex;gap:6px;align-items:center}.tb-meta .ico{width:14px;height:14px}
.tb-in{display:grid;gap:6px;background:#e9f9ef;border-radius:14px;padding:12px 14px;color:#15803d}.tb-in b{display:flex;gap:6px;align-items:center}.tb-in .ico{width:16px;height:16px}.tb-in span{font-size:14px}
.tb-q{display:grid;gap:8px}.tb-q label{display:flex;gap:8px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.tb-q label:has(input:checked){border-color:var(--b500);background:var(--b50)}
.tb-win{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tb-win small{font-weight:800;color:var(--muted);width:100%}.tb-win span{display:inline-flex;gap:6px;align-items:center;background:#fff7e0;color:#7a4b00;border-radius:99px;padding:4px 12px;font-weight:700;font-size:13px}.tb-win .ico{width:14px;height:14px}
.tb-box{background:#fff;border:1.5px solid #f4dfa0;border-radius:20px;padding:18px;margin-bottom:20px;display:grid;gap:10px}.tb-box h3{display:flex;gap:8px;align-items:center}.tb-box .ico{width:20px;height:20px;color:#d98a00}
/* ===== Admin : immobilier / banque / parrainage / tombola ===== */
.pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.pl-grid label,#adm-body form.adm-card>label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--b900)}
.pl-grid input,.pl-grid select,#adm-body form.adm-card>label input,#adm-body form.adm-card>label textarea,.pl-acc input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;min-width:0}
.pl-acc{display:grid;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:14px}
.pl-acc>label{display:grid;gap:4px;font-size:13px;font-weight:600}
#adm-body .pa-tile{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:2px}
#adm-body .pa-tile small{color:var(--muted)}#adm-body .pa-tile b{font-size:18px;color:var(--b900)}
/* ===== Boutons Partager sur cartes ===== */
.mk-sh{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;box-shadow:0 4px 14px rgba(8,30,80,.25);background:rgba(255,255,255,.94)}
.mk-img .mk-sh,.sc-cover .mk-sh{top:10px;right:10px}
.mk-sh.top{top:12px;right:62px;z-index:6}
.mk-card .mk-cat{max-width:calc(100% - 64px)}
.shr-btn.shr-auto{width:34px;height:34px;padding:0;justify-content:center;flex:0 0 auto;z-index:4}
.shr-btn.shr-auto.corner{position:absolute;top:10px;right:10px;box-shadow:0 4px 14px rgba(8,30,80,.2);background:rgba(255,255,255,.95)}
.shr-btn.shr-auto.inline{margin-left:6px}
/* ===== Sécurité ===== */
.sc-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.sc-tip{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid #f59e0b;border-radius:14px;background:#fff}
.sc-tip b{color:var(--b900)}.sc-tip span{color:var(--muted);font-size:14px}
.sc-form{max-width:640px;display:grid;gap:14px}
.ft-share{margin-top:10px}.ft-scam{display:inline-block;margin-top:10px;font-size:13px;opacity:.85;text-decoration:underline}
.paybadges .bank{background:#0e7c5a;color:#fff}
/* ===== Paiement banque / carte ===== */
.bank-pay{margin:12px 0;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:0}
.bank-pay>summary{cursor:pointer;padding:12px 14px;font-weight:800;color:var(--b700);display:flex;gap:8px;align-items:center;list-style:none}
.bank-pay>summary::-webkit-details-marker{display:none}.bank-pay>summary .ico{width:18px;height:18px}
.bank-pay[open]>summary{border-bottom:1px solid var(--line)}
.bp-wrap{display:grid;gap:10px;padding:12px 14px}
.bp-h{margin:0;font-weight:800;color:var(--b900)}
.bp-acc{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--b50)}
.bp-acc small,.bp-note,.bp-warn{color:var(--muted);font-size:13px;margin:0}
.bp-sel{user-select:all;word-break:break-all}
.bp-steps{margin:0;padding-left:20px;display:grid;gap:4px;font-size:14px}
.bp-card{display:grid;gap:6px}
.bp-warn{display:flex;gap:8px;align-items:flex-start}.bp-warn .ico{width:16px;height:16px;flex:0 0 auto;color:#d97706}
/* ===== Langues ===== */
.lang-sw{position:relative;display:inline-flex}
.lg-b{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--b700);font-weight:800;font-size:13px;cursor:pointer}
.lg-b:hover{border-color:var(--b400);background:var(--b50)}
.lg-m{position:absolute;right:0;top:calc(100% + 8px);z-index:300;min-width:230px;max-width:min(300px,86vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(8,30,80,.22);padding:8px;display:grid;gap:2px}
.lg-m[hidden]{display:none}
.lg-m button{text-align:left;padding:10px 12px;border-radius:10px;font-weight:700;color:var(--b900);background:none;border:0;cursor:pointer;font:inherit}
.lg-m button:hover,.lg-m button.on{background:var(--b50);color:var(--b600)}
.lg-m small{padding:8px 12px 4px;color:var(--muted);font-size:11.5px;line-height:1.35}
.lang-sw.in-drawer{display:flex;margin-bottom:10px}.lang-sw.in-drawer .lg-m{left:0;right:auto}
.pay .logo.bank{background:#0e7c5a;font-size:11px}
@media(max-width:560px){.actions .lang-sw .lg-b{padding:0 9px;height:40px}}
@media(min-width:1021px) and (max-width:1500px){.nav .in{gap:10px}.menu{gap:0}.menu a.lnk,.menu button.lnk{padding:10px 9px;font-size:13.5px}.nav .actions{gap:7px}.nav .actions .btn.sm{padding-left:14px;padding-right:14px}.lg-b{height:40px;padding:0 10px}}
/* ===== statistiques propriétaire ===== */
.st-bars{display:flex;align-items:flex-end;gap:6px;height:150px;margin-top:12px;padding-top:18px}
.st-b{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.st-b i{display:block;width:100%;max-width:34px;border-radius:6px 6px 2px 2px;transition:height .6s cubic-bezier(.2,.8,.2,1)}
.st-v{font-size:11px;font-weight:700}.st-l{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ---- cartes articles : agrandir la photo + boutons Commander / Payer ---- */
.mk-zoom{position:absolute;left:10px;bottom:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(3,13,36,.62);color:#fff;display:grid;place-items:center;cursor:zoom-in;backdrop-filter:blur(4px);transition:transform .2s,background .2s}
.mk-zoom:hover{transform:scale(1.1);background:rgba(28,107,255,.9)}.mk-zoom .ico{width:18px;height:18px}
.mk-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}.mk-act .btn{justify-content:center;padding:10px 8px;font-size:13px;min-height:42px}
.mk-card .mk-go{display:none}
.lbm .lb img{cursor:zoom-out}
.modes.pw .mode span small{display:block;font-size:11px;font-weight:500;opacity:.75;margin-top:2px}
/* ---- barre de chargement des requêtes ---- */
#smg-load{position:fixed;left:0;top:0;height:3px;width:100%;z-index:100000;background:linear-gradient(90deg,transparent,#1c6bff,#8fb8ff,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:smgload 1.1s ease-in-out infinite;pointer-events:none}
@keyframes smgload{from{background-position:-60% 0}to{background-position:160% 0}}
@media (prefers-reduced-motion:reduce){#smg-load{animation:none;background:#1c6bff}}
.mo-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.mo-tools .btn.danger{background:#b3261e;color:#fff;border-color:#b3261e}
.sd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 12px}.sd-stats>div{background:var(--b50,#f2f7ff);border:1px solid var(--b100,#dbe7ff);border-radius:14px;padding:12px;text-align:center}.sd-stats b{display:block;font-size:18px}.sd-stats small{color:var(--muted,#5a6b8f);font-size:12px}

/* ---- À propos : chronologie + hologramme du cerveau ---- */
.ap-time{list-style:none;margin:0 auto;padding:0;max-width:860px;display:grid;gap:18px;position:relative}
.ap-time:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--b500,#1c6bff),transparent)}
.ap-time li{position:relative;padding:4px 0 4px 56px}.ap-time li:before{content:"";position:absolute;left:10px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--b500,#1c6bff);box-shadow:0 0 0 6px rgba(28,107,255,.18)}
.ap-time b{display:block;font-size:20px;color:var(--b900,#061a45);margin:2px 0 4px}.ap-time p{margin:0;color:var(--muted,#5a6b8f)}
.ap-when{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--b600,#1250cc)}
.bn-sec{background:radial-gradient(120% 90% at 50% 0%,#0b2a6f,#030d24 70%);color:#fff;padding:70px 0 60px;overflow:hidden}
.bn-sec h2{color:#fff}.bn-sec .head p{color:rgba(255,255,255,.78)}.eyebrow.on-dark{color:#7df9ff}
.bn-wrap{max-width:820px;margin:10px auto 0}.bn-svg{display:block;width:100%;height:auto;overflow:visible}
.bn-ring{fill:none;stroke:#7df9ff;stroke-opacity:.18;stroke-width:1.5;stroke-dasharray:4 10;transform-origin:450px 450px;animation:bnspin 60s linear infinite}.bn-ring.r2{animation-duration:90s;animation-direction:reverse;stroke-opacity:.12}.bn-ring.r3{animation-duration:140s;stroke-opacity:.08}
@keyframes bnspin{to{transform:rotate(360deg)}}
.bn-l{fill:none;stroke:#7df9ff;stroke-opacity:.85;stroke-width:2.6;stroke-dasharray:3 14;animation:bnflow 1.6s linear infinite;animation-delay:var(--d)}
@keyframes bnflow{to{stroke-dashoffset:-34}}
.bn-fill{fill:rgba(125,249,255,.12);stroke:url(#bnStroke);stroke-width:3}.bn-folds path{fill:none;stroke:url(#bnStroke);stroke-width:2.4;stroke-linecap:round;opacity:.85}
.bn-stem{fill:rgba(125,249,255,.18);stroke:url(#bnStroke);stroke-width:2}
.bn-float{animation:bnfloat 5s ease-in-out infinite,bnflick 7s steps(1) infinite}@keyframes bnfloat{50%{transform:translateY(-12px)}}@keyframes bnflick{0%,92%,100%{opacity:1}93%{opacity:.78}95%{opacity:1}97%{opacity:.85}}
.bn-scan{pointer-events:none;animation:bnscan 3.2s linear infinite}@keyframes bnscan{to{transform:translateY(6px)}}
.bn-beam{animation:bnbeam 3s ease-in-out infinite}@keyframes bnbeam{50%{opacity:.55}}
.bn-base{fill:rgba(125,249,255,.16);stroke:#7df9ff;stroke-width:2;stroke-opacity:.8}.bn-base.b2{fill:rgba(125,249,255,.3)}
.bn-core{fill:#fff;font:800 21px 'Inter',system-ui,sans-serif;letter-spacing:.12em}.bn-core.s{font-size:18px;font-weight:600;fill:#7df9ff;letter-spacing:.06em}
.bn-n{cursor:pointer;outline:none}.bn-halo{fill:rgba(125,249,255,.14);stroke:#7df9ff;stroke-opacity:.6;stroke-width:1.5;animation:bnpulse 2.6s ease-in-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
.bn-dot{fill:#7df9ff;filter:drop-shadow(0 0 8px #7df9ff)}.bn-n text{fill:#fff;font:700 26px 'Inter',system-ui,sans-serif;paint-order:stroke;stroke:#030d24;stroke-width:6px;stroke-linejoin:round}
@keyframes bnpulse{50%{transform:scale(1.35);opacity:.45}}.bn-n:hover .bn-dot,.bn-n:focus-visible .bn-dot{fill:#fff}.bn-n:hover .bn-halo,.bn-n:focus-visible .bn-halo{fill:rgba(255,255,255,.25)}
.bn-list{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bn-list a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(125,249,255,.4);color:#fff;text-decoration:none;font-weight:600;font-size:14px}.bn-list a:hover{background:rgba(125,249,255,.18)}
@media (max-width:560px){.bn-n text{font-size:30px}.bn-core{font-size:24px}.bn-core.s{font-size:20px}}
@media (prefers-reduced-motion:reduce){.bn-ring,.bn-l,.bn-float,.bn-scan,.bn-beam,.bn-halo{animation:none!important}}

/* ---- Tombola : salle de jeux ---- */
.arc{position:relative;max-width:760px;margin:0 auto}.arc-h h3{display:flex;gap:8px;align-items:center;margin:0 0 6px}.arc-h .muted{margin:0 0 14px}
.arc-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0b2a6f,#1250cc);color:#fff;border-radius:20px;padding:14px 16px;margin-bottom:14px}
.arc-pts{display:flex;gap:12px;align-items:center}.arc-pts>span{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center}.arc-pts b{font-size:22px;display:block}.arc-pts small{opacity:.8}
.arc-head .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.arc-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}.arc-tabs button{flex:none;display:flex;gap:7px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line,#dbe7ff);background:var(--card,#fff);color:inherit;font-weight:700;font-size:14px;cursor:pointer}
.arc-tabs button.on{background:var(--b500,#1c6bff);color:#fff;border-color:transparent}.arc-tabs .ico{width:18px;height:18px}
.arc-panel{position:relative;background:var(--card,#fff);border:1px solid var(--line,#dbe7ff);border-radius:24px;padding:22px 16px;display:grid;justify-items:center;gap:14px;overflow:hidden;min-height:300px}
.arc-hint{margin:0;text-align:center;font-size:14px}
.arc-wheel{position:relative;width:min(360px,86vw);aspect-ratio:1}.arc-wheel canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 24px rgba(3,13,36,.3))}
.arc-ptr{position:absolute;left:50%;top:-6px;transform:translateX(-50%);z-index:2;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #ef4444;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.arc-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 30% 30%,#4a8dff,#0b2a6f);color:#fff;font-weight:900;font-size:14px;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 20px rgba(3,13,36,.5);display:grid;place-items:center;align-content:center;line-height:1.1}.arc-go small{font-size:11px;opacity:.85;font-weight:600}.arc-go:disabled{filter:grayscale(.5);cursor:wait}
.arc-card{position:relative;width:min(320px,86vw);aspect-ratio:320/200;border-radius:18px;background:linear-gradient(135deg,#fff7e0,#ffe9a8);border:3px solid #f59e0b;overflow:hidden;box-shadow:0 12px 30px -12px rgba(3,13,36,.4)}
.arc-sym{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;place-items:center;font-size:44px}.arc-card.idle .arc-sym{opacity:.35;filter:grayscale(1)}
.arc-sc{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.arc-slot{display:flex;gap:10px;background:linear-gradient(#1c2b57,#0b1432);padding:16px;border-radius:20px;border:4px solid #f59e0b;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}
.reel{width:84px;height:100px;border-radius:12px;background:linear-gradient(#e9efff,#fff,#e9efff);display:grid;place-items:center;overflow:hidden;font-size:50px;border:2px solid #0b2a6f}.reel.spin b{animation:arcrl .14s linear infinite}@keyframes arcrl{from{transform:translateY(-14px);filter:blur(1.5px)}to{transform:translateY(14px);filter:blur(1.5px)}}
.arc-memo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(360px,90vw)}.mc{aspect-ratio:1;border-radius:14px;border:2px solid var(--line,#dbe7ff);background:linear-gradient(135deg,#1c6bff,#0b2a6f);color:#fff;font-size:30px;cursor:pointer;transition:transform .25s}.mc.on{background:#fff;color:inherit;transform:rotateY(0)}.mc.ok{background:#e7fbe9;border-color:#22c55e}
.arc-cf{position:absolute;top:30%;width:9px;height:14px;border-radius:2px;pointer-events:none;animation:arccf 1.9s ease-out forwards}@keyframes arccf{to{transform:translate(var(--dx),360px) rotate(var(--r));opacity:0}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.reel.spin b,.arc-cf{animation:none}}

/* ===== œil mot de passe + compte à rebours de verrouillage ===== */
.pw-wrap{position:relative;display:block;width:100%;flex:1 1 auto;min-width:0}
.pw-wrap>input{width:100%;padding-right:50px!important}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--muted,#5b6b85);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.pw-eye:hover,.pw-eye:focus-visible{background:rgba(28,107,255,.1);color:var(--b500,#1c6bff);outline:none}
.pw-eye[aria-pressed=true]{color:var(--b500,#1c6bff)}
[data-theme=dark] .pw-eye:hover{background:rgba(120,170,255,.16)}
.lk-box{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100000;width:min(440px,calc(100vw - 24px));display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#0e1b36;color:#fff;box-shadow:0 18px 50px rgba(5,15,40,.45);border:1px solid rgba(255,255,255,.14);animation:lkIn .4s cubic-bezier(.2,.9,.3,1.2);transition:opacity .4s,transform .4s}
.lk-box.out{opacity:0;transform:translate(-50%,20px)}
.lk-box.min{width:auto;padding:10px 14px;border-radius:999px;align-items:center}
.lk-box.min .lk-tx b,.lk-box.min .lk-bar,.lk-box.min .lk-x{display:none}
.lk-box.min .lk-tx span{font-size:14px}
.lk-ic{flex:none;width:38px;height:38px;border-radius:12px;background:rgba(255,120,90,.18);color:#ff9d82;display:grid;place-items:center}
.lk-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lk-tx b{font-size:14px;line-height:1.3}
.lk-tx span{font-size:13px;opacity:.9}
.lk-tx time{font:700 20px/1.1 Consolas,ui-monospace,monospace;letter-spacing:.04em;color:#ffd7cb;font-variant-numeric:tabular-nums}
.lk-bar{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:6px}
.lk-bar u{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff7a59,#ffb36b);transition:width 1s linear}
.lk-x{flex:none;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.7}
@keyframes lkIn{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.lk-box{animation:none}.lk-bar u{transition:none}}

/* ---- compte membre / fiche d'adhésion ---- */
.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-opt{position:relative;cursor:pointer}.chip-opt input{position:absolute;opacity:0;pointer-events:none}
.chip-opt span{display:inline-block;padding:7px 13px;border:1.5px solid var(--line,#d6e2fb);border-radius:99px;font-size:13px;font-weight:600;background:#fff;transition:.2s}
.chip-opt input:checked+span{background:var(--b500,#1c6bff);border-color:var(--b500,#1c6bff);color:#fff}.chip-opt input:focus-visible+span{outline:3px solid rgba(28,107,255,.35)}
.chip-opt input:disabled+span{opacity:.7;cursor:default}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}.btn-row .btn{flex:1 1 180px}
.acct{border:1.5px solid var(--line,#d6e2fb);border-radius:20px;padding:14px 16px;background:#fff;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}
.acct-h{display:flex;gap:12px;align-items:center;min-width:0}.acct-h b{display:block}.acct-h small{color:var(--muted,#5b6b85);overflow-wrap:anywhere}
.acct-h .av{width:42px;height:42px;border-radius:50%;background:var(--b500,#1c6bff);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.acct-b{display:flex;flex-wrap:wrap;gap:8px}
.pw-forgot{display:block;text-align:right;font-size:13px;margin:-6px 0 12px}
[data-theme=dark] .chip-opt span,[data-theme=dark] .acct{background:#101d3a;border-color:#23386b;color:#e6eeff}

/* ---- publications : photos + vidéo, portrait 9:16 / paysage 16:9 ---- */
.so-media{display:flex;flex-wrap:wrap;gap:10px}.so-media .drop.sm{flex:1 1 200px;padding:12px 14px;min-height:0;font-size:13.5px}
.so-pvs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.so-pvi{position:relative;width:78px;height:78px;border-radius:12px;overflow:hidden;background:var(--b50,#eef4ff);border:1.5px solid var(--line,#d6e2fb);display:grid;place-items:center}
.so-pvi img{width:100%;height:100%;object-fit:cover}.so-pvi.vid{width:auto;min-width:150px;padding:8px 34px 8px 12px;grid-auto-flow:column;gap:8px;place-items:center start}.so-pvi.vid small{line-height:1.3;font-size:12px}
.so-pvi button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(3,13,36,.72);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.so-pvi button svg{width:12px;height:12px}
.so-fmt{display:flex;gap:10px}.so-fmt button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:14px;border:1.5px solid var(--line,#d6e2fb);background:#fff;cursor:pointer;font:inherit;color:inherit}
.so-fmt button.on{border-color:var(--b500,#1c6bff);background:var(--b50,#eef4ff);box-shadow:0 0 0 3px rgba(28,107,255,.15)}.so-fmt small{color:var(--muted,#5b6b85)}
.so-fmt .fm{display:block;border:2px solid currentColor;border-radius:4px}.so-fmt .fm.l{width:34px;height:20px}.so-fmt .fm.p{width:20px;height:34px}
.so-vid{position:relative;border-radius:16px;overflow:hidden;background:#000;margin:10px 0}.so-vid video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.so-vid.v169{aspect-ratio:16/9}.so-vid.v916{aspect-ratio:9/16;max-height:78vh;width:min(100%,360px);margin-inline:auto}
.so-fm{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;background:rgba(3,13,36,.7);color:#fff;padding:2px 8px;border-radius:99px;pointer-events:none}
.so-gal{display:grid;gap:4px;border-radius:16px;overflow:hidden;margin:10px 0}.so-gal img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.so-gal.n1.v169 img{aspect-ratio:16/9}.so-gal.n1.v916{width:min(100%,340px);margin-inline:auto}.so-gal.n1.v916 img{aspect-ratio:9/16}
.so-gal.n2,.so-gal.n3,.so-gal.n4{grid-template-columns:1fr 1fr}.so-gal.n2 img,.so-gal.n3 img,.so-gal.n4 img{aspect-ratio:1}.so-gal.v916.n2 img{aspect-ratio:3/4}.so-gal.n3 img:first-child{grid-column:1/3;aspect-ratio:16/9}
.so-m .lnk{margin-left:8px}
[data-theme=dark] .so-fmt button,[data-theme=dark] .so-pvi{background:#101d3a;border-color:#23386b}
.rl-card.p916 .rl-thumb{aspect-ratio:3/4}.rl-fm{position:absolute;left:10px;bottom:10px;font-size:11px;font-weight:700;background:rgba(3,13,36,.7);color:#fff;padding:2px 8px;border-radius:99px}.rl-modal .rl-stage.p916{aspect-ratio:9/16;max-height:78vh;width:min(100%,380px);margin-inline:auto}

/* ---- salon vocal « leaders d'entreprise et entrepreneurs » ---- */
.vr-card{background:#fff;border:1.5px solid var(--line,#d6e2fb);border-radius:22px;padding:20px 22px;box-shadow:0 18px 40px -28px rgba(11,27,63,.4)}
.vr-card h4{margin:0 0 4px;font-size:18px;color:var(--b900,#0b1b3f)}.vr-card .muted{margin:0 0 12px}
.vr-gate{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}.vr-gate>div{flex:1 1 240px}.vr-gate p{margin:4px 0 0;color:var(--muted,#5b6b85)}
.vr-ic{width:48px;height:48px;border-radius:16px;background:var(--b50,#eef4ff);color:var(--b500,#1c6bff);display:grid;place-items:center;flex:none}.vr-ic svg{width:24px;height:24px}
.vr-top{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start;margin-bottom:22px}
.vr-checks{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.vr-checks li{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:var(--b50,#f3f7ff)}
.vr-checks li>div{flex:1 1 200px;min-width:0}.vr-checks b{display:block;font-size:14px}.vr-checks small{color:var(--muted,#5b6b85);overflow-wrap:anywhere}
.vr-mk{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;background:#16a34a}.vr-checks li.no .vr-mk{background:#e11d48}.vr-mk svg{width:14px;height:14px}
.vr-link summary{cursor:pointer;font-weight:700;color:var(--b600,#1457d9)}.vr-linkf,.vr-create .frow{margin-top:10px}.vr-linkf{display:flex;gap:8px;flex-wrap:wrap}.vr-linkf input{flex:1 1 160px;min-width:0;padding:11px 14px;border:1.5px solid var(--line,#d6e2fb);border-radius:12px;font:inherit;text-transform:uppercase;letter-spacing:.06em}
.vr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 12px}.vr-head h4{margin:0}
.vr-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.vr-room{background:#fff;border:1.5px solid var(--line,#d6e2fb);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}.vr-room h4{margin:0;font-size:17px}.vr-room p{margin:0;color:var(--muted,#5b6b85);font-size:14px}.vr-room small{color:var(--muted,#5b6b85)}
.vr-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e11d48}.vr-live i{width:8px;height:8px;border-radius:50%;background:#e11d48;animation:vrPulse 1.4s infinite}
@keyframes vrPulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.5)}100%{box-shadow:0 0 0 10px rgba(225,29,72,0)}}
.vr-av{display:flex}.vr-av span,.vr-av2{--h:210;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:hsl(var(--h) 65% 48%);border:2px solid #fff;margin-right:-8px;flex:none}.vr-av2{margin:0;border:0;width:64px;height:64px;font-size:24px}.vr-av2.sm{width:30px;height:30px;font-size:13px}
.vr-empty{display:grid;place-items:center;gap:6px;text-align:center;padding:30px 16px;border:1.5px dashed var(--line,#d6e2fb);border-radius:20px;color:var(--muted,#5b6b85)}.vr-empty svg{width:34px;height:34px;color:var(--b400,#4c8dff)}
.vr-stage{background:linear-gradient(160deg,#0b1b3f,#14306e);color:#fff;border-radius:26px;padding:22px;display:grid;gap:16px}
.vr-bar{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.vr-bar>div:nth-child(2){flex:1 1 220px;min-width:0}.vr-bar h4{margin:0;font-size:20px;color:#fff}.vr-bar p{margin:2px 0 0;opacity:.8;font-size:14px}.vr-bar small{opacity:.8}
.vr-live{color:#ff8aa1}
.vr-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.vr-seat{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0;transition:box-shadow .2s,border-color .2s}
.vr-seat b{font-size:14px;overflow-wrap:anywhere}.vr-seat small{opacity:.8;font-size:12px;display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}.vr-seat small svg{width:12px;height:12px}
.vr-seat.free{border-style:dashed;opacity:.55;justify-content:center}.vr-seat.free .vr-av2{background:transparent;border:2px dashed rgba(255,255,255,.35);color:rgba(255,255,255,.6)}
.vr-seat.host{border-color:#ffd166}.vr-seat.off{opacity:.55}.vr-seat.muted .vr-av2{filter:grayscale(.8)}
.vr-seat.talk{border-color:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.28),0 0 24px rgba(74,222,128,.35)}
.vr-act{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.vr-act .btn.sm{padding:6px 10px;font-size:12px;background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}.vr-act .btn.danger{color:#ffb4c0}
.vr-reqs,.vr-lis,.vr-invite{background:rgba(255,255,255,.07);border-radius:16px;padding:12px 14px}.vr-reqs h5,.vr-lis h5{margin:0 0 8px;font-size:14px;display:flex;gap:6px;align-items:center}.vr-reqs h5 svg,.vr-lis h5 svg{width:16px;height:16px}
.vr-req{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0}.vr-req b{flex:1 1 120px;min-width:0}.vr-req select{background:#fff;color:#0b1b3f;border-radius:10px;border:0;padding:7px 8px;max-width:100%}
.vr-lis ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:210px;overflow:auto}.vr-lis li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vr-lis li>span:nth-child(2){flex:1 1 100px;min-width:0;overflow-wrap:anywhere}.vr-lis em{font-style:normal;font-size:12px;opacity:.85;display:inline-flex;gap:4px;align-items:center}.vr-lis em svg{width:13px;height:13px}
.vr-lis .btn.sm{padding:5px 10px;font-size:12px;background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}.vr-lis .muted{color:rgba(255,255,255,.7);margin:0}
.vr-invite{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:rgba(255,209,102,.18)}.vr-invite span{flex:1 1 180px}
.vr-ctl{display:flex;flex-wrap:wrap;gap:10px}.vr-ctl .btn{flex:1 1 170px}.vr-ctl .btn.ghost,.vr-stage .btn.ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}.vr-ctl .btn.danger{background:#e11d48;color:#fff;border-color:#e11d48}
.vr-stage .btn.arm{background:#e11d48;color:#fff}
@media(max-width:820px){.vr-top{grid-template-columns:1fr}.vr-seats{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.vr-live i{animation:none}.vr-seat{transition:none}}
[data-theme=dark] .vr-card,[data-theme=dark] .vr-room{background:#101d3a;border-color:#23386b;color:#e6eeff}[data-theme=dark] .vr-card h4{color:#fff}[data-theme=dark] .vr-checks li{background:#0b1730}[data-theme=dark] .vr-linkf input{background:#0b1730;color:#fff;border-color:#23386b}
/* ---- éditeur de pubs (propriétaire) ---- */
.ad-fs{border:1.5px solid var(--line,#d6e2fb);border-radius:14px;padding:10px 14px 12px;margin:12px 0 0;min-width:0}.ad-fs legend{font-weight:700;padding:0 6px;font-size:13px}.ad-fs legend small{font-weight:400;color:var(--muted,#5b6b85)}
.ad-days{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ad-card.ad-partner{border-left:4px solid #0f766e}
.ad-caps{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}

/* ===== Économie de données et de batterie ===== */
html.bg *,html.bg *::before,html.bg *::after{animation-play-state:paused!important}
html.lite #smg-splash,html.lite .curtain{display:none!important}
html.lite *,html.lite *::before,html.lite *::after{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
html.lite .blob,html.lite .grid-bg,html.lite .sp-ring{display:none!important}
html.lite *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
html.lite .rv{opacity:1;transform:none}
.lite-btn{margin:14px 0 0;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;font:600 13px/1 inherit;cursor:pointer}
.lite-btn:hover{background:rgba(255,255,255,.1)}
@media (prefers-reduced-data:reduce){.blob,.grid-bg{display:none}}

/* ---- bandeau cookies + pages légales ---- */
.ck-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:99990;max-width:760px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:var(--surface,#fff);color:var(--text,#061a45);border:1px solid rgba(28,107,255,.25);box-shadow:0 12px 40px rgba(6,26,69,.28);transform:translateY(130%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.ck-bar.on{transform:none;opacity:1}
.ck-t{flex:1 1 320px;min-width:0;font-size:.86rem;line-height:1.45}.ck-t p{margin:.25rem 0 0}.ck-t a{text-decoration:underline}
.ck-b{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:800px){.ck-bar{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.ck-b{width:100%}.ck-b .btn{flex:1}}
[data-theme=dark] .ck-bar{background:#0d1f4a;color:#eaf1ff}
.legal{max-width:820px}.legal h2{margin:1.8rem 0 .5rem;font-size:1.25rem}.legal p,.legal li{line-height:1.65}.legal ul{padding-left:1.2rem;display:grid;gap:.4rem}
.legal-date{opacity:.8;font-size:.85rem}.legal-note{margin-top:2rem;padding:12px 14px;border-radius:12px;background:rgba(255,176,32,.14);font-size:.85rem}

/* ---- lightbox : pop-up + glissement entre photos ---- */
.lightbox.pop .lb-body{animation:lbPop .32s cubic-bezier(.2,.9,.3,1.2)}
@keyframes lbPop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
.lightbox .lb-body img.lb-in-next{animation:lbNext .34s cubic-bezier(.2,.8,.2,1)}
.lightbox .lb-body img.lb-in-prev{animation:lbPrev .34s cubic-bezier(.2,.8,.2,1)}
@keyframes lbNext{from{opacity:0;transform:translateX(14%)}to{opacity:1;transform:none}}
@keyframes lbPrev{from{opacity:0;transform:translateX(-14%)}to{opacity:1;transform:none}}
.sb-gal img{cursor:zoom-in;transition:transform .2s ease}.sb-gal img:hover,.sb-gal img:focus-visible{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){.lightbox.pop .lb-body,.lightbox .lb-body img{animation:none!important}}
.lite .lightbox.pop .lb-body,.lite .lightbox .lb-body img{animation:none!important}
/* galerie : ne s'écrase plus avant le chargement des photos (grille en pleine largeur, hauteur réservée) */
.sblock .sb-t .sb-gal{justify-self:stretch;width:100%}
.sblock .sb-gal img{width:100%;height:auto;aspect-ratio:4/3;min-height:110px;object-fit:cover;background:rgba(28,107,255,.12)}
.lightbox .lb-body{height:auto;max-height:calc(100dvh - 84px);padding:8px}.lightbox .lb-body img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain}

/* ===== Jeux difficiles de la tombola (tbgames.js) ===== */
.gx{display:grid;gap:14px}.gx-bar{display:grid;gap:10px}
.gx-prog{background:var(--card,#fff);border:1px solid var(--line,#dbe7ff);border-radius:18px;padding:14px 16px}.gx-pr-h{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.gx-pr-h b{display:flex;gap:6px;align-items:center}
.gx-pr{height:12px;border-radius:99px;background:rgba(28,107,255,.14);overflow:hidden}.gx-pr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1c6bff,#7df9ff);transition:width .6s}.gx-prog small{display:block;margin-top:8px;opacity:.8}
.gx-giftbtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border-radius:20px;border:2px dashed #f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(236,72,153,.12));color:inherit;cursor:pointer;font:inherit}.gx-giftbtn .gx-box{font-size:54px;line-height:1;animation:gxPulse 1.6s ease-in-out infinite}.gx-giftbtn.shake .gx-box{animation:gxShake .5s linear infinite}.gx-giftbtn small{opacity:.75}
@keyframes gxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14) rotate(-4deg)}}@keyframes gxShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
.gx-ann{display:grid;gap:8px}.gx-an,.gx-pz li{display:flex;gap:12px;align-items:center;background:var(--card,#fff);border:1px solid var(--line,#dbe7ff);border-radius:16px;padding:10px 12px}.gx-an img,.gx-pz img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}.gx-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:rgba(28,107,255,.1);flex:none}.gx-an div,.gx-pz div{display:grid;gap:2px;min-width:0}.gx-an span,.gx-pz span{opacity:.8;font-size:14px}.gx-an a{font-weight:700;color:var(--accent,#1c6bff)}
.gx-pz{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.gx-card{background:var(--card,#fff);border:1px solid var(--line,#dbe7ff);border-radius:20px;padding:18px}.gx-card h3{margin:0 0 6px}.gx-rules{margin:10px 0;padding-left:20px;display:grid;gap:4px}.gx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gx-lv{display:flex;gap:8px;margin:10px 0}.gx-l{width:46px;height:46px;border-radius:14px;border:2px solid var(--line,#dbe7ff);background:var(--card,#fff);color:inherit;font-weight:800;font-size:18px;cursor:pointer}.gx-l.on{border-color:#1c6bff;background:rgba(28,107,255,.12)}.gx-l:disabled{opacity:.5;cursor:not-allowed}
.gx-stage{display:grid;gap:10px}.gx-hud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-weight:700}.gx-hint{margin:0;text-align:center;opacity:.8;font-size:14px;min-height:20px}
canvas.lc{width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;border:1px solid var(--line,#dbe7ff);touch-action:none;background:#7dd3fc;display:block}
.gx-end{text-align:center;padding:26px 16px;border-radius:20px;border:1px solid var(--line,#dbe7ff);background:var(--card,#fff);position:relative;overflow:hidden}.gx-end.win{border-color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(28,107,255,.08))}.gx-endi{font-size:56px}.gx-end h3{margin:6px 0}.gx-end .gx-actions{justify-content:center}
.gx-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,.7);display:grid;place-items:center;padding:16px}.gx-reveal{position:relative;overflow:hidden;background:var(--card,#fff);color:inherit;border-radius:24px;padding:26px 22px;max-width:380px;width:100%;text-align:center;animation:gxPop .5s cubic-bezier(.2,1.4,.4,1)}.gx-open{font-size:64px}.gx-prize{margin:10px 0;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(236,72,153,.14));display:grid;gap:4px}.gx-prize b{font-size:20px}
@keyframes gxPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.dm{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,520px);margin:0 auto;border:4px solid #7c4a1d;border-radius:12px;overflow:hidden;aspect-ratio:1}
.dm-sq{position:relative;border:0;padding:0;display:grid;place-items:center;cursor:pointer;font:inherit}.dm-sq.lt{background:#f3dcb4;cursor:default}.dm-sq.dk{background:#8a5a2b}.dm-sq.mv:after{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:0 0 0 3px rgba(125,249,255,.9) inset}.dm-sq.sel{background:#b9791f}.dm-sq.dst:before{content:"";width:34%;height:34%;border-radius:50%;background:rgba(125,249,255,.85);position:absolute}.dm-sq.lm{box-shadow:inset 0 0 0 3px rgba(245,158,11,.8)}
.dm-p{width:78%;height:78%;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:clamp(14px,4.4vw,26px);box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 0 0 4px rgba(255,255,255,.28)}.dm-p.w{background:radial-gradient(circle at 35% 30%,#fff,#e2e8f0 60%,#94a3b8);color:#b45309}.dm-p.k{background:radial-gradient(circle at 35% 30%,#475569,#0f172a 70%);color:#fbbf24}
.cd{display:grid;gap:12px}.cd-opp{display:flex;gap:10px;justify-content:space-around}.cd-o{flex:1;text-align:center;padding:10px;border-radius:16px;border:2px solid transparent;background:var(--card,#fff);display:grid;gap:4px}.cd-o.on{border-color:#1c6bff;box-shadow:0 0 0 4px rgba(28,107,255,.15)}.cd-fan{display:flex;justify-content:center;height:34px}.cd-fan i{width:22px;height:34px;border-radius:5px;background:repeating-linear-gradient(45deg,#1c6bff,#1c6bff 4px,#0b2a6f 4px,#0b2a6f 8px);border:1px solid #fff;margin-left:-12px}.cd-fan i:first-child{margin-left:0}
.cd-mid{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.cd-draw{display:grid;gap:4px;justify-items:center;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.cd-draw:disabled{opacity:.45;cursor:not-allowed}.cd-back{width:62px;height:90px;border-radius:9px;background:repeating-linear-gradient(45deg,#1c6bff,#1c6bff 6px,#0b2a6f 6px,#0b2a6f 12px);border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}.cd-top{display:grid;gap:4px;justify-items:center}
.cd-c{display:inline-grid;place-items:center;width:52px;height:76px;border-radius:9px;background:#fff;color:#0f172a;border:1px solid #cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.2);font-weight:800;line-height:1}.cd-c.red{color:#dc2626}.cd-c b{font-size:20px}.cd-c i{font-style:normal;font-size:22px}.cd-c.big{width:62px;height:90px}.cd-c.big b{font-size:24px}
.cd-hand{display:flex;gap:8px;overflow-x:auto;padding:10px 4px;justify-content:center;flex-wrap:wrap}.cd-btn{border:0;background:none;padding:0;cursor:pointer;transition:transform .15s}.cd-btn:disabled{opacity:.5;cursor:not-allowed}.cd-btn.ok{transform:translateY(-8px)}.cd-btn.ok .cd-c{box-shadow:0 0 0 3px #22c55e,0 4px 10px rgba(0,0,0,.25)}.cd-suit{text-align:center;padding:10px;border-radius:14px;background:rgba(28,107,255,.1)}.cd-suit .btn.red{color:#dc2626}
@media (prefers-color-scheme:dark){.cd-c{background:#f8fafc}}
@media (prefers-reduced-motion:reduce){.gx-giftbtn .gx-box,.gx-reveal{animation:none}}

/* ===== Notifications & nouveautés ===== */
.push-box{margin-top:14px;display:flex;justify-content:center}.push-btn{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:inherit;font:inherit;font-weight:700;cursor:pointer}.push-btn:hover{background:rgba(255,255,255,.16)}.no-push .push-box{display:none}
.upd-note{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:9000;max-width:460px;margin:0 auto;display:flex;gap:10px;align-items:center;background:#0b2a6f;color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);animation:gxPop .4s}.upd-note div{display:grid;gap:2px;flex:1;min-width:0}.upd-note span{opacity:.85;font-size:14px}.upd-note button{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}

.lightbox .lb-body video{max-width:94vw;max-height:78vh;border-radius:14px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6)}

.se-pal{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}.se-sw{width:30px;height:30px;border-radius:50%;border:2px solid rgba(128,128,150,.45);cursor:pointer;padding:0;transition:transform .15s}.se-sw:hover{transform:scale(1.15)}.se-sw.on{outline:3px solid #1c6bff;outline-offset:2px}

/* ---- Salle de jeux : catégories, niveaux, plein écran ---- */
.arc-grp{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.arc-grp button{padding:9px 14px;border-radius:12px;border:2px solid var(--line,#dbe7ff);background:var(--card,#fff);color:inherit;font-weight:800;font-size:14px;cursor:pointer}.arc-grp button.on{border-color:#1c6bff;background:rgba(28,107,255,.12)}
.arc-pw{display:grid;gap:8px}.arc-fsbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}.arc-fsname,.arc-fspts{display:none;font-weight:800}.arc-fsbar .btn{margin-left:auto}
.gx-lv{flex-wrap:wrap}.gx-l{position:relative}.gx-l.dn:after{content:"✓";position:absolute;right:4px;top:1px;font-size:11px;color:#16a34a}.gx-ld{margin:6px 0 0}.gx-note{margin:0;font-size:14px}
.gx-play{display:grid;justify-items:center;gap:12px;width:100%}
.bx{width:min(100%,var(--gb,460px))}
.arc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#0f172a;color:#fff;padding:11px 18px;border-radius:14px;font-weight:700;max-width:90vw;text-align:center}
html.arc-fs-lock,html.arc-fs-lock body{overflow:hidden}
.arc-pw.fs{position:fixed;inset:0;z-index:9000;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));overflow:auto;align-content:start;grid-template-rows:auto 1fr;--gmax:calc(100vh - 210px);--gb:min(var(--gmax),860px)}
@supports (height:100dvh){.arc-pw.fs{--gmax:calc(100dvh - 210px)}}
.arc-pw.fs .arc-fsname,.arc-pw.fs .arc-fspts{display:inline}.arc-pw.fs .arc-fsbar{position:sticky;top:0;z-index:2;justify-content:flex-start;padding:4px 0}
.arc-pw.fs .arc-panel{border:0;background:transparent;min-height:0;overflow:visible;padding:6px 0;align-content:start}
.arc-pw.fs .arc-panel>.gx{width:100%;max-width:none}.arc-pw.fs .gx-stage{width:100%;max-width:none}
.arc-pw.fs canvas.lc{width:min(100%,calc(var(--gmax) * 16 / 9));margin:0 auto}.arc-pw.fs .gx-stage{justify-items:center}.arc-pw.fs .gx-hud,.arc-pw.fs .gx-hint{width:min(100%,calc(var(--gmax) * 16 / 9))}
.arc-pw.fs .dm{width:min(100%,var(--gb))}.arc-pw.fs .cd-c{width:66px;height:96px}.arc-pw.fs .cd-c.big{width:80px;height:116px}.arc-pw.fs .cd-c b{font-size:24px}.arc-pw.fs .cd-back{width:76px;height:110px}
.arc-pw.fs .arc-wheel{width:min(calc(var(--gmax) + 40px),92vw)}.arc-pw.fs .arc-card{width:min(560px,92vw,calc(var(--gmax) * 1.6))}.arc-pw.fs .reel{width:120px;height:140px;font-size:72px}
.arc-pw.fs.arc-fs-portrait:before{content:'Tournez votre téléphone à l’horizontale pour jouer';position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;text-align:center;background:#071a45;color:#fff;font-size:clamp(20px,5vw,34px);font-weight:900}.arc-pw.fs.arc-fs-portrait>*{visibility:hidden}
@media (orientation:landscape) and (max-height:700px){.arc-pw.fs{padding:5px 10px calc(6px + env(safe-area-inset-bottom,0px));--gmax:calc(100vh - 92px);--gmax:calc(100dvh - 92px);--gb:min(var(--gmax),1000px);grid-template-rows:auto 1fr}.arc-pw.fs .arc-fsbar{padding:0;min-height:32px}.arc-pw.fs .arc-panel{padding:2px 0}.arc-pw.fs .gx-stage{min-height:0}.arc-pw.fs canvas.lc{width:min(calc(100vw - 20px),calc(var(--gmax) * 16 / 9));max-height:var(--gmax)}.arc-pw.fs .gx-hud,.arc-pw.fs .gx-hint{width:min(calc(100vw - 20px),calc(var(--gmax) * 16 / 9))}.arc-pw.fs .dm{width:min(100%,var(--gb))}.arc-pw.fs .gx-hint{margin:2px 0;font-size:12px}}
.dm{width:min(100%,var(--gb,520px))}
/* sudoku */
.sd{display:grid;aspect-ratio:1;border:3px solid #0b2a6f;border-radius:10px;overflow:hidden;background:var(--card,#fff)}
.sd-c{border:0;border-right:1px solid var(--line,#dbe7ff);border-bottom:1px solid var(--line,#dbe7ff);background:var(--card,#fff);color:#1c6bff;font:700 clamp(15px,5vw,26px)/1 inherit;font-family:inherit;padding:0;cursor:pointer;display:grid;place-items:center;min-width:0}
.sd-c.g{color:inherit;font-weight:900;background:rgba(11,42,111,.07)}.sd-c.rr{border-right:3px solid #0b2a6f}.sd-c.rb{border-bottom:3px solid #0b2a6f}.sd-c.h{background:rgba(28,107,255,.16)}.sd-c.s{background:rgba(245,158,11,.45)}.sd-c.c{color:#dc2626;background:rgba(220,38,38,.14)}
.sd-pad{display:grid;gap:6px;width:min(100%,var(--gb,460px))}.sd-pad .btn{padding:10px 0;min-width:0}
/* puissance 4 */
.c4{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:#1250cc;border-radius:16px;aspect-ratio:7/6.4}
.c4-col{display:grid;grid-template-rows:repeat(6,1fr);gap:4px;border:0;background:transparent;padding:0;cursor:pointer}.c4-col:disabled{cursor:default}.c4-col:not(:disabled):hover{background:rgba(255,255,255,.12);border-radius:10px}
.c4-c{display:block;border-radius:50%;background:#e6efff;box-shadow:inset 0 3px 6px rgba(0,0,0,.35);aspect-ratio:1;align-self:center}.c4-c.p{background:radial-gradient(circle at 35% 30%,#fca5a5,#dc2626 70%)}.c4-c.a{background:radial-gradient(circle at 35% 30%,#fef08a,#eab308 70%)}.c4-c.l{box-shadow:0 0 0 3px #fff,inset 0 3px 6px rgba(0,0,0,.25)}.c4-c.w{animation:gxPulse .9s ease-in-out infinite;box-shadow:0 0 0 4px #22c55e}
/* 2048 */
.t48{display:grid;gap:8px;padding:8px;background:#bbada0;border-radius:14px;aspect-ratio:1;touch-action:none;outline:none}
.t48-c{display:grid;place-items:center;border-radius:8px;background:rgba(238,228,218,.35);font-style:normal;font-weight:900;font-size:clamp(18px,6vw,34px);color:#776e65;min-width:0}.t48-c.sm{font-size:clamp(14px,4.6vw,26px)}
.t48-c.v2{background:#eee4da}.t48-c.v4{background:#ede0c8}.t48-c.v8{background:#f2b179;color:#fff}.t48-c.v16{background:#f59563;color:#fff}.t48-c.v32{background:#f67c5f;color:#fff}.t48-c.v64{background:#f65e3b;color:#fff}.t48-c.v128{background:#edcf72;color:#fff}.t48-c.v256{background:#edcc61;color:#fff}.t48-c.v512{background:#edc850;color:#fff}.t48-c.v1024{background:#edc53f;color:#fff}.t48-c.v2048{background:#edc22e;color:#fff}.t48-c.vbig{background:#3c3a32;color:#fff}
.t48-ctl{display:grid;justify-items:center;gap:6px}.t48-ctl>div{display:flex;gap:6px}
/* démineur */
.mn-bar{display:flex;justify-content:center}
.mn{display:grid;gap:2px;padding:4px;background:#64748b;border-radius:10px;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.mn-c{aspect-ratio:1;border:0;border-radius:4px;background:linear-gradient(#cbd5e1,#94a3b8);font:800 clamp(11px,3.4vw,20px)/1 inherit;font-family:inherit;padding:0;cursor:pointer;display:grid;place-items:center;min-width:0;color:#0f172a}
.mn-c.o{background:#e2e8f0;cursor:default}.mn-c.x{background:#fecaca}.mn-c.m{background:#e2e8f0}.mn-c.n1{color:#2563eb}.mn-c.n2{color:#16a34a}.mn-c.n3{color:#dc2626}.mn-c.n4{color:#7c3aed}.mn-c.n5{color:#b45309}.mn-c.n6{color:#0891b2}.mn-c.n7{color:#0f172a}.mn-c.n8{color:#64748b}
/* taquin */
.tq{display:grid;gap:6px;padding:8px;background:#0b2a6f;border-radius:14px;aspect-ratio:1}
.tq-c{display:grid;place-items:center;border:0;border-radius:10px;background:linear-gradient(135deg,#4a8dff,#1c6bff);color:#fff;font:900 clamp(16px,6vw,32px)/1 inherit;font-family:inherit;cursor:pointer;min-width:0;padding:0}.tq-c.ok{background:linear-gradient(135deg,#22c55e,#16a34a)}.tq-c.e{background:transparent;cursor:default}
/* mastermind */
.mm{display:grid;gap:6px}.mm-r{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px 8px;border-radius:12px}.mm-r.cur{background:rgba(245,158,11,.14)}
.mm-p{display:grid;place-items:center;width:clamp(30px,9vw,44px);height:clamp(30px,9vw,44px);border-radius:50%;color:#fff;font-style:normal;font-weight:900;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 -3px 6px rgba(0,0,0,.25)}
.mm-slot{width:clamp(30px,9vw,44px);height:clamp(30px,9vw,44px);border-radius:50%;border:2px dashed var(--line,#b9c8ea);background:transparent;padding:0;cursor:pointer;display:grid;place-items:center}
.mm-fb{font-weight:800;font-size:14px;min-width:84px}
.mm-pal{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mm-pc{width:clamp(34px,10vw,48px);height:clamp(34px,10vw,48px);border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);color:#fff;font-weight:900;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mm-act{display:flex;gap:8px;justify-content:center}
/* quiz (suites logiques, calcul mental) */
.qz{display:grid;gap:14px;text-align:center}.qz-q{font:800 clamp(22px,6vw,36px)/1.3 inherit;font-family:inherit;padding:18px 10px;border-radius:16px;background:rgba(28,107,255,.08);overflow-wrap:anywhere}.qz-q b{color:#1c6bff}
.qz-a{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.qz-a .btn{min-width:84px;font-size:18px}.qz-in{width:min(100%,180px);padding:12px;border-radius:12px;border:2px solid var(--line,#b9c8ea);font:800 22px inherit;font-family:inherit;text-align:center;background:var(--card,#fff);color:inherit}
.qz-t{height:8px;border-radius:99px;background:rgba(28,107,255,.14);overflow:hidden}.qz-t i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b);transition:width .25s linear}
/* mémo */
.mc-grid{display:grid;gap:8px}.mc-grid .mc{font-size:clamp(18px,6vw,32px);padding:0;min-width:0}

/* ---- En-tête compact sur petits écrans : plus aucun débordement (cloche + langue + recherche + panier + menu) ---- */
@media(max-width:560px){
  .nav .wrap.in{gap:8px;padding-left:14px;padding-right:14px}
  .nav .brand img{height:46px}
  .nav .actions{gap:5px;min-width:0}
  .bell-fab,.search-fab,.cart-fab,.burger{width:38px;height:38px}
  .burger{border-radius:12px}
  .actions .lang-sw .lg-b{height:38px;padding:0 8px;gap:4px}
  html,body{overflow-x:clip}
}
@media(max-width:400px){
  .nav .wrap.in{gap:6px;padding-left:10px;padding-right:10px}
  .nav .brand img{height:42px}
  .nav .actions{gap:4px}
  .bell-fab,.search-fab,.cart-fab,.burger{width:36px;height:36px}
  .actions .lang-sw .lg-b{height:36px;padding:0 7px}
}
@media(max-width:340px){.actions .lang-sw .lg-b span{display:none}}

/* vidéos modifiables (fichier / lien) */
[data-vkey].vfile{position:relative;overflow:hidden;background:#000}
[data-vkey] video.vf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:0}
[data-vkey].playing video.vf{object-fit:contain}
[data-vkey].vfile .play,[data-vkey].vfile .live{position:relative;z-index:2}
[data-vkey].vfile .live{position:absolute;top:14px;left:14px}
.selfvid iframe.vk-yt{z-index:1}

/* « Je ne suis pas un robot » */
.bot{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}
.bot-cb{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1.5px solid var(--line,#cfdcf5);border-radius:14px;background:var(--card,#fff);color:inherit;font:600 15px/1.25 inherit;text-align:left;cursor:pointer}
.bot-cb:hover:not(:disabled){border-color:var(--b500,#1c6bff)}
.bot-cb:focus-visible{outline:3px solid rgba(28,107,255,.45);outline-offset:2px}
.bot-box{flex:none;width:28px;height:28px;border:2px solid #8aa0cc;border-radius:8px;background:#fff;display:grid;place-items:center;transition:.15s}
.bot.busy .bot-box{border-color:var(--b500,#1c6bff);border-top-color:transparent;border-radius:50%;animation:botspin .8s linear infinite}
.bot.ok .bot-box{background:#16a34a;border-color:#16a34a}
.bot.ok .bot-box::after{content:"";width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.bot.ok .bot-cb{border-color:#16a34a;background:rgba(22,163,74,.07)}
.bot.need .bot-cb,.bot.err .bot-cb{border-color:#e11d48;background:rgba(225,29,72,.06)}
.bot.need .bot-box,.bot.err .bot-box{border-color:#e11d48}
.bot-by{display:flex;align-items:center;gap:6px;color:var(--muted,#5a6b8f);font-size:12px}.bot-by svg{width:14px;height:14px}
@keyframes botspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.bot.busy .bot-box{animation:none}}

/* 2FA */
.tfa-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.tfa-codes code,.tfa-key{font:700 16px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;background:rgba(28,107,255,.08);border:1px solid var(--line,#cfdcf5);border-radius:10px;padding:9px 10px;text-align:center;overflow-wrap:anywhere}
.tfa-key{display:inline-block;padding:4px 8px;letter-spacing:.12em}
.tfa-qr{width:min(220px,70vw);margin:10px auto;border:1px solid var(--line,#cfdcf5);border-radius:14px;overflow:hidden;background:#fff}.tfa-qr svg{display:block;width:100%;height:auto}
.tfa-steps{margin:6px 0 0 18px;padding:0}

/* ===== Cases média : vidéo, photos & vidéos, playlist, fichiers, formation à code PIN (media.js) ===== */
.sblock.grad{background:linear-gradient(135deg,var(--b950),var(--b800) 60%,var(--b600))}
.sblock.grad .sb-t h2,.sblock.grad .sb-t p{color:#fff}
.sblock.ctr .sb-t{justify-items:center;text-align:center}.sblock.rgt .sb-t{justify-items:end;text-align:right}
.sblock.wide>.wrap{max-width:1360px}.sblock.full>.wrap{max-width:none;padding-left:clamp(10px,2vw,28px);padding-right:clamp(10px,2vw,28px)}
.sblock .sb-t>.mv-video,.sblock .sb-t>.mv-grid,.sblock .sb-t>.mv-files,.sblock .sb-t>.mv-plwrap,.sblock .sb-t>.mv-lock,.sblock .sb-t>.mv-skel{justify-self:stretch;width:100%;min-width:0}
.mv-skel{height:220px;border-radius:var(--r);background:linear-gradient(100deg,rgba(28,107,255,.08) 30%,rgba(28,107,255,.18) 50%,rgba(28,107,255,.08) 70%) 0 0/200% 100%;animation:mvsk 1.2s linear infinite}
@keyframes mvsk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.mv-skel{animation:none}}
.mv-empty{color:var(--muted);font-size:14px;padding:18px;border:1.5px dashed var(--line);border-radius:var(--r-sm);text-align:center;margin:0}
.mv-video{width:100%;max-width:960px;margin:0 auto;aspect-ratio:var(--mvr,16/9);position:relative}
.mv-video.narrow{max-width:min(100%,380px)}
.mv-video.is-empty{aspect-ratio:auto}
.mv-stage{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:#0b1630;border-radius:var(--r);overflow:hidden;cursor:pointer;color:#fff;box-shadow:var(--shadow);font:inherit;-webkit-tap-highlight-color:transparent}
.mv-stage:focus-visible{outline:3px solid var(--b400);outline-offset:3px}
.mv-stage.playing{cursor:default}
.mv-stage.playing iframe,.mv-stage.playing video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.mv-stage.playing.is-audio{aspect-ratio:auto;min-height:84px;display:grid;place-items:center;padding:18px;background:var(--b900)}
.mv-stage.playing audio{width:100%;position:static}
.mv-th{position:absolute;inset:0;display:block;background:linear-gradient(135deg,var(--b800),var(--b600))}
.mv-th img,.mv-th video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease,ease)}
.mv-stage:hover .mv-th img,.mv-stage:hover .mv-th video{transform:scale(1.04)}
.mv-th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,36,.05) 40%,rgba(3,13,36,.55));pointer-events:none}
.mv-th.noimg{background:radial-gradient(600px 300px at 80% 0,rgba(74,141,255,.55),transparent 60%),linear-gradient(135deg,var(--b900),var(--b700))}
.mv-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--b600);box-shadow:0 12px 34px -8px rgba(0,0,0,.55);z-index:2;transition:transform .3s var(--ease,ease)}
.mv-play svg{margin-left:3px}
.mv-stage:hover .mv-play{transform:scale(1.1)}
.mv-open{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--b600);font-size:26px;font-weight:800;z-index:2}
.mv-fileic{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--b600);z-index:2}
.mv-badge{position:absolute;left:10px;top:10px;z-index:2;background:rgba(3,13,36,.72);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:99px;backdrop-filter:blur(4px)}
/* photos & vidéos */
.mv-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mv-grid.c1{grid-template-columns:minmax(0,1fr)}.mv-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.mv-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mv-card{margin:0;display:grid;gap:6px;min-width:0}
.mv-card .mv-stage{aspect-ratio:var(--mvr,4/3);height:auto;border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}
.mv-grid.auto .mv-card .mv-stage{aspect-ratio:auto}
.mv-card .mv-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease,ease)}
.mv-grid.auto .mv-card .mv-stage>img{position:static;height:auto}
.mv-card .mv-stage:hover>img{transform:scale(1.05)}
.mv-card figcaption{font-size:13.5px;color:var(--muted);line-height:1.35;padding:0 2px}
.mv-card .mv-play{width:52px;height:52px;margin:-26px 0 0 -26px}
@media(max-width:900px){.mv-grid.c4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.mv-grid,.mv-grid.c3,.mv-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mv-grid.c1{grid-template-columns:minmax(0,1fr)}}
/* fichiers */
.mv-files{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mv-file{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.mv-file:hover{border-color:var(--b400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.mv-fico{position:relative;flex:none;width:48px;height:56px;display:grid;place-items:center;color:var(--b500)}
.mv-fico svg{position:absolute;inset:0;width:100%;height:100%}
.mv-fico b{position:relative;font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-top:20px}
.mv-ftx{display:grid;gap:2px;min-width:0;flex:1}.mv-ftx b{font-size:15.5px;overflow-wrap:anywhere}.mv-ftx small{color:var(--muted);font-size:13px}
.mv-fdl{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:var(--b600);background:var(--b50);padding:9px 14px;border-radius:99px}
@media(max-width:520px){.mv-fdl span{display:none}.mv-fdl{padding:10px}}
/* playlist */
.mv-plwrap,.mv-lock{width:100%;min-width:0}
.mv-pl{display:grid;gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);align-items:start;width:100%}
.mv-pl-main{display:grid;gap:12px;min-width:0}
.mv-box{aspect-ratio:var(--mvr,16/9);width:100%;position:relative}
.mv-now h3{font-size:19px;color:var(--b900);margin:0 0 4px;overflow-wrap:anywhere}.mv-now p{margin:0;font-size:14.5px;color:var(--muted)}
.mv-nav{display:flex;gap:10px;justify-content:space-between}.mv-nav .btn[disabled]{opacity:.4;pointer-events:none}
.mv-pl-list{list-style:none;margin:0;padding:6px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;max-height:520px;overflow:auto;display:grid;gap:2px;min-width:0}
.mv-pl-list li button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;transition:background .2s}
.mv-pl-list li button:hover{background:var(--b50)}
.mv-pl-list li.on button{background:var(--b100)}
.mv-pl-list .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--b50);color:var(--b600);font-weight:800;font-size:13px}
.mv-pl-list li.on .n{background:var(--b500);color:#fff}
.mv-pl-list .tx{display:grid;gap:1px;min-width:0}.mv-pl-list .tx b{font-size:14.5px;overflow-wrap:anywhere}.mv-pl-list .tx small{color:var(--muted);font-size:12.5px}
@media(max-width:820px){.mv-pl{grid-template-columns:minmax(0,1fr)}.mv-pl-list{max-height:none}}
/* formation protégée */
.mv-lockcard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.mv-lockcard>img{width:100%;height:100%;object-fit:cover;min-height:200px;border-radius:0;box-shadow:none;display:block}
.mv-lockcard:not(:has(>img)){grid-template-columns:minmax(0,1fr)}
.mv-lockbody{display:grid;gap:12px;padding:clamp(18px,3vw,30px);align-content:center;justify-items:start;min-width:0}
.mv-lockbody h3{font-size:clamp(21px,3vw,28px);color:var(--b900);margin:0}.mv-lockbody p{margin:0;color:var(--muted)}
.mv-pill{background:var(--b100);color:var(--b700);font-size:12px;font-weight:800;padding:5px 12px;border-radius:99px;letter-spacing:.02em}
.mv-meta{font-weight:800;color:var(--b600)!important}
.mv-pin{display:flex;gap:10px;flex-wrap:wrap;width:100%}
.mv-pin input{flex:1 1 200px;min-width:0;padding:14px 16px;border-radius:99px;border:1.5px solid var(--line);font:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:var(--ink)}
.mv-pin input:focus{outline:3px solid rgba(28,107,255,.28);border-color:var(--b500)}
.mv-pin .btn{gap:8px}
.mv-st{min-height:1.2em;font-size:14px;font-weight:700}.mv-st.bad{color:#d64545!important}
.mv-hint{font-size:13px!important}
.mv-locklist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.mv-locklist li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--b50);color:var(--muted);font-size:14.5px}
.mv-locklist li svg{flex:none;width:16px;height:16px;opacity:.6}
.mv-unl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border-radius:var(--r-sm);background:#e8f8ef;color:#0b6b36;font-weight:800}
.mv-unl svg{flex:none}.mv-unl .btn{margin-left:auto;color:#0b6b36}
@media(max-width:700px){.mv-lockcard{grid-template-columns:minmax(0,1fr)}.mv-lockcard>img{max-height:220px}}
/* ===== Éditeur : cases média ===== */
.se-panel.se3-wide{width:min(560px,calc(100vw - 24px))}
.se3-prev{border:1.5px dashed var(--line);border-radius:14px;padding:10px;background:var(--b50)}.se3-prev:empty{display:none}
.se3-prev .mv-video{max-width:100%}
.se3-row .se3-r{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start}
.se3-th{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--b100);display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--b600);overflow:hidden}
.se3-f{display:grid;gap:6px;min-width:0}.se3-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.se3-act{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.se3-act button{min-width:34px;height:34px;padding:0 8px;border-radius:10px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-weight:800;color:var(--ink)}
.se3-act button[disabled]{opacity:.35}.se3-act .se3-del{color:#d64545}
.se3-opt{border:1.5px solid var(--line);border-radius:14px;padding:6px 12px}.se3-opt summary{cursor:pointer;font-weight:800;color:var(--b600);padding:6px 0}
.se3-optb{display:grid;gap:10px;padding:6px 0 10px}
.se3-chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:600!important}.se3-chk input{margin-top:3px;flex:none}.se3-chk small{display:block;font-weight:500;color:var(--muted)}
.se3-lockrow{padding:12px;border-radius:14px;background:var(--b50)}
.se3-code{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:var(--b50);font-weight:800;letter-spacing:.08em}
.se3-codes{display:grid;gap:6px}
body.se-on .ck-bar{display:none!important}

/* ===== Espace propriétaire : navigation par groupes, vue d'ensemble, formations & codes ===== */
.adm-nav{background:#fff;margin:0 0 18px;padding:10px 0 4px;border-bottom:1px solid var(--line)}
.adm-nav-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.adm-groups{display:flex;gap:6px;overflow:auto;flex:1 1 380px;min-width:0;padding-bottom:6px;scrollbar-width:thin}
.adm-grp{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 14px;border-radius:12px;font-weight:700;font-size:14px;color:#33415f;background:#f1f5ff;border:1.5px solid transparent;transition:.2s}
.adm-grp svg{width:17px;height:17px;flex:none}
.adm-grp:hover{border-color:var(--b300);color:var(--b600)}
.adm-grp.on{background:var(--b500);color:#fff;box-shadow:0 8px 18px -10px rgba(28,107,255,.8)}
.adm-grp .chip{margin-left:2px}
.adm-findbox{position:relative;flex:1 1 220px;min-width:0;max-width:320px;display:flex;align-items:center}
.adm-findbox svg{position:absolute;left:11px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.adm-findbox input{width:100%;padding:10px 12px 10px 34px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:#fff}
.adm-find-res{display:flex;flex-direction:column;gap:4px;padding:8px;margin:6px 0 4px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 30px -18px rgba(10,37,100,.4)}
.adm-find-res[hidden]{display:none}
.adm-hit{display:flex;gap:10px;align-items:center;text-align:left;padding:9px 12px;border-radius:10px;background:#f7f9ff}
.adm-hit:hover{background:#e8f0ff}.adm-hit small{color:var(--muted);margin-left:auto}
.adm-subtabs{margin:6px 0 4px!important}
.adm-subtabs .tab{padding:8px 15px;font-size:13.5px}

.cx-home{display:grid;gap:18px}
.cx-sec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.cx-sec h4{margin:0 0 8px;font-size:16px;color:var(--b900)}
.cx-todo{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.cx-t{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1.5px solid #f8d48b;text-align:left;font-size:14px}
.cx-t b{font-size:20px;color:#a15c00;min-width:28px}.cx-t span{flex:1;min-width:0;font-weight:600}
.cx-t svg{width:16px;height:16px;flex:none}
.cx-links{display:flex;gap:8px;flex-wrap:wrap}
.cx-mini{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.cx-mini li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}
.cx-mini li:last-child{border-bottom:0}.cx-mini span{color:var(--muted)}

.cx-course.off{opacity:.78}
.cx-course .adm-row{align-items:center;justify-content:flex-start;gap:14px}
.cx-cov{width:76px;height:54px;flex:none;border-radius:12px;background:#eaf1ff;display:grid;place-items:center;overflow:hidden;color:var(--b500)}
.cx-cov img{width:100%;height:100%;object-fit:cover}.cx-cov svg{width:26px;height:26px}
.cx-main{min-width:0;display:grid;gap:3px}.cx-main small{color:var(--muted)}
.cx-kpis{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#33415f}.cx-kpis b{color:var(--b600)}
.cx-panel{margin-top:14px;padding:14px;border-radius:14px;background:#f7f9ff;border:1px solid var(--line)}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.cx-grid label{display:grid;gap:4px;font-size:13px;font-weight:600;color:#33415f;min-width:0}
.cx-grid input,.cx-grid select,.cx-grid textarea,.cx-inline select{width:100%;padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-weight:400;background:#fff;min-width:0}
.cx-grid textarea{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.cx-wide{grid-column:1/-1}
.cx-chk{display:flex!important;flex-direction:row;align-items:center;gap:8px;align-self:end}.cx-chk input{width:auto}
.cx-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cx-inline select{width:auto;min-width:180px}
.cx-fresh{margin:12px 0;padding:12px;border-radius:12px;background:#ecfdf3;border:1.5px solid #86e0a8;display:grid;gap:8px}
.cx-fcode{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cx-fcode code,.cx-table code{font-size:15px;font-weight:800;letter-spacing:.06em;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 9px}
.cx-table{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.cx-table table{width:100%;border-collapse:collapse;font-size:13.5px}
.cx-table th{text-align:left;padding:9px 11px;background:#f1f5ff;color:#33415f;white-space:nowrap}
.cx-table td{padding:8px 11px;border-top:1px solid var(--line);vertical-align:middle}
.cx-acts{display:flex;gap:4px;flex-wrap:wrap}
@media (max-width:640px){.adm-findbox{max-width:none}.cx-course .adm-row{align-items:flex-start}}