/* Le Sabot Français — feuille commune boutique + espace client */
:root{--noir:#1A1A1A;--noir2:#222120;--trait:#2E2D2B;--blanc:#FAFAF8;--creme:#EFECE6;--ligne:#E4E1DA;--brun:#8B5E3C;--brunc:#B88A62;--gris:#8A867E;--gris2:#5E5B55}
*{box-sizing:border-box}
body{margin:0;background:var(--blanc);color:var(--noir);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.sg{font-family:'Space Grotesk',sans-serif}
.h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(40px,5vw,60px);letter-spacing:-.03em;line-height:1;margin:16px 0 0}
.kicker{font-size:12px;color:var(--brun);display:flex;align-items:center;gap:14px}
.kicker:before{content:'';width:40px;height:4px;background:var(--brun);display:block;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.dark .kicker{color:var(--brunc)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.btn-brun{background:var(--brunc);color:var(--noir)}.btn-brun:hover{background:#C99B73}
.btn-line{border-color:#4A4844;color:var(--blanc)}.btn-line:hover{border-color:var(--blanc)}
.btn-dark{background:var(--noir);color:var(--blanc)}.btn-dark:hover{background:#333}
.btn-ghost{border-color:var(--noir);color:var(--noir);background:transparent}.btn-ghost:hover{background:var(--noir);color:var(--blanc)}

/* barre + nav */
.topbar{background:#111;color:#8E8A83;font-size:11px}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
header.nav{background:rgba(26,26,26,.94);backdrop-filter:blur(8px);color:var(--blanc);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--trait)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:42px;width:auto}
.brand span{font-family:'Space Grotesk';font-weight:500;font-size:13px;letter-spacing:.32em}
.menu{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;color:#CFCBC3}
.menu a:hover,.menu a.on{color:var(--blanc)}
.menu a.on{box-shadow:inset 0 -2px var(--brunc)}
.actions{display:flex;gap:10px}
.actions .btn{min-height:44px;font-size:11px;padding:0 16px}

/* footer */
footer{background:var(--noir);color:#9A968F}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:40px;padding-top:72px;padding-bottom:48px}
footer h4{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brunc);margin:0 0 14px;font-weight:500}
footer .cols a{display:block;color:#CFCBC3;font-size:14px;line-height:2}
footer .cols a:hover{color:var(--blanc)}
footer .legal{border-top:1px solid var(--trait);padding-top:20px;padding-bottom:28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px}
@media (max-width:820px){.wrap{padding:0 20px}.hide-s{display:none!important}.menu{gap:16px;font-size:13px}}