/* GoalBam — fiches produit. Mêmes jetons que la v2 « bogolan ». */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,300..900;1,62..125,400&display=swap');

:root{--papier:#E8E1D2;--craie:#FBF9F4;--encre:#16130D;--encre-70:rgba(22,19,13,.7);
--encre-45:rgba(22,19,13,.45);--trait:#CFC4AC;--trait-fin:rgba(22,19,13,.12);
--vert:#0E7A42;--vert-fonce:#0A5E33;--alerte:#8C2F1B;--marge:20px;--r:2px}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:'Archivo',system-ui,-apple-system,sans-serif;font-variation-settings:'wdth' 100,'wght' 450;
background:var(--papier);color:var(--encre);line-height:1.55;font-size:15px;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

.entete{display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:12px var(--marge);border-bottom:1px solid var(--trait-fin);position:sticky;top:0;
background:var(--papier);z-index:10}
.entete .logo img{height:22px;width:auto}
.lien-wa{font-size:13px;font-variation-settings:'wght' 700;color:var(--vert-fonce);
text-transform:uppercase;letter-spacing:.06em}

.fil{padding:12px var(--marge);font-size:12px;color:var(--encre-45)}
.fil a{text-decoration:underline;text-underline-offset:2px}
.fil span{margin:0 2px}

main{max-width:620px;margin:0 auto}
@media (min-width:1040px){main{max-width:760px}}

.galerie{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;
padding:0 var(--marge) 8px;-webkit-overflow-scrolling:touch}
.galerie img{flex:0 0 84%;scroll-snap-align:center;aspect-ratio:3/4;object-fit:contain;
background:var(--craie);border:1px solid var(--trait);border-radius:var(--r);padding:6px}
.sans-photo{flex:0 0 84%;aspect-ratio:3/4;display:grid;place-items:center;background:var(--craie);
border:1px solid var(--trait);color:var(--encre-45);font-size:13px}

.corps{padding:22px var(--marge) 60px}
.sur-titre{font-size:11px;letter-spacing:.12em;text-transform:uppercase;
color:var(--encre-45);font-variation-settings:'wght' 700}
h1{font-variation-settings:'wdth' 112,'wght' 880;text-transform:uppercase;line-height:.94;
letter-spacing:-.015em;font-size:33px;margin:8px 0 10px}
.prix{font-variation-settings:'wdth' 108,'wght' 880;font-size:27px;margin-bottom:16px}
.rupture{color:var(--alerte);font-size:13.5px;margin-bottom:14px}

.accroche{font-variation-settings:'wght' 700;font-size:16.5px;margin-bottom:12px}
.corps p{color:var(--encre-70);font-size:15px;margin-bottom:12px}
.corps .accroche{color:var(--encre)}

h2{font-variation-settings:'wdth' 108,'wght' 820;text-transform:uppercase;font-size:14px;
letter-spacing:.04em;margin:26px 0 10px;padding-top:18px;border-top:1px solid var(--trait-fin)}

.tailles{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tailles li{min-width:48px;min-height:48px;display:grid;place-items:center;padding:0 12px;
background:var(--craie);border:1px solid var(--trait);border-radius:var(--r);
font-variation-settings:'wght' 700}
.tailles li.off{color:var(--encre-45);text-decoration:line-through;background:transparent}

.discret{font-size:13px;color:var(--encre-45)}

.btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;
margin:20px 0 8px;background:var(--vert);color:var(--craie);border-radius:var(--r);
font-variation-settings:'wght' 800;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.btn-wa:active{background:var(--vert-fonce)}

.garanties{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:7px}
.garanties li{font-size:13px;color:var(--encre-45)}
.garanties li::before{content:'✓ ';color:var(--vert-fonce)}

.rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.rail .carte{flex:0 0 132px}
.rail .carte img,.rail .carte .vide{width:100%;aspect-ratio:3/4;object-fit:contain;
background:var(--craie);border:1px solid var(--trait);border-radius:var(--r);padding:5px;display:block}
.rail .carte strong{display:block;margin-top:7px;font-size:13.5px;font-variation-settings:'wght' 700}
.rail .carte span{display:block;font-size:12px;color:var(--encre-45)}

footer{padding:24px var(--marge) 40px;border-top:1px solid var(--trait-fin);text-align:center}
footer a{font-variation-settings:'wght' 700;text-decoration:underline;text-underline-offset:3px}
footer p{margin-top:8px;font-size:12.5px;color:var(--encre-45)}