/* ============ GOODIGO chrome commun (header/footer/breadcrumb/cross-sell) ============
   Chargé par TOUTES les pages (accueil, collections, produits). Classes préfixées ou
   spécifiques pour ne jamais entrer en conflit avec les styles propres des landing. */
:root{
  --gg-ink:#1C2430;--gg-ink-soft:#5A6672;--gg-brand:#0B7A55;--gg-brand-tint:#E7F4EF;
  --gg-cta:#F5A623;--gg-cta-dark:#D98F12;--gg-soft:#F6F8F7;--gg-line:#E5EAE8;
}

/* ---------- header commun ---------- */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--gg-line)}
.hd .hd-in{max-width:1120px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:26px;height:64px}
.hd .logo{font-size:25px;font-weight:800;letter-spacing:-.5px;color:var(--gg-ink);white-space:nowrap;line-height:1.1}
.hd .logo b{color:var(--gg-brand)}
.hd .logo .dot{color:var(--gg-cta)}
.hd .byline{font-size:10.5px;color:var(--gg-ink-soft);letter-spacing:.4px;margin-top:-3px}
.hd .byline a{color:var(--gg-ink-soft);font-weight:600;text-decoration:none}
.hd nav.main{display:flex;gap:22px;font-size:14.5px;font-weight:600;flex:1}
.hd nav.main a{color:var(--gg-ink);text-decoration:none}
.hd nav.main a:hover{color:var(--gg-brand)}
.hd .hd-tel{font-weight:700;font-size:14.5px;color:var(--gg-ink);white-space:nowrap;text-decoration:none}
.hd .gg-btn{display:inline-block;background:var(--gg-cta);color:#fff;font-weight:800;border:none;cursor:pointer;
  border-radius:12px;padding:11px 20px;font-size:14.5px;transition:.15s;text-decoration:none;white-space:nowrap}
.hd .gg-btn:hover{background:var(--gg-cta-dark)}

/* ---------- fil d'ariane ---------- */
.gg-bc{max-width:1120px;margin:0 auto;padding:12px 20px 0;font-size:13px;color:var(--gg-ink-soft)}
.gg-bc a{color:var(--gg-brand);text-decoration:none;font-weight:600}
.gg-bc span{margin:0 6px;opacity:.6}

/* ---------- cross-sell « vous aimerez aussi » ---------- */
.gg-xs{max-width:1120px;margin:26px auto 0;padding:0 20px}
.gg-xs h2{font-size:22px;letter-spacing:-.4px;margin:0 0 16px;color:var(--gg-ink)}
.gg-xs .xs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.gg-xs .xs-card{background:#fff;border:1px solid var(--gg-line);border-radius:14px;overflow:hidden;
  text-decoration:none;color:var(--gg-ink);transition:.15s;box-shadow:0 2px 10px rgba(16,40,32,.05)}
.gg-xs .xs-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,40,32,.12);border-color:#CBD8D2}
.gg-xs .xs-card .xim{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:0;overflow:hidden}
.gg-xs .xs-card .xim img{width:100%;height:100%;object-fit:cover}
.gg-xs .xs-card .xnm{padding:10px 13px 12px;font-weight:700;font-size:14px;line-height:1.3}

/* ---------- footer commun ---------- */
.gg-ft{background:var(--gg-soft);border-top:1px solid var(--gg-line);padding:38px 0 28px;margin-top:44px;
  font-size:13.5px;color:var(--gg-ink-soft);text-align:left}
.gg-ft .ft-in{max-width:1120px;margin:0 auto;padding:0 20px}
.gg-ft .ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;margin-bottom:22px}
.gg-ft .ft-grid b{color:var(--gg-ink);display:block;margin-bottom:8px;font-size:14px}
.gg-ft .ft-grid a{display:block;color:var(--gg-ink-soft);padding:3px 0;text-decoration:none}
.gg-ft .ft-grid a:hover{color:var(--gg-brand)}
.gg-ft .legal{border-top:1px solid var(--gg-line);padding-top:16px;font-size:12.5px}

@media(max-width:860px){
  .hd nav.main{display:none}
  .hd .hd-in{justify-content:space-between;gap:12px}
  .hd .byline{display:none}
}