/* Header + footer communs à toutes les pages (accueil comprise). Couleurs et polices fixées ici pour un rendu identique partout. */
.topbar,.head,.footer{font-family:Arial,Helvetica,sans-serif;line-height:1.65;letter-spacing:normal}
.topbar{background:#0f2f22;color:#fff;text-align:center;padding:10px 16px;font-size:13px;font-weight:800}.topbar strong{color:#ffe071}
.head{background:rgba(255,253,248,.97);border-bottom:1px solid #dfdacd;position:sticky;top:0;z-index:50}
.nav{max-width:1120px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;font:800 24px/1 Georgia,serif;color:#173d2c;letter-spacing:normal}.brand small{display:block;margin-top:5px;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7c827d}
.links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-size:14px;font-weight:800;color:#536058}
.links .shop{background:#e96d3a;color:#fff;padding:10px 15px;border-radius:999px;box-shadow:0 3px 0 #c95427}
.nav-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#173d2c;margin:5px 0;transition:.2s}

.footer{background:#0f2f22;color:#e9f1eb;padding:42px 22px 28px;font-size:14px;text-align:left}
.footgrid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px}
.footer h3{color:#fff;margin:0 0 12px;font:700 18px/1.3 Arial,Helvetica,sans-serif;letter-spacing:normal}
.footer p{margin:0 0 14px}.footer p,.footer a{font-size:13px;color:#c9d5cd}.footer a{text-decoration:none}.footer a:hover{color:#fff}
.footlinks{display:grid;gap:8px}
.bottom{max-width:1120px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#9eb0a4}

@media(max-width:760px){
 .topbar{font-size:12px;padding:8px 12px}
 .nav{padding:12px 16px;position:relative}
 .brand{font-size:20px}
 .nav-toggle{display:block}
 .links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fffdf8;border-bottom:1px solid #dfdacd;padding:6px 16px 16px}
 .links.is-open{display:flex}
 .links a{padding:13px 0;border-bottom:1px solid #dfdacd;font-size:15px}
 .links .shop{margin-top:12px;text-align:center;border-bottom:0}
 .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .footgrid{grid-template-columns:1fr}
 .bottom{text-align:center}
}