/* ============================================================
   PAGE ACCESSOIRES — charte brochure BYD Merchandise
   Palette : papier #faf8f4 · bronze #a4835f · taupe #e8e0d4 · encre #2f2a24
   Feuille unique — remplace les blocs gikz-accessoires-*.css
   ============================================================ */

body.page-gikz-entretien #wrapper,
.page-gikz-accessoires #wrapper{background:#faf8f4;padding-top:0 !important;}
body.page-gikz-entretien #content-wrapper,
.page-gikz-accessoires #content-wrapper{width:100%;max-width:none;padding:0 !important;}
body.page-gikz-entretien .breadcrumb,
.page-gikz-accessoires .breadcrumb{display:none;}

#gikz-acc{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:#2f2a24;background:#faf8f4;min-height:70vh;}
#gikz-acc *,#gikz-acc *::before,#gikz-acc *::after{box-sizing:border-box;}

/* ---------- En-tête éditorial ---------- */
.ga-head{background:#faf8f4;border-bottom:1px solid #e8e0d4;}
.ga-head-inner{max-width:1360px;margin:0 auto;padding:44px 28px 34px;}
.ga-over{margin:0 0 8px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#a4835f;font-weight:600;}
.ga-head h1{margin:0 0 10px;font-size:34px;line-height:1.15;font-weight:700;color:#2f2a24;letter-spacing:.01em;}
.ga-sub{margin:0;font-size:15px;color:#6f665c;max-width:640px;}

/* ---------- Corps deux colonnes ---------- */
.ga-body{max-width:1360px;margin:0 auto;padding:26px 28px 70px;display:flex;gap:34px;align-items:flex-start;}

/* ---------- Colonne filtres ---------- */
.ga-side{width:264px;flex:0 0 264px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;}
.ga-search input{width:100%;padding:11px 14px;border:1px solid #d9cfc0;background:#fff;border-radius:3px;font-size:13.5px;color:#2f2a24;outline:none;}
.ga-search input:focus{border-color:#a4835f;box-shadow:0 0 0 3px rgba(164,131,95,.12);}
.ga-filters{margin-top:22px;}
.ga-group{margin-bottom:26px;}
.ga-gtitle{margin:0 0 10px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#a4835f;font-weight:700;border-bottom:1px solid #e8e0d4;padding-bottom:8px;}
.ga-group ul{list-style:none;margin:0;padding:0;}
.ga-group li{margin:0;}
.ga-group label{display:flex;align-items:center;gap:9px;padding:6px 4px;font-size:13.5px;color:#2f2a24;cursor:pointer;border-radius:3px;}
.ga-group label:hover{background:#f2ece1;}
.ga-group input[type=checkbox]{appearance:none;width:15px;height:15px;border:1.5px solid #b7a68e;border-radius:2px;background:#fff;flex:0 0 15px;position:relative;cursor:pointer;}
.ga-group input[type=checkbox]:checked{background:#a4835f;border-color:#a4835f;}
.ga-group input[type=checkbox]:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);}
.ga-cnt{margin-left:auto;font-size:11.5px;color:#9a8f80;background:#f0e9dd;border-radius:10px;padding:1px 8px;min-width:26px;text-align:center;}
.ga-clear{display:block;width:100%;padding:9px 0;background:none;border:1px solid #cbbda8;border-radius:3px;color:#7a6c58;font-size:12.5px;letter-spacing:.06em;cursor:pointer;}
.ga-clear:hover{background:#f2ece1;}

/* ---------- Barre résultats ---------- */
.ga-main{flex:1;min-width:0;}
.ga-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
#gaCount{margin:0;font-size:13px;color:#6f665c;letter-spacing:.04em;}
#gaSort{padding:7px 10px;border:1px solid #d9cfc0;background:#fff;border-radius:3px;font-size:12.5px;color:#2f2a24;}

/* ---------- Lignes produits ---------- */
.ga-row{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid #e8e0d4;border-radius:4px;padding:16px 20px;margin-bottom:12px;transition:box-shadow .15s,border-color .15s;}
.ga-row:hover{border-color:#cbbda8;box-shadow:0 4px 18px rgba(47,42,36,.07);}
.ga-img{flex:0 0 116px;width:116px;height:116px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #f0e9dd;border-radius:3px;overflow:hidden;}
.ga-img img{max-width:100%;max-height:100%;object-fit:contain;}
.ga-img .ga-noimg{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c5b8a4;text-align:center;line-height:1.5;}
.ga-info{flex:1;min-width:0;}
.ga-typ{margin:0 0 4px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#a4835f;font-weight:700;}
.ga-name{margin:0 0 3px;font-size:16px;font-weight:600;color:#2f2a24;line-height:1.3;}
.ga-name a{color:inherit;text-decoration:none;}
.ga-name a:hover{color:#a4835f;}
.ga-desc{margin:0 0 6px;font-size:12.5px;color:#8a8072;line-height:1.45;max-width:560px;}
.ga-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ga-ref{font-size:11.5px;color:#9a8f80;letter-spacing:.05em;font-family:'Consolas','Menlo',monospace;}
.ga-badge{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#7a6c58;background:#f0e9dd;border-radius:10px;padding:2px 10px;}
.ga-dispo{font-size:11.5px;color:#5f7a52;display:inline-flex;align-items:center;gap:6px;}
.ga-dispo::before{content:'';width:7px;height:7px;border-radius:50%;background:#7ba05b;}
.ga-buy{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:158px;}
.ga-px{font-size:20px;font-weight:700;color:#2f2a24;letter-spacing:.01em;}
.ga-px small{font-size:11px;font-weight:400;color:#9a8f80;margin-left:4px;}
.ga-act{display:flex;gap:8px;align-items:stretch;}
.ga-qty{width:52px;padding:8px 6px;border:1px solid #d9cfc0;border-radius:3px;text-align:center;font-size:13.5px;color:#2f2a24;background:#fff;}
.ga-add{padding:8px 16px;background:#2f2a24;color:#faf8f4;border:none;border-radius:3px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s;}
.ga-add:hover{background:#a4835f;}
.ga-add.ok{background:#5f7a52;}
.ga-add:disabled{opacity:.55;cursor:wait;}
#gaEmpty{padding:60px 0;text-align:center;color:#8a8072;font-size:14.5px;}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .ga-body{flex-direction:column;gap:22px;}
  .ga-side{position:static;width:100%;flex:1 1 auto;}
  .ga-group ul{display:flex;flex-wrap:wrap;gap:2px 14px;}
}
@media(max-width:640px){
  .ga-head-inner{padding:30px 18px 24px;}
  .ga-head h1{font-size:26px;}
  .ga-body{padding:18px 14px 50px;}
  .ga-row{flex-wrap:wrap;gap:14px;padding:14px;}
  .ga-buy{flex-direction:row;width:100%;justify-content:space-between;align-items:center;}
}

/* ---------- Bandeau hero (objets à droite, texte à gauche) ---------- */
.ga-head{
  background-image:
    linear-gradient(90deg, rgba(250,248,244,.96) 0%, rgba(250,248,244,.88) 28%, rgba(250,248,244,.38) 52%, rgba(250,248,244,0) 70%),
    url('../img/gikz-acc-hero.webp');
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.ga-head-inner{padding:78px 28px 70px;}
@media(max-width:760px){
  .ga-head{background-image:linear-gradient(90deg,rgba(250,248,244,.97) 0%,rgba(250,248,244,.88) 55%,rgba(250,248,244,.6) 100%),url('../img/gikz-acc-hero.webp');}
  .ga-head-inner{padding:38px 18px 32px;}
}

/* ---------- Bandeau hero ENTRETIEN (image dediee) ---------- */
body.page-gikz-entretien .ga-head{
  background-image:
    linear-gradient(90deg, rgba(250,248,244,.96) 0%, rgba(250,248,244,.88) 28%, rgba(250,248,244,.38) 52%, rgba(250,248,244,0) 70%),
    url('../img/gikz-ent-hero.webp');
}
@media(max-width:760px){
  body.page-gikz-entretien .ga-head{background-image:linear-gradient(90deg,rgba(250,248,244,.97) 0%,rgba(250,248,244,.88) 55%,rgba(250,248,244,.6) 100%),url('../img/gikz-ent-hero.webp');}
}


/* ===== Onglet actif menu principal (barre bleue permanente) ===== */
body.page-gikz-accessoires #header #_desktop_top_menu #lnk-accessoires::after{width:64% !important;}
body.page-gikz-accessoires #header #_desktop_top_menu #lnk-accessoires>a{color:#2563eb !important;}
body.page-gikz-entretien #header #_desktop_top_menu #lnk-entretien::after{width:64% !important;}
body.page-gikz-entretien #header #_desktop_top_menu #lnk-entretien>a{color:#2563eb !important;}

/* scrollbar totalement invisible (scroll molette conserve) */
.ga-side{scrollbar-width:none;-ms-overflow-style:none;}
.ga-side::-webkit-scrollbar{width:0;height:0;display:none;}