:root{ --bizzy-bg:#EEF0F3; --bizzy-navy:#141A34; --bizzy-orange:#F5821F; --bizzy-surface:#FFFFFF; --bizzy-border:#D1D5DB; --bizzy-muted:#6B7280; --bizzy-green:#15803D; --bizzy-red:#B91C1C; --bizzy-text:#141A34; color-scheme:light; }
/* ✅ NOUVO (2026-09-22, sou demann Freud, "3": mòd fonse pou index.php)
   — menm apwòch ak panel admin an: --bizzy-text SEPARE de --bizzy-navy
   paske --bizzy-navy toujou itilize kòm FON pou kèk eleman (footer,
   toast panye, ikòn kesyon boutik) ki dwe rete menm koulè nan tou de
   mòd — nou pa ka chanje valè li san n pa kraze eleman sa yo. Se
   --bizzy-text ki switch, e li itilize pou tout TÈKS ki te itilize
   --bizzy-navy anvan. */
[data-theme="dark"]{
    --bizzy-bg:#0E1220; --bizzy-border:#262E42; --bizzy-muted:#8B93A7;
    --bizzy-surface:#161B2C; --bizzy-text:#E5E7EB;
    --bizzy-green:#15803D; --bizzy-red:#B91C1C;
    color-scheme:dark;
}
*{font-family:'Poppins',sans-serif;} html{overflow-x:hidden;}
body{background-color:var(--bizzy-bg);color:var(--bizzy-text);padding-bottom:90px;overflow-x:hidden;transition:background-color 0.2s ease,color 0.2s ease;}
.app-container{max-width:480px;margin:0 auto;background-color:var(--bizzy-bg);min-height:100vh;position:relative;}

/* ============================================================
   ✅ NOUVO — Bar chajman anlè paj la (item "4") + bouton tèm (item "3")
   ============================================================ */
.chajman-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--bizzy-orange);z-index:2100;transition:width 0.25s ease,opacity 0.2s ease;opacity:0;}
/* ✅ KORIJE (2026-09-25): bar la te gen width:0 e anyen pa t janm
   chanje l — li te "aktif" men envizib. Animasyon an fè l avanse
   rapid rive 45% epi dousman rive 92% (li pa janm rive 100% poukont li). */
.chajman-bar.actif{opacity:1;animation:bizzyChajman 10s cubic-bezier(0.1,0.7,0.3,1) forwards;}
@keyframes bizzyChajman{0%{width:0;}20%{width:45%;}100%{width:92%;}}
.tèm-toggle-btn{border:none;background:var(--bizzy-bg);color:var(--bizzy-text);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;cursor:pointer;}

.top-navbar{background-color:var(--bizzy-surface);padding:12px 20px 12px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:1030;transition:background-color 0.2s ease;}
.hamburger-btn{border:none;background:transparent;font-size:1.5rem;color:var(--bizzy-text);padding:0;flex-shrink:0;}
/* ✅ KORIJE (bug ikòn panye disparèt) : div logo + tagline la pa t
   gen okenn limit lajè, kidonk tagline a pouse .navbar-icons deyò
   ekran an, epi ikòn panye a (dènye nan lis la) te senpleman koupe
   pa overflow-x:hidden. flex:1 + min-width:0 kontrenn lajè li pou
   tagline a ka koupe ak "..." kòrèkteman epi kite plas pou ikòn yo. */
.brand-block{flex:1;min-width:0;overflow:hidden;}
.bizzy-logo{font-weight:800;font-size:1.7rem;letter-spacing:-0.5px;flex-shrink:0;}
.bizzy-logo .bi-part{color:var(--bizzy-text);} .bizzy-logo .zzy-part{color:var(--bizzy-orange);}
/* ✅ 2026-09-25 (pwen 2): tagline pi lizib — koulè tèks prensipal la (pa gri),
   12px, e sou telefòn li ka pran 2 liy olye li koupe ak "…". */
