@charset "UTF-8";
/* BiZZY — produit.php: CSS (soti nan produit.php 2026-10-17 pou navigatè a ka kenbe l an kach). */
    /* ------------------------------------------------------------
       Palet sobre — menm tokens ak index.php : blan/gri net, yon
       sèl aksan (oranj). Koulè semantik (vèt=disponib, wouj=ijans)
       rete paske yo pote enfòmasyon, pa jis dekorasyon.
    ------------------------------------------------------------ */
    :root{
        --bizzy-bg:      #EEF0F3;
        --bizzy-navy:    #141A34;
        --bizzy-orange:  #F5821F;
        --bizzy-surface: #FFFFFF;
        --bizzy-border:  #D1D5DB;
        --bizzy-muted:   #6B7280;
        --bizzy-text:    #141A34;
        --bizzy-erè:     #B91C1C;
        color-scheme: light;
    }
    /* ✅ NOUVO — Mòd fonse, menm tokens ak index_inc/style.css pou
       tout sit la rete konsistan (--bizzy-navy rete jan l ye pou
       eleman ki itilize l kòm FON entansyonèl). */
    [data-theme="dark"]{
        --bizzy-bg:      #0E1220;
        --bizzy-border:  #262E42;
        --bizzy-muted:   #8B93A7;
        --bizzy-surface: #161B2C;
        --bizzy-text:    #E5E7EB;
        --bizzy-erè:     #FF8A80;
        color-scheme: dark;
    }
    * { font-family: 'Poppins', sans-serif; }
    body{ background-color: var(--bizzy-bg); color: var(--bizzy-text); padding-bottom: 100px; } /* faz 136: body.paj-produit (index_inc/anba_paj.css) mete l a 0 — footè a pran plas la */
    .app-container{ max-width: 480px; margin: 0 auto; min-height: 100vh; position: relative; }

    .page-navbar{
        background-color: var(--bizzy-surface); padding: 16px; display: flex; align-items: center; gap: 14px;
        position: sticky; top: 0; z-index: 1030; border-bottom: 1px solid var(--bizzy-border);
    }
    .page-navbar a.back-btn{ font-size: 1.4rem; color: var(--bizzy-text); text-decoration: none; display: flex; }
    .page-navbar h1{ font-size: 0.95rem; font-weight: 700; margin: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .page-navbar a.cart-btn{ position: relative; font-size: 1.25rem; color: var(--bizzy-text); }
    .page-navbar .cart-badge{
        position: absolute; top: -6px; right: -8px; background-color: var(--bizzy-orange); color: #fff;
        font-size: 0.6rem; font-weight: 700; min-width: 16px; height: 16px; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
    }

    /* ---------- BREADCRUMB ---------- */
    .breadcrumb-bar{
        padding: 10px 16px; font-size: 0.72rem; color: var(--bizzy-muted);
        display: flex; align-items: center; gap: 4px; flex-wrap: wrap; background-color: var(--bizzy-surface);
    }
    .breadcrumb-bar a{ color: var(--bizzy-muted); text-decoration: none; }
    .breadcrumb-bar .actif{ color: var(--bizzy-text); font-weight: 600; }

    /* ---------- MIZANPAJ PRENSIPAL (galeri + enfòmasyon) ---------- */
    .produit-main-layout{ background-color: var(--bizzy-surface); }

    /* ============================================================
       GALERI FOTO
       ------------------------------------------------------------
       Nòt koreksyon : sou vèsyon anvan an, sèlman imaj prensipal la
       te "sticky" pandan miniyati yo te nan fli normal — sa te fè
       yo parèt "tonbe"/dekonekte anba gwo foto a lè w desann paj la.
       Kounye a se TOUT BLOK galri a (`.galeri-wrapper`) ki sticky
       kòm YON SÈL inite, ak yon kad (bòdi + rondè) ki longe l pou l
       parèt tankou yon vrè "kat foto" byen ranje, pa moso ki flote.

       Mizanpaj (menm HTML pou tou 2, chanje ak flex 'order' sèlman) :
         - MOBIL : imaj prensipal anlè, miniyati orizontal anba l.
         - LAPTOP : miniyati vètikal ak flèch monte/desann sou GOCH,
           gwo imaj la sou DWAT — menm estil ak Alibaba/Amazon.
       Gwo imaj la gen yon "zoom sou hover" (JS) sou laptop sèlman,
       PLIS yon lightbox plen ekran (klik/tap) ki mache sou TOUT
       aparèy — se sa ki korije pwoblèm "foto k ap flote nan yon
       kare gri" epi ki bay yon vrè fonksyon zoom.
    ============================================================ */
    .galeri-wrapper{
        background-color: var(--bizzy-surface);
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* --- Kolòn miniyati (gwoupe bouton monte/desann + miniyati yo) --- */
    .galeri-thumbs-col{ display: contents; }
    .galeri-scroll-btn{
        display: none; /* vizib sèlman sou laptop, wè media query pi ba */
    }

    .galeri-principale{
        order: 1;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        aspect-ratio: 1/1;
        border-radius: 12px;
        overflow: hidden;
        background-color: var(--bizzy-bg);
        border: 1px solid var(--bizzy-border);
        position: relative;
        cursor: zoom-in;
    }
    /* ✅ 2026-09-25 (pwen 1): fon BLAN (pa gri) + "contain" pi ba — foto
       pwodwi a parèt ANTYE (anvan, "cover" te koupe pwodwi yo sou kote).
       Pifò foto pwodwi gen fon blan, kidonk yo fonn nan kad la. */
    .galeri-principale{ background-color: #FFFFFF; }
    .galeri-principale img{
        /* KORIJE : object-fit: cover (olye contain + padding) pou gwo foto
           prensipal la ranpli kare a nèt tou, menm jan ak miniyati yo pi ba —
           anpil foto pwodwi vandè yo pa kare (yo laj oswa etwat), e ak
           "contain" yo te vin parèt tou piti nan mitan yon gwo espas gri.
           Kliyan an ka toujou wè imaj la ANTYE via lightbox la (klike/tape),
           ki rete "contain" espre. */
        width: 100%; height: 100%; object-fit: contain; display: block; /* 2026-09-25: te "cover" */
        transition: transform 0.12s ease-out;
        transform-origin: center center;
        will-change: transform;
    }
    .galeri-zoom-hint{
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px; height: 30px;
        border-radius: 50%;
        background-color: rgba(255,255,255,0.9);
        color: var(--bizzy-text);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9rem;
        pointer-events: none;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* ✅ NOUVO — Videyo pwodwi (lyen YouTube/Vimeo — "embed" responsiv 16:9) */
    .videyo-pwodwi-wrap{
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        aspect-ratio: 16/9;
        border-radius: 12px;
        overflow: hidden;
        background-color: var(--bizzy-bg);
        border: 1px solid var(--bizzy-border);
    }
    .videyo-pwodwi-wrap iframe{
        width: 100%; height: 100%; display: block; border: 0;
    }
    /* ✅ NOUVO — Videyo pwodwi (lyen Facebook/TikTok — senp bouton, pa gen embed) */
    .btn-videyo-pwodwi-lyen{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        padding: 12px 16px;
        border-radius: 12px;
        border: 1px solid var(--bizzy-border);
        background-color: var(--bizzy-bg);
        color: var(--bizzy-orange);
        font-weight: 700;
        font-size: 0.9rem;
        text-decoration: none;
    }
    .btn-videyo-pwodwi-lyen:hover{
        background-color: var(--bizzy-orange);
        color: #fff;
        border-color: var(--bizzy-orange);
    }

    .galeri-miniatures{
        order: 2;
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: 420px;
        margin: 0 auto;
        padding-bottom: 2px; /* évite que la scrollbar colle aux images */
        scrollbar-width: thin;
    }
    .galeri-miniature{
        width: 56px; height: 56px; border-radius: 8px; overflow: hidden; flex-shrink: 0;
        border: 1.5px solid var(--bizzy-border); cursor: pointer; background-color: var(--bizzy-bg);
        transition: border-color 0.15s ease;
    }
    .galeri-miniature.actif{ border-color: var(--bizzy-orange); border-width: 2px; }
    /* KORIJE : object-fit: cover (olye contain + padding) pou miniyati yo
       ranpli kare a nèt, san fon gri toutotou — yo se jis yon "aperçu"
       rapid, pa gen bezwen wè imaj la antye la a (sa se travay gwo
       foto prensipal la + lightbox la pi ba). */
    .galeri-miniature img{ width: 100%; height: 100%; object-fit: cover; display: block; }

    /* ============================================================
       LIGHTBOX — zoom plen ekran (klik/tap) pou TOUT aparèy
    ============================================================ */
    .bizzy-lightbox-overlay{
        position: fixed; inset: 0; background: rgba(10,10,15,0.92);
        display: none; align-items: center; justify-content: center;
        z-index: 2000; padding: 24px; cursor: zoom-out;
    }
    .bizzy-lightbox-overlay.actif{ display: flex; }
    .bizzy-lightbox-overlay img{ max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; }
    .bizzy-lightbox-fermer{
        position: absolute; top: 18px; right: 22px; color: #fff; font-size: 1.8rem;
        background: none; border: none; line-height: 1;
    }

    /* ============================================================
       KAT BOUTIK KONPAK (anba galri a) — estil "supplier card"
    ============================================================ */
    .boutik-compact{
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid var(--bizzy-border);
        order: 4;       /* ✅ 2026-09-25 (pwen 1): TOUJOU anba foto yo (anvan: */
        width: 100%;    /* sou mobil anlè foto a, sou PC ant miniyati yo ak foto a) */
    }
    .videyo-pwodwi-wrap, .btn-videyo-pwodwi-lyen{ order: 3; }
    .boutik-nouvo-badj{
        display: inline-flex; align-items: center; gap: 4px; font-size: 0.66rem; font-weight: 700;
        color: #B45309; background-color: #FFFBEB; border: 1px solid #FDE68A;
        padding: 1px 8px; border-radius: 50px; margin-left: 4px; white-space: nowrap;
    }
    [data-theme="dark"] .boutik-nouvo-badj{ color: #F5C56B; background-color: #3A2E12; border-color: #3A4258; }
    .boutik-compact-header{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
    }
    .boutik-compact-logo{
        width: 42px; height: 42px; border-radius: 8px; overflow: hidden; flex-shrink: 0;
        background-color: var(--bizzy-bg); border: 1px solid var(--bizzy-border);
        display: flex; align-items: center; justify-content: center;
        color: var(--bizzy-muted); font-size: 1rem; font-weight: 800;
    }
    .boutik-compact-logo img{ width: 100%; height: 100%; object-fit: cover; }
    .boutik-compact-nom{
        font-size: 0.9rem; font-weight: 700; color: var(--bizzy-text);
        text-decoration: underline; text-decoration-color: var(--bizzy-border);
        display: inline-flex; align-items: center; gap: 5px;
    }
    .boutik-compact-nom:hover{ color: var(--bizzy-orange); }
    .boutik-compact-nom i{ font-size: 0.7rem; color: var(--bizzy-muted); }
    .boutik-compact-loc{
        font-size: 0.72rem; color: var(--bizzy-muted); margin-top: 2px;
        display: flex; align-items: center; gap: 5px;
    }
    .boutik-compact-loc i{ color: var(--bizzy-orange); }

    .boutik-compact-stats{
        display: grid;
        grid-auto-flow: column;   /* 2026-09-25: 2 a 4 estatistik selon boutik la */
        grid-auto-columns: 1fr;
    }
    .boutik-compact-stat{
        text-align: center;
        padding: 0 4px;
        border-left: 1px solid var(--bizzy-border);
    }
    .boutik-compact-stat:first-child{ border-left: none; padding-left: 0; }
    .boutik-compact-stat strong{
        display: block;
        font-size: 0.88rem;
        font-weight: 800;
        color: var(--bizzy-text);
    }
    .boutik-compact-stat span{
        display: block;
        font-size: 0.62rem;
        color: var(--bizzy-muted);
        line-height: 1.3;
        margin-top: 2px;
    }

    /* ---------- INFO PWODWI ---------- */
    .produit-header{ background-color: var(--bizzy-surface); padding: 4px 16px 18px; }
    .produit-nom{ font-size: 1.05rem; font-weight: 700; line-height: 1.35; margin-bottom: 8px; }
    .produit-ti-detay{ font-size: 0.86rem; line-height: 1.5; color: var(--bizzy-muted); margin: 0 0 12px; overflow-wrap: anywhere; }
    .produit-ti-detay-lyen{ display: inline-block; margin-left: 4px; color: #B45309; font-weight: 600; text-decoration: none; }
    .produit-ti-detay-lyen:hover, .produit-ti-detay-lyen:focus-visible{ text-decoration: underline; }
    #deskripsyon{ scroll-margin-top: 64px; }
    [data-theme="dark"] .produit-ti-detay-lyen{ color: #F5A05A; }
    .produit-boutik-link{
        display: inline-flex; align-items: center; gap: 6px; font-size: 0.78rem; color: var(--bizzy-text);
        font-weight: 600; text-decoration: none; margin-bottom: 12px; border-bottom: 1px solid var(--bizzy-border);
        padding-bottom: 2px;
    }
    .produit-boutik-logo{ width: 20px; height: 20px; border-radius: 6px; overflow: hidden; background-color: var(--bizzy-bg); }
    .produit-boutik-logo img{ width: 100%; height: 100%; object-fit: cover; }

    .produit-prix-row{ display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; flex-wrap: wrap; }
    .produit-prix-principal{ font-size: 1.6rem; font-weight: 800; color: var(--bizzy-text); }
    .produit-prix-original{ font-size: 0.78rem; color: var(--bizzy-muted); }
    /* ✅ 2026-09-25 (pwen 6): ekonomi = bon nouvèl → VÈT (wouj = erè/pèt sou sit la) */
    .produit-ekonomi{ font-size: 0.8rem; color: #15803D; font-weight: 600; margin-bottom: 8px; }
    [data-theme="dark"] .produit-ekonomi{ color: #6FCF97; }

    /* ✅ 2026-09-25 (pwen 3): rezime livrezon vizib tousuit */
    .livrezon-rezime{
        display: flex; gap: 10px; align-items: flex-start; margin-top: 14px;
        padding: 10px 12px; border: 1px solid var(--bizzy-border); border-radius: 10px;
    }
    .livrezon-rezime > i{ color: var(--bizzy-text); font-size: 1.1rem; margin-top: 1px; }
    .livrezon-rezime-tex{ flex: 1; min-width: 0; font-size: 0.8rem; }
    .livrezon-rezime-label{ color: var(--bizzy-muted); margin-right: 4px; }
    .livrezon-rezime-select{
        border: none; background: transparent; color: var(--bizzy-text); font-weight: 700;
        font-size: 0.8rem; padding: 0 2px; text-decoration: underline; text-decoration-color: var(--bizzy-border);
        cursor: pointer; max-width: 100%;
    }
    .livrezon-rezime-select:focus-visible{ outline: 2px solid var(--bizzy-orange); outline-offset: 2px; border-radius: 4px; }
    [data-theme="dark"] .livrezon-rezime-select option{ background: var(--bizzy-surface); color: var(--bizzy-text); }
    .livrezon-rezime-valè{ margin-top: 2px; color: var(--bizzy-text); }
    .livrezon-rezime-gratis{ display: block; color: #15803D; font-size: 0.72rem; font-weight: 600; }
    [data-theme="dark"] .livrezon-rezime-gratis{ color: #6FCF97; }
    .livrezon-rezime-non{ color: var(--bizzy-erè); font-weight: 600; }
    .livrezon-rezime + .livrezon-dropdown{ margin-top: 8px; }

    /* ✅ 2026-09-25 (pwen 4): garanti acha — eskwo BiZZY a vizib */
    .konfyans-acha{ background-color: var(--bizzy-surface); padding: 14px 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .konfyans-acha-liy{ display: flex; gap: 10px; align-items: flex-start; font-size: 0.78rem; line-height: 1.45; color: var(--bizzy-text); }
    .konfyans-acha-liy + .konfyans-acha-liy{ margin-top: 8px; }
    .konfyans-acha-liy i{ color: #15803D; font-size: 1.05rem; flex-shrink: 0; margin-top: 1px; }
    [data-theme="dark"] .konfyans-acha-liy i{ color: #6FCF97; }
    .konfyans-acha-lyen{ display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 0.74rem; color: var(--bizzy-muted); text-decoration: underline; }
    .konfyans-acha-lyen:hover{ color: var(--bizzy-text); }
    /* ✅ 2026-09-25: logo metòd peman yo (vrè logo MonCash / NatCash) */
    .peman-aksepte{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 0 10px; font-size: 0.74rem; color: var(--bizzy-muted); }
    .peman-aksepte img{ height: 26px; width: 26px; border-radius: 6px; display: block; }
    .peman-aksepte .peman-kach{ display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 8px; border-radius: 5px; border: 1px solid var(--bizzy-border); color: var(--bizzy-text); font-weight: 600; }
    .peman-aksepte .peman-kach i{ color: #15803D; }
    [data-theme="dark"] .peman-aksepte .peman-kach i{ color: #6FCF97; }
    .produit-stock{ font-size: 0.78rem; font-weight: 600; }
    .produit-stock.disponib{ color: #15803D; }
    [data-theme="dark"] .produit-stock.disponib{ color:#6FCF97; }
    .produit-stock.pa-disponib{ color: var(--bizzy-erè); }
    .produit-stock.estok-ba{ color: var(--bizzy-erè); animation: pulseEstokBa 1.8s ease-in-out infinite; }
    @keyframes pulseEstokBa{ 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
    .produit-prev-sosyal{
        display: flex; align-items: center; gap: 6px; margin-top: 8px;
        font-size: 0.76rem; color: var(--bizzy-text); font-weight: 600;
        background-color: var(--bizzy-bg); border: 1px solid var(--bizzy-border);
        padding: 6px 12px; border-radius: 8px; width: fit-content;
    }
    .produit-prev-sosyal i{ color: var(--bizzy-orange); }

    /* ---------- DROPDOWN LIVREZON PA DEPATMAN ---------- */
    .livrezon-dropdown{ margin-top: 14px; border: 1px solid var(--bizzy-border); border-radius: 10px; overflow: hidden; }
    .livrezon-dropdown-btn{
        width: 100%; border: none; background-color: var(--bizzy-bg); padding: 11px 14px;
        display: flex; justify-content: space-between; align-items: center;
        font-size: 0.8rem; font-weight: 600; color: var(--bizzy-text);
    }
    .livrezon-dropdown-btn i.bi-truck{ color: var(--bizzy-muted); margin-right: 4px; }
    #iconeLivrezonDropdown{ transition: transform 0.2s ease; color: var(--bizzy-muted); }
    #iconeLivrezonDropdown.ouvert{ transform: rotate(180deg); }
    .livrezon-dropdown-body{ max-height: 0; overflow: hidden; transition: max-height 0.25s ease; }
    .livrezon-dropdown-body.ouvert{ max-height: 400px; overflow-y: auto; }
    .livrezon-dep-ligne{
        display: flex; justify-content: space-between; align-items: center;
        padding: 9px 14px; font-size: 0.76rem; border-top: 1px solid var(--bizzy-border);
    }
    .livrezon-dep-ligne.propre{ background-color: #FFF4EA; }
    [data-theme="dark"] .livrezon-dep-ligne.propre{ background-color:#3A2E12; }
    .livrezon-dep-nom{ font-weight: 600; display: flex; align-items: center; gap: 6px; }
    .livrezon-dep-badge{ font-size: 0.6rem; font-weight: 700; color: var(--bizzy-orange); background-color: #FFF4EA; padding: 1px 7px; border-radius: 50px; }
    [data-theme="dark"] .livrezon-dep-badge{ background-color:#3A2E12; }
    .livrezon-dep-detay{ color: var(--bizzy-muted); text-align: right; }
    .livrezon-gratis-note{ display: block; color: #15803D; font-size: 0.68rem; font-weight: 600; }
    [data-theme="dark"] .livrezon-gratis-note{ color:#6FCF97; }
    .livrezon-dep-detay.pa-disponib{ color:var(--bizzy-erè); font-weight:700; }
    .livrezon-dep-detay.pa-disponib i{ margin-right:3px; }

    /* ---------- PALYE PRI (an gwo) ---------- */
    .palye-section{ margin-top: 14px; }
    .palye-section-label{ font-size: 0.78rem; font-weight: 700; color: var(--bizzy-text); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
    .palye-section-label i{ color: var(--bizzy-muted); }
    .palye-row{ display: flex; gap: 8px; }
    .palye-box{ flex: 1; background-color: var(--bizzy-bg); border: 1px solid var(--bizzy-border); border-radius: 10px; padding: 10px 12px; }
    .palye-top-row{ display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 4px; }
    .palye-kantite{ font-size: 0.75rem; font-weight: 600; color: var(--bizzy-text); }
    .palye-badge{ font-size: 0.6rem; font-weight: 700; color: #15803D; white-space: nowrap; }
    [data-theme="dark"] .palye-badge{ color:#6FCF97; }
    .palye-prix-row{ display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
    .palye-rabe{ font-size: 0.72rem; font-weight: 700; color: #15803D; } /* 2026-09-25: rabè = vèt */
    [data-theme="dark"] .palye-rabe{ color: #6FCF97; }
    .palye-prix-total{ font-size: 0.95rem; font-weight: 800; color: var(--bizzy-text); }
    .palye-prix-inite{ font-size: 0.7rem; color: var(--bizzy-muted); margin-top: 2px; }

    /* ---------- SELECTEUR KANTITE ---------- */
    .qte-section{ background-color: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .qte-section-label{ font-size: 0.85rem; font-weight: 700; margin-bottom: 10px; }
    .qte-stepper-large{
        display: inline-flex; align-items: center; gap: 16px; background-color: var(--bizzy-bg);
        border: 1px solid var(--bizzy-border);
        border-radius: 50px; padding: 8px 16px;
    }
    .qte-stepper-large button{
        border: none; background: transparent; color: var(--bizzy-text); font-size: 1.3rem; display: flex;
    }
    .qte-stepper-large .qte-valeur{ font-size: 1rem; font-weight: 700; min-width: 24px; text-align: center; }

    /* ---------- DESKRIPSYON ---------- */
    .description-section{ background-color: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .description-section h2{ font-size: 0.92rem; font-weight: 700; margin-bottom: 8px; }
    .description-section p{ font-size: 0.84rem; color: var(--bizzy-muted); line-height: 1.6; margin: 0; white-space: pre-line; }

    /* ---------- AVI KLIYAN ---------- */
    .avis-section{ background-color: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .avis-section h2{ font-size: 0.92rem; font-weight: 700; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
    .avis-mwayèn{ font-weight: 800; }
    .avis-total{ font-size: 0.76rem; color: var(--bizzy-muted); font-weight: 500; }
    .avis-form{ background-color: var(--bizzy-bg); border-radius: 12px; padding: 12px; margin-bottom: 14px; }
    .avis-etwal-picker{ font-size: 1.5rem; color: #D1D5DB; margin-bottom: 8px; cursor: pointer; }
    [data-theme="dark"] .avis-etwal-picker{ color:#3A4258; }
    .avis-etwal-picker i{ margin-right: 4px; transition: color 0.1s; }
    .avis-etwal-picker i.actif{ color: #F59E0B; }
    .avis-form textarea{ font-size: 0.84rem; border-radius: 8px; margin-bottom: 8px; resize: vertical; }
    .btn-avis-voye{ background-color: var(--bizzy-orange); color: #fff; border: none; border-radius: 10px; padding: 9px 18px; font-weight: 700; font-size: 0.82rem; }
    .btn-avis-voye:disabled{ background-color: #D1D5DB; cursor: not-allowed; }
    [data-theme="dark"] .btn-avis-voye:disabled{ background-color:#3A4258; }
    .avis-deja-bay{ color: #15803D; font-size: 0.82rem; font-weight: 600; margin-bottom: 12px; }
    [data-theme="dark"] .avis-deja-bay{ color:#6FCF97; }
    .avis-vid{ font-size: 0.82rem; color: var(--bizzy-muted); }
    /* ✅ 2026-09-25 (pwen 2): fòm avi a dèyè yon bouton, anba lis la */
    .avis-aksyon{ margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--bizzy-border); }
    .btn-ekri-avi{
        display: inline-flex; align-items: center; gap: 6px; border: 1.5px solid var(--bizzy-text);
        background: transparent; color: var(--bizzy-text); border-radius: 10px; padding: 7px 16px;
        font-size: 0.8rem; font-weight: 600; cursor: pointer;
    }
    .btn-ekri-avi:hover{ background: var(--bizzy-text); color: var(--bizzy-surface); }
    .avis-nòt-kondisyon{ font-size: 0.78rem; color: var(--bizzy-muted); margin: 0; display: flex; gap: 6px; align-items: flex-start; }
    .avis-nòt-kondisyon a{ color: var(--bizzy-text); font-weight: 700; }
    .avis-aksyon .avis-form{ margin: 12px 0 0; }
    .deskripsyon-vid{ font-size: 0.82rem; color: var(--bizzy-muted); margin: 0; }
    .deskripsyon-vid a{ color: var(--bizzy-text); font-weight: 700; }
    .avis-item{ padding: 10px 0; border-top: 1px solid var(--bizzy-border); }
    .avis-item:first-child{ border-top: none; }
    .avis-item-tèt{ display: flex; justify-content: space-between; align-items: center; gap: 8px; }
    .avis-item-non{ font-size: 0.82rem; font-weight: 700; }
    .avis-item-etwal{ font-size: 0.72rem; color: #F59E0B; white-space: nowrap; }
    .avis-item-etwal i.bi-star{ color: #D1D5DB; }
    [data-theme="dark"] .avis-item-etwal i.bi-star{ color:#3A4258; }
    .avis-item-kòmantè{ font-size: 0.82rem; color: var(--bizzy-text); margin: 4px 0 2px; line-height: 1.5; }
    .avis-item-dat{ font-size: 0.68rem; color: var(--bizzy-muted); }

    /* ---------- BOUTIK CARD ---------- */
    .boutik-section{ background-color: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .boutik-info-card{
        display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--bizzy-text);
    }
    .boutik-info-logo{
        width: 48px; height: 48px; border-radius: 12px; overflow: hidden; background-color: var(--bizzy-bg);
        border: 1px solid var(--bizzy-border);
        display: flex; align-items: center; justify-content: center; color: var(--bizzy-muted); font-size: 1.3rem; flex-shrink: 0;
    }
    .boutik-info-logo img{ width: 100%; height: 100%; object-fit: cover; }
    .boutik-info-text{ flex: 1; min-width: 0; }
    .boutik-info-text .nom{ font-size: 0.9rem; font-weight: 700; }
    .boutik-info-text .lien{ font-size: 0.74rem; color: var(--bizzy-muted); }
    .btn-kontakte-vande{
        display: flex; align-items: center; justify-content: center; gap: 8px;
        margin-top: 12px; border: 1.5px solid var(--bizzy-text); color: var(--bizzy-text); text-decoration: none;
        border-radius: 8px; padding: 10px; font-size: 0.84rem; font-weight: 700;
    }
    .btn-kontakte-vande:hover{ background-color: var(--bizzy-text); color: var(--bizzy-bg); }

    /* ============================================================
       PWODWI KI SANBLE / REKÒMANDE — estil kat "Alibaba/Amazon":
       foto plen (cover), non sou 2 liy, pri an gra, ti liy meta anba.
       Chak defilman gen flèch gòch/dwat pou navige san w pa oblije
       swipe (itil sitou sou laptop kote pa gen touch).
    ============================================================ */
    .suggestions-section{ background-color: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
    .suggestions-section h2{ font-size: 0.92rem; font-weight: 700; margin: 0; }
    .suggestions-section h2 i{ color: var(--bizzy-muted); }

    /* ✅ NOUVO — antèt seksyon (tit + endikatè "Paj X/Y" tankou Amazon) */
    .suggestions-header{ display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
    .reko-paj-indik{ font-size: 0.72rem; font-weight: 600; color: var(--bizzy-muted); white-space: nowrap; flex-shrink: 0; }

    .reko-scroll-wrap{ position: relative; }
    .reko-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.08);
        z-index: 5;
        cursor: pointer;
    }
    .reko-nav-btn:hover{ border-color: var(--bizzy-text); }
    .reko-nav-btn{ transition: opacity .2s ease, border-color .15s ease; }
    .reko-nav-btn.gòch{ left: -6px; }
    .reko-nav-btn.dwat{ right: -6px; }
    /* Sou mobil, flèch yo pa nesesè (swipe fasil) — kache yo */
    /* ✅ 2026-10-17 — flèch yo kache SÈLMAN sou ekran touch. Anvan: fenèt òdinatè < 768 px = pa gen flèch,
       pa gen scrollbar → moun pa t ka deplase karousèl la ditou (li te « bloke »). */
    @media (hover: none), (pointer: coarse){ .reko-nav-btn{ display: none; } }
    .suggestions-scroll, .autre-boutik-scroll{ scroll-snap-type: x proximity; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
    .suggestions-scroll > *, .autre-boutik-scroll > *{ scroll-snap-align: start; }
    .suggestions-scroll.ap-trene, .autre-boutik-scroll.ap-trene{ scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }
    .suggestions-scroll.ap-trene a, .autre-boutik-scroll.ap-trene a{ pointer-events: none; }
    .suggestions-scroll img, .autre-boutik-scroll img{ -webkit-user-drag: none; user-select: none; }

    .suggestions-scroll{ display: flex; gap: 12px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
    .suggestions-scroll::-webkit-scrollbar{ display: none; }
    .suggestion-card{
        flex: 0 0 150px; text-decoration: none; color: var(--bizzy-text);
        background-color: var(--bizzy-surface); border: 1px solid var(--bizzy-border); border-radius: 10px; overflow: hidden;
        transition: box-shadow 0.15s ease, transform 0.15s ease;
    }
    /* ✅ 2026-10-17 — hover SÈLMAN ak sourit: sou telefòn kat la te rete « leve » (kole) apre yon tap */
    @media (hover:hover) and (pointer:fine){ .suggestion-card:hover{ box-shadow: 0 6px 16px rgba(20,26,52,0.08); transform: translateY(-2px); } }
    .suggestion-card img{ width: 100%; height: 130px; object-fit: cover; display: block; background-color: var(--bizzy-bg); }
    .suggestion-info{ padding: 10px; }
    .suggestion-nom{
        font-size: 0.78rem; font-weight: 500; color: var(--bizzy-text); line-height: 1.35;
        display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
        min-height: 2.1em; margin-bottom: 6px;
    }
    .suggestion-prix{ font-size: 0.94rem; font-weight: 800; color: var(--bizzy-text); }
    .suggestion-boutik{ font-size: 0.66rem; color: var(--bizzy-muted); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    /* ---------- LÒT BOUTIK KI VANN MENM PWODWI A ---------- */
    .autre-boutik-scroll{ display: flex; gap: 12px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
    .autre-boutik-scroll::-webkit-scrollbar{ display: none; }
    .autre-boutik-card{
        flex: 0 0 150px; text-decoration: none; color: var(--bizzy-text);
        background-color: var(--bizzy-surface); border: 1px solid var(--bizzy-border); border-radius: 10px; overflow: hidden; position: relative;
        transition: box-shadow 0.15s ease, transform 0.15s ease;
    }
    @media (hover:hover) and (pointer:fine){ .autre-boutik-card:hover{ box-shadow: 0 6px 16px rgba(20,26,52,0.08); transform: translateY(-2px); } }
    .autre-boutik-thumb{ width: 100%; height: 130px; background-color: var(--bizzy-bg); }
    .autre-boutik-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
    .autre-boutik-nom{
        display: flex; align-items: center; gap: 5px; font-size: 0.68rem; font-weight: 600; color: var(--bizzy-muted);
        padding: 8px 10px 0;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .autre-boutik-logo{ width: 14px; height: 14px; border-radius: 4px; overflow: hidden; background-color: var(--bizzy-bg); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; }
    .autre-boutik-logo img{ width: 100%; height: 100%; object-fit: cover; }
    .autre-boutik-prix{ font-size: 0.92rem; font-weight: 800; color: var(--bizzy-text); padding: 3px 10px 10px; }
    .autre-boutik-rupture{ position: absolute; top: 6px; right: 6px; background-color: #FEF2F2; color: var(--bizzy-erè); font-size: 0.6rem; font-weight: 700; padding: 2px 7px; border-radius: 50px; }
    [data-theme="dark"] .autre-boutik-rupture{ background-color:#3A1B1B; }


    /* ---------- BARRE D'ACHAT ---------- */
    .achat-bar{
        position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
        width: 100%; max-width: 480px; background-color: var(--bizzy-surface); padding: 12px 16px;
        border-top: 1px solid var(--bizzy-border); display: flex; gap: 10px; z-index: 1030;
    }
    .btn-favori-large{
        width: 48px; height: 48px; border-radius: 10px; border: 1.5px solid var(--bizzy-border); background-color: var(--bizzy-surface);
        color: var(--bizzy-muted); font-size: 1.2rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .btn-favori-large.actif{ color: #F5821F; border-color: #FAD9BC; background-color: #FFF4EA; }
    [data-theme="dark"] .btn-favori-large.actif{ border-color:#3A1B1B; background-color:#3A1B1B; }
    .btn-ajoute-panier-large{
        flex: 1; border: 1.5px solid #141A34; background-color: #141A34; color: #fff;
        border-radius: 10px; font-weight: 700; font-size: 0.85rem;
        transition: background-color 0.15s ease, border-color 0.15s ease;
    }
    /* faz 116: ble marin (menm koulè ak meni/kategori yo); oranj lè moun nan peze l */
    [data-theme="dark"] .btn-ajoute-panier-large{ background-color: #242C52; border-color: rgba(255,255,255,0.18); }
    .btn-ajoute-panier-large:not(:disabled):active{ background-color: var(--bizzy-orange); border-color: var(--bizzy-orange); color: #fff; }
    @media (hover:hover) and (pointer:fine){ .btn-ajoute-panier-large:not(:disabled):hover{ background-color: var(--bizzy-orange); border-color: var(--bizzy-orange); color: #fff; } }
    /* 🔧 KORIJE (2026-09-21) — Freud rapòte bouton "Ajoute nan Panyen"/
       "Achte Kounye a" yo "pa mache ditou" sou pwodwi ki gen varyant
       (koulè/gwosè), tankou Nike Air Monarch IV. Rezon rasin: bouton yo
       DEJA dezaktive (disabled) pa JS jiskaske kliyan an chwazi yon
       varyant konplè — men okenn style CSS pa t egziste pou :disabled,
       kidonk bouton yo te parèt EGZAKTEMAN tankou yo aktif (menm koulè
       oranj, kursè klikab), e klike sou yo pa t fè anyen ditou san okenn
       endikasyon vizyèl pou eksplike poukisa. Kounye a bouton dezaktive
       yo parèt griz ak yon kursè "not-allowed", e yon ti mesaj anba yo
       (wè varyantHint pi ba, mizajouEstatiVaryant() nan JS) eksplike
       kliyan an li dwe chwazi yon koulè/gwosè anvan. */
    .btn-ajoute-panier-large:disabled, .btn-achte-kounye:disabled{
        opacity: 0.45; cursor: not-allowed; box-shadow: none;
    }
    /* ✅ 2026-10-15 — WhatsApp + Pataje, ak ba acha a ki pa kole ak liy anba iPhone */
    .achat-bar{ padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
    .pwodwi-aksyon2{ display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px; }
    .btn-wa-komand{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 0 12px;
        border-radius: 50px; border: 1px solid #128C7E; color: #0B6B5E; background: #F0FBF6; font-weight: 600; font-size: .76rem; text-decoration: none; }
    .btn-wa-komand:hover, .btn-wa-komand:focus-visible{ background: #DCF5EA; color: #0B6B5E; }
    .btn-wa-komand .bi{ font-size: .95rem; color: #128C7E; }
    [data-theme="dark"] .btn-wa-komand{ background: rgba(18,140,126,.15); color: #7EE0C8; border-color: #2BB59B; }
    .btn-pataje-pwodwi{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 0 12px;
        border-radius: 50px; border: 1px solid var(--bizzy-border); background: var(--bizzy-surface); color: var(--bizzy-text); font-weight: 600; font-size: .76rem; }
    .btn-pataje-pwodwi:hover{ border-color: var(--bizzy-text); }
    .wa-komand-not{ font-size: .7rem; color: var(--bizzy-muted); line-height: 1.4; margin: 0 0 10px; }
    .btn-achte-kounye{
        flex: 1; border: none; background-color: var(--bizzy-orange); color: #fff;
        border-radius: 10px; font-weight: 700; font-size: 0.85rem;
        box-shadow: 0 4px 12px rgba(20,26,52,0.1);
    }

    /* ==========================================================
       RESPONSIVE — DESKTOP / LAPTOP (≥992px)
       Mizanpaj 2 kolòn tankou Amazon : galeri a gòch (kole/sticky
       kòm YON SÈL blòk — imaj + miniyati ansanm), enfòmasyon +
       bwat achte a dwat.
    ========================================================== */
    @media (min-width: 992px){
        body{ padding-bottom: 40px; } /* faz 136: anba_paj.css mete l a 0 (footè a) */

        .app-container{ max-width: 1280px; }

        .page-navbar, .breadcrumb-bar{ padding-left: 32px; padding-right: 32px; }

        .produit-main-layout{
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(340px, 420px);
            gap: 36px;
            align-items: start;
            padding: 24px 32px 32px;
        }

        /* Le bloc galerie ENTIER (image + miniatures) devient l'unité
           sticky — plus de décalage/chute visuelle des miniatures.
           Sou laptop, miniyati yo vin VÈTIKAL sou GOCH, gwo imaj la
           DWAT — menm estil ak Alibaba/Amazon (wè kapti moun bay la). */
        .galeri-wrapper{
            padding: 20px;
            position: sticky;
            top: 96px;
            border: 1px solid var(--bizzy-border);
            border-radius: 14px;
            align-self: start;
            flex-direction: row;
            flex-wrap: wrap;   /* ✅ 2026-09-25 (pwen 1): videyo + kat vandè sou pwòp liy yo anba */
            gap: 14px;
        }
        .galeri-wrapper .videyo-pwodwi-wrap,
        .galeri-wrapper .btn-videyo-pwodwi-lyen,
        .galeri-wrapper .boutik-compact{ flex: 0 0 100%; max-width: none; }
        .konfyans-acha{ background: transparent; padding: 14px 0 0; margin-top: 14px; border-top: 1px solid var(--bizzy-border); }

        .galeri-thumbs-col{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            order: -1; /* kolòn miniyati a pase AVAN gwo imaj la */
            flex-shrink: 0;
        }
        .galeri-scroll-btn{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 28px; height: 24px;
            border: 1px solid var(--bizzy-border);
            border-radius: 6px;
            background-color: var(--bizzy-surface);
            color: var(--bizzy-muted);
            font-size: 0.8rem;
            flex-shrink: 0;
        }
        .galeri-scroll-btn:hover{ border-color: var(--bizzy-text); color: var(--bizzy-text); }

        .galeri-miniatures{
            order: 0;
            flex-direction: column;
            width: 68px;
            max-width: none;
            max-height: 384px; /* limite kolòn nan a wotè imaj prensipal la */
            overflow-y: auto;
            overflow-x: hidden;
            margin: 0;
            padding-bottom: 0;
            scroll-behavior: smooth;
        }
        .galeri-miniature{ width: 68px; height: 68px; }

        .galeri-principale{
            order: 1;
            aspect-ratio: 1 / 1;   /* KORIJE: rete kare sou laptop tou, menm jan ak mobil */
            width: 100%;
            max-width: 520px;   /* 2026-09-25: te 480 (e li te kraze a ~170px akoz kat vandè a) */
            height: auto;
            max-height: 520px;
            flex: 1;
            margin: 0;
        }

        .produit-right-col{
            background-color: var(--bizzy-surface);
            border: 1px solid var(--bizzy-border);
            border-radius: 14px;
            padding: 22px;
            position: sticky;
            top: 96px;
            align-self: start;
        }
        .produit-header{ padding: 0 0 4px; }
        .qte-section{ border-top: 1px solid var(--bizzy-border); margin-top: 12px; padding: 16px 0 0; background: transparent; }

        .achat-bar{
            position: static;
            transform: none;
            max-width: none;
            width: 100%;
            border-top: 1px solid var(--bizzy-border);
            padding: 16px 0 0;
            margin-top: 4px;
        }

        .description-section, .boutik-section, .suggestions-section{
            padding-left: 32px; padding-right: 32px;
        }

        .suggestions-scroll, .autre-boutik-scroll{ gap: 14px; }
        .suggestion-card{ flex: 0 0 160px; }
        .suggestion-card img{ height: 120px; }
        .autre-boutik-card{ flex: 0 0 170px; }
        .autre-boutik-thumb{ height: 120px; }
    }

    @media (min-width: 1200px){
        .produit-main-layout{ grid-template-columns: minmax(0, 1.3fr) minmax(360px, 440px); }
    }

    /* ✅ NOUVO — Bouton chanje tèm + pon Bootstrap pou mòd fonse */
    .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;
    }
    [data-theme="dark"] .form-control{
        background-color: var(--bizzy-surface) !important; border-color: var(--bizzy-border) !important; color: var(--bizzy-text) !important;
    }

    /* ✅ NOUVO — chan kantite modifyab alamen (Item 3) */
    .qte-valeur-input{
        border: none; background: transparent; width: 46px; -moz-appearance: textfield;
        color: var(--bizzy-text);
    }
    .qte-valeur-input::-webkit-outer-spin-button, .qte-valeur-input::-webkit-inner-spin-button{
        -webkit-appearance: none; margin: 0;
    }
    .qte-valeur-input:focus{ outline: none; }

    /* ✅ NOUVO — bouton "Chwazi kantite sa a" sou chak palye (Item 3) */
    .palye-chwazi-btn{
        margin-top: 8px; width: 100%; border: 1px solid var(--bizzy-orange); background: transparent;
        color: var(--bizzy-orange); border-radius: 8px; padding: 5px 8px; font-size: 0.7rem; font-weight: 700;
        cursor: pointer;
    }
    .palye-chwazi-btn:hover{ background: var(--bizzy-orange); color: #fff; }

    /* ✅ NOUVO — badge "Acht Verifye" sou avi yo (Item 2) */
    .avis-item-verifye{
        display: inline-flex; align-items: center; gap: 4px; font-size: 0.66rem; font-weight: 700;
        color: #15803D; background-color: #ECFDF3; padding: 2px 8px; border-radius: 50px; margin-left: 6px;
    }
    [data-theme="dark"] .avis-item-verifye{ color:#6FCF97; background-color:#153826; }

    /* ✅ NOUVO — bouton "Avize m lè gen stòk" (Item 4) */
    .btn-avize-estok{
        display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
        border: 1.5px solid var(--bizzy-orange); background: transparent; color: var(--bizzy-orange);
        border-radius: 8px; padding: 7px 14px; font-size: 0.8rem; font-weight: 700; cursor: pointer;
    }
    .btn-avize-estok:hover{ background: var(--bizzy-orange); color: #fff; }
    .btn-avize-estok:disabled{ opacity: 0.6; cursor: not-allowed; }

    /* ✅ NOUVO — lyen politik retou/ranbousman (Item 7) */
    .lyen-politik-retou{
        display: flex; align-items: center; gap: 6px; font-size: 0.74rem; color: var(--bizzy-muted);
        text-decoration: none; margin-top: 10px; border-top: 1px solid var(--bizzy-border); padding-top: 10px;
    }
    .lyen-politik-retou:hover{ color: var(--bizzy-text); }
    .lyen-politik-retou i{ color: var(--bizzy-orange); }

    /* ✅ NOUVO — bouton + modal "Rapòte pwodwi sa a" (Item 6) */
    .btn-rapòte-pwodwi{
        display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
        margin-top: 10px; border: none; background: transparent; color: var(--bizzy-muted);
        font-size: 0.76rem; font-weight: 600; padding: 6px; cursor: pointer; text-decoration: underline;
    }
    .btn-rapòte-pwodwi:hover{ color: var(--bizzy-erè); }
    .bizzy-report-overlay{
        position: fixed; inset: 0; background: rgba(10,10,15,0.55); display: none;
        align-items: center; justify-content: center; z-index: 2100; padding: 24px;
    }
    .bizzy-report-overlay.actif{ display: flex; }
    .bizzy-report-box{
        background-color: var(--bizzy-surface); border-radius: 14px; padding: 20px; width: 100%;
        max-width: 380px; position: relative;
    }
    .bizzy-report-tit{ font-size: 0.95rem; font-weight: 700; margin-bottom: 12px; padding-right: 20px; }
    .bizzy-report-fermer{
        position: absolute; top: 12px; right: 14px; background: none; border: none;
        color: var(--bizzy-muted); font-size: 1.4rem; line-height: 1;
    }
    #rapòMesajSikse{
        color: #15803D; font-weight: 600; font-size: 0.85rem; margin: 10px 0 0;
    }
    [data-theme="dark"] #rapòMesajSikse{ color:#6FCF97; }

    /* ✅ faz 145 — aksesibilite + zòn pou peze ≥ 40px (mobil/touchscreen) + tèks ≥ 11.5px */
    main#kontni{ display: block; }
    main#kontni:focus{ outline: none; }
    :where(a, button, select, input, textarea, [tabindex]):focus-visible{ outline: 2px solid var(--bizzy-orange); outline-offset: 2px; }
    .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; }
    .livrezon-dep-badge, .boutik-nouvo-badj, .suggestion-boutik{ font-size: 0.72rem; }
    @media (max-width: 991.98px), (pointer: coarse){
        .page-navbar a.back-btn{ min-width: 40px; min-height: 40px; align-items: center; justify-content: center; margin: -8px 0 -8px -8px; }
        .page-navbar a.cart-btn{ min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: -8px -8px -8px 0; }
        .page-navbar .cart-badge{ top: -2px; right: -2px; }
        .tèm-toggle-btn{ width: 40px; height: 40px; }
        .breadcrumb-bar a{ display: inline-flex; align-items: center; min-height: 40px; margin: -12px 0; }
        .varyant-koulè-swatch, .varyant-gwosè-btn{ min-height: 40px; }
        #btnQteMoins, #btnQtePlus{ min-width: 40px; min-height: 40px; }
        .qte-valeur-input{ min-height: 40px; }
        .produit-boutik-link, .boutik-compact-nom{ min-height: 40px; display: inline-flex; align-items: center; }
        .konfyans-acha-lyen{ min-height: 40px; }
        .livrezon-rezime-select{ min-height: 40px; }
        .btn-rapòte-pwodwi{ min-height: 40px; }
        .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; }
    }

/* ==========================================================
   ✅ 2026-10-17 — BA ACHA MOBIL (UX): pri + kantite toujou vizib,
   yon sèl bouton plen (Achte Kounye a), Panye an kontou, WhatsApp,
   kè favori a sou foto a. Sou òdinatè (≥ 992 px) ba a rete nan paj la.
   ========================================================== */
.achat-bar{
    flex-direction: column; gap: 8px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -8px 24px rgba(20,26,52,.08);
}
.ab-tet{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; }
.ab-pri{ display: flex; align-items: baseline; gap: 4px; min-width: 0; }
.ab-pri strong{ font-size: 1.15rem; font-weight: 800; color: var(--bizzy-text); white-space: nowrap; }
.ab-pa{ font-size: .78rem; color: var(--bizzy-muted); white-space: nowrap; }
.ab-qte{ display: inline-flex; align-items: center; height: 38px; border: 1px solid var(--bizzy-border); border-radius: 999px; background: var(--bizzy-surface); flex: none; }
.ab-qte button{ width: 40px; height: 38px; border: 0; background: none; color: var(--bizzy-text); font-size: 1.15rem; display: flex; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; }
.ab-qte button:disabled{ opacity: .3; cursor: default; }
.ab-qte output{ min-width: 30px; text-align: center; font-weight: 800; font-size: 1rem; color: var(--bizzy-text); }
.ab-bt{ display: flex; gap: 8px; }
.ab-wa{ flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; background: #25D366; color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; text-decoration: none; }
.ab-wa:active{ background: #1EBE57; }
.achat-bar .btn-ajoute-panier-large{
    flex: 1 1 0; min-height: 48px; border-radius: 12px; font-size: .95rem; font-weight: 700;
    background: var(--bizzy-surface); color: var(--bizzy-text); border: 1.5px solid var(--bizzy-text);
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px;
}
.achat-bar .btn-ajoute-panier-large .bi{ font-size: 1.1rem; }
[data-theme="dark"] .achat-bar .btn-ajoute-panier-large{ background: transparent; border-color: rgba(255,255,255,.4); color: #fff; }
.achat-bar .btn-achte-kounye{ flex: 1.5 1 0; min-height: 48px; border-radius: 12px; font-size: .95rem; font-weight: 800; box-shadow: 0 6px 16px rgba(245,130,31,.3); }
.ab-long{ display: none; } .ab-kout{ display: inline; }
@media (min-width: 420px){ .ab-long{ display: inline; } .ab-kout{ display: none; } }

/* Kè favori a sou foto a (anwo a dwat); zoom la desann anba a dwat */
.btn-favori-foto{
    position: absolute; top: 10px; right: 10px; z-index: 3;
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(255,255,255,.95); border: 1px solid rgba(20,26,52,.08);
    box-shadow: 0 2px 10px rgba(20,26,52,.12); color: #141A34; font-size: 1.15rem;
    cursor: pointer;
}
.btn-favori-foto.actif{ color: #E11D48; background: #fff; border-color: #FBD5DC; }
[data-theme="dark"] .btn-favori-foto.actif{ background: #fff; border-color: #FBD5DC; }
.galeri-principale .galeri-zoom-hint{ top: auto; bottom: 10px; }

@media (min-width: 992px){
    .achat-bar{ box-shadow: none; padding: 16px 0 0; }
    .achat-bar .ab-tet, .achat-bar .ab-wa{ display: none; }
    .ab-long{ display: inline; } .ab-kout{ display: none; }
}

/* ==========================================================
   ✅ 2026-10-17 — STIL PREMIUM: bouton prensipal ble maren (pa
   gwo blòk vèt/zoranj), tèks ki li byen (kontras > 4.5), vèt
   WhatsApp sèlman sou ti ikòn nan, zoranj pou pri ak aksan.
   ========================================================== */
.achat-bar .btn-achte-kounye{
    background:#141A34; color:#fff; border:1.5px solid #141A34;
    box-shadow:0 8px 20px -8px rgba(20,26,52,.55); letter-spacing:.1px;
    transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.achat-bar .btn-achte-kounye:not(:disabled):hover{ background:#232B52; transform:translateY(-1px); box-shadow:0 12px 24px -10px rgba(20,26,52,.6); }
.achat-bar .btn-achte-kounye:not(:disabled):active{ transform:translateY(0); }
.achat-bar .btn-ajoute-panier-large{ border-color:#D5D9E3; }
.achat-bar .btn-ajoute-panier-large:not(:disabled):hover{ background:#F6F7FA; border-color:#141A34; color:#141A34; }
.ab-wa{ background:#fff; color:#141A34 !important; border:1.5px solid #D5D9E3; }
.ab-wa .bi{ color:#1FAF57; }
.ab-wa:active{ background:#F6F7FA; }
.btn-wa-komand{ border-color:#D5D9E3; color:#141A34; background:#fff; }
.btn-wa-komand .bi{ color:#1FAF57; }
.btn-wa-komand:hover, .btn-wa-komand:focus-visible{ background:#F6F7FA; color:#141A34; border-color:#141A34; }
.achat-bar button:focus-visible, .achat-bar a:focus-visible{ outline:2px solid #F5821F; outline-offset:2px; }
[data-theme="dark"] .achat-bar .btn-achte-kounye{ background:#F4F5F8; color:#141A34; border-color:#F4F5F8; box-shadow:none; }
[data-theme="dark"] .ab-wa, [data-theme="dark"] .btn-wa-komand{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.3); }

/* ==========================================================
   ✅ 2026-10-23 (demann Freud) — PAJ DETAY PWODWI: mobil an premye
   (84% vizitè yo sou telefòn).
   1) Pri goud oranj + dola ayisyen ble (menm jan ak kat akèy la)
   2) Zetwal anba non an
   3) Seleksyon koulè/gwosè: gwo sèk vizib, chwa a make, mesaj klè,
      dirèkteman anlè Kantite + bouton achte yo
   4) Konte foto « 1 / 5 » sou galri a
   ========================================================== */
:root{ --bizzy-ble-dola: #1D4ED8; }
[data-theme="dark"]{ --bizzy-ble-dola: #60A5FA; }

/* 1) PRI */
.produit-prix-principal{ display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; line-height: 1.2; }
.produit-prix-principal .prix-goud{ color: var(--bizzy-orange); white-space: nowrap; }
.produit-prix-principal .prix-dola-ayisyen{ color: var(--bizzy-ble-dola); font-size: .95rem; font-weight: 700; white-space: nowrap; }
.produit-prix-row .badj-rabe{ font-size: .78rem; padding: 4px 9px; align-self: center; }
.produit-ekonomi{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 2px 0 8px; }
.produit-ekonomi .produit-prix-original s{ color: var(--bizzy-muted); }
.produit-ekonomi-chip{ display: inline-flex; align-items: center; gap: 4px; background: #ECFDF3; color: #15803D; border-radius: 999px; padding: 3px 10px; font-size: .76rem; font-weight: 600; }
[data-theme="dark"] .produit-ekonomi-chip{ background: rgba(111,207,151,.12); color: #6FCF97; }
.ab-pri .prix-goud, .pwodwi-kole-prix .prix-goud{ color: var(--bizzy-orange); }
.ab-pri .prix-dola-ayisyen, .pwodwi-kole-prix .prix-dola-ayisyen{ color: var(--bizzy-ble-dola); font-size: .72rem; font-weight: 700; }
.ab-pri strong{ display: inline-flex; align-items: baseline; gap: 4px; }

/* 2) ZETWAL */
.produit-etwal-lyen{ display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin: -4px 0 8px; font-size: .8rem; color: var(--bizzy-text); text-decoration: none; }
.produit-etwal{ color: #F59E0B; display: inline-flex; gap: 1px; font-size: .85rem; }
.produit-etwal-kont{ color: var(--bizzy-muted); text-decoration: underline; text-underline-offset: 2px; }

/* 3) SELEKSYON KOULÈ / GWOSÈ / LAJÈ */
.varyant-section{
    background: var(--bizzy-surface); padding: 14px 16px 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg);
    scroll-margin-top: 72px; border-radius: 0; transition: box-shadow .2s ease;
}
.varyant-label{ font-size: .88rem; font-weight: 700; color: var(--bizzy-text); margin: 0 0 10px; }
.varyant-label + .varyant-koulè-row, .varyant-label + .varyant-gwosè-row{ margin-bottom: 4px; }
#varyantGwosèLabel, #varyantLajèLabel{ margin-top: 16px; }
.varyant-chwa{ font-weight: 600; color: var(--bizzy-muted); }
.varyant-chwa.fèt{ color: var(--bizzy-orange); font-weight: 800; }
.varyant-koulè-row, .varyant-gwosè-row{ display: flex; flex-wrap: wrap; gap: 10px; }

.varyant-koulè-swatch{
    position: relative; display: inline-flex; align-items: center; gap: 8px;
    min-height: 48px; padding: 6px 14px 6px 6px; border-radius: 999px;
    border: 1.5px solid var(--bizzy-border); background: var(--bizzy-surface);
    color: var(--bizzy-text); font-size: .85rem; font-weight: 600; cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}
.swatch-cercle{
    width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; display: inline-block; position: relative;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); /* koulè blan/klè yo toujou vizib */
}
.swatch-cercle.swatch-foto{ border-radius: 10px; width: 40px; height: 40px; }
.varyant-koulè-swatch.actif{ border-color: var(--bizzy-orange); border-width: 2px; background: #FFF7EF; box-shadow: 0 0 0 3px rgba(245,130,31,.18); }
[data-theme="dark"] .varyant-koulè-swatch.actif{ background: #3A2E12; }
.varyant-koulè-swatch.actif .swatch-cercle::after{
    content: "\F26E"; font-family: "bootstrap-icons"; position: absolute; right: -4px; bottom: -4px;
    width: 18px; height: 18px; border-radius: 50%; background: var(--bizzy-orange); color: #fff;
    font-size: .8rem; line-height: 18px; text-align: center; box-shadow: 0 0 0 2px var(--bizzy-surface);
}
.varyant-koulè-swatch.epuize{ opacity: .5; cursor: not-allowed; }
.varyant-koulè-swatch.epuize .swatch-non{ text-decoration: line-through; }
.varyant-koulè-swatch.epuize .swatch-cercle::before{
    content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 2px; background: #B91C1C; transform: translateX(-50%) rotate(45deg);
}
.swatch-fini{ font-size: .66rem; font-weight: 700; color: var(--bizzy-erè); text-transform: uppercase; letter-spacing: .3px; }
@media (hover:hover) and (pointer:fine){ .varyant-koulè-swatch:not(.epuize):not(.actif):hover, .varyant-gwosè-btn:not(.epuize):not(.actif):hover{ border-color: var(--bizzy-text); } }

.varyant-gwosè-btn{
    min-width: 52px; min-height: 46px; padding: 6px 14px; border-radius: 10px;
    border: 1.5px solid var(--bizzy-border); background: var(--bizzy-surface);
    color: var(--bizzy-text); font-size: .88rem; font-weight: 700; cursor: pointer;
}
.varyant-gwosè-btn.actif{ border-color: var(--bizzy-orange); background: var(--bizzy-orange); color: #fff; box-shadow: 0 0 0 3px rgba(245,130,31,.18); }
.varyant-gwosè-btn.epuize{ opacity: .4; cursor: not-allowed; text-decoration: line-through; }

.varyant-hint{ display: none; margin-top: 12px; font-size: .8rem; font-weight: 600; color: var(--bizzy-muted); }
.varyant-hint::before{ content: "\F431"; font-family: "bootstrap-icons"; margin-right: 6px; vertical-align: -1px; }
.varyant-hint.erè{ color: var(--bizzy-erè); background: #FEF2F2; border: 1px solid #FECACA; border-radius: 10px; padding: 8px 12px; }
.varyant-hint.erè::before{ content: "\F33A"; }
[data-theme="dark"] .varyant-hint.erè{ background: rgba(220,38,38,.12); border-color: rgba(220,38,38,.4); }
.varyant-stok{ margin-top: 12px; font-size: .8rem; font-weight: 600; color: #15803D; }
.varyant-stok.ba{ color: var(--bizzy-erè); }
[data-theme="dark"] .varyant-stok{ color: #6FCF97; }
[data-theme="dark"] .varyant-stok.ba{ color: var(--bizzy-erè); }

/* Moun nan klike Achte/Panye san l pa chwazi: seksyon an klere + ti souke */
.varyant-section.bezwen{ animation: varyantBezwen .7s ease; box-shadow: inset 0 0 0 2px var(--bizzy-erè); }
@keyframes varyantBezwen{ 0%,100%{ transform: translateX(0); } 20%{ transform: translateX(-6px); } 40%{ transform: translateX(6px); } 60%{ transform: translateX(-4px); } 80%{ transform: translateX(4px); } }
.varyant-section.fini-chwazi{ box-shadow: none; }
@media (prefers-reduced-motion: reduce){ .varyant-section.bezwen{ animation: none; } }

/* Bouton achte yo: rete klikab, men yon ti jan pal tank varyant lan pa chwazi */
.btn-ajoute-panier-large.bezwen-varyant, .btn-achte-kounye.bezwen-varyant{ opacity: .85; }

/* Ba anba a (telefòn): koulè/gwosè chwazi a */
.ab-pri-blok{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ab-varyant{
    display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; max-width: 100%;
    border: 0; background: none; padding: 0; min-height: 24px;
    font-size: .74rem; font-weight: 700; color: var(--bizzy-erè); cursor: pointer;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ab-varyant.pare{ color: var(--bizzy-text); }
.ab-varyant .bi{ font-size: .7rem; }
.ab-varyant-pwen{ width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); }
.ab-varyant-pwen.vid{ background: conic-gradient(#EF4444, #F59E0B, #22C55E, #3B82F6, #A855F7, #EF4444); }

/* Blòk enfòmasyon anplis (palye, livrezon) apre bouton achte yo */
.produit-enfo-anplis{ background: var(--bizzy-surface); padding: 2px 16px 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); }
.produit-enfo-anplis > :first-child{ margin-top: 14px; }
.pwodwi-aksyon2, .wa-komand-not{ padding-left: 16px; padding-right: 16px; }

/* 4) GALRI */
.galeri-konte{
    position: absolute; left: 10px; bottom: 10px; z-index: 2;
    background: rgba(20,26,52,.72); color: #fff; font-size: .72rem; font-weight: 700;
    padding: 3px 9px; border-radius: 999px; pointer-events: none; font-variant-numeric: tabular-nums;
}
@media (max-width: 991.98px){
    .galeri-principale{ touch-action: pan-y pinch-zoom; }
    .galeri-miniatures{ scroll-snap-type: x proximity; }
    .galeri-miniature{ scroll-snap-align: center; }
}

@media (min-width: 992px){
    .varyant-section{ padding: 16px 0 0; margin-top: 14px; border-top: 1px solid var(--bizzy-border); background: transparent; }
    .varyant-section.bezwen{ box-shadow: 0 0 0 2px var(--bizzy-erè); border-radius: 10px; padding: 12px; }
    .produit-enfo-anplis{ padding: 0; margin-top: 14px; border-top: 1px solid var(--bizzy-border); background: transparent; }
    .pwodwi-aksyon2, .wa-komand-not{ padding-left: 0; padding-right: 0; }
    .ab-pri-blok{ display: none; }
}

/* ✅ 2026-10-23 — FICH « Detay pwodwi a » (tout enfòmasyon vandè a te antre) */
.detay-pwodwi-section{ background: var(--bizzy-surface); padding: 16px; margin-top: 8px; border-top: 8px solid var(--bizzy-bg); scroll-margin-top: 64px; }
.detay-pwodwi-section h2{ font-size: .92rem; font-weight: 700; margin-bottom: 10px; }
.detay-tablo{ margin: 0; border: 1px solid var(--bizzy-border); border-radius: 10px; overflow: hidden; }
.detay-liy{ display: grid; grid-template-columns: minmax(110px, 38%) 1fr; font-size: .82rem; }
.detay-liy + .detay-liy{ border-top: 1px solid var(--bizzy-border); }
.detay-liy dt{ margin: 0; padding: 9px 12px; font-weight: 600; color: var(--bizzy-muted); background: var(--bizzy-bg); }
.detay-liy dd{ margin: 0; padding: 9px 12px; color: var(--bizzy-text); overflow-wrap: anywhere; }
.detay-liy dd a{ color: var(--bizzy-text); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.detay-ok{ color: #15803D; font-weight: 600; }
.detay-non{ color: var(--bizzy-erè); font-weight: 600; }
[data-theme="dark"] .detay-ok{ color: #6FCF97; }
.detay-koule{ display: inline-flex; align-items: center; gap: 5px; margin: 0 10px 2px 0; }
.detay-koule-pwen{ width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); flex-shrink: 0; }
.detay-tags{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.detay-tag{ display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border-radius: 999px; background: var(--bizzy-bg); color: var(--bizzy-text); font-size: .74rem; font-weight: 600; text-decoration: none; }
@media (min-width: 992px){ .detay-pwodwi-section{ padding-left: 32px; padding-right: 32px; } }
.produit-detay-lyen{ display: flex; align-items: center; gap: 6px; min-height: 36px; margin-top: 6px; font-size: .8rem; font-weight: 600; color: var(--bizzy-text); text-decoration: underline; text-underline-offset: 2px; }

/* ✅ 2026-10-23 — KARousèl « Pwodwi ki sanble » / « Moun ki gade sa a gade tou » (telefòn: ~2.3 kat vizib, glise ak dwèt) */
.sij-we-tout{ font-size: .78rem; font-weight: 700; color: var(--bizzy-orange); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; }
.kat-sij{ flex: 0 0 42%; max-width: 170px; display: flex; flex-direction: column; text-decoration: none; color: var(--bizzy-text); }
.kat-sij-foto{ position: relative; display: block; aspect-ratio: 1 / 1; background: #fff; border-bottom: 1px solid var(--bizzy-border); }
.suggestion-card.kat-sij img{ width: 100%; height: 100%; object-fit: cover; }
.kat-sij-foto .badj-rabe{ position: absolute; top: 6px; left: 6px; }
.kat-sij-fini-badj{ position: absolute; top: 6px; right: 6px; background: #FEF2F2; color: var(--bizzy-erè); font-size: .62rem; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.kat-sij-fini img{ opacity: .55; }
.kat-sij .suggestion-info{ display: flex; flex-direction: column; gap: 3px; flex: 1; }
.kat-sij .suggestion-nom{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; line-height: 1.3; font-size: .78rem; }
.kat-sij-etwal{ font-size: .7rem; font-weight: 700; color: var(--bizzy-text); }
.kat-sij-etwal i{ color: #F59E0B; }
.kat-sij-etwal span{ color: var(--bizzy-muted); font-weight: 500; }
.suggestion-prix .prix-goud, .autre-boutik-prix .prix-goud{ color: var(--bizzy-orange); white-space: nowrap; }
.suggestion-prix .prix-dola-ayisyen, .autre-boutik-prix .prix-dola-ayisyen{ display: block; color: var(--bizzy-ble-dola); font-size: .68rem; font-weight: 700; }
.kat-sij-ansyen{ font-size: .68rem; color: var(--bizzy-muted); }
@media (min-width: 992px){ .kat-sij{ flex: 0 0 170px; } }

/* ✅ 2026-10-23 — « Lòt boutik ki vann pwodwi sa a »: lis pou konpare pri (telefòn an premye) */
.meme-not{ font-size: .78rem; color: var(--bizzy-muted); margin: -4px 0 10px; }
.meme-lis{ list-style: none; margin: 0; padding: 0; border: 1px solid var(--bizzy-border); border-radius: 12px; overflow: hidden; }
.meme-lis li + li{ border-top: 1px solid var(--bizzy-border); }
.meme-liy{ display: flex; align-items: center; gap: 10px; padding: 10px 12px; min-height: 76px; color: var(--bizzy-text); text-decoration: none; }
.meme-liy:active{ background: var(--bizzy-bg); }
@media (hover:hover) and (pointer:fine){ .meme-liy:hover{ background: var(--bizzy-bg); } }
.meme-liy > img{ width: 56px; height: 56px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background: #fff; border: 1px solid var(--bizzy-border); }
.meme-enfo{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.meme-boutik{ display: flex; align-items: center; gap: 5px; font-size: .8rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.meme-logo{ width: 18px; height: 18px; border-radius: 5px; overflow: hidden; background: var(--bizzy-bg); display: inline-flex; align-items: center; justify-content: center; font-size: .6rem; flex-shrink: 0; }
.meme-logo img{ width: 100%; height: 100%; object-fit: cover; }
.meme-verifye{ color: var(--bizzy-ble-dola); font-size: .8rem; }
.meme-non{ font-size: .74rem; color: var(--bizzy-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.meme-stok{ font-size: .7rem; color: var(--bizzy-muted); }
.meme-stok-ok{ color: #15803D; font-weight: 600; }
.meme-stok-non{ color: var(--bizzy-erè); font-weight: 600; }
[data-theme="dark"] .meme-stok-ok{ color: #6FCF97; }
.meme-pri{ display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; text-align: right; }
.meme-pri-val{ font-size: .9rem; font-weight: 800; line-height: 1.2; }
.meme-pri-val .prix-goud{ color: var(--bizzy-orange); white-space: nowrap; }
.meme-pri-val .prix-dola-ayisyen{ display: block; color: var(--bizzy-ble-dola); font-size: .68rem; font-weight: 700; }
.meme-badj-pibon{ background: #15803D; color: #fff; font-size: .64rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.meme-diff{ font-size: .68rem; font-weight: 600; color: var(--bizzy-muted); white-space: nowrap; }
.meme-diff.mwens{ color: #15803D; }
[data-theme="dark"] .meme-diff.mwens{ color: #6FCF97; }
.meme-fini{ opacity: .6; }
.meme-we-plis{ margin-top: 8px; }

/* ✅ 2026-10-23 — separatè « Menm kalite nan lòt boutik » nan karousèl boutik la */
.sij-separate{ flex: 0 0 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center;
    padding: 10px 8px; border-radius: 10px; background: #FFF7EF; color: #9A4A0B; font-size: .72rem; font-weight: 700; line-height: 1.3; }
.sij-separate .bi{ font-size: 1.1rem; color: var(--bizzy-orange); }
[data-theme="dark"] .sij-separate{ background: #3A2E12; color: #F5A05A; }

/* ==========================================================
   ✅ 2026-10-26 (amelyorasyon #3) — « Peman pwoteje » anba bouton Achte yo
   (lyen → blòk #konfyansAcha). Ba a vin ~22 px pi wo: footè a jwenn plis espas.
   ========================================================== */
.ab-pwoteje{
    display: flex; align-items: center; justify-content: center; gap: 5px;
    margin-top: -2px; font-size: .72rem; line-height: 1.3; color: var(--bizzy-muted);
    text-decoration: none; min-width: 0;
}
.ab-pwoteje span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab-pwoteje strong{ color: #15803D; font-weight: 700; }
.ab-pwoteje .bi{ color: #15803D; font-size: .85rem; flex: none; }
.ab-pwoteje:hover span, .ab-pwoteje:focus-visible span{ text-decoration: underline; }
[data-theme="dark"] .ab-pwoteje strong, [data-theme="dark"] .ab-pwoteje .bi{ color: #6FCF97; }
#konfyansAcha{ scroll-margin-top: 80px; }
@media (max-width: 991px){
    html body.paj-produit .site-footer{ padding-bottom: calc(124px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 992px){
    .ab-pwoteje{ justify-content: flex-start; margin-top: 2px; font-size: .78rem; }
    .ab-pwoteje span{ white-space: normal; }
}

/* ==========================================================
   ✅ 2026-10-26 (Freud: « korije koulè yo nan detay pwodwi a ») — menm règ ak kat akèy la:
   YON sèl koulè aksan (pri zoranj). Dola ayisyen an ti gri, pa ble. Pa gen chip vèt.
   Estòk an tèks gri (sèlman ikòn nan gen koulè), pa gen animasyon ki bat.
   ========================================================== */
.produit-prix-principal .prix-dola-ayisyen,
.ab-pri .prix-dola-ayisyen, .pwodwi-kole-prix .prix-dola-ayisyen,
.suggestion-prix .prix-dola-ayisyen, .autre-boutik-prix .prix-dola-ayisyen,
.meme-pri-val .prix-dola-ayisyen{ color: var(--bizzy-muted); font-weight: 500; }
.produit-prix-principal .prix-dola-ayisyen{ font-size: .85rem; }
.meme-verifye{ color: var(--bizzy-muted); }
.produit-ekonomi{ color: var(--bizzy-muted); font-weight: 500; }
.produit-ekonomi .produit-prix-original{ font-size: .82rem; }
.badj-rabe{ box-shadow: none; }
.produit-stock{ font-weight: 500; }
.produit-stock.disponib{ color: var(--bizzy-muted); }
.produit-stock.disponib i{ color: #15803D; }
[data-theme="dark"] .produit-stock.disponib{ color: var(--bizzy-muted); }
[data-theme="dark"] .produit-stock.disponib i{ color: #6FCF97; }
.produit-stock.estok-ba{ animation: none; }