/*
 * En-tête de boutique (GG_Marque_Entete) : barre marine, logo centré, menu du site, note Google.
 *
 * Les couleurs sont celles du site : marine #16163f, or #c3943c (le même or que le logo), crème #faf5ea.
 * Le thème (Hello Elementor) donne aux liens et aux boutons un rose et un survol qu'on neutralise ici, élément par élément :
 * tout est préfixé `.gg-h`, rien ne touche le reste de la page.
 */
.gg-h{--m:#16163f;--v:#4f7345;--vf:#3d5a36;--or:#c3943c;--orc:#d4a853;--cr:#faf5ea;--f:'Montserrat',sans-serif;background:#fff;font-family:var(--f);position:relative;z-index:60}
.gg-h *,.gg-h *::before,.gg-h *::after{box-sizing:border-box}
.gg-h a,.gg-h a:hover,.gg-h a:focus{text-decoration:none}
.gg-h :where(ul){list-style:none;margin:0;padding:0}
.gg-h p{margin:0}
.gg-h button,.gg-h button:hover,.gg-h button:focus{background:none;border:0;box-shadow:none;color:inherit;font-family:var(--f);cursor:pointer;padding:0;border-radius:0}
.gg-h a:focus-visible,.gg-h button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.gg-h-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body.gg-entete-v3 header.elementor-location-header{display:none}

/* Barre du haut */
.gg-h-bar{background:var(--v);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:36px;padding:0 24px;font-size:12px}
.gg-h-adr{display:flex;align-items:center;gap:6px;font-weight:500;color:#fff;opacity:.92}
.gg-h-adr svg{width:14px;height:14px;stroke:var(--orc);fill:none;stroke-width:1.8}
.gg-h-msg{display:flex;align-items:center;gap:18px}
.gg-h-texte{font:700 12px/1 var(--f);letter-spacing:1.4px;text-transform:uppercase;color:#fff;text-align:center}
.gg-h-msg .gg-h-fleche,.gg-h-msg .gg-h-fleche:hover,.gg-h-msg .gg-h-fleche:focus{color:#fff;font-size:20px;line-height:1;padding:0 6px;opacity:.8}
.gg-h-msg .gg-h-fleche:hover{opacity:1}
.gg-h-soc{display:flex;gap:16px;justify-content:flex-end}
.gg-h-soc a,.gg-h-soc a:hover,.gg-h-soc a:focus{display:block;line-height:0}
.gg-h-soc svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.7}
.gg-h-soc a:first-child svg{fill:#fff;stroke:none}

/* Logo, compte et panier */
.gg-h-logo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 24px 2px;max-width:1440px;margin:0 auto}
.gg-h-marque,.gg-h-marque:hover,.gg-h-marque:focus{grid-column:2;text-align:center;display:block}
.gg-h-marque img{height:62px;width:auto;display:block;margin:0 auto}
.gg-h-sous{display:block;margin:5px 0 0;font:600 10.5px/1 var(--f);letter-spacing:3px;text-transform:uppercase;color:var(--or)}
.gg-h-icones{grid-column:3;justify-self:end;display:flex;gap:24px;align-items:center}
.gg-h-icones a,.gg-h-icones a:hover,.gg-h-icones a:focus{position:relative;display:block;line-height:0;color:var(--m)}
.gg-h-icones a:hover svg,.gg-h-icones a:focus svg{stroke:var(--or)}
.gg-h-icones svg{width:23px;height:23px;stroke:var(--m);fill:none;stroke-width:1.6;display:block}
.gg-h-icones .gg-panier__compte{position:absolute;top:-8px;right:-10px;background:var(--or);color:#fff;font:700 10px/16px var(--f);min-width:16px;height:16px;padding:0 4px;border-radius:8px;text-align:center}
.gg-h-icones .gg-panier__compte[hidden]{display:none}
.gg-h-icones .gg-panier__unite{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gg-h .gg-h-burger,.gg-h .gg-h-burger:hover,.gg-h .gg-h-burger:focus{display:none;grid-column:1;justify-self:start;padding:6px;line-height:0}
.gg-h-burger svg{width:27px;height:27px;stroke:var(--m);fill:none;stroke-width:1.8}

/* Menu */
.gg-h-nav{border-bottom:1px solid #eadfc8}
.gg-h-liste{display:flex;justify-content:center;gap:4px;padding:4px 24px 10px}
.gg-h-liste>li{position:relative;margin:0}
.gg-h-liste>li>a{display:flex;align-items:center;gap:7px;padding:11px 17px;font:700 12.5px/1 var(--f);letter-spacing:1px;text-transform:uppercase;color:var(--m);border-radius:26px;background:transparent}
.gg-h-liste>li>a:hover,.gg-h-liste>li>a:focus{color:var(--or);background:transparent}
.gg-h-liste>li.gg-h-boutique>a{background:var(--v);color:#fff}
.gg-h-liste>li.gg-h-boutique>a:hover,.gg-h-liste>li.gg-h-boutique>a:focus{background:var(--vf);color:#fff}
.gg-h-liste .menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none}
.gg-h-liste .sub-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:260px;background:#fff;border-top:2px solid var(--or);box-shadow:0 16px 34px rgba(30,48,26,.18);padding:8px 0;z-index:70}
.gg-h-liste>li.gg-h-boutique>.sub-menu{min-width:320px}
.gg-h-liste li:hover>.sub-menu,.gg-h-liste li:focus-within>.sub-menu,.gg-h-liste li.ouvert>.sub-menu{display:block}
.gg-h-liste .sub-menu li{margin:0}
.gg-h-liste .sub-menu a{display:block;padding:12px 24px;font:600 12.5px/1.2 var(--f);letter-spacing:.6px;text-transform:uppercase;color:var(--m);background:transparent}
.gg-h-liste .sub-menu a:hover,.gg-h-liste .sub-menu a:focus{background:var(--cr);color:var(--or)}
.gg-h-liste .sub-menu .gg-h-fort>a{color:var(--or)}

/*
 * Méga menu « Boutique » (12/11/2026, balisage de GG_Marque_Entete_Menu) : sur ordinateur, un panneau sous toute la barre du menu
 * (et non plus une liste collée au bouton), les doublures en pastilles à gauche, les rayons en vignettes à droite (13/11/2026,
 * Thibault : « tu me mets en premier les doublures en haut dans la nav mobile et à gauche desktop »). Un pont
 * invisible de 11 px relie le bouton au panneau pour que la souris ne le ferme pas en descendant. Le téléphone a son dessin plus bas.
 */
@keyframes ggMega{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (min-width:821px){
 .gg-h-nav{position:relative}
 .gg-h-liste>li.gg-h-boutique{position:static}
 .gg-h-liste>li.gg-h-boutique>.sub-menu.gg-mega{left:0;right:0;width:auto;min-width:0;transform:none;padding:28px max(24px,calc((100% - 1120px)/2)) 22px;grid-template-columns:minmax(330px,36%) minmax(0,1fr);column-gap:38px;align-items:start;border-top:2px solid var(--or);box-shadow:0 26px 44px rgba(30,48,26,.16)}
 .gg-h-liste li:hover>.sub-menu.gg-mega,.gg-h-liste li:focus-within>.sub-menu.gg-mega,.gg-h-liste li.ouvert>.sub-menu.gg-mega{display:grid;animation:ggMega .2s ease-out}
 .gg-mega::before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}
 .gg-mega .gg-m-bloc{min-width:0}
 .gg-mega .gg-m-bloc:first-child:nth-last-child(2){grid-column:1/-1}
 .gg-mega .gg-m-bloc-doublure+.gg-m-bloc-rayon{border-left:1px solid #eadfc8;padding-left:38px}
 .gg-mega .gg-m-titre{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 11px/1 var(--f);letter-spacing:2.4px;text-transform:uppercase;color:var(--or)}
 .gg-mega .gg-m-titre::after{content:"";flex:1;height:1px;background:#eadfc8}
 .gg-mega .gg-m-liste{display:grid}
 .gg-mega .gg-m-bloc-rayon .gg-m-liste{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px}
 .gg-mega .gg-m-bloc-doublure .gg-m-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
 .gg-h-liste .gg-mega .gg-m-bloc a{display:block;padding:0;background:transparent;color:var(--m);text-transform:none;letter-spacing:0}
 .gg-h-liste .gg-mega .gg-m-bloc a:hover,.gg-h-liste .gg-mega .gg-m-bloc a:focus{background:transparent;color:var(--or)}
 .gg-mega .gg-m-img{display:block;overflow:hidden;background:var(--cr)}
 .gg-mega .gg-m-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
 .gg-mega a:hover .gg-m-img img,.gg-mega a:focus .gg-m-img img{transform:scale(1.07)}
 .gg-mega .gg-m-lib{display:block;font:600 12px/1.3 var(--f);letter-spacing:.5px;text-transform:uppercase}
 .gg-mega .current-menu-item>a .gg-m-lib{color:var(--v)}
 .gg-mega .gg-m-rayon>a{text-align:center}
 .gg-mega .gg-m-rayon .gg-m-img{aspect-ratio:1/1;border-radius:16px}
 .gg-mega .gg-m-rayon .gg-m-lib{margin-top:10px}
 .gg-h-liste .gg-mega .gg-m-doublure>a{display:flex;align-items:center;gap:13px}
 .gg-mega .gg-m-doublure .gg-m-img{flex:none;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #eadfc8;transition:box-shadow .2s}
 .gg-mega .gg-m-doublure a:hover .gg-m-img,.gg-mega .gg-m-doublure a:focus .gg-m-img{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--or)}
 .gg-mega .gg-m-doublure .gg-m-lib{font-size:12.5px;letter-spacing:.1px;text-transform:none}
 .gg-h-liste .gg-mega .gg-m-tout{grid-column:1/-1;margin-top:26px;padding-top:16px;border-top:1px solid #eadfc8;text-align:right}
 .gg-h-liste .gg-mega .gg-m-tout a{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:26px;background:var(--v);color:#fff;font:700 11.5px/1 var(--f);letter-spacing:1.4px;text-transform:uppercase}
 .gg-h-liste .gg-mega .gg-m-tout a:hover,.gg-h-liste .gg-mega .gg-m-tout a:focus{background:var(--vf);color:#fff}
 .gg-mega .gg-m-tout a::after{content:"\2192";font-size:15px;line-height:1;letter-spacing:0}
}
@media (min-width:821px) and (max-width:1020px){
 .gg-h-liste>li.gg-h-boutique>.sub-menu.gg-mega{grid-template-columns:minmax(0,1fr);row-gap:22px}
 .gg-mega .gg-m-bloc-doublure+.gg-m-bloc-rayon{border-left:0;padding-left:0;border-top:1px solid #eadfc8;padding-top:20px}
 .gg-mega .gg-m-bloc-doublure .gg-m-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/*
 * Tuile « Je choisis mon gant » (13/11/2026, Thibault : « split le en 3 pour avoir tout à droite le configurateur, une tuile "je choisis mon gant" »).
 * Balisage de GG_Marque_Entete_Menu, absent quand la page du configurateur est introuvable (le panneau garde alors ses deux groupes).
 * Au-delà de 1020 px : troisième colonne du panneau (classe gg-mega-triple), les doublures à gauche (pastilles de 88 px, libellé dessous,
 * réparties sur la hauteur du panneau : 13/11/2026, Thibault, « l'espacement sur les doublures rend un peu bizarre »), les rayons au milieu sur
 * trois lignes de trois (vignettes en 6/5 : « les gants sont un peu coupés dans rayon, il faudrait les voir en entier », les photos de 240 px
 * portent le gant sur 81 % de leur hauteur, un 3/2 le rognait). Entre 821 et 1020 px : les deux groupes empilés à gauche, la tuile en portrait à droite
 * (13/11/2026, Thibault : « ici je préfère une tuile format portrait pour voir la photo »). Pas de tuile sur téléphone.
 * Fond (13/11/2026, Thibault : « plutôt qu'un fond vert unis, essaye de mettre ça ») : la photo du gant rouge dans les tiroirs de la boutique
 * (assets/img/menu/configurateur.webp, recadrée sur le gant), en haut de la tuile et fondue dans le vert du site vers le bas, où le texte se
 * lit sur le vert. En portrait (configurateur-portrait.webp, la photo entière), le texte est en haut sur un voile vert (« un peu
 * moins d'opacité pour voir un peu plus la photo », puis « un poil plus fort pour bien lire le texte en blanc »), le bouton en bas de la
 * tuile (« trouver ma paire => en bas de la tuile ») et le gant reste dégagé entre les deux.
 */
.gg-mega .gg-m-bloc-config{display:none}
@media (min-width:821px){
 .gg-mega .gg-m-bloc-config{display:flex;grid-column:1/-1;align-self:stretch}
 .gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config,.gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config:hover,.gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config:focus{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;width:100%;padding:26px 24px 24px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(44,68,38,0) 0%,rgba(44,68,38,.2) 30%,rgba(44,68,38,.85) 50%,#2c4426 62%),url(../img/menu/configurateur.webp) 50% 0/100% auto no-repeat,#2c4426;color:#fff}
 .gg-m-config::before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,168,83,.55);border-radius:12px;pointer-events:none}
 .gg-m-config-titre{position:relative;display:block;font:400 25px/1.12 "Libre Baskerville",Georgia,serif;letter-spacing:.02em;text-transform:uppercase}
 .gg-m-config-titre span{display:block}
 .gg-m-config-titre span+span{color:var(--orc)}
 .gg-m-config-texte{position:relative;display:block;font:500 12.5px/1.5 var(--f);color:rgba(255,255,255,.9)}
 .gg-m-config-bouton{position:relative;display:inline-flex;align-self:flex-start;align-items:center;gap:9px;padding:11px 20px;border-radius:26px;background:var(--orc);color:var(--m);font:700 11.5px/1 var(--f);letter-spacing:1.4px;text-transform:uppercase;transition:background .2s}
 .gg-m-config-bouton::after{content:"\2192";font-size:15px;line-height:1;letter-spacing:0}
 .gg-m-config:hover .gg-m-config-bouton,.gg-m-config:focus .gg-m-config-bouton{background:#fff}
}
@media (min-width:1021px){
 .gg-h-liste>li.gg-h-boutique>.sub-menu.gg-mega.gg-mega-triple{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 270px;column-gap:28px}
 .gg-mega-triple .gg-m-bloc-config{grid-column:auto}
 .gg-mega-triple .gg-m-bloc-rayon{align-self:stretch}
 .gg-mega-triple .gg-m-bloc-doublure+.gg-m-bloc-rayon{padding-left:28px}
 .gg-mega-triple .gg-m-bloc-rayon .gg-m-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}
 .gg-mega-triple .gg-m-bloc-rayon .gg-m-img{aspect-ratio:6/5}
 .gg-mega-triple .gg-m-bloc-doublure{display:flex;flex-direction:column;align-self:stretch}
 .gg-mega-triple .gg-m-bloc-doublure .gg-m-liste{flex:1;align-content:space-between}
 .gg-h-liste .gg-mega.gg-mega-triple .gg-m-doublure>a{flex-direction:column;gap:10px;text-align:center}
 .gg-mega-triple .gg-m-doublure .gg-m-img{width:88px;height:88px}
 .gg-mega-triple .gg-m-bloc-rayon:first-child:nth-last-child(3){grid-column:1/3}
 .gg-mega-triple .gg-m-bloc-rayon:first-child:nth-last-child(3) .gg-m-liste{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:821px) and (max-width:1020px){
 .gg-h-liste>li.gg-h-boutique>.sub-menu.gg-mega.gg-mega-triple{grid-template-columns:minmax(0,1fr) 260px;column-gap:30px}
 .gg-mega-triple .gg-m-bloc-doublure,.gg-mega-triple .gg-m-bloc-rayon{grid-column:1}
 .gg-mega-triple .gg-m-bloc-config{grid-column:2;grid-row:1/span 2}
 .gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config,.gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config:hover,.gg-h-liste .gg-mega .gg-m-bloc-config a.gg-m-config:focus{justify-content:flex-start;padding:30px 24px 24px;background:linear-gradient(180deg,rgba(44,68,38,.9) 0%,rgba(44,68,38,.74) 32%,rgba(44,68,38,.3) 50%,rgba(44,68,38,0) 62%),url(../img/menu/configurateur-portrait.webp) 30% 0/cover no-repeat,#2c4426}
 .gg-m-config-bouton{margin-top:auto}
}
@media (prefers-reduced-motion:reduce){
 .gg-mega{animation:none!important}
 .gg-mega .gg-m-img img,.gg-m-config-bouton{transition:none}
}

/* Note Google (toutes les pages) : au-dessus du bouton WhatsApp, qui fait 60 px à 24 px du bord */
.gg-avis,.gg-avis:hover,.gg-avis:focus{position:fixed;right:24px;bottom:96px;z-index:95;background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.22);padding:10px 16px 10px 14px;font-family:'Montserrat',sans-serif;display:flex;align-items:center;gap:11px;color:#16163f;text-decoration:none}
.gg-avis__note{font:700 30px/1 'Montserrat',sans-serif;letter-spacing:-1px}
.gg-avis__det{display:flex;flex-direction:column;gap:3px}
.gg-avis__etoiles{color:#fbbc05;font-size:15px;line-height:1;letter-spacing:1px}
.gg-avis__lib{font:600 11.5px/1 'Montserrat',sans-serif;color:#555;display:flex;gap:5px;align-items:baseline}
.gg-avis__mot{display:block;flex:none;width:auto;height:16px}

@media (max-width:820px){
 .gg-h-bar{grid-template-columns:1fr;height:34px;padding:0 10px}
 .gg-h-adr,.gg-h-soc{display:none}
 .gg-h-msg{justify-content:center;gap:6px}
 .gg-h-texte{font-size:10px;letter-spacing:1px}
 .gg-h-logo{grid-template-columns:44px 1fr auto;padding:8px 14px}
 .gg-h-marque img{height:50px}
 .gg-h-sous{display:none}
 .gg-h .gg-h-burger,.gg-h .gg-h-burger:hover,.gg-h .gg-h-burger:focus{display:block}
 .gg-h-icones{gap:18px}
 .gg-h-nav{display:none}
 /* Menu ouvert (13/11/2026, Thibault : « je veux que ça s'ouvre en fullscreen et pas pouvoir scroll dans le site ») : il recouvre tout l'écran et défile seul, la page derrière est figée (classe gg-menu-ouvert sur <html>, posée par entete-v3.js) et l'en-tête passe devant la barre de retour de la fiche. */
 .gg-h-nav.ouvert{display:block;position:fixed;inset:0;z-index:5;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;padding:64px 0 28px}
 .gg-h .gg-h-fermer,.gg-h .gg-h-fermer:hover,.gg-h .gg-h-fermer:focus{display:none}
 .gg-h .gg-h-nav.ouvert .gg-h-fermer,.gg-h .gg-h-nav.ouvert .gg-h-fermer:hover,.gg-h .gg-h-nav.ouvert .gg-h-fermer:focus{display:block;position:fixed;top:10px;right:12px;z-index:6;padding:8px;line-height:0;background:#fff}
 .gg-h-fermer svg{width:28px;height:28px;stroke:var(--m);fill:none;stroke-width:1.8;stroke-linecap:round}
 html.gg-menu-ouvert,html.gg-menu-ouvert body{overflow:hidden}
 html.gg-menu-ouvert .gg-h{z-index:100}
 .gg-h-liste{flex-direction:column;align-items:stretch;gap:0;padding:6px 14px 14px}
 .gg-h-liste>li>a{border-radius:0}
 .gg-h-liste>li.gg-h-boutique>a{border-radius:26px;justify-content:center;margin-bottom:4px}
 .gg-h-liste .menu-item-has-children>a::after{display:none}
 .gg-h-liste .sub-menu,.gg-h-liste>li.gg-h-boutique>.sub-menu{position:static;transform:none;display:block;box-shadow:none;border:0;padding:0 0 6px 14px;min-width:0}
 .gg-h-liste .sub-menu a{padding:9px 14px}
 .gg-avis,.gg-avis:hover,.gg-avis:focus{right:12px;bottom:96px;padding:7px 11px 7px 10px;gap:8px;border-radius:12px}
 .gg-avis__note{font-size:22px}
 .gg-avis__etoiles{font-size:12px}
 .gg-avis__lib{font-size:10px}
 .gg-avis__mot{height:13px}

 /* Méga menu « Boutique » sur téléphone : d'abord les six pastilles de doublure, puis les rayons (deux grandes tuiles, femme et homme, et les autres en petites). Grille de douze colonnes : une grande en prend six, une petite trois, une pastille quatre. */
 .gg-h-liste>li.gg-h-boutique>.sub-menu.gg-mega{padding:4px 0 8px}
 .gg-mega .gg-m-titre{display:flex;align-items:center;gap:10px;margin:14px 2px 10px;font:700 10.5px/1 var(--f);letter-spacing:2.2px;text-transform:uppercase;color:var(--or)}
 .gg-mega .gg-m-titre::after{content:"";flex:1;height:1px;background:#eadfc8}
 .gg-mega .gg-m-liste{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
 .gg-mega .gg-m-rayon{grid-column:span 3}
 .gg-mega .gg-m-doublure{grid-column:span 4}
 .gg-mega .gg-m-rayon.gg-m-grand{grid-column:span 6}
 .gg-mega .gg-m-tout{display:none}
 .gg-h-liste .gg-mega .gg-m-bloc a{padding:0;text-transform:none;letter-spacing:0;background:transparent}
 .gg-h-liste .gg-mega .gg-m-rayon>a{position:relative;display:flex;align-items:flex-end;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--v)}
 .gg-h-liste .gg-mega .gg-m-rayon.gg-m-grand>a{aspect-ratio:5/4}
 .gg-h-liste .gg-mega .gg-m-rayon>a:hover,.gg-h-liste .gg-mega .gg-m-rayon>a:focus{background:var(--v)}
 .gg-mega .gg-m-rayon .gg-m-img{position:absolute;inset:0;display:block}
 .gg-mega .gg-m-rayon .gg-m-img img{display:block;width:100%;height:100%;object-fit:cover}
 .gg-mega .gg-m-rayon .gg-m-lib{position:relative;display:block;width:100%;padding:16px 9px 8px;font:700 10.5px/1.2 var(--f);letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(to top,rgba(22,22,63,.8),rgba(22,22,63,0))}
 .gg-mega .gg-m-rayon.gg-m-grand .gg-m-lib{font-size:12px;padding:22px 12px 10px}
 .gg-h-liste .gg-mega .gg-m-doublure>a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;text-align:center}
 .gg-mega .gg-m-doublure .gg-m-img{display:block;width:62px;height:62px;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #eadfc8}
 .gg-mega .gg-m-doublure .gg-m-img img{display:block;width:100%;height:100%;object-fit:cover}
 .gg-mega .gg-m-doublure .gg-m-lib{display:block;font:600 11px/1.25 var(--f);color:var(--m);letter-spacing:.1px}
 .gg-mega .gg-m-rayon.current-menu-item>a .gg-m-lib{color:#fff}
 .gg-mega .gg-m-doublure.current-menu-item>a .gg-m-lib{color:var(--m)}
 .gg-mega .gg-m-doublure.current-menu-item>a .gg-m-img{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--v)}
}

/* Largeur du contenu sur grand écran (13/11/2026, Thibault : « tout est serré au milieu alors qu'on a de la place à gauche et à droite »).
   Le thème plafonne le contenu à 1140 px : à 1920 px de fenêtre, il restait 390 px vides de chaque côté. Les listings (pages d'arrivée
   de GG Configurateur) prennent 1760 px, la fiche gant 1440 px, et le logo suit la plus large pour rester aligné avec elles. */
@media (min-width:1200px){
 .gg-h-logo{max-width:1760px;padding-left:40px;padding-right:40px}
 html body.single-product .site-main{max-width:1440px}
}

/* Barre de retour de la fiche gant sur téléphone (12/11/2026, Thibault : « s'inspirer de Zalando pour la barre sticky en haut qui ramène au listing »).
   Posée sous l'en-tête, elle se colle en haut de l'écran quand on défile ; le nom de la liste vient du script (page d'où l'on arrive). */
.gg-retour{display:none}
@media (max-width:820px){
 .gg-retour{display:block;position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid #eadfc8;font-family:'Montserrat',sans-serif}
 .gg-retour__lien,.gg-retour__lien:hover,.gg-retour__lien:focus{display:flex;align-items:center;gap:4px;max-width:100%;min-height:46px;padding:0 18px 0 10px;color:#16163f;font:600 13.5px/1.2 'Montserrat',sans-serif;text-decoration:none}
 .gg-retour__lien svg{flex:none;width:22px;height:22px;stroke:#16163f;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .gg-retour__lib{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .gg-retour__lien:focus-visible{outline:2px solid #c3943c;outline-offset:-2px}
}
/* Barre d'administration de WordPress, collée dès 601 px : la barre de retour se cale dessous. */
@media (min-width:601px) and (max-width:782px){.admin-bar .gg-retour{top:46px}}
@media (min-width:783px) and (max-width:820px){.admin-bar .gg-retour{top:32px}}