.bizzy-tagline{font-size:0.72rem;font-weight:500;color:var(--bizzy-text);opacity:0.85;margin-top:-2px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* ✅ 2026-09-25 (pwen 3): bouton "Vann sou BiZZY" nan header a (PC). Kontou
   ble maren — oranj plen an rete pou aksyon achte yo. */
.btn-vann-header{align-items:center;gap:6px;border:1.5px solid var(--bizzy-text);color:var(--bizzy-text);border-radius: 10px;padding:7px 14px;font-size:0.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color 0.15s ease,color 0.15s ease;}
.btn-vann-header:hover{background-color:var(--bizzy-text);color:var(--bizzy-surface);}
.btn-vann-header:focus-visible{outline:2px solid var(--bizzy-orange);outline-offset:2px;}
@media (min-width:992px){.bizzy-tagline{font-size:0.82rem;}}
.navbar-icons{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0;}
.icon-btn{position:relative;font-size:1.35rem;color:var(--bizzy-text);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;}
.icon-label{font-size:0.62rem;font-weight:600;color:var(--bizzy-text);max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.icon-badge{position:absolute;top:-6px;right:-6px;background-color:var(--bizzy-orange);color:#fff;font-size:0.62rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bizzy-surface);}
.notif-header-icon{position:relative;font-size:1.35rem;color:var(--bizzy-text);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;}
.notif-header-icon .notif-badge{position:absolute;top:-8px;right:-10px;background-color:#B91C1C;color:#fff;font-size:0.55rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bizzy-surface);}

/* ============================================================
   ✅ NOUVO — Bar konfyans (item "6"): MonCash/NatCash / livrezon / sekirite
   ============================================================ */
/* ✅ 2026-09-25 (pwen 4): ansyen kat yo te gen menm kad ak bouton yo —
   moun te eseye klike sou yo. Kounye a se yon ti bann enfòmasyon san kad
   ni fon: sou telefòn 3 kolòn (ikòn anlè), sou tablèt/PC yon sèl liy. */
.konfyans-bar{display:flex;gap:6px;margin:10px 16px 0;padding:0 4px;}
.konfyans-item{flex:1;font-size:0.68rem;font-weight:500;color:var(--bizzy-muted);text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2;}
.konfyans-item i{color:#D9690C;font-size:0.95rem;}
[data-theme="dark"] .konfyans-item i{color:#F5A05A;}
/* ✅ 2026-09-25: vrè logo MonCash / NatCash (moun rekonèt yo pi vit pase tèks la) */
.konfyans-logos{display:inline-flex;gap:3px;align-items:center;height:17px;}
.konfyans-logos img{height:17px;width:auto;border-radius:3px;display:block;}
@media (min-width:768px){
    .konfyans-bar{justify-content:center;gap:28px;}
    .konfyans-item{flex:0 0 auto;flex-direction:row;gap:6px;font-size:0.8rem;}
}

.departement-bar{margin:8px 16px 0;border-radius:10px;padding:9px 14px;background-color:var(--bizzy-surface);border:1px solid var(--bizzy-border);color:var(--bizzy-text);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.departement-info{display:flex;align-items:center;gap:8px;font-size:0.78rem;min-width:0;}
.departement-info i.bi-geo-alt-fill{color:var(--bizzy-orange);}
.departement-info .divider{width:1px;height:18px;background-color:var(--bizzy-border);}
.departement-info strong{font-weight:700;white-space:nowrap;}
.departement-info .dept-select{color:var(--bizzy-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.departement-info .dept-select.active{color:var(--bizzy-text);font-weight:600;}
.btn-chanje{background-color:transparent;color:var(--bizzy-text);border:1px solid var(--bizzy-border);border-radius:8px;padding:6px 12px;font-size:0.76rem;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;transition:all 0.15s ease;cursor:pointer;}
.btn-chanje:hover{border-color:var(--bizzy-text);background:var(--bizzy-bg);}
.filtre-avance{background:var(--bizzy-surface);margin:10px 16px 0;padding:0;border-radius:12px;border:1px solid var(--bizzy-border);overflow:hidden;transition:all 0.3s ease;max-height:0;opacity:0;}
.filtre-avance.active{max-height:800px;opacity:1;padding:16px 16px 12px;}
.filtre-avance .row{--bs-gutter-y:10px;}
.filtre-avance .form-control,.filtre-avance .form-select{border-radius:8px;border:1px solid var(--bizzy-border);font-size:0.82rem;padding:8px 12px;background:var(--bizzy-bg);color:var(--bizzy-text);}
.filtre-avance .form-control:focus,.filtre-avance .form-select:focus{border-color:var(--bizzy-orange);box-shadow:0 0 0 3px rgba(245,130,31,0.15);background:var(--bizzy-surface);}
.filtre-avance label{font-size:0.72rem;font-weight:600;color:var(--bizzy-muted);margin-bottom:4px;}
.btn-filtrer{background:var(--bizzy-orange);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;font-size:0.82rem;width:100%;}
.btn-reinitialiser{background:transparent;color:var(--bizzy-muted);border:1px solid var(--bizzy-border);border-radius:8px;padding:8px 20px;font-weight:600;font-size:0.82rem;width:100%;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.btn-filtre-toggle{background:var(--bizzy-surface);border:1px solid var(--bizzy-border);border-radius: 10px;padding:6px 12px;font-size:0.76rem;font-weight:600;color:var(--bizzy-text);display:inline-flex;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;}
.btn-filtre-toggle:hover{border-color:var(--bizzy-orange);color:var(--bizzy-orange);}
.btn-filtre-toggle .badge-filtre-actif{background:var(--bizzy-orange);color:#fff;font-size:0.5rem;font-weight:700;border-radius:50%;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;}
.resultat-count{font-size:0.78rem;color:var(--bizzy-muted);margin:8px 16px 0;text-align:center;}
.resultat-count strong{color:var(--bizzy-text);}
.btn-dept-option:hover{background:var(--bizzy-bg) !important;border-color:var(--bizzy-orange) !important;}
.btn-dept-option.active-dept{background:var(--bizzy-orange) !important;color:#fff !important;border-color:var(--bizzy-orange) !important;}
.btn-dept-option.active-dept i{color:#fff !important;}
.search-wrapper{padding:10px 16px 4px;}
.search-form{display:flex;align-items:center;background-color:var(--bizzy-surface);border-radius:50px;padding:6px 6px 6px 18px;box-shadow:0 2px 10px rgba(20,26,52,0.05);}
.search-form input{border:none;outline:none;flex:1;min-width:0;background:transparent;font-size:0.95rem;color:var(--bizzy-text);}
/* faz 44: min-width:0 — san sa, chan an pa t ka ratresi epi bouton rechèch la t ap sòti deyò sou ekran 360px */
.search-btn{background-color:var(--bizzy-orange);border:none;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;}
.categories-card{background-color:var(--bizzy-surface);margin:8px 16px 0;padding:12px 10px;border-radius:10px;border:1px solid var(--bizzy-border);}
/* ✅ AMELYORE (2026-09-25, UX rakousi kategori yo — pwen 1-4 + koulè "dous"):
   - Koulè: sèk oranj PAL + ikòn oranj fonse (kontras 3.2:1, pase WCAG 1.4.11
     pou ikòn) olye oranj plen + ikòn blan (2.6:1). Oranj plen an rezève
     pou lè moun pase sou li / peze l, konsa li pa fè konkirans ak bouton
     "Achte / Ajoute nan panye" yo.
   - Tèks: 0.75rem (12px) minimòm, ka kase sou 2 liy, wotè fiks (2 liy)
     pou tout bouton rete aliyen.
   - Reyaksyon manyen: :active + klas .is-pressed (script.js) — sèk la
     rete plen e li "bat" jiskaske nouvo paj la chaje (entènèt lan).
   - Klavye: kad fokis vizib (:focus-visible). */
.category-item{text-decoration:none;color:var(--bizzy-text);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 2px;border-radius:10px;-webkit-tap-highlight-color:transparent;scroll-snap-align:start;}
.category-icon-circle{width:42px;height:42px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;background-color:#141A34;border:1px solid #141A34;transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}
.category-icon-circle i{font-size:1.05rem;color:#fff;transition:color 0.15s ease;}
.category-item span{font-size:0.75rem;font-weight:600;line-height:1.2;color:var(--bizzy-text);white-space:normal;min-height:2.4em;}
/* faz 107: tout bouton yo gen MENM koulè a nan tout eta. Avan, hover/peze te
   plen yo ak oranj plen — sou telefòn hover la rete kole apre yon manyen (sticky
   hover) e 2-3 bouton parèt "pi fonse" ke lòt yo, moun panse yo dezaktive.
   Kounye a: hover sèlman ak sourit reyèl (pointer:fine), epi eta aktif la rete
   menm fanmi koulè a (jis yon ti ekla + bòdi oranj), pa janm yon lòt koulè plen. */
@media (hover:hover) and (pointer:fine){
    .category-item:hover .category-icon-circle{transform:translateY(-2px);background-color:var(--bizzy-orange);border-color:var(--bizzy-orange);box-shadow:0 4px 10px rgba(245,130,31,0.35);}
}
/* faz 114: bouton yo ble marin (menm koulè ak meni an) — LÈ MOUN NAN KLIKE/PEZE yo vin OR ANJ. Eta a dire sèlman pandan peze a / chajman paj la
   (klas .is-pressed, retire apre 8s), pou okenn bouton pa rete kole oranj. */
.category-item:active .category-icon-circle,
.category-item.is-pressed .category-icon-circle{transform:scale(0.94);background-color:var(--bizzy-orange);border-color:var(--bizzy-orange);}
.category-item.is-pressed .category-icon-circle{transform:none;animation:bizzyKatPulse 1s ease-out infinite;}
@keyframes bizzyKatPulse{0%{box-shadow:0 0 0 0 rgba(245,130,31,0.45);}100%{box-shadow:0 0 0 8px rgba(245,130,31,0);}}
/* outline-offset negatif: .categories-track gen overflow-x:auto ki ta koupe yon kad deyò */
.category-item:focus-visible{outline:2px solid var(--bizzy-orange);outline-offset:-2px;}
[data-theme="dark"] .category-icon-circle{background-color:#242C52;border-color:rgba(255,255,255,0.14);}
[data-theme="dark"] .category-icon-circle i{color:#fff;}

@media (prefers-reduced-motion:reduce){
    .category-icon-circle{transition:none;}
    .category-item:hover .category-icon-circle{transform:none;}
    .category-item.is-pressed .category-icon-circle{animation:none;}
}
/* ✅ KORIJE (twòp wotè sou mobil): olye yon grid 6-kolòn ki FÒSE
   lib yo kraze sou 2 liy (egzanp "Kay ak Otèl", "Tout Kategori"),
   kategori yo kounye a defile orizontalman sou mobil — yon SÈL liy,
   wotè fiks, kèlkeswa longè tèks lib la. Sou tablèt+ (≥576px), gen
   ase lajè pou yo tout parèt sou yon sèl ranje san defile. */
/* ✅ KORIJE (2026-09-25, UX pwen 1): lajè fiks 66px la te fè EGZAKTEMAN
   5 bouton antre sou yon telefòn 414px — okenn bouton pa t koupe, kidonk
   moun pa t konnen "Tout Kategori" (6yèm lan) egziste. Kounye a lajè a
   kalkile pou 4 bouton + MWATYE 5yèm lan toujou parèt, kèlkeswa telefòn
   nan: bouton koupe a montre gen plis pou defile. */
.categories-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;}
.categories-track::-webkit-scrollbar{display:none;}
.categories-track .category-item{flex:0 0 calc((100% - 32px) / 4.3);min-width:60px;padding-left:0;padding-right:0;}
/* faz 44: 4.3 olye 4.5 → "Boutik yo" pa kase sou 2 liy sou 360px, 5yèm lan toujou parèt an pati (siy pou defile) */
@media (min-width:576px){
    .categories-track{overflow-x:visible;flex-wrap:wrap;justify-content:space-between;gap:6px;}
    .categories-track .category-item{flex:1 1 0;min-width:0;}
    .category-icon-circle{width:48px;height:48px;border-radius:12px;}
    .category-icon-circle i{font-size:1.2rem;}
    .category-item span{font-size:0.8rem;}
}
/* Sou ekran laj tout lib yo rantre sou 1 liy — pa rezève espas 2yèm liy lan */
@media (min-width:768px){
    .category-item span{min-height:0;}
}
.status-section{margin:12px 0 0;padding:0 16px;}
.status-section-titre{font-size:0.68rem;font-weight:700;color:var(--bizzy-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;}
.status-track{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.status-track::-webkit-scrollbar{display:none;}
.status-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;width:58px;}
.status-avatar-ring{width:52px;height:52px;border-radius:50%;padding:2.5px;background:var(--bizzy-border);display:flex;align-items:center;justify-content:center;}
.status-avatar-ring.a-nouvo{background:var(--bizzy-orange);}
.status-avatar{width:100%;height:100%;border-radius:50%;background-color:var(--bizzy-surface);border:2px solid var(--bizzy-surface);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--bizzy-text);font-size:1.2rem;}
.status-avatar img{width:100%;height:100%;object-fit:cover;}
.status-nom{font-size:0.62rem;font-weight:600;color:var(--bizzy-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58px;}
.status-viewer-overlay{position:fixed;inset:0;background:#000;z-index:2000;display:none;flex-direction:column;align-items:center;justify-content:center;}
.status-viewer-overlay.active{display:flex;}
.status-viewer-inner{position:relative;width:100%;max-width:480px;height:100%;background:#141A34;display:flex;flex-direction:column;}
.status-viewer-barres{display:flex;gap:4px;padding:10px 10px 0;}
.status-viewer-barre{flex:1;height:3px;background:rgba(255,255,255,0.3);border-radius:3px;overflow:hidden;}
.status-viewer-barre .fill{height:100%;width:0%;background:#fff;}
.status-viewer-header{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#fff;}
.status-viewer-header .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.status-viewer-header .avatar img{width:100%;height:100%;object-fit:cover;}
.status-viewer-header .nom{font-weight:700;font-size:0.85rem;flex:1;}
.status-viewer-close{background:none;border:none;color:#fff;font-size:1.4rem;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} /* 2026-10-16: 44 px pou dwèt */
.status-viewer-media{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.status-viewer-media img{width:100%;height:100%;object-fit:contain;}
.status-viewer-zone-gauche,.status-viewer-zone-dwat{position:absolute;top:0;bottom:0;width:35%;z-index:5;}
.status-viewer-zone-gauche{left:0;} .status-viewer-zone-dwat{right:0;}
.status-viewer-footer{padding:12px 14px 20px;}
.status-viewer-prix{color:#fff;font-weight:700;font-size:1rem;text-align:center;margin-bottom:10px;}
.status-viewer-footer-row{display:flex;gap:10px;align-items:center;}
.status-viewer-btn-favori{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.08);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.status-viewer-btn-favori.actif{color:#F5821F;border-color:#F5821F;}
.status-viewer-btn-achte{flex:1;background:var(--bizzy-orange);color:#fff;border:none;border-radius: 10px;padding:12px;font-weight:600;font-size:0.9rem;}
.status-viewer-confirmation{text-align:center;color:#6FCF97;font-size:0.8rem;font-weight:600;margin-top:8px;height:0;opacity:0;transition:opacity 0.2s;}
.status-viewer-confirmation.montre{height:auto;opacity:1;}
.panye-toast{position:fixed;bottom:82px;left:50%;transform:translateX(-50%) translateY(20px);width:calc(100% - 32px);max-width:448px;background-color:var(--bizzy-navy);color:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(20,26,52,0.3);z-index:1040;opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;}
.panye-toast.montre{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.panye-toast-icon{width:34px;height:34px;border-radius:50%;background:rgba(245,130,31,0.2);color:var(--bizzy-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;}
.panye-toast-texte{flex:1;font-size:0.8rem;font-weight:600;}
.panye-toast-texte a{color:var(--bizzy-orange);text-decoration:none;font-weight:700;}
.panye-toast-close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:1.1rem;padding:0;flex-shrink:0;}
.offres-section{margin:18px 0 0;padding:0 16px;}
.offres-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.offres-header h3{font-size:1.05rem;font-weight:700;margin:0;}
.produits-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.produit-card{background-color:var(--bizzy-surface);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(20,26,52,0.06);color:var(--bizzy-text);display:flex;flex-direction:column;position:relative;transition:background-color 0.2s ease;}
.produit-img-wrapper{position:relative;width:100%;padding-top:80%;background-color:var(--bizzy-bg);overflow:hidden;}
.produit-img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;}
.produit-img-wrapper .img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#D1D5DB;font-size:2rem;background:#EEF0F3;gap:6px;}
.produit-img-wrapper .img-placeholder span{font-size:0.62rem;color:#9CA3AF;font-weight:600;padding:0 8px;text-align:center;line-height:1.2;max-width:100%;}
/* ✅ NOUVO — spinner sou bouton favori/panye pandan fetch la ap fèt
   (item "4"): klas .chajman ajoute/retire pa script.js. */
.btn-ajoute-panier,.btn-favori{transition:opacity 0.15s ease;}
.btn-ajoute-panier.chajman i,.btn-favori.chajman i{opacity:0;}
.btn-ajoute-panier.chajman,.btn-favori.chajman{position:relative;}
.btn-ajoute-panier.chajman::after,.btn-favori.chajman::after{
    content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;
    border-radius:50%;border:2px solid rgba(255,255,255,0.5);border-top-color:#fff;animation:bizzySpin 0.6s linear infinite;
}
.btn-favori.chajman::after{border:2px solid rgba(156,163,175,0.4);border-top-color:var(--bizzy-muted);}
@keyframes bizzySpin{to{transform:rotate(360deg);}}
.btn-ajoute-panier{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background-color:#141A34;color:#fff;font-size:0.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(20,26,52,0.1);cursor:pointer;z-index:4;}
.btn-favori{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;background-color:rgba(255,255,255,0.92);color:#9CA3AF;font-size:0.8rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;z-index:4;}
.btn-favori.actif{color:#F5821F;}
/* ✅ KORIJE (bug badj sou tèt yonn lòt) : yon sèl kolòn flex olye
   pozisyon "top" kalkile ak sibling-selector, ki te ka mete 2 badj
   sou EGZAKTEMAN menm pozisyon (egz: "Nouvo" + "An gwo" san "Pi pre
   ou" toude te gen top:8px, kache yonn lòt). */
.badges-topleft{position:absolute;top:8px;left:8px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.badj-pre{background:#1D4ED8;color:#fff;font-size:0.55rem;font-weight:700;padding:3px 8px;border-radius:50px;display:inline-flex;align-items:center;gap:3px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.badj-nouvo{background:rgba(21,128,61,0.94);color:#fff;font-size:0.55rem;font-weight:700;padding:3px 8px;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* ✅ faz 25 — etikèt "Sponsorize" (seksyon An vedèt) */
.badj-vedet{background:rgba(20,26,52,0.88);color:#fff;font-size:0.55rem;font-weight:700;padding:3px 8px;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,0.12);letter-spacing:0.2px;}
.badj-gwo{background:rgba(20,26,52,0.94);color:#fff;font-size:0.55rem;font-weight:700;padding:3px 8px;border-radius:50px;display:inline-flex;align-items:center;gap:3px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.produit-info{padding:8px 10px 10px;flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.produit-nom{font-size:0.74rem;font-weight:700;color:var(--bizzy-text);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em;}
.produit-boutik-nom{font-size:0.66rem;color:var(--bizzy-muted);font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:3px;}
.produit-boutik-nom i{color:var(--bizzy-orange);font-size:0.7rem;}
.produit-rating{font-size:0.65rem;color:#B45309;font-weight:700;margin-bottom:4px;}
.produit-rating.rating-vide{color:#D1D5DB;font-weight:500;font-style:italic;}
.produit-rating .rating-nb{color:#9CA3AF;font-weight:500;}
.produit-prix{color:var(--bizzy-orange);font-weight:800;font-size:0.82rem;margin-bottom:2px;}
.prix-dola-ayisyen{color:#6B7280;font-weight:600;font-size:0.62rem;}
.prix-bare{color:#9CA3AF;font-weight:500;font-size:0.62rem;margin-left:3px;}
.produit-qte{font-size:0.58rem;color:#6B7280;margin-top:auto;font-weight:500;}
.produit-qte.estok-ba{color:#B91C1C;font-weight:700;}
/* faz 44: pri + estòk kole anba kat la → pri yo aliyen sou menm liy nan yon ranje, kèlkeswa si kat la gen deskripsyon/nòt oswa non */
/* ✅ 2026-10-21 — pri a kole anba non/boutik la (pa margin-top:auto ankò: sa te kreye gwo espas vid); bouton panye a se sa ki desann anba kat la */
.pouou-track .produit-prix,.categorie-row-track .produit-prix,.produits-scroll .produit-prix{margin-top:4px;}
.pouou-track .produit-qte,.categorie-row-track .produit-qte,.produits-scroll .produit-qte{margin-top:2px;}
.pagination-wrapper{display:flex;justify-content:center;gap:6px;margin:20px 0 10px;flex-wrap:wrap;}
.pagination-wrapper .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);color:var(--bizzy-text);font-size:0.8rem;font-weight:600;text-decoration:none;}
.pagination-wrapper .page-link.active{background:var(--bizzy-orange);border-color:var(--bizzy-orange);color:#fff;}
.pagination-wrapper .page-link.disabled{opacity:0.5;cursor:not-allowed;}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background-color:var(--bizzy-surface);display:flex;justify-content:space-around;align-items:center;padding:10px 0 8px;box-shadow:0 -2px 12px rgba(20,26,52,0.06);z-index:1030;}
.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#9CA3AF;font-size:0.68rem;font-weight:600;}
.bottom-nav-item i{font-size:1.25rem;} .bottom-nav-item.active{color:var(--bizzy-text);} .bottom-nav-item.mon-bizzy.active{color:var(--bizzy-orange);}
.mon-bizzy-icon-wrapper{position:relative;display:inline-flex;}
.mon-bizzy-kadna{position:absolute;bottom:-3px;right:-6px;width:14px;height:14px;border-radius:50%;background-color:var(--bizzy-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.55rem;border:1.5px solid var(--bizzy-surface);}
/* ✅ faz 18 (2026-09-27) — nouvo ikon "Mon BiZZY": boutik oranj nan yon sèk oranj pal.
   Si moun nan poko konekte oswa poko gen boutik (.mon-bizzy-bloke), yon ti kadna parèt anba a dwat.
   30px = menm wotè ak lòt ikon yo (1.25rem × line-height), konsa etikèt yo rete aliyen. */
.mon-bizzy-ikon{position:relative;width:30px;height:30px;margin:0;border-radius:50%;background-color:#FFF1E6;border:1px solid rgba(245,130,31,0.25);color:#F5821F;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.15s ease;}
.bottom-nav-item .mon-bizzy-ikon > i{font-size:0.98rem;line-height:1;}
.bottom-nav-item.mon-bizzy:active .mon-bizzy-ikon{transform:scale(0.92);}
.mon-bizzy-ikon .mon-bizzy-kadna{position:absolute;right:-5px;bottom:-4px;width:16px;height:16px;border-radius:50%;background-color:#141A34;color:#fff;border:2px solid var(--bizzy-surface);display:flex;align-items:center;justify-content:center;}
.bottom-nav-item .mon-bizzy-kadna i{font-size:0.48rem;line-height:1;}
[data-theme="dark"] .mon-bizzy-ikon{background-color:rgba(245,130,31,0.16);border-color:rgba(245,130,31,0.38);}
[data-theme="dark"] .mon-bizzy-ikon .mon-bizzy-kadna{background-color:#F3F4F6;color:#141A34;}
#menuOffcanvas{--bs-offcanvas-width:300px;--bs-offcanvas-bg:var(--bizzy-surface);--bs-offcanvas-color:var(--bizzy-text);}
.offcanvas-header{border-bottom:1px solid var(--bizzy-border);padding:18px 20px;}
.offcanvas-body{padding:12px 14px 24px;}
.offcanvas-menu-link{display:flex;align-items:center;gap:12px;padding:9px 8px;margin-bottom:2px;border-radius:10px;color:var(--bizzy-text);text-decoration:none;font-weight:500;font-size:0.9rem;-webkit-tap-highlight-color:transparent;transition:background-color 0.12s ease;}
/* faz 107: hover sèlman ak sourit reyèl — sou telefòn li rete kole e yon liy (Popilè) parèt gri/dezaktive */
@media (hover:hover) and (pointer:fine){ .offcanvas-menu-link:hover{background-color:var(--bizzy-bg);} }
.offcanvas-menu-link:active{background-color:var(--bizzy-bg);}
/* faz 114: ikòn meni an vin oranj lè moun nan peze liy lan (!important paske koulè ble a ekri inline) */
.offcanvas-menu-link:active .menu-icon-badge{background-color:var(--bizzy-orange) !important;}
@media (hover:hover) and (pointer:fine){ .offcanvas-menu-link:hover .menu-icon-badge{background-color:var(--bizzy-orange) !important;} }
.offcanvas-menu-link:focus-visible{outline:2px solid var(--bizzy-orange);outline-offset:-2px;}
.offcanvas-menu-link .menu-icon-badge{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1rem;}
.offcanvas-section-label{font-size:0.68rem;font-weight:700;color:#9CA3AF;text-transform:uppercase;margin:18px 8px 6px;}
.profile-offcanvas{background-color:var(--bizzy-bg);--bs-offcanvas-bg:var(--bizzy-bg);--bs-offcanvas-color:var(--bizzy-text);}
.profile-offcanvas .offcanvas-header{background-color:var(--bizzy-surface);border-bottom:1px solid var(--bizzy-border);padding:16px 18px;gap:14px;}
.profile-back-btn{border:none;background:transparent;font-size:1.3rem;color:var(--bizzy-text);padding:0;}
.profile-offcanvas-title{font-weight:700;font-size:1.1rem;margin:0;color:var(--bizzy-text);}
.login-banner{background:#FFF4EA;padding:22px 18px;display:flex;align-items:center;gap:14px;}
[data-theme="dark"] .login-banner{background:#161B2C;}
.login-avatar{width:54px;height:54px;border-radius:50%;background-color:#E5E7EB;color:#9CA3AF;display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex-shrink:0;overflow:hidden;}
.login-banner-nom{font-weight:700;font-size:0.95rem;color:var(--bizzy-navy);}
.login-banner-souNom{font-size:0.76rem;color:var(--bizzy-muted);}
.btn-connexion{background-color:var(--bizzy-orange);color:#fff;border:none;border-radius: 10px;padding:11px 20px;font-weight:600;font-size:0.88rem;flex:1;text-align:center;text-decoration:none;}
.profile-links-card{background-color:var(--bizzy-surface);margin:14px 14px 0;border-radius:16px;overflow:hidden;}
.profile-links-card:last-child{margin-bottom:14px;}
.profile-link{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:var(--bizzy-text);font-size:0.9rem;font-weight:500;border-bottom:1px solid var(--bizzy-border);}
.profile-link:last-child{border-bottom:none;}
.profile-link-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;color:#fff;}
.profile-link .chevron{margin-left:auto;color:#D1D5DB;font-size:0.85rem;}
/* ============================================================
   ✅ NOUVO — ISTORIK NAVIGASYON (estil "Your Browsing History" Amazon)
   ============================================================ */
.historique-section{margin:18px 0 0;padding:0 16px;position:relative;}
.historique-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:6px;}
.historique-header-titre{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;}
.historique-header h3{font-size:1rem;font-weight:800;margin:0;}
.historique-header .lien-modifier{font-size:0.76rem;color:#D9690C;text-decoration:none;font-weight:600;}
.historique-header .lien-modifier:hover{text-decoration:underline;}
.historique-page-indicator{font-size:0.74rem;color:#6B7280;font-weight:600;white-space:nowrap;flex-shrink:0;}
.historique-track-wrapper{position:relative;}
.historique-track{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px;}
.historique-track::-webkit-scrollbar{display:none;}
.historique-item{flex:0 0 auto;width:92px;height:92px;border-radius:10px;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.historique-item img{width:100%;height:100%;object-fit:contain;padding:8px;}
.historique-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);box-shadow:0 2px 8px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;color:var(--bizzy-text);z-index:3;cursor:pointer;font-size:0.85rem;}
.historique-nav-btn.gauche{left:-4px;}
.historique-nav-btn.dwat{right:-4px;}
.historique-nav-btn:disabled{opacity:0.25;cursor:not-allowed;}
@media (min-width:576px){.historique-item{width:104px;height:104px;}}
/* ============================================================
   NOUVO — FOOTER PWOFESYONÈL PLIZYÈ KOLÒN (estil Amazon)
   ============================================================ */
.site-footer{background-color:var(--bizzy-navy);color:#D1D5DB;margin-top:26px;padding:28px 20px 18px;}
.site-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;}
.site-footer-col h4{color:#fff;font-size:0.74rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.4px;}
.site-footer-col a{display:block;color:#9CA3AF;font-size:0.78rem;text-decoration:none;margin-bottom:9px;}
.site-footer-col a:hover{color:#fff;text-decoration:underline;}
.site-footer-social{display:flex;flex-wrap:wrap;gap:10px;}
.site-footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:0;color:#fff;}
.site-footer-social a:hover,.site-footer-social a:focus-visible{background:var(--bizzy-orange);outline:none;}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,0.12);padding-top:16px;text-align:center;}
.site-footer-bottom .bizzy-logo{font-size:1.15rem;justify-content:center;display:inline-flex;}
/* ✅ KORIJE 2026-09-25 (pwen 6): "Bi" te an ble maren sou fon ble maren
   footer a → logo a te parèt "ZZY" sèlman. Epi tèks © la (#6B7280) te
   gen yon kontras twò fèb (3.5:1) sou fon fonse a. */
.site-footer .bizzy-logo .bi-part{color:#FFFFFF;}
.site-footer-bottom p{font-size:0.72rem;color:#9CA3AF;margin:10px 0 4px;}
.site-footer-legal-links{font-size:0.72rem;}
.site-footer-legal-links a{color:#9CA3AF;text-decoration:underline;}
@media (min-width:768px){.site-footer-top{grid-template-columns:repeat(4,1fr);}}
.boutik-question-content{border-radius:20px;border:none;padding:28px 24px 24px;text-align:center;background-color:var(--bizzy-surface);color:var(--bizzy-text);}
.boutik-question-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 16px;background-color:var(--bizzy-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;}
.boutik-question-titre{font-size:1.05rem;font-weight:800;margin-bottom:8px;}
.boutik-question-texte{font-size:0.84rem;color:var(--bizzy-muted);margin-bottom:20px;line-height:1.5;}
.boutik-question-btn{display:block;width:100%;text-decoration:none;margin-bottom:10px;}
.boutik-question-btn-secondaire{display:block;width:100%;text-align:center;text-decoration:none;color:var(--bizzy-muted);font-size:0.86rem;font-weight:600;padding:12px;border-radius: 10px;border:1.5px solid var(--bizzy-border);}
.btn-bizzy-orange{background-color:var(--bizzy-orange);color:#fff;border:none;border-radius: 10px;padding:12px;font-weight:600;font-size:0.9rem;text-align:center;}
.categorie-row-section{margin:18px 0 0;}
.categorie-row-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:10px;}
.categorie-row-header h3{font-size:0.98rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;min-width:0;}
/* ✅ 2026-09-25 (pwen 5): ikòn tit seksyon — yon sèl koulè, pa emoji */
.categorie-row-header h3 .kat-ikon{color:#D9690C;font-size:1rem;flex-shrink:0;}
[data-theme="dark"] .categorie-row-header h3 .kat-ikon{color:#F5A05A;}
.categorie-row-header .lien-we-tout{font-size:0.76rem;font-weight:700;color:var(--bizzy-orange);text-decoration:none;white-space:nowrap;flex-shrink:0;margin-left:10px;}
.categorie-row-track{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 16px 6px;}
.categorie-row-track::-webkit-scrollbar{display:none;}
.categorie-row-track .produit-card{flex:0 0 auto;width:150px;}

/* ✅ KORIJE — pou yon kategori ki gen ≤4 pwodwi, olye yon kawosèl
   defilman ki kite yon gwo espas blan/gri vid akote kat yo, nou
   ranpli tout ranje a ak yon grid ki distribye kat yo egalego
   (estil "4 blòk ofri" Amazon). "auto-fit" + minmax(...,1fr) fè kat
   ki egziste yo grandi pou ranpli plas la — pa gen okenn espas vid,
   e depi plis pwodwi ajoute pi devan, li repase otomatikman sou
   kawosèl defilman nòmal la (klas categorie-row-grid retire). */
.categorie-row-track.categorie-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow-x:visible;}
.categorie-row-track.categorie-row-grid .produit-card{width:100%;}
/* faz 44: sou mobil (<576px) "auto-fill" + minmax(128px) → yon kategori ki gen YON SÈL pwodwi pa pran tout lajè
   ankò (kat la rete menm tay ak lòt yo), epi sou ekran 320px grid la rete sou 2 kolòn (pa 1 gwo kolòn). */
@media (max-width:575.98px){
    .categorie-row-track.categorie-row-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));}
}
/* faz 44: tablèt/òdinatè — kat la grandi jiska 300px maks (pa 1248px lè gen yon sèl pwodwi), epi rete agoch */
@media (min-width:576px){
    .categorie-row-track.categorie-row-grid{display:flex;overflow-x:auto;}
    .categorie-row-track.categorie-row-grid .produit-card{width:170px;flex:0 0 auto;}
}
@media (min-width:768px){
    .categorie-row-track.categorie-row-grid .produit-card{width:190px;}
}
/* ✅ faz 98 — kategori ki gen ≤4 pwodwi: kat yo rete menm tay ak tout lòt ranje yo (anvan: yo te gonfle jiska 300px epi kite
   espas vid agoch/adwat), epi tuil "Plis pwodwi ap vini" ranpli rès ranje a. Mobil: li pran kote vid nan grid 2 kolòn nan. */
.categorie-row-vid{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px;border:1.5px dashed var(--bizzy-border,#D1D5DB);border-radius:12px;color:var(--bizzy-text);text-decoration:none;background:transparent;min-height:150px;min-width:0;}
.categorie-row-vid>i{font-size:1.5rem;color:var(--bizzy-orange,#F5821F);}
.categorie-row-vid strong{font-size:.84rem;font-weight:700;}
.categorie-row-vid span{font-size:.72rem;line-height:1.4;color:var(--bizzy-muted,#6B7280);}
.categorie-row-vid em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--bizzy-orange,#F5821F);margin-top:2px;}
.categorie-row-vid:hover,.categorie-row-vid:focus-visible{border-color:var(--bizzy-orange,#F5821F);outline:none;}
/* mobil: nombre pè de pwodwi → tuil la pran tout ranje a (pa kite mwatye vid); nombre enpè → li ranpli kote vid la */
.categorie-row-vid-plen{grid-column:1 / -1;min-height:0;}
@media (min-width:576px){
    .categorie-row-track.categorie-row-grid .categorie-row-vid{flex:1 1 200px;min-width:180px;align-items:center;text-align:center;}
}
/* ============================================================
   ✅ NOUVO — "POU OU" : Pwodwi Favori + Rekòmandasyon Pèsonalize
   (estil Amazon/Alibaba, flèch defilman menm jan ak produit.php)
   ============================================================ */
.pouou-section{margin:16px 0 0;}
.pouou-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:10px;}
.pouou-header h3{font-size:1rem;font-weight:800;margin:0;display:flex;align-items:center;gap:7px;}
.pouou-header h3 i{color:var(--bizzy-orange);}
.pouou-header .pouou-souTit{font-size:0.72rem;color:var(--bizzy-muted);font-weight:500;margin-top:2px;}
.pouou-scroll-wrap{position:relative;padding:0 16px;}
.pouou-nav-btn{
    position:absolute;top:40%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
    border:1px solid var(--bizzy-border);background-color:var(--bizzy-surface);color:var(--bizzy-text);
    display:flex;align-items:center;justify-content:center;font-size:1rem;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:5;cursor:pointer;
}
.pouou-nav-btn:hover{border-color:var(--bizzy-text);}
.pouou-nav-btn.gòch{left:6px;}
.pouou-nav-btn.dwat{right:6px;}
@media (max-width:767px){.pouou-nav-btn{display:none;}}
.pouou-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;}
.pouou-track::-webkit-scrollbar{display:none;}
.pouou-track .produit-card{flex:0 0 auto;width:150px;}
@media (min-width:576px){.pouou-track .produit-card{width:170px;}}
@media (min-width:768px){.pouou-track .produit-card{width:190px;}}
.empty-state{grid-column:1/-1;text-align:center;padding:40px 20px;background:var(--bizzy-surface);border-radius:12px;}
.empty-state i{font-size:2.5rem;color:#D1D5DB;display:block;margin-bottom:12px;}
.empty-state h5{font-weight:700;}
@media (min-width:576px){.produits-scroll{grid-template-columns:repeat(3,1fr);} .categorie-row-track .produit-card{width:170px;}}
@media (min-width:768px){.produits-scroll{grid-template-columns:repeat(4,1fr);gap:16px;} .categorie-row-track .produit-card{width:190px;}}
@media (min-width:768px) and (max-width:991.98px){.app-container{max-width:960px;}} /* 2026-10-16: tablèt — kat yo pa sere nan 480 px ankò */
@media (min-width:992px){body{padding-bottom:40px;}.app-container{max-width:1280px;}.bottom-nav{display:none;}}

/* ============================================================
   ✅ NOUVO (2026-09-22) — Pon mòd fonse ak modal/offcanvas Bootstrap
   yo, ak 2 modal ki gen KOULÈ KOLE AN DI ekri DIREKTEMAN nan style="..."
   nan index.php (departementModal, modalBoutikQuestion) — style inline
   yo gen pi gwo priyorite pase CSS nòmal, kidonk n oblije itilize
   !important isit la pou yo swiv tèm nan tou.
   ============================================================ */
[data-theme="dark"] .modal-content{background-color:var(--bizzy-surface) !important;color:var(--bizzy-text) !important;}
[data-theme="dark"] .modal-header,[data-theme="dark"] .modal-footer{border-color:var(--bizzy-border) !important;}
[data-theme="dark"] .modal-title{color:var(--bizzy-text) !important;}
[data-theme="dark"] .btn-close{filter:invert(1) grayscale(1) brightness(1.8);}
[data-theme="dark"] #departementModal .btn-dept-tout{background:var(--bizzy-orange) !important;}
[data-theme="dark"] #departementModal .btn-dept-option{background:var(--bizzy-surface) !important;color:var(--bizzy-text) !important;border-color:var(--bizzy-border) !important;}
[data-theme="dark"] .btn-light{background-color:var(--bizzy-bg) !important;color:var(--bizzy-text) !important;border-color:var(--bizzy-border) !important;}

/* ✅ faz 35 — UX bannyè sponsor / seksyon vedèt */
.badj-vedet{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;font-size:0.62rem;background:rgba(20,26,52,0.78);}
.pouou-header h3 .spn-pil{font-size:0.62rem;font-weight:700;background:rgba(20,26,52,0.88);color:#fff;padding:3px 9px;border-radius:50px;letter-spacing:0.2px;}
[data-theme="dark"] .pouou-header h3 .spn-pil{background:rgba(255,255,255,0.16);}
.konfyans-item,.pouou-header .pouou-souTit{color:#4B5563;}
[data-theme="dark"] .konfyans-item,[data-theme="dark"] .pouou-header .pouou-souTit{color:var(--bizzy-muted);}
.badj-vedet .visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ✅ faz 36 — ti detay (deskripsyon) sou kat pwodwi */
.produit-ti-detay{font-size:0.72rem;line-height:1.35;color:#4B5563;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
[data-theme="dark"] .produit-ti-detay{color:var(--bizzy-muted);}

/* ✅ faz 109 — pati anba bannyè a (konfyans / eskwo / depatman) òganize sou mobil:
   - 3 blòk yo gen menm kad (radius 10px) ak menm espasman vètikal (8px).
   - Ba konfyans: yon sèl kat, 3 kolòn egal ak separatè fen — pa ti tèks ki flote ankò.
   - Chanje + Filtre: de bouton egal sou tout lajè (mobil), espas 10px ant yo, wotè 40px
     (pi fasil pou touche; yo pa kole ankò) epi menm fòm/pwa. */
.departement-bar{gap:10px;padding:10px 12px;}
.departement-actions{display:flex;gap:10px;align-items:center;width:100%;}
.departement-actions .btn-chanje,.departement-actions .btn-filtre-toggle{flex:1 1 0;justify-content:center;min-height:40px;border-radius:8px;padding:8px 12px;font-size:0.8rem;font-weight:600;background:var(--bizzy-surface);color:var(--bizzy-text);border:1px solid var(--bizzy-border);}
.departement-actions .btn-chanje:hover,.departement-actions .btn-filtre-toggle:hover{border-color:var(--bizzy-orange);color:var(--bizzy-orange);background:var(--bizzy-surface);}
.departement-actions .btn-chanje i,.departement-actions .btn-filtre-toggle i{font-size:0.95rem;}
@media (min-width:576px){
    .departement-actions{width:auto;}
    .departement-actions .btn-chanje,.departement-actions .btn-filtre-toggle{flex:0 0 auto;min-height:36px;padding:6px 14px;}
}

/* ✅ faz 111 — ba konfyans = 3 ti BOUTON ki louvri yon pano eksplikasyon (sekirite / peman / livrezon).
   Pi piti pase avan: wotè ~44px, tèks 0.68rem, logo 15px. Eta aktif = bòdi + ti fon oranj pal. */
.konfyans-bar{display:flex;gap:8px;margin:8px 16px 0;padding:0;}
.konfyans-item{flex:1 1 0;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;font:inherit;font-size:0.68rem;font-weight:600;line-height:1.15;text-align:center;color:var(--bizzy-text);background:var(--bizzy-surface);border:1px solid var(--bizzy-border);border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease;}
.konfyans-item i{font-size:0.95rem;line-height:1;}
.konfyans-logos img{height:15px;width:auto;}
.konfyans-logos{height:15px;}
@media (hover:hover) and (pointer:fine){ .konfyans-item:hover{border-color:var(--bizzy-orange);} }
.konfyans-item[aria-expanded="true"]{border-color:var(--bizzy-orange);background:#FFF4EA;}
[data-theme="dark"] .konfyans-item[aria-expanded="true"]{background:rgba(245,130,31,0.14);}
.konfyans-item:focus-visible{outline:2px solid var(--bizzy-orange);outline-offset:1px;}
[data-theme="dark"] .konfyans-item{color:var(--bizzy-text);}
.konfyans-panel{position:relative;margin:8px 16px 0;padding:12px 40px 12px 14px;background:var(--bizzy-surface);border:1px solid var(--bizzy-border);border-radius:10px;font-size:0.8rem;line-height:1.5;color:var(--bizzy-text);}
.konfyans-panel[hidden],.konfyans-seksyon[hidden]{display:none;}
.konfyans-tit{display:flex;align-items:flex-start;gap:6px;font-size:0.84rem;margin-bottom:6px;}
.konfyans-tit i{color:#D9690C;margin-top:2px;}
[data-theme="dark"] .konfyans-tit i{color:#F5A05A;}
.konfyans-seksyon p{margin:0 0 6px;}
.konfyans-seksyon ol{margin:0 0 8px;padding-left:18px;}
.konfyans-seksyon li{margin-bottom:3px;}
.konfyans-not{color:var(--bizzy-muted);font-size:0.74rem;margin:0 !important;}
.konfyans-fem{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;background:transparent;color:var(--bizzy-muted);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.konfyans-fem:hover{background:var(--bizzy-bg);color:var(--bizzy-text);}
@media (min-width:768px){
    .konfyans-bar{justify-content:center;gap:10px;}
    .konfyans-item{flex:0 0 auto;flex-direction:row;gap:7px;min-height:38px;padding:6px 16px;font-size:0.78rem;}
    .konfyans-panel{max-width:760px;margin-left:auto;margin-right:auto;}
}
/* faz 116: bouton panye sou kat pwodwi = ble marin (menm koulè ak meni/kategori yo); oranj lè peze, pandan chajman, ak sou ✓ siksè */
[data-theme="dark"] .btn-ajoute-panier{background-color:#242C52;box-shadow:0 0 0 1px rgba(255,255,255,0.16);}
.btn-ajoute-panier:active,.btn-ajoute-panier.chajman,.btn-ajoute-panier:has(.bi-check-lg){background-color:var(--bizzy-orange);}
@media (hover:hover) and (pointer:fine){ .btn-ajoute-panier:hover{background-color:var(--bizzy-orange);} }

/* ✅ faz 117 — ikòn tit seksyon yo (Elektwonik & Teknoloji, Pwodwi Ou Renmen Yo, An vedèt...) = ti kare ble marin ak ikòn blan,
   menm style ak ikòn meni an / bouton kategori yo (pa ikòn oranj lib ankò). */
.categorie-row-header h3 .kat-ikon,.pouou-header h3 > i{width:26px;height:26px;border-radius:7px;background-color:#141A34;color:#fff;font-size:0.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
[data-theme="dark"] .categorie-row-header h3 .kat-ikon,[data-theme="dark"] .pouou-header h3 > i{background-color:#242C52;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.14);}

/* ✅ faz 118 — tuil "Plis pwodwi ap vini" pi pwofesyonèl: kat plen (pa tirè pwentiye), ikòn nan ti kare ble marin, tèks santre ak limit lajè,
   ak bouton "Vin vandè" ble marin ki vin oranj lè peze/survole (menm lojik ak bouton kategori yo). */
.categorie-row-vid{align-items:center;text-align:center;gap:8px;padding:20px 16px;border:1px solid var(--bizzy-border,#E5E7EB);border-radius:10px;background:var(--bizzy-surface,#fff);min-height:170px;transition:border-color .15s ease,box-shadow .15s ease;}
.categorie-row-vid-plen{min-height:0;}
.categorie-row-vid>i{width:44px;height:44px;border-radius:12px;background:#141A34;color:#fff;font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:2px;}
.categorie-row-vid strong{font-size:.92rem;color:var(--bizzy-text);}
.categorie-row-vid span{font-size:.78rem;line-height:1.5;max-width:34ch;}
.categorie-row-vid em{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;border-radius:8px;background:#141A34;color:#fff;font-size:.78rem;font-weight:600;transition:background-color .15s ease;}
.categorie-row-vid:active em{background:var(--bizzy-orange,#F5821F);}
@media (hover:hover) and (pointer:fine){
    .categorie-row-vid:hover{border-color:var(--bizzy-border,#E5E7EB);box-shadow:0 4px 14px rgba(20,26,52,.08);}
    .categorie-row-vid:hover em{background:var(--bizzy-orange,#F5821F);}
}
.categorie-row-vid:focus-visible{border-color:var(--bizzy-orange,#F5821F);box-shadow:0 0 0 3px rgba(245,130,31,.2);}
.categorie-row-vid:focus-visible em{background:var(--bizzy-orange,#F5821F);}
[data-theme="dark"] .categorie-row-vid>i,[data-theme="dark"] .categorie-row-vid em{background:#242C52;box-shadow:0 0 0 1px rgba(255,255,255,.14);}
[data-theme="dark"] .categorie-row-vid:active em{background:var(--bizzy-orange,#F5821F);}
@media (hover:hover) and (pointer:fine){ [data-theme="dark"] .categorie-row-vid:hover em{background:var(--bizzy-orange,#F5821F);} }
/* ✅ faz 134 — sou-kategori: « Wè tout » nan yon kategori = yon ranje pa kalite pwodwi (pa melanje) */
.sou-seksyon{margin:18px 0 0;padding:0 16px;}
.sou-tit{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.sou-tit h3{font-size:1.05rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;min-width:0;}
.sou-tit h3 .kat-ikon{width:26px;height:26px;border-radius:7px;background-color:#141A34;color:#fff;font-size:0.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
[data-theme="dark"] .sou-tit h3 .kat-ikon{background-color:#242C52;box-shadow:0 0 0 1px rgba(255,255,255,0.14);}
.sou-total{font-size:0.75rem;color:var(--bizzy-muted);white-space:nowrap;}
.sou-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;-webkit-overflow-scrolling:touch;}
.sou-chips::-webkit-scrollbar{display:none;}
.sou-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 13px;border-radius:999px;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);color:var(--bizzy-text);font-size:0.8rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease;}
.sou-chip span{font-size:0.7rem;font-weight:700;color:var(--bizzy-muted);}
.sou-chip:hover,.sou-chip:focus-visible{border-color:var(--bizzy-orange);outline:none;}
.sou-chip.actif{background:#141A34;border-color:#141A34;color:#fff;}
.sou-chip.actif span{color:rgba(255,255,255,0.78);}
[data-theme="dark"] .sou-chip.actif{background:var(--bizzy-orange);border-color:var(--bizzy-orange);color:#141A34;}
[data-theme="dark"] .sou-chip.actif span{color:rgba(20,26,52,0.78);}
.sou-ranje{margin-top:12px;}
.sou-ranje .categorie-row-header h3{font-size:0.95rem;}
.sou-nb{font-size:0.7rem;font-weight:700;color:var(--bizzy-muted);margin-left:2px;}

/* ============================================================
   ✅ faz 144 — analiz paj akèy la (laptop + mobil)
   1) aksesibilite: lyen sote ("skip link"), kad fokis, h1/main
   2) tèks pi piti pase 11.5px monte nan 0.72rem
   3) liy pri kenbe pwòp (goud / dola / ansyen pri) — pa gen "G" ki rete sèl
   4) pwodwi fini: pa gen bouton panye, kat la pi pal
   5) mobil: zòn pou peze ≥ 40px (san chanje mizanpaj), anwo paj la pi kout
   6) laptop: 6 kat pa ranje (ranpli lajè a), flèch kawosèl, bouton "anwo"
   ============================================================ */
.skip-link{position:absolute;left:12px;top:-64px;z-index:3000;background:#141A34;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;font-size:0.85rem;text-decoration:none;transition:top 0.15s ease;}
.skip-link:focus{top:10px;color:#fff;outline:2px solid var(--bizzy-orange);outline-offset:2px;}
main#kontni{display:block;}
main#kontni:focus{outline:none;}
:where(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--bizzy-orange);outline-offset:2px;}

.badj-pre,.badj-nouvo,.badj-gwo{font-size:0.72rem;}
.produit-boutik-nom,.produit-boutik-nom i{font-size:0.72rem;}
.prix-dola-ayisyen,.prix-bare{font-size:0.72rem;}
.produit-qte{font-size:0.72rem;}
.produit-img-wrapper .img-placeholder span{font-size:0.72rem;}
.bottom-nav-item{font-size:0.72rem;}
.konfyans-item{font-size:0.72rem;}
.offcanvas-section-label{font-size:0.72rem;color:#6B7280;}
.notif-header-icon .notif-badge,.icon-badge{font-size:0.7rem;}

.produit-prix{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;}
.produit-prix .prix-goud,.produit-prix .prix-dola-ayisyen,.produit-prix .prix-bare{white-space:nowrap;margin-left:0;}

.produit-epuize .produit-img-wrapper img{filter:grayscale(0.55);opacity:0.7;}
.produit-epuize .produit-nom{color:var(--bizzy-muted);}

.empty-state-tip{color:var(--bizzy-muted);font-size:0.85rem;margin:0 0 14px;}
.empty-state-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;}
.empty-state-lyen{font-weight:700;font-size:0.85rem;color:var(--bizzy-text);text-decoration:underline;padding:10px 6px;}

.kp-kout{display:none;}

/* mobil + tablèt: zòn pou peze ≥ 40px (mizanpaj pa chanje — maj negatif konpanse) */
@media (max-width:991.98px),(pointer:coarse){
    .hamburger-btn{min-width:40px;min-height:40px;margin:-8px;display:inline-flex;align-items:center;justify-content:center;}
    .navbar-icons .notif-header-icon,.navbar-icons .icon-btn{min-width:40px;min-height:40px;margin:-8px -9px;justify-content:center;}
    .notif-header-icon .notif-badge{top:-4px;right:-1px;}
    .icon-badge{top:-2px;right:3px;}
    .tèm-toggle-btn{width:40px;height:40px;margin:-3px;}
    .btn-favori{width:36px;height:36px;top:6px;right:6px;font-size:0.95rem;}
    .btn-ajoute-panier{width:36px;height:36px;bottom:6px;right:6px;font-size:1rem;}
    .btn-favori::before,.btn-ajoute-panier::before{content:"";position:absolute;inset:-6px;}
    .lien-we-tout{display:inline-flex;align-items:center;gap:2px;min-height:40px;padding:0 4px;margin-top:-8px;margin-bottom:-8px;margin-right:-4px;}
    .filtre-avance .form-control,.filtre-avance .form-select{min-height:44px;}
    .btn-filtrer,.btn-reinitialiser{min-height:44px;}
    .pagination-wrapper .page-link{min-width:40px;height:40px;}
    .search-form input{min-height:40px;}
    .sou-chip{min-height:40px;display:inline-flex;align-items:center;}
}

/* mobil (<576px): anwo paj la pi kout */
@media (max-width:575.98px){
    .categories-track .category-item{flex:0 0 auto;min-width:calc((100% - 32px) / 4.5);padding-left:4px;padding-right:4px;}
    .category-item span{min-height:0;white-space:nowrap;}
    .kp-long{display:none;}
    .kp-kout{display:inline;}
    .konfyans-item{min-height:46px;gap:2px;padding:6px 4px;}
    .departement-bar{flex-wrap:nowrap;gap:8px;padding:8px 8px 8px 12px;}
    .departement-info{flex:1 1 auto;min-width:0;gap:6px;}
    .departement-actions{width:auto;flex:0 0 auto;gap:8px;}
    .departement-actions .btn-chanje,.departement-actions .btn-filtre-toggle{flex:0 0 auto;padding:8px 10px;}
}
@media (max-width:419.98px){
    .departement-info strong,.departement-info .divider{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
}
@media (max-width:374.98px){
    .bizzy-tagline{font-size:0.7rem;line-height:1.2;}
}
.bizzy-tagline{text-wrap:balance;}

/* laptop (≥992px): 6 kat pa ranje — pa gen espas vid sou bò dwat */
.categorie-row-vid-dk{display:none;}
@media (min-width:992px){
    .categorie-row-track .produit-card,
    .categorie-row-track.categorie-row-grid .produit-card{flex:0 0 calc((100% - 60px) / 6);width:auto;}
    .categorie-row-vid-dk{display:flex;flex:0 0 calc((100% - 60px) / 6);min-width:0;}
    .produits-scroll{grid-template-columns:repeat(5,1fr);}
}
@media (min-width:1200px){
    .produits-scroll{grid-template-columns:repeat(6,1fr);}
}

/* flèch kawosèl (sourit sèlman) + bouton retounen anwo */
.categorie-row-section,.sou-ranje{position:relative;}
.rang-nav{display:none;position:absolute;top:108px;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);color:var(--bizzy-text);align-items:center;justify-content:center;font-size:1.05rem;box-shadow:0 2px 10px rgba(0,0,0,0.14);z-index:5;cursor:pointer;padding:0;}
.rang-nav:hover{border-color:var(--bizzy-text);}
.rang-nav.gòch{left:4px;}
.rang-nav.dwat{right:4px;}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
    .rang-nav.vizib{display:flex;}
}
.categorie-row-track{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){.categorie-row-track{scroll-behavior:auto;}}
.anwo-bouton{position:fixed;right:14px;bottom:86px;width:44px;height:44px;border-radius:50%;border:1px solid var(--bizzy-border);background:var(--bizzy-surface);color:var(--bizzy-text);box-shadow:0 4px 14px rgba(20,26,52,0.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;z-index:1025;cursor:pointer;padding:0;}
.anwo-bouton.vizib{opacity:1;visibility:visible;transform:none;}
@media (min-width:992px){.anwo-bouton{bottom:24px;right:24px;}}
@media (prefers-reduced-motion:reduce){.anwo-bouton{transition:none;}}

/* mobil: lyen footè, navigasyon anba ak bouton envite yo — zòn pou peze ≥ 40px */
@media (max-width:991.98px){
    .site-footer-col a{display:flex;align-items:center;min-height:40px;margin-bottom:0;}
    .site-footer-legal-links a{display:inline-block;padding:12px 6px;}
    .bottom-nav-item{min-width:72px;min-height:48px;justify-content:center;}
}
.bizzy-guest-cta-wrap .bizzy-guest-cta-btn{min-height:40px;padding:8px 16px;}

/* faz 148 — vizitè (pa konekte): bouton "Enskri" ak mo a (pa sèlman yon ikòn) */
.icon-btn.icon-btn-enskri{flex-direction:row;gap:6px;background:var(--bizzy-orange);color:#141A34;font-size:.82rem;font-weight:700;line-height:1;padding:9px 14px;border-radius:50px;white-space:nowrap;min-height:40px;box-shadow:0 2px 6px rgba(245,130,31,.35);}
.icon-btn.icon-btn-enskri .bi{font-size:1.05rem;}
.icon-btn.icon-btn-enskri:hover,.icon-btn.icon-btn-enskri:focus-visible{background:#E0710F;color:#141A34;}
.icon-btn.icon-btn-enskri:focus-visible{outline:3px solid #141A34;outline-offset:2px;}
[data-theme="dark"] .icon-btn.icon-btn-enskri:focus-visible{outline-color:#fff;}
.navbar-icons .icon-btn.icon-btn-enskri{margin:0 0 0 2px;}
@media (max-width:420px){
    .icon-btn.icon-btn-enskri{padding:8px 10px;gap:4px;font-size:.76rem;}
    .icon-btn.icon-btn-enskri .bi{font-size:.95rem;}
}
/* ≤359px: pa gen plas pou logo + 4 bouton → bouton mòd fonse an kache (li disponib nan Paramèt) */
@media (max-width:359.98px){
    .navbar-icons .tèm-toggle-btn{display:none;}
}

/* faz 149 — bouton "Vann sou BiZZY" / "Biznis pa m" vizib sou telefòn tou */
.btn-vann-header{display:inline-flex;min-height:40px;}
.btn-vann-header .vann-kout{display:none;}
@media (max-width:991.98px){
    .btn-vann-header{padding:8px 11px;font-size:.78rem;gap:5px;flex-shrink:0;}
    .btn-vann-header .bi{font-size:.95rem;}
}
@media (max-width:991.98px){
    .btn-vann-header .vann-long{display:none;}
    .btn-vann-header .vann-kout{display:inline;}
}
/* ≤575px (telefòn): header pa gen plas pou logo + Vann + Enskri + panye + bell + mòd fonse →
   mòd fonse nan meni ☰, bell kache pou vizitè (pa gen notifikasyon san kont), pil yo konpak, logo toujou antye. */
@media (max-width:991.98px){
    .top-navbar{padding:10px 12px 10px 8px;gap:4px;}
    .brand-block{flex:0 0 auto;width:80px;}
    .navbar-icons{gap:10px;}
    .navbar-icons .tèm-toggle-btn{display:none;}
    .navbar-icons .notif-vizitè{display:none;}
    .btn-vann-header{padding:7px 9px;gap:4px;font-size:.76rem;}
    .icon-btn.icon-btn-enskri{padding:7px 10px;font-size:.76rem;gap:4px;}
}
@media (max-width:339.98px){
    .btn-vann-header .vann-kout{display:none;}
    .btn-vann-header{padding:7px 10px;min-width:40px;justify-content:center;}
}
@media (min-width:992px){
    .menu-tem-link{display:none;}
}
/* faz 153b — badj «Pre ou» redwi sou kat pwodwi yo (twòp enfo sou akèy la) */
.badj-pre{font-size:0.5rem;padding:2px 6px;gap:2px;font-weight:700;}
.badj-pre i{font-size:0.55rem;}
@media (min-width:768px){.badj-pre{font-size:0.58rem;padding:2px 7px;}}

/* ============================================================
   ✅ 2026-10-15 — KORIJE MOBIL (rapò akèy sou telefòn, pwen 3–7)
   Blòk sa a vini an DÈNYE: li ranplase règ ki pi wo yo sou telefòn.
   ============================================================ */

/* 3. Header pi kout: pa gen deviz, « Vann » = ikòn sèlman, badj panye kache lè l vid */
.icon-badge[hidden]{display:none !important;}
@media (max-width:575.98px){
    .top-navbar{padding:8px 12px 8px 8px;padding-top:max(8px, env(safe-area-inset-top));min-height:56px;}
    .bizzy-tagline{display:none;}
    .brand-block{width:auto;flex:1 1 auto;display:flex;align-items:center;}
    .bizzy-logo{font-size:1.5rem;line-height:1;}
    .btn-vann-header{width:40px;height:40px;min-width:40px;padding:0;justify-content:center;border-radius:12px;}
    .btn-vann-header .vann-kout,.btn-vann-header .vann-long{display:none;}
    .btn-vann-header .bi{font-size:1.1rem;}
}

/* 4. iPhone pa fè zoum lè w klike nan yon chan (fòk tèks la ≥ 16px) */
@media (max-width:991.98px){
    input[type="text"],input[type="search"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],
    input:not([type]),select,textarea,.form-control,.form-select{font-size:16px !important;}
}

/* 5. iPhone san bouton lakay: ba navigasyon an pa kole ak liy anba ekran an */
.bottom-nav{padding-bottom:env(safe-area-inset-bottom);}
@media (max-width:991.98px){
    body{padding-bottom:calc(90px + env(safe-area-inset-bottom)) !important;}
    .anwo-bouton{bottom:calc(84px + env(safe-area-inset-bottom));right:10px;width:40px;height:40px;opacity:.92;}
    .anwo-bouton:not(.vizib){opacity:0;}
}

/* 6. Kat pwodwi pi kout sou akèy la (deskripsyon ak « Estòk : N pyès » retire; estòk ba / fini rete) */
@media (max-width:767.98px){
    .categorie-row-track .produit-ti-detay,.pouou-track .produit-ti-detay{display:none;}
    .categorie-row-track .produit-qte:not(.estok-ba):not(.estok-fini),
    .pouou-track .produit-qte:not(.estok-ba):not(.estok-fini){display:none;}
}
.produit-qte.estok-fini{color:#6B7280;font-weight:700;}
.categorie-row-track,.pouou-track{scroll-snap-type:x proximity;scroll-padding-left:16px;overscroll-behavior-x:contain;}
.categorie-row-track > *,.pouou-track > *{scroll-snap-align:start;}

/* 2. Bouton « Wè lòt kategori » (ranje ki rete yo chaje lè moun nan rive anba) */
.ranje-plis{display:flex;justify-content:center;padding:8px 16px 20px;}
.ranje-plis-bt{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:50px;border:1.5px solid var(--bizzy-text);background:var(--bizzy-surface);color:var(--bizzy-text);font-weight:600;font-size:.88rem;}
.ranje-plis-bt:active{transform:scale(.98);}

/* 7. Tèks ki te twò piti */
.produit-rating,.produit-rating .rating-nb{font-size:.72rem;}
.badj-pre{font-size:.62rem;}
body .spn-et{font-size:.7rem;padding:2px 8px;}
@media (max-width:575.98px){
    body .spn-ct{padding:0 2px;background:rgba(20,26,52,.6);}
    body .spn-pt{width:24px;}
}

/* ✅ 2026-10-16 — footè: ekriti pi gwo, konfyans peman, kontak, bouton vizitè anndan footè a */
.site-footer-col h4{font-size:.8rem;}
.site-footer-col a{font-size:.88rem;color:#B6BCC8;}
.ft-ti-ikon{font-size:.8em;margin-left:4px;color:#25D366;}
.site-footer-kontak{margin-top:12px;display:flex;flex-direction:column;gap:2px;}
.site-footer-kontak a{display:flex;align-items:center;gap:8px;min-height:36px;color:#fff;font-size:.88rem;font-weight:600;text-decoration:none;word-break:break-all;}
.site-footer-kontak a:hover{color:var(--bizzy-orange);}
.site-footer-konfyans{max-width:1280px;margin:0 auto 18px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);text-align:left;}
.site-footer-konfyans-tit{color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px;}
.site-footer-konfyans-tit i{color:#22C55E;}
.site-footer-konfyans p{color:#B6BCC8;font-size:.82rem;margin:6px 0 10px;line-height:1.45;}
.site-footer-peman{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.site-footer-peman img{width:28px;height:28px;border-radius:7px;background:#fff;}
.site-footer-peman span{color:#fff;font-size:.8rem;font-weight:600;}
.site-footer-kach{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);}
.site-footer .bizzy-guest-cta-wrap.site-footer-cta{background:transparent;border:0;padding:0 0 18px;max-width:1280px;margin:0 auto;}
.site-footer .site-footer-cta .bizzy-guest-cta-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 18px;font-size:.88rem;border-radius:10px;color:#fff;border:1.5px solid rgba(255,255,255,.35);background:transparent;}
.site-footer .site-footer-cta .bizzy-guest-cta-btn:first-child{background:var(--bizzy-orange);border-color:var(--bizzy-orange);}
.site-footer .site-footer-cta .bizzy-guest-cta-btn:hover{border-color:#fff;}
.site-footer-bottom p{font-size:.8rem;}
.site-footer-ayiti{color:#D1D5DB !important;font-weight:600;}
.site-footer-legal-links{font-size:.8rem;}
.ft-drapo{vertical-align:-1px;border-radius:2px;margin:0 2px;}

/* ============================================================
   ✅ 2026-10-16 — TÈT AKÈY LA SOU TELEFÒN / TABLÈT (pwen 1-6): pwodwi yo parèt pi wo
   ============================================================ */
@media (max-width:767.98px){ .bizzy-tagline{display:none;} }               /* 4: fraz la te koupe */
@media (max-width:991.98px){
    .search-wrapper{padding:8px 16px 0;}
    /* 5: depatman + filtre kole ak rechèch la, pi kout */
    .departement-bar{margin:6px 16px 0;padding:5px 6px 5px 12px;border-radius:10px;}
    .departement-info{font-size:.76rem;}
    .btn-chanje,.btn-filtre-toggle{min-height:36px;padding:4px 10px;}
    /* 3: kategori yo = yon sèl ranje ki glise, ikòn pi lejè */
    .categories-card{margin:8px 0 0;padding:4px 0 2px;border:0;background:transparent;}
    .categories-track{overflow-x:auto !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:4px;padding:0 12px 4px;scroll-snap-type:x proximity;}
    .categories-track .category-item{flex:0 0 68px !important;min-width:68px;gap:4px;}
    .category-icon-circle{width:44px !important;height:44px !important;border-radius:50% !important;background-color:var(--bizzy-surface) !important;border:1px solid var(--bizzy-border) !important;box-shadow:0 1px 2px rgba(20,26,52,.06);}
    .category-icon-circle i{color:#141A34 !important;font-size:1.1rem;}
    [data-theme="dark"] .category-icon-circle i{color:#fff !important;}
    .category-item span{font-size:.7rem;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px;}
    /* 6: 3 enfòmasyon konfyans yo = yon sèl ti liy */
    .konfyans-bar{margin:8px 12px 0;padding:0;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;}
    .konfyans-bar::-webkit-scrollbar{display:none;}
    .konfyans-item{flex:0 0 auto !important;flex-direction:row !important;gap:5px;min-height:32px;padding:4px 10px;border-radius:999px;background:var(--bizzy-surface);border:1px solid var(--bizzy-border);font-size:.72rem;white-space:nowrap;}
    .konfyans-item .kp-long{display:inline !important;}
    .konfyans-item .kp-kout{display:none !important;}
    /* 2: bannyè sponsor la pi kout (liy detay la) */
    .spn{margin:8px 12px 0;}
    .spn-cap{height:46px;}
    .spn-ct{bottom:54px !important;}
}

/* ============================================================
   ✅ 2026-10-21 — BOUTON « AJOUTE NAN PANIYE » ANBA KAT PWODWI A
   (pa sou foto a ankò). Menm klas .btn-ajoute-panier → script.js,
   koulè navy / oranj lè peze, spinner .chajman ak ✓ siksè kontinye mache.
   Pa gen background isit la: koulè yo soti nan règ ki anvan yo.
   Konpak: 38 px wotè, etikèt kout (« Ajoute ») sou telefòn pou pa janm koupe.
   ============================================================ */
.produit-card .btn-panier-bas{
    position:relative;bottom:auto;right:auto;
    width:auto;height:auto;min-height:38px;
    margin:0 10px 10px;padding:0 8px;
    border-radius:8px;box-shadow:none;
    display:flex;align-items:center;justify-content:center;gap:5px;
    font-size:.74rem;font-weight:700;line-height:1.1;white-space:nowrap;
    font-family:inherit;text-align:center;overflow:hidden;
}
.produit-card .btn-panier-bas i{font-size:.95rem;flex-shrink:0;}
.produit-card .btn-panier-bas span{overflow:hidden;text-overflow:ellipsis;min-width:0;}
.produit-card .btn-panier-bas::before{display:none;}
.produit-card .btn-panier-bas.chajman span{opacity:0;}
.produit-card .btn-panier-bas .bp-kout{display:inline;}
.produit-card .btn-panier-bas .bp-long{display:none;}
@media (min-width:576px){
    .produit-card .btn-panier-bas .bp-kout{display:none;}
    .produit-card .btn-panier-bas .bp-long{display:inline;}
}
.produit-card .btn-panier-fini{
    background:var(--bizzy-bg);color:var(--bizzy-muted);border:1px solid var(--bizzy-border);
    cursor:not-allowed;
}

/* ✅ 2026-10-21 — pri an goud + pri an dola ayisyen: toujou 2 liy, menm estrikti sou chak kat
   (goud an gra oranj, dola ayisyen anba an gri, ase gwo pou li) */

/* ============================================================
   ✅ 2026-10-21 — IERARCHI + ESPASMAN KAT PWODWI A
   1) non pwodwi a pi gwo, non boutik la pi piti/lejè
   2) pri goud pi gwo, dola ayisyen anba an gri (≈ N dola ayisyen)
   3) espasman regilye (4 / 6 / 8 px), san gwo vid
   4) estòk sèlman lè ba (estil nan règ .estok-ba la)
   5) badj rabè -N% ak etikèt bouton an apre klik
   ============================================================ */
.produit-card .produit-info{padding:10px 10px 8px;}
.produit-card .produit-nom{font-size:.84rem;font-weight:700;line-height:1.3;min-height:0;margin:0 0 3px;}
.produit-card .produit-prix{margin:0;}
.produit-card .produit-qte{font-size:.7rem;margin:6px 0 0;}
.produit-card .produit-qte.estok-ba{color:#B91C1C;font-weight:700;}
.produit-card .produit-info{flex:1 1 auto;}

/* « Ekonomize N G »: tèks vèt anba pri a, san fon (pa sou foto a) — vèt #15803D sou blan = kontras ~5:1 */

/* apre klik siksè (script.js chanje ikòn nan ✓): etikèt la di « Nan panye » */
.produit-card .btn-panier-bas:has(.bi-check-lg) span{display:none;}
.produit-card .btn-panier-bas:has(.bi-check-lg)::after{content:"Nan panye";}

/* ============================================================
   ✅ 2026-10-21 — DIZAJN KAT LA (dapre modèl Freud):
     Non pwodwi (gra, nwa)
     Vende: non boutik la (gri, san ikòn)
     1 800 G ($360 HT)          ← goud + dola ayisyen sou MENM LIY
     Ekonomize 450 G            ← vèt, nan plas « Estòk : N pyès »
     [ Ajoute nan paniye ]
   ============================================================ */
.produit-card .produit-boutik-nom{display:block;font-size:.76rem;font-weight:500;color:var(--bizzy-muted);margin:0 0 6px;line-height:1.3;}
.produit-card .produit-boutik-nom .vende-label{font-weight:500;}
.produit-card .produit-prix{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:0;margin:0;color:var(--bizzy-text);}
.produit-card .produit-prix .prix-goud{font-size:.95rem;font-weight:800;color:var(--bizzy-text);line-height:1.25;}
.produit-card .produit-prix .prix-dola-ayisyen{font-size:.8rem;font-weight:600;color:var(--bizzy-text);line-height:1.25;}
.produit-card .produit-ekonomi{font-size:.76rem;font-weight:700;color:var(--bizzy-green,#15803D);line-height:1.3;margin:6px 0 0;}
[data-theme="dark"] .produit-card .produit-ekonomi{color:#4ADE80;}