/* Repris tel quel de la maquette (helmet) */
body{margin:0}
a{color:#0E0E0E}a:hover{color:#3A3A3A}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}

/* Ajouts fonctionnels (sans effet sur la mise en page) */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:72px}
.gbk-skip{position:absolute;left:16px;top:-80px;z-index:200;background:#0E0E0E;color:#FFFFFF;padding:12px 18px;border-radius:999px;font:600 15px Inter,system-ui,sans-serif;text-decoration:none}
.gbk-skip:focus{top:12px;color:#FFFFFF}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0E0E0E;outline-offset:3px}
.gbk-toggle{display:none}

/* Apparition au défilement, comme la maquette (450 ms, 16 px, décalage 100 ms) */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity 450ms cubic-bezier(0,0,.2,1),transform 450ms cubic-bezier(0,0,.2,1)}
.js .rv.d1{transition-delay:100ms}
.js .rv.in{opacity:1;transform:none}

/* Bouton WhatsApp flottant */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:60;width:60px;height:60px;border-radius:999px;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(11,46,26,.28);transition:transform .2s,opacity .25s}
.wa-float:hover{transform:scale(1.06)}
.wa-float.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}

/* Menu mobile : seul écart avec la maquette, sous 1024 px */
@media (max-width:1023px){
 .gbk-header{position:sticky}
 .gbk-header > div{flex-wrap:nowrap!important}
 .gbk-nav{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column!important;gap:0!important;background:#FFFFFF;border-bottom:1px solid #E7E4DC;box-shadow:0 18px 40px rgba(14,14,14,.12);padding:8px 0}
 .gbk-header.menu-open .gbk-nav{display:flex!important}
 .gbk-nav a{display:flex;align-items:center;min-height:52px;padding:0 24px;font-size:17px!important}
 .gbk-entrar{display:none}
 .gbk-toggle{display:inline-flex;width:44px;height:44px;border:1px solid #E7E4DC;border-radius:999px;background:#FFFFFF;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}
 .gbk-toggle span,.gbk-toggle span::before,.gbk-toggle span::after{display:block;width:18px;height:2px;background:#0E0E0E;border-radius:2px;position:relative;transition:transform .2s}
 .gbk-toggle span::before,.gbk-toggle span::after{content:"";position:absolute;left:0}
 .gbk-toggle span::before{top:-6px}.gbk-toggle span::after{top:6px}
 .menu-open .gbk-toggle span{background:transparent}
 .menu-open .gbk-toggle span::before{transform:translateY(6px) rotate(45deg)}
 .menu-open .gbk-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
}
@media (max-width:520px){.gbk-actions > a[href*="cadastrar"]{display:none}.wa-float{right:16px;bottom:16px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}}

/* Grands écrans : la page grandit proportionnellement, comme la maquette 1440 px affichée en plein écran */
@media (min-width:1536px){body{zoom:1.0667}}
@media (min-width:1600px){body{zoom:1.111}}
@media (min-width:1680px){body{zoom:1.1667}}
@media (min-width:1792px){body{zoom:1.2444}}
@media (min-width:1920px){body{zoom:1.3333}}
@media (min-width:2048px){body{zoom:1.4222}}
@media (min-width:2560px){body{zoom:1.7778}}
