/*
Theme Name: émerillon
Theme URI: https://destinationpeche-shop.com/
Author: émerillon
Description: Annuaire France des magasins et des guides de pêche. Le mur d'un magasin de pêche : panneau perforé, blisters suspendus, étiquettes de prix, chartreuse pour les magasins, firetiger pour les guides. Clair uniquement.
Version: 1.0.0
Text Domain: emerillon
*/

/* ───────── polices auto-hébergées (aucune requête Google à l'exécution) ───────── */
@font-face{font-family:"Krona One";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/krona-one-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Krona One";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/krona-one-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mukta;font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/mukta-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mukta;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/mukta-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mukta;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/mukta-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mukta;font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/mukta-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Mukta;font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/mukta-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mukta;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/mukta-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mukta;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/mukta-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mukta;font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/mukta-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ───────── jetons ───────── */
:root{
  --isorel:#E6E4DA;--blister:#FFFFFF;--encre:#0F2A2B;--berge:#4B5853;--char:#CBEA2C;--fire:#F4793A;--riv:#1A6480;--trou:#D3D0C3;--tige:#8E9892;
  --hh:77px;--r:14px;
  --ombre:0 1px 0 rgba(15,42,43,.08),0 14px 26px -16px rgba(15,42,43,.42);
  --perfo:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='2.5' fill='%23D3D0C3'/></svg>");
  --kro:"Krona One","Arial Black",Arial,sans-serif;--muk:Mukta,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--isorel);color:var(--encre);font:400 18px/1.65 var(--muk);font-variant-numeric:tabular-nums;overflow-x:clip}
img,svg{max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:var(--kro);font-weight:400;line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em;overflow-wrap:anywhere}
h3,h4{font-family:var(--muk);font-weight:800;line-height:1.25;margin:0 0 .4em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--encre);color:var(--isorel);padding:10px 16px;z-index:100;border-radius:8px}
.skip:focus{left:8px}
.cadre{width:min(1240px,100% - 32px);margin-inline:auto}
:focus-visible{outline:3px solid var(--riv);outline-offset:3px;border-radius:6px}
.ico{flex:none;vertical-align:middle}
.lead{font-size:20px;line-height:1.55;max-width:62ch}
.site-main{display:block;min-height:50vh}
.lg-pt{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:14px;color:var(--berge)}
.rp{display:inline-block;width:14px;height:14px;border:2px solid var(--encre);flex:none}
.rp--magasin{background:var(--char);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%,0 40%)}
.rp--guide{background:var(--fire);border-radius:50%}
.rp--ville{background:#fff;border-color:var(--riv);border-radius:50%}
.lg-niv{display:inline-block;width:38px;height:12px;border:1px solid var(--encre);background:linear-gradient(90deg,#E1DFD3,#93A39A)}

/* ───────── boutons ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:2px solid var(--encre);border-radius:10px;background:#fff;color:var(--encre);font:800 16px/1.2 var(--muk);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--char{background:var(--char)}
.btn--char:hover{background:#d9f25a}
.btn--ghost{background:transparent}
.btn--ghost:hover{background:#fff}
.btn--eau{background:var(--encre);color:var(--isorel)}
.btn--eau:hover{background:#17393b}
.btn--grand{padding:16px 28px;font-size:18px}
.btn--blister{position:relative;padding:12px 20px 12px 38px;border:0;border-radius:0;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px)}
.btn--blister .trou{position:absolute;left:14px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--isorel);box-shadow:inset 0 1px 2px rgba(15,42,43,.55)}
.btn--blister .sm{display:none}
.btn--eau.btn--blister .trou{background:var(--char)}

/* ───────── en-tête (identique sur tout le site, tunnel compris) ───────── */
.site-head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--trou)}
.head-in{width:min(1320px,100% - 32px);margin-inline:auto;height:var(--hh);display:flex;align-items:center;gap:26px;transition:height .2s}
.site-head.is-compact .head-in{height:60px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--encre);flex:none}
.logo-sym{flex:none}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.wm{font:400 25px/1 var(--kro);letter-spacing:-.02em}
.logo-txt small{font:600 12px/1.2 var(--muk);color:var(--berge);margin-top:4px;letter-spacing:.01em}
.logo--sombre{color:var(--isorel)}.logo--sombre small{color:#B8C0B8}
.nav{margin-left:auto}
.nav-liste{display:flex;align-items:center;gap:4px;list-style:none}
.nl{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font:800 16px/1.2 var(--muk);color:var(--encre);text-decoration:none;background:none;border:0;cursor:pointer}
.nl>span,.nl>svg{position:relative;z-index:1}
.nl::before{content:"";position:absolute;inset:3px 0;background:radial-gradient(circle at 9px 50%,#fff 0 2.6px,transparent 3.2px),var(--char);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}
.nl:hover::before,.nl[aria-current]::before,.a-boite.is-ouvert .nl::before{transform:scaleX(1)}
.nl:hover>span,.nl[aria-current]>span,.a-boite.is-ouvert .nl>span{padding-left:10px}
.a-boite{position:relative}
.a-boite .nl-btn svg{transition:transform .2s}
.a-boite.is-ouvert .nl-btn svg{transform:rotate(180deg)}
.boite-menu{position:absolute;top:calc(100% + 6px);right:-60px;width:min(820px,92vw);background:var(--isorel);border-radius:18px;padding:18px 18px 20px;box-shadow:0 24px 50px -18px rgba(15,42,43,.5),0 0 0 1px var(--trou);display:none;z-index:70}
.a-boite.is-ouvert .boite-menu{display:block}
.boite-t{font:800 12px/1 var(--muk);letter-spacing:.08em;text-transform:uppercase;color:var(--berge);margin:0 4px 12px}
.head-cta{flex:none}
.burger{display:none;border:0;background:none;color:var(--encre);padding:8px;cursor:pointer}
.burger .b-close{display:none}
.menu-ouvert .burger .b-open{display:none}.menu-ouvert .burger .b-close{display:inline}

/* ───────── boîte à leurres : compartiments ───────── */
.boite{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;background:var(--trou);border-radius:16px}
.case{background:#fff;border-radius:10px;box-shadow:inset 0 2px 3px rgba(15,42,43,.12),inset 0 -2px 0 rgba(15,42,43,.06);overflow:hidden}
.case a{display:flex;flex-direction:column;height:100%;text-decoration:none;position:relative}
.case-img{display:block;position:relative;aspect-ratio:1/.9;overflow:hidden;background:var(--isorel)}
.case-img>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-ico{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:42px;height:42px;background:var(--char);color:var(--encre);border-radius:10px;border:2px solid var(--encre)}
.case-nom{padding:12px 14px 0;font:800 18px/1.2 var(--muk)}
.case-n{padding:2px 14px 14px;font-size:14px;color:var(--berge)}
.case a:hover .case-img>*{transform:scale(1.04)}
.case-img>*{transition:transform .35s}
.case.is-actif{outline:3px solid var(--encre)}
.boite--menu .case-img{aspect-ratio:1/.62}
.boite--menu .case-nom{font-size:16px;padding:9px 11px 0}
.boite--menu .case-n{font-size:13px;padding:1px 11px 10px}
.boite--menu .case-ico{width:32px;height:32px;right:6px;top:6px;border-radius:8px}
.boite--menu .case-ico svg{width:20px;height:20px}

/* ───────── scènes dessinées (vignettes sans photo) ───────── */
.scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--sb,#E6E4DA);color:var(--sc,#0F2A2B)}
.scene::before{content:"";position:absolute;inset:0;background:var(--perfo);opacity:.55}
.scene svg{position:relative;display:block;width:100%;height:100%}
.sc-mer{--sb:#1A6480;--sc:#E6E4DA}.sc-mer.v1{--sb:#0F2A2B;--sc:#CBEA2C}.sc-mer.v2{--sb:#E6E4DA;--sc:#1A6480}
.sc-carnassiers{--sb:#0F2A2B;--sc:#CBEA2C}.sc-carnassiers.v1{--sb:#CBEA2C;--sc:#0F2A2B}.sc-carnassiers.v2{--sb:#4B5853;--sc:#E6E4DA}
.sc-truite-mouche{--sb:#4B5853;--sc:#E6E4DA}.sc-truite-mouche.v1{--sb:#E6E4DA;--sc:#4B5853}.sc-truite-mouche.v2{--sb:#1A6480;--sc:#CBEA2C}
.sc-carpe{--sb:#D3D0C3;--sc:#0F2A2B}.sc-carpe.v1{--sb:#0F2A2B;--sc:#E6E4DA}.sc-carpe.v2{--sb:#CBEA2C;--sc:#0F2A2B}
.sc-coup{--sb:#CBEA2C;--sc:#0F2A2B}.sc-coup.v1{--sb:#E6E4DA;--sc:#0F2A2B}.sc-coup.v2{--sb:#0F2A2B;--sc:#CBEA2C}
.sc-magasin{--sb:#E6E4DA;--sc:#0F2A2B}.sc-magasin.v1{--sb:#CBEA2C;--sc:#0F2A2B}.sc-magasin.v2{--sb:#D3D0C3;--sc:#0F2A2B}
.sc-guide{--sb:#F4793A;--sc:#0F2A2B}.sc-guide.v1{--sb:#E6E4DA;--sc:#0F2A2B}.sc-guide.v2{--sb:#0F2A2B;--sc:#F4793A}
.photo{display:block;width:100%;height:100%;object-fit:cover}

/* ───────── fiche-blister : composant signature ───────── */
.blister{position:relative;color:var(--encre);background:#fff;border-radius:var(--r);box-shadow:var(--ombre);padding:0 12px 14px;transform-origin:50% 0;transition:transform .25s ease,box-shadow .25s}
.bl-tab{display:flex;justify-content:center;padding:8px 0 10px}
.slot{display:block;width:36px;height:10px;border-radius:6px;background:var(--isorel);box-shadow:inset 0 2px 3px rgba(15,42,43,.4)}
.bl-bulle{position:relative;display:block;aspect-ratio:5/4;overflow:hidden;border-radius:12px;box-shadow:inset 0 3px 8px rgba(15,42,43,.2)}
.bl-bulle::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18) 0 36%,transparent 36%)}
.bl-nom{font:800 19px/1.2 var(--muk);margin:12px 0 2px}
.bl-nom a{text-decoration:none}.bl-nom a:hover{color:var(--riv);text-decoration:underline}
.bl-ville{font-size:15px;line-height:1.3;color:var(--berge);margin:0}
.bl-ville span{opacity:.9}
.bl-km,.bl-app{display:inline-block;font-size:13px;color:var(--berge);margin-right:8px}
.bl-pech{display:flex;gap:10px;list-style:none;margin-top:8px;color:var(--berge)}
.bl-pech--g{gap:14px;color:var(--encre)}
.bl-pech--g a{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid var(--encre);border-radius:8px;padding:4px 10px;background:#fff}
.blister:hover:not(.sway),.blister.hi-pt{transform:translateY(-3px) rotate(-.8deg)}
.blister.hi-pt{box-shadow:0 0 0 3px var(--char),var(--ombre)}
.etiq{display:inline-block;font:800 12px/1 var(--muk);letter-spacing:.08em;text-transform:uppercase;padding:6px 11px 6px 16px;color:var(--encre);clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.etiq--magasin,.etiq--char,.etiq--cat{background:var(--char)}
.etiq--guide{background:var(--fire)}
.etiq--n{background:var(--encre);color:var(--isorel)}
.blister>.etiq{position:absolute;top:40px;right:4px;transform:rotate(5deg);box-shadow:0 2px 0 rgba(15,42,43,.2)}
.blister--lieu .bl-bulle{aspect-ratio:16/9}
.blister--mini{width:164px;padding:0 9px 11px}
.blister--mini .bl-bulle{aspect-ratio:4/5}
.blister--mini .bl-nom{font-size:16px;margin-top:9px}
.bl-pict{position:absolute;right:14px;bottom:44px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--char);color:var(--encre);border:2px solid var(--encre)}
.blister--mini .bl-nom{padding-right:6px}

/* rails-brochettes */
.rail{position:relative;padding-top:20px;margin:0 0 26px}
.rail-tige{position:absolute;z-index:3;left:-6px;right:-6px;top:17px;height:8px;border-radius:5px;background:var(--tige);box-shadow:inset 0 -2px 0 rgba(15,42,43,.25),inset 0 2px 0 rgba(255,255,255,.55)}
.rail-tige::before,.rail-tige::after{content:"";position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#C2C7C1;border:2px solid var(--tige)}
.rail-tige::before{left:-6px}.rail-tige::after{right:-6px}
.rail-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.rail--hub .rail-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
.rail--lieux .rail-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
.rail--col .rail-liste{grid-template-columns:1fr;gap:14px}
.rail--col .rail-tige{display:none}
.rail--col{padding-top:0;margin-bottom:0}
.rail--col .blister{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-areas:"t t" "b n" "b v" "b p";column-gap:14px;align-content:start;padding:0 14px 14px 12px}
.rail--col .bl-tab{grid-area:t;padding:7px 0}
.rail--col .bl-bulle{grid-area:b;aspect-ratio:1;align-self:start;margin-top:2px}
.rail--col .bl-nom{grid-area:n;margin-top:2px}
.rail--col .bl-ville{grid-area:v}
.rail--col .bl-pech{grid-area:p}
.rail--col .blister>.etiq{top:-9px;right:14px;transform:rotate(3deg)}
.rail--halo .blister{box-shadow:0 0 0 3px rgba(203,234,44,.5),0 18px 34px -14px rgba(203,234,44,.55)}
.rail--halo .rail-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
.blister--vide{padding:0 18px 18px;border:2px dashed var(--tige);box-shadow:none;background:#FAF9F4}
.vide-t{font:800 19px/1.25 var(--muk);margin-bottom:6px}.blister--vide p{font-size:16px}

/* ───────── étiquettes de prix, pendues à un fil ───────── */
.prix{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;text-decoration:none;color:var(--encre)}
.prix-fil{display:block;width:2px;height:16px;background:var(--tige)}
.prix-corps{--c:16px;position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 34px;background:var(--pbg,#fff);clip-path:polygon(var(--c) 0,100% 0,100% 100%,0 100%,0 var(--c));font:600 15px/1.2 var(--muk)}
.prix-corps::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--encre);clip-path:polygon(evenodd,var(--c) 0,100% 0,100% 100%,0 100%,0 var(--c),var(--c) 0,calc(var(--c) + .83px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),2px calc(100% - 2px),2px calc(var(--c) + .83px),calc(var(--c) + .83px) 2px)}
.prix-corps b{font:400 20px/1 var(--kro)}
.prix-corps small{font-size:13px;color:var(--berge)}
.prix--lien:hover .prix-corps,.prix--lien.hi-pt .prix-corps{--pbg:var(--char)}
.prix--src .prix-corps{--pbg:var(--encre);color:var(--isorel)}.prix--src b{font-size:20px;color:var(--char)}
.prix--gros .prix-corps{--c:22px;padding:18px 26px 18px 44px;font-size:18px}.prix--gros b{font-size:34px}
.prix-oeil{position:absolute;z-index:1;left:12px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--isorel);box-shadow:inset 0 0 0 2px var(--encre)}
.prix--gros .prix-oeil{left:16px;width:13px;height:13px;margin-top:-6.5px}
.ph-prix{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 4px}
.ph-prix .prix-fil{height:8px}

/* ───────── bandes de l'accueil et pages ───────── */
.bande{padding:64px 0}
.bande--fine{padding:32px 0}
.bande--blanc{background:#fff}.bande--isorel{background:var(--isorel)}
.bande--eau{background:var(--encre);color:var(--isorel)}
.bande--char{background:var(--char)}
.bande-tete{max-width:760px;margin-bottom:28px}
.bande-tete h2{font-size:clamp(26px,3vw,36px)}
.bande-tete p{font-size:19px;color:var(--berge);margin:0}
.bande--eau .bande-tete p{color:#B8C0B8}
.bande-lien{margin:8px 0 0}
.bande-tunnel{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.bande-tunnel h2{margin-bottom:6px;font-size:clamp(26px,3vw,36px)}.bande-tunnel p{margin:0;font-size:19px}
.hub-grille,.dept-grille{display:grid;gap:36px;padding:32px 0 64px;align-items:start}
.hub-grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.dept-grille{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.hub-carte,.dept-carte{position:sticky;top:96px}
.sec-t{font:400 clamp(22px,2.4vw,28px)/1.15 var(--kro);margin:30px 0 20px}.sec-t small{font:600 15px var(--muk);color:var(--berge);margin-left:8px}
.col-t{margin:0 0 18px;font:inherit}.col-sous{font-size:14px;color:var(--berge);margin-left:8px}
.hub-liste .recherche{margin-bottom:26px}
.hub-autre{margin:18px 0 0}
.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0 8px;flex-wrap:wrap}
.pager a{font-weight:800;border:2px solid var(--encre);border-radius:8px;padding:8px 16px;text-decoration:none;background:#fff}.pager a:hover{background:var(--char)}
.pg-n{color:var(--berge);font-size:15px}

/* ───────── héros « mur du rayon » ───────── */
.hero{position:relative;background:var(--isorel) var(--perfo);overflow:hidden;border-bottom:1px solid var(--trou)}
.hero-mur{position:relative;width:min(1440px,100%);height:clamp(692px,calc(100vh - 80px),860px);margin-inline:auto}
.hang{position:absolute;animation:drop .85s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:calc(var(--i,0) * .18s)}
.hang--h1{left:2.8%;top:calc(38px + (100% - 692px)/2)}.hang--h2{left:12.6%;top:calc(318px + (100% - 692px)/2)}.hang--h3{right:3%;top:calc(44px + (100% - 692px)/2)}.hang--h4{right:14.6%;top:calc(292px + (100% - 692px)/2)}.hang--h5{right:2.4%;top:calc(424px + (100% - 692px)/2)}
.hang--centre{left:0;right:0;margin-inline:auto;top:calc(44px + (100% - 692px)/2);width:min(660px,calc(100% - 32px))}
.sway{animation:sway 6s ease-in-out calc(1.3s + var(--i,0) * .45s) infinite alternate}
.sway--lent{animation-name:sway2;animation-duration:9s}
.blister--mini.sway .bl-bulle::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);transform:translateX(-130%);animation:flash 7s linear calc(2s + var(--i,0) * 1.3s) infinite}
.blister--mini:hover{animation-play-state:paused;transform:rotate(-3deg) translateY(2px)}
.blister--recherche{padding:0 42px 30px;background:#fff;box-shadow:0 2px 0 rgba(15,42,43,.1),0 26px 44px -22px rgba(15,42,43,.55)}
.blister--recherche .bl-tab{padding:12px 0 14px}
.recherche--hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto}.recherche--hero .rc-champ{padding:0 12px;gap:8px}.recherche--hero .rc-champ input{font-size:16px}.recherche--hero .btn{padding:0 20px}
.tige{position:absolute;z-index:4;left:50%;top:7px;width:150px;margin-left:-75px;height:9px;border-radius:5px;background:var(--tige);box-shadow:inset 0 -2px 0 rgba(15,42,43,.25),inset 0 2px 0 rgba(255,255,255,.55)}
.blister--recherche h1{font-size:clamp(26px,2.7vw,39px);margin:6px 0 20px;line-height:1.12}
.blister--recherche h1 span{display:block}
.mention{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:600 14px/1.3 var(--muk);color:var(--berge)}
.mention-pt{width:9px;height:9px;border-radius:50%;background:var(--char);box-shadow:0 0 0 2px var(--encre);flex:none}
.hero-peches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:var(--berge)}
.hero-peches>span{font:800 12px var(--muk);letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.hero-prix{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:flex-start;gap:26px;flex-wrap:wrap;pointer-events:none}
.hero-prix .prix{animation:sway 5s ease-in-out infinite alternate;transform-origin:50% 0}
.hero-prix .prix:nth-child(2){animation-delay:-1.4s}.hero-prix .prix:nth-child(3){animation-delay:-2.6s}.hero-prix .prix:nth-child(4){animation-delay:-3.4s}
.hero-rangee{display:none}
@keyframes drop{from{transform:translateY(-52px);opacity:0}55%{opacity:1}75%{transform:translateY(6px)}to{transform:none}}
@keyframes sway{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
@keyframes sway2{from{transform:rotate(-.35deg)}to{transform:rotate(.35deg)}}
@keyframes flash{0%,72%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}

/* ───────── recherche ───────── */
.recherche{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;background:#fff;border:2px solid var(--encre);border-radius:12px;position:relative}
.rc-champ{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;border-right:2px solid var(--trou);color:var(--berge)}
.rc-champ input{flex:1;min-width:0;border:0;background:none;font:600 17px var(--muk);color:var(--encre);padding:16px 0;outline:0}
.rc-champ input::placeholder{color:#6B7872;opacity:1}
.rc-champ:focus-within{box-shadow:inset 0 -4px 0 var(--char)}
.recherche .btn{border:0;border-radius:0 9px 9px 0;padding:0 26px;font-size:17px}
.recherche--bloc{max-width:760px}
.a-sugg,.ou-champ{position:relative}
.sugg{position:absolute;z-index:30;left:0;right:0;top:100%;margin:6px 0 0;padding:6px;list-style:none;background:#fff;border:2px solid var(--encre);border-radius:12px;box-shadow:0 18px 30px -14px rgba(15,42,43,.5)}
.sugg[hidden]{display:none}
.sugg li{padding:9px 12px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1.3}.sugg li:hover,.sugg li:focus{background:var(--char)}
.sugg small{color:var(--berge)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--encre);border-radius:8px;background:#fff;color:var(--encre);font:800 14px/1.2 var(--muk);text-decoration:none;cursor:pointer}
.chip:hover,.chip.hi-pt,.chip--char{background:var(--char)}
.chip b{font-weight:600;color:var(--berge)}
.chip svg{color:var(--berge)}

/* ───────── France des eaux ───────── */
.regions-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:36px;padding:32px 0 64px;align-items:start}
.regions-carte{position:sticky;top:96px}.regions-carte svg{display:block;width:100%;max-height:calc(100vh - 130px)}
.regions-liste .rail-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.france-grille{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:44px;align-items:start}
.france-carte svg{display:block;margin-inline:auto;width:100%;max-height:600px}
.france-leg{margin:14px 0 0;text-align:center}
.france-coins h3{font:400 20px/1.2 var(--kro);margin:0 0 16px}
.coins{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin-bottom:30px}
.regs{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.fr-sil{fill:#fff;stroke:var(--riv);stroke-width:2.6;stroke-linejoin:round}
.fr-encarts rect{fill:#fff;stroke:var(--encre);stroke-width:.8}
.fr-depts path{stroke:var(--encre);stroke-width:.8;stroke-linejoin:round;transition:fill .2s;cursor:pointer}
.fr-depts .l0{fill:#F3F2EC}.fr-depts .l1{fill:#E1DFD3}.fr-depts .l2{fill:#CACDBF}.fr-depts .l3{fill:#AEB9AD}.fr-depts .l4{fill:#90A199}
.fr-depts a:hover path,.fr-depts a:focus path{fill:var(--char)}
.fr-fleuve{fill:none;stroke:var(--riv);stroke-width:1.6;stroke-linecap:round;pointer-events:none}
.fr-etiq text{font:800 10.5px var(--muk);fill:var(--berge)}
.plomb{stroke:var(--encre);stroke-width:1.6;cursor:pointer;transition:r .15s}
.plomb.magasin{fill:var(--char)}.plomb.guide{fill:var(--fire)}
.fr-pts a:hover .plomb,.fr-pts a.hi-pt .plomb{stroke-width:3}
.tip{position:fixed;z-index:90;pointer-events:none;transform:translate(14px,-130%);background:var(--encre);color:var(--isorel);font:800 14px var(--muk);padding:6px 12px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);opacity:0;transition:opacity .12s}
.tip.on{opacity:1}

/* ───────── cartes d'articles / bandeau actualités ───────── */
.art{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre)}
.art-img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--isorel);position:relative}
.art-img>*{width:100%;height:100%;object-fit:cover;display:block}
.art-c{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.art-c .etiq{align-self:flex-start}
.art-c h3{font-size:20px;margin:4px 0 0}.art-c h3 a{text-decoration:none}.art-c h3 a:hover{color:var(--riv);text-decoration:underline}
.art-c p{font-size:16px;color:var(--berge);line-height:1.5;margin:0}
.art-c small{font-size:14px;color:var(--berge);margin-top:auto}
.conseil-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.conseil-grille--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.art-grille-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}
.stop-rayon{position:relative;background:#fff;border-top:6px solid var(--char);padding:18px 24px 20px;margin:30px 0 30px -24px;transform:rotate(-1.5deg);box-shadow:0 2px 0 rgba(15,42,43,.12),0 18px 28px -18px rgba(15,42,43,.5)}
.stop-rayon .sr-t{display:block;font:800 13px/1 var(--muk);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--encre)}
.stop-rayon p{margin:0;font:600 19px/1.5 var(--muk)}
.stop-rayon--accueil{grid-column:1/-1;margin:20px 0 0 -24px;max-width:860px}
.stop-rayon a{display:inline-block;margin-top:10px;font-weight:800}
.journal{padding:28px 0 64px}
.une{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--ombre);min-height:340px}
.une-img{display:block;position:relative;min-height:260px}.une-img>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.une-txt{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.une-txt .etiq{align-self:flex-start}
.une-cat{font:800 13px var(--muk);letter-spacing:.08em;text-transform:uppercase;color:var(--berge)}
.une-txt h2{font-size:clamp(24px,2.5vw,32px);margin:0}.une-txt h2 a{text-decoration:none}.une-txt h2 a:hover{color:var(--riv)}
.une-txt p{margin:0;color:var(--berge);font-size:18px}
.une-meta{display:flex;align-items:center;gap:12px;font-size:15px}
.defile{overflow:hidden;margin:26px 0;border-block:2px solid var(--encre);background:#fff}
.defile-liste{display:flex;gap:34px;list-style:none;width:max-content;padding:12px 0;animation:defile 70s linear infinite}
.defile:hover .defile-liste{animation-play-state:paused}
.defile li a{display:flex;align-items:center;gap:12px;width:300px;text-decoration:none}
.df-img{flex:none;width:58px;height:58px;border-radius:10px;overflow:hidden;background:var(--isorel)}.df-img>*{width:100%;height:100%;object-fit:cover;display:block}
.df-t{font:800 15px/1.25 var(--muk);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@keyframes defile{to{transform:translateX(-50%)}}
.rubriques{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.rub{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:2px solid var(--encre);border-radius:8px;background:#fff;font:800 15px/1.2 var(--muk);text-decoration:none}
.rub span{font-weight:600;color:var(--berge)}.rub:hover,.rub.is-actif{background:var(--char)}.rub.is-actif span{color:var(--encre)}
.rub-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:12px}
.rub-carte{display:flex;flex-direction:column;gap:4px;padding:18px;background:#fff;border-radius:12px;border-left:6px solid var(--char);text-decoration:none;box-shadow:var(--ombre)}
.rub-carte b{font:800 18px var(--muk)}.rub-carte span{font-size:15px;color:var(--berge);line-height:1.4}.rub-carte small{font-size:14px;color:var(--berge);margin-top:6px}.rub-carte:hover{border-left-color:var(--encre)}
.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.page-numbers{padding:8px 14px;border:2px solid var(--encre);border-radius:8px;background:#fff;font-weight:800;text-decoration:none}.page-numbers.current,.page-numbers:hover{background:var(--char)}

/* ───────── enseignes ───────── */
.enseignes{display:flex;flex-wrap:wrap;gap:18px;list-style:none}
.ens{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:180px;min-height:96px;padding:14px 24px;border:2px solid var(--trou);border-radius:12px;background:#fff}
.ens img{height:34px;width:auto;max-width:160px}
.ens-nom{font:800 20px/1.1 var(--muk)}.ens small{font-size:14px;color:var(--berge)}

/* ───────── pied de page compact ───────── */
.foot{background:var(--encre);color:var(--isorel);padding:34px 0 0;font-size:16px;line-height:1.5}
.foot-in{width:min(1240px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}
.foot-marque p{margin:12px 0 0;color:#B8C0B8;font-size:15px;max-width:26ch}
.foot-t{font:800 12px/1 var(--muk);letter-spacing:.1em;text-transform:uppercase;color:var(--char);margin:0 0 12px}
.foot-col ul{list-style:none}.foot-col li{margin:0 0 4px}
.foot a{color:var(--isorel);text-decoration:none}.foot a:hover{text-decoration:underline;color:#fff}
.foot-bas{margin:26px auto 0;width:min(1240px,100% - 32px);padding:14px 0 18px;border-top:1px solid rgba(230,228,218,.2);font-size:14px;color:#B8C0B8}
.foot--mini{padding:0;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center}
.foot--mini p{margin:0;padding:6px 16px;font-size:12.5px;line-height:1.3;color:#B8C0B8}.foot--mini a{color:var(--isorel)}

/* ───────── en-tête de page ───────── */
.ph{background:var(--isorel) var(--perfo);border-bottom:1px solid var(--trou);padding:26px 0 34px}
.ph-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;min-height:236px}
.ph-txt{min-width:0}
.ph-k{font:800 13px/1 var(--muk);letter-spacing:.1em;text-transform:uppercase;color:var(--berge);margin:0 0 10px}
.ph h1{font-size:clamp(26px,3.1vw,42px);margin:0 0 14px}
.ph-intro{font-size:19px;color:var(--encre);max-width:62ch;margin:0 0 6px}
.ph-vis{display:flex;align-items:center;gap:18px}
.ph-vis .terr{height:230px;width:auto;max-width:300px}
.ph-vis .scene.sc-grand{width:210px;height:230px;border-radius:14px;border:2px solid var(--encre);box-shadow:var(--ombre)}
.ph-code{font:400 clamp(70px,9vw,128px)/1 var(--kro);color:transparent;-webkit-text-stroke:2px var(--encre);letter-spacing:-.03em}
.fil ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0 0 14px;font-size:14px;color:var(--berge)}
.fil li+li::before{content:"/";margin:0 8px;color:#8d978f}
.fil a{color:var(--berge)}.fil a:hover{color:var(--encre)}
.ph--page{padding-bottom:26px}.ph--page .ph-in{min-height:0}

/* ───────── la carte au comptoir (ville) ───────── */
.comptoir{display:grid;grid-template-columns:minmax(0,1fr) 440px minmax(0,1fr);gap:28px;padding:30px 0 56px;align-items:start}
.onglets{display:none}
.col-carte{position:sticky;top:92px;align-self:start;min-width:0}
.col{min-width:0}
.carte-bloc{position:relative;margin:0;background:#fff;border-radius:16px;padding:0 14px 12px;box-shadow:var(--ombre)}
.carte-cadre{border:2px solid var(--encre);border-radius:12px;overflow:hidden;background:var(--isorel)}
.carte{height:min(calc(100vh - 300px),620px);min-height:380px;width:100%}
.carte-note{font-size:13px;line-height:1.5;color:var(--berge);margin:10px 2px 0}
.mk{background:none;border:0}.mk svg{display:block;filter:drop-shadow(0 2px 2px rgba(15,42,43,.4));transition:transform .15s}.mk.hi svg{transform:scale(1.35)}
.leaflet-container{font:inherit;background:var(--isorel)}
.leaflet-popup-content-wrapper{border-radius:10px;border:2px solid var(--encre)}
.leaflet-popup-content{margin:12px 14px;font:600 15px/1.4 var(--muk);color:var(--encre)}
.leaflet-popup-content a{color:var(--riv);font-weight:800}
.proches{margin:18px 0 0}
.proches-l{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.side-t{font:800 12px/1 var(--muk);letter-spacing:.1em;text-transform:uppercase;color:var(--berge);margin:0 0 12px}
.autour h2{font-size:22px;margin-bottom:14px}.autour-l{display:flex;flex-wrap:wrap;gap:10px;margin:0}

/* ───────── département / fiche / pêche ───────── */
.dept-corps{min-width:0}
.fiche-grille{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:36px;padding:32px 0 64px;align-items:start}
.fiche-carte-col{position:sticky;top:96px}
.ph--fiche .ph-in{display:block;min-height:0}
.blister--grand{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-areas:"t t" "v x";gap:0 28px;padding:0 28px 28px;margin:0 0 6px;max-width:900px}
.blister--grand .bl-tab{grid-area:t}.bl-g-vis{grid-area:v;border-radius:12px;overflow:hidden;aspect-ratio:1;box-shadow:inset 0 3px 8px rgba(15,42,43,.2)}
.bl-g-txt{grid-area:x;align-self:center;min-width:0}.bl-g-txt h1{font-size:clamp(26px,3vw,40px);margin:12px 0 8px}
.bl-g-txt .etiq{position:static;transform:none}
.fiche-carte,.fiche-contact{background:#fff;border-radius:var(--r);padding:24px 28px;box-shadow:var(--ombre);margin-bottom:24px}
.fiche-carte h2,.fiche-contact h2{font-size:22px;margin-bottom:16px}
.infos div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--trou)}
.infos dt{font:800 12px/1.6 var(--muk);letter-spacing:.08em;text-transform:uppercase;color:var(--berge)}.infos dd{margin:0;overflow-wrap:anywhere}
.infos a{color:var(--riv);font-weight:800}.approx{color:var(--berge)}
.fiche-contact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;border:2px solid var(--encre);background:var(--char)}
.fiche-contact .btn{grid-column:1/-1;justify-self:start}.fiche-contact p{margin:0;font-size:17px}.fc-ico{grid-row:span 1;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#fff;border:2px solid var(--encre)}
.fiche-corr{font-size:15px;color:var(--berge)}.fiche-corr a{color:var(--berge)}
.peche-bandeau{position:relative;min-height:340px;display:flex;align-items:flex-end;background:var(--encre);overflow:hidden}
.peche-photo{position:absolute;inset:0;display:block}.peche-photo>*{width:100%;height:100%;object-fit:cover}
.peche-bandeau-in{position:relative;padding-bottom:0}
.peche-titre{display:inline-block;max-width:760px;background:#fff;padding:22px 30px 26px;border-radius:14px 14px 0 0}
.peche-titre h1{font-size:clamp(28px,3.6vw,46px);margin:6px 0 8px}.peche-titre p{margin:0;font-size:18px;color:var(--berge)}
.peche-ico{display:inline-grid;place-items:center;width:60px;height:60px;background:var(--char);border:2px solid var(--encre);border-radius:12px}
.peche-titre .fil ol{margin-bottom:12px}
.peche-corps{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:44px;padding:36px 0 72px;align-items:start}
.peche-texte h2{font-size:clamp(22px,2.4vw,28px);margin:40px 0 16px}.peche-texte section:first-of-type h2{margin-top:10px}
.cartes-liste{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cartes-liste li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:var(--ombre);font-size:17px;line-height:1.45}
.cl-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--char);border:2px solid var(--encre)}
.cartes-liste--non .cl-ico{background:var(--fire)}
.cartes-num{list-style:none;display:grid;gap:12px}
.cartes-num li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:#fff;border-radius:12px;box-shadow:var(--ombre)}
.cartes-num b{flex:none;display:grid;place-items:center;width:40px;height:40px;background:var(--char);border:2px solid var(--encre);font:400 18px var(--kro);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
.peche-cote{position:sticky;top:96px;min-width:0}
.peche-adresses{margin-bottom:24px}.honnete{background:#fff;border-left:6px solid var(--fire);padding:14px 18px;border-radius:10px;font-size:16px}
.faq-liste details{background:#fff;border:2px solid var(--trou);border-radius:12px;margin:0 0 10px}
.faq-liste details[open]{border-color:var(--encre)}
.faq-liste summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font:800 18px/1.3 var(--muk);cursor:pointer;list-style:none}
.faq-liste summary::-webkit-details-marker{display:none}
.faq-liste summary svg{transition:transform .2s;flex:none}.faq-liste details[open] summary svg{transform:rotate(180deg)}
.faq-liste details p{padding:0 18px 16px;margin:0;color:var(--berge);font-size:17px}
.faq{margin:40px 0}

/* ───────── tunnel ───────── */
.emer-trouver{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.emer-trouver .site-main{flex:1;display:flex;flex-direction:column;min-height:0}
.tunnel{flex:1;display:flex;min-height:0;background:var(--isorel) var(--perfo)}
.tun-in{width:min(1180px,100% - 32px);margin:0 auto;padding:26px 0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-self:stretch}
.tun-carte{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 2px 0 rgba(15,42,43,.1),0 30px 50px -28px rgba(15,42,43,.55);padding:44px 40px 26px}
.tun-tige{position:absolute;left:24px;right:24px;top:14px;height:9px;border-radius:5px;background:var(--tige);box-shadow:inset 0 -2px 0 rgba(15,42,43,.25),inset 0 2px 0 rgba(255,255,255,.55)}
.crochets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:-14px 0 22px}
.croc{display:flex;flex-direction:column;align-items:flex-start}
.croc-fil{display:block;width:2px;height:12px;margin-left:16px;background:var(--tige)}
.croc-etiq{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 14px;background:var(--isorel);color:var(--berge);font:600 14px/1.2 var(--muk);clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);transition:background .25s,color .25s,transform .25s;transform:translateY(-6px);max-width:100%}
.croc-etiq b{font:400 14px var(--kro)}
.croc-etiq span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.croc.is-done .croc-etiq{background:var(--char);color:var(--encre);transform:none;opacity:1}
.croc.is-now .croc-etiq{background:var(--encre);color:var(--isorel);transform:none;opacity:1}
.tun-corps{flex:1;display:flex;flex-direction:column;min-height:0}
.etape{display:none;flex:1;flex-direction:column;border:0;margin:0;padding:0;min-width:0}
.etape.is-actif,html:not(.js) .etape{display:flex}
.etape legend{font:400 clamp(22px,2.6vw,32px)/1.15 var(--kro);padding:0;margin:0 0 18px;width:100%}
.tuiles{display:grid;gap:14px;flex:1;grid-auto-rows:minmax(0,1fr)}
.tuiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tuiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tuiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tuiles--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.tuile{position:relative;display:block}
.tuile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.tuile-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:92px;padding:14px 10px;border:2px solid var(--trou);border-radius:14px;background:#fff;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.tuile-in b{font:800 18px/1.2 var(--muk)}.tuile-in small{font-size:14px;line-height:1.3;color:var(--encre)}
.tuile--magasin .tuile-in{background:var(--char);border-color:var(--encre)}.tuile--guide .tuile-in{background:var(--fire);border-color:var(--encre)}
.tuile--peche .tuile-in svg{color:var(--riv)}
@media (min-width:981px){.ou-champ{padding:6px 24px}.ou-champ input{font-size:26px;padding:26px 0}.ou-freq{margin-top:26px;gap:12px}.ou-freq .chip{font-size:17px;padding:10px 18px}.champs{flex:1;align-content:start;gap:18px 20px}.champs input,.champs textarea{padding:15px 16px;font-size:17px}.champs textarea{min-height:130px}.champs label{font-size:15px}.consent{margin-top:22px;font-size:15px}.tuiles--3 .tuile-in svg{width:64px;height:64px}.tuiles--3 .tuile-in b{font-size:25px}.tuiles--3 .tuile-in small{font-size:17px}.tuiles--5 .tuile-in svg{width:50px;height:50px}.tuiles--5 .tuile-in b{font-size:20px}.tuile-in{gap:12px}}
.tuile:hover .tuile-in{transform:translateY(-2px);border-color:var(--encre)}
.tuile input:checked+.tuile-in{box-shadow:0 0 0 4px var(--encre);border-color:var(--encre)}
.tuile input:focus-visible+.tuile-in{outline:3px solid var(--riv);outline-offset:3px}
.etape-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:auto 0 0;padding-top:18px;flex-wrap:wrap}
.retour{border:0;background:none;font:800 15px var(--muk);color:var(--berge);cursor:pointer;text-decoration:underline;padding:8px 0}
.lien-test{font-size:15px;color:var(--berge)}
.ou-champ{display:flex;align-items:center;gap:12px;border:2px solid var(--encre);border-radius:12px;padding:0 16px;background:#fff;color:var(--berge)}
.ou-champ input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 20px var(--muk);padding:18px 0;color:var(--encre)}
.ou-champ input.is-err,.is-err{outline:3px solid #B3261E;outline-offset:2px;border-radius:8px}
.ou-champ:focus-within{box-shadow:0 0 0 4px var(--char)}
.ou-bloc{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
.ou-freq{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0}.ou-freq>span{font:800 12px var(--muk);letter-spacing:.08em;text-transform:uppercase;color:var(--berge);margin-right:4px}
.champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.champs label,.emer-form label{display:block;font:800 14px/1.3 var(--muk)}
.champs label small{font-weight:400;color:var(--berge)}
.champs-large{grid-column:1/-1}
input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{font:600 17px var(--muk);color:var(--encre)}
.champs input,.champs textarea,.emer-form input[type=text],.emer-form input[type=email],.emer-form select,.emer-form textarea,.in-email input{display:block;width:100%;margin-top:5px;padding:11px 13px;border:2px solid var(--encre);border-radius:10px;background:#fff;font-size:16px}
.champs textarea,.emer-form textarea{resize:vertical;min-height:60px}
.consent{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;font:400 14px/1.45 var(--muk);color:var(--encre)}
.consent input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--encre)}
.consent a{color:var(--riv);font-weight:800}
.tun-note{margin:10px 0 0;font-size:13px;color:var(--berge)}
.tun-pro{margin:0 0 12px;font-size:16px}
.emer-erreur{background:#FDECEA;border-left:6px solid #B3261E;padding:10px 14px;border-radius:8px;margin:0 0 12px;font-size:15px;color:#7a1a12;font-weight:600}
.emer-ok{background:#EEF8C8;border-left:6px solid var(--encre);padding:14px 18px;border-radius:8px}
.tun-rassure{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:30px 26px;background:var(--encre);color:var(--isorel);border-radius:18px}
.tun-r-t{font:400 20px/1.2 var(--kro);margin:0;color:var(--char)}
.tun-rassure ul{list-style:none;display:grid;gap:22px}.tun-rassure li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.4;color:#D8DDD6}
.tun-rassure li svg{color:var(--char)}.tun-rassure li b{display:block;font:800 18px var(--muk);color:#fff;margin-bottom:2px}
.tun-rassure-m{display:none}

/* ───────── pages éditoriales, outils, contact, 404 ───────── */
.page-lisible{padding:36px 0 72px}.page-lisible .contenu{max-width:760px}
.contenu{font-size:18px;line-height:1.65;overflow-wrap:anywhere}
.contenu h2{font-size:clamp(22px,2.6vw,30px);margin:1.8em 0 .6em}
.contenu h3{font-size:22px;margin:1.6em 0 .5em}
.contenu img{border-radius:12px;height:auto}
.contenu figure{margin:28px 0}.contenu figcaption{font-size:14px;color:var(--berge);margin-top:6px}
.contenu a{color:var(--riv);text-decoration:underline;text-underline-offset:3px}
.contenu ul,.contenu ol{padding-left:1.3em;margin:0 0 1em}.contenu li{margin:.3em 0}
.contenu table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.contenu th,.contenu td{border:1px solid var(--trou);padding:8px 12px}
.contenu blockquote{margin:1.4em 0;padding:8px 22px;border-left:6px solid var(--char);background:#fff;border-radius:0 12px 12px 0}
.contenu iframe,.contenu video{max-width:100%}
.emer-sources{display:grid;gap:10px;list-style:none;padding:0!important}.emer-sources li{background:#fff;border-radius:12px;padding:14px 18px;border-left:6px solid var(--char)}
.emer-form{max-width:640px;display:grid;gap:14px}.emer-form p{margin:0}.emer-form button[type=submit]{display:inline-flex;font:800 17px var(--muk);padding:14px 26px;border:2px solid var(--encre);border-radius:10px;background:var(--char);cursor:pointer;color:var(--encre)}
.emer-form input[type=checkbox]{width:20px;height:20px;accent-color:var(--encre)}
.emer-piege{position:absolute!important;left:-9999px!important}
.outils-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:40px 0 72px}
.outil-carte{background:#fff;border-radius:18px;padding:34px;box-shadow:var(--ombre);border-top:8px solid var(--char);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.outil-carte--quiz{border-top-color:var(--fire)}
.outil-carte h2{font-size:26px}.outil-carte p{color:var(--berge)}
.oc-ico{display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:var(--isorel);border:2px solid var(--encre);margin-bottom:10px}
.outil-page{padding:32px 0 72px;display:grid;gap:30px}
.outil-form{display:grid;gap:22px;background:#fff;border-radius:18px;padding:28px 30px;box-shadow:var(--ombre)}
.outil-form fieldset{border:0;padding:0;margin:0;min-width:0}.outil-form legend{font:400 20px/1.2 var(--kro);margin-bottom:14px;padding:0}
.outil-form .tuiles{grid-auto-rows:auto}.outil-form .btn{justify-self:start}
.coche{display:flex;gap:12px;align-items:center;font-weight:600}.coche input{width:22px;height:22px;accent-color:var(--encre)}
.resultat{background:#fff;border-radius:18px;padding:30px 32px;box-shadow:var(--ombre);border-top:8px solid var(--char)}
.resultat h2{font-size:26px}
.res-gros{margin:10px 0 24px}
.jauge{margin:0 0 30px}.jauge-piste{position:relative;display:block;height:22px;border-radius:11px;background:var(--isorel);border:2px solid var(--encre);overflow:hidden}
.jauge-plage{position:absolute;top:0;bottom:0;background:var(--char);border-inline:2px solid var(--encre)}
.jauge-g{display:flex;justify-content:space-between;font-size:14px;color:var(--berge);margin-top:6px}
.barres{list-style:none;display:grid;gap:6px;margin:0}
.barres li{display:grid;grid-template-columns:minmax(120px,230px) minmax(0,1fr) 92px;gap:14px;align-items:center;padding:6px 0}
.b-l{display:flex;align-items:center;gap:8px;font:600 16px/1.3 var(--muk)}.b-l a{text-decoration:none}.b-l svg{color:var(--riv)}
.b-piste{position:relative;display:block;height:16px;border-radius:8px;background:var(--isorel);overflow:hidden;box-shadow:inset 0 0 0 1px var(--trou)}
.b-barre,.b-plage{position:absolute;top:0;bottom:0;left:0;background:var(--char);border:2px solid var(--encre);border-radius:8px}
.b-plage{border-radius:0}
.b-v{font:800 15px var(--muk);text-align:right;white-space:nowrap}
.barres--classement li.is-top .b-barre{background:var(--fire)}
.res-note,.res-aver{font-size:16px;color:var(--berge);margin:16px 0 0}
.res-suite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:28px;padding-top:24px;border-top:2px dashed var(--trou)}
.res-suite h3{font-size:20px}
.inscrit{display:grid;gap:10px;background:var(--isorel);padding:18px 20px;border-radius:14px}.inscrit-t{font:800 17px var(--muk);margin:0;display:flex;gap:8px;align-items:center}
.in-email{font:800 14px var(--muk)}
.quiz-gagnante{display:flex;gap:22px;align-items:center;margin-bottom:22px}.qg-ico{display:grid;place-items:center;flex:none;width:104px;height:104px;border-radius:20px;background:var(--fire);border:2px solid var(--encre)}
.qg-k{font:800 13px var(--muk);letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--berge)}.quiz-gagnante h2{margin:4px 0 8px}
.aucun{text-align:center;padding:48px 20px;background:#fff;border-radius:18px;box-shadow:var(--ombre);margin-top:26px}.aucun-ico{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--isorel);margin-bottom:12px}
.recherche-page{padding:30px 0 72px}
.merci{padding:64px 0 96px}.merci-in{max-width:720px;text-align:center}.merci-ico{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--char);border:2px solid var(--encre);margin-bottom:18px}
.merci-liens{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.merci-code{margin:0 0 14px}
.e404{padding:56px 0 88px}.e404-in{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:center}
.e404-vis .scene{height:420px;border-radius:18px;border:2px solid var(--encre);box-shadow:var(--ombre)}
.e404 h1{font-size:clamp(28px,4vw,48px)}.e404-liens{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}
.contact-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;padding:36px 0 72px;align-items:start}
.contact-etapes{list-style:none;display:grid;gap:16px}.contact-etapes li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fff;border-radius:14px;box-shadow:var(--ombre)}
.contact-etapes b{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--char);border:2px solid var(--encre);font:400 20px var(--kro);clip-path:polygon(13px 0,100% 0,100% 100%,0 100%,0 13px)}
.contact-etapes strong{display:block;font:800 19px var(--muk)}.contact-etapes span{font-size:16px;color:var(--berge)}
.contact-carte{position:relative;background:#fff;border-radius:18px;box-shadow:var(--ombre);padding:0 30px 30px}.contact-carte .emer-form{max-width:none}
.equipe-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:40px 0 72px}
.equipe-carte{position:relative;background:#fff;border-radius:var(--r);padding:0 26px 28px;box-shadow:var(--ombre);text-align:center}
.equipe-carte .aut-photo{margin:6px auto 14px;display:block}.equipe-carte h2{font-size:22px;margin-bottom:4px}.equipe-carte h2 a{text-decoration:none}.equipe-carte p{font-size:16px;color:var(--berge)}

/* ───────── article ───────── */
.art-tete{background:var(--isorel) var(--perfo);border-bottom:1px solid var(--trou);padding:26px 0 34px}
.art-tete-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;min-height:320px}
.art-tete-txt{min-width:0}.art-tete h1{font-size:clamp(26px,3.2vw,40px);margin:12px 0 16px}
.art-tete .etiq{text-decoration:none;color:var(--encre)}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;font-size:15px;color:var(--berge)}
.aut{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--encre)}.aut a{text-decoration:none}
.aut-photo{flex:none;width:28px;height:28px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:2px solid #fff;background:#fff;box-shadow:0 0 0 1px var(--trou)}
.aut-photo--g{width:72px;height:72px}.aut-photo--xl{width:160px;height:160px;border-width:4px}
.ph--auteur .aut-photo--xl{width:200px;height:200px}
.blister-cadre{display:block;background:#fff;padding:10px;border-radius:16px;box-shadow:var(--ombre)}
.blister-cadre img,.blister-cadre .scene{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.art-grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:52px;padding:40px 0 64px;align-items:stretch}
.art-corps{min-width:0}.art-corps .contenu{max-width:none}
.art-cote{min-width:0;display:flex;flex-direction:column;gap:22px;align-self:stretch}
.sommaire{background:#fff;border-radius:var(--r);padding:20px 22px;box-shadow:var(--ombre)}
.sommaire ol{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;counter-reset:s}
.sommaire li{counter-increment:s;min-width:0}
.sommaire a{display:flex;gap:10px;font-size:15px;line-height:1.4;padding:5px 0;text-decoration:none;color:var(--encre);min-width:0}
.sommaire a::before{content:counter(s);flex:none;font:400 12px/1.8 var(--kro);color:var(--berge);width:18px}
.sommaire a span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sommaire a:hover span{text-decoration:underline}
.w-trouver{background:var(--char);border:2px solid var(--encre);border-radius:var(--r);padding:20px 20px 18px;position:relative}
.w-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;border:2px solid var(--encre);margin-bottom:10px}
.w-trouver .side-t{color:var(--encre)}
.w-trouver form{display:grid;gap:10px}.w-trouver .rc-champ{background:#fff;border:2px solid var(--encre);border-radius:10px}.w-trouver .rc-champ input{font-size:16px;padding:12px 0}
.w-trouver .btn{background:var(--encre);color:var(--isorel);width:100%}
.w-villes{display:flex;flex-wrap:wrap;gap:6px 12px;margin:12px 0 0;font-size:14px}.w-villes a{font-weight:800}
.w-peche{display:flex;gap:14px;align-items:center;margin-top:16px;padding:14px 16px;background:#fff;border-radius:var(--r);border:2px solid var(--encre);text-decoration:none}
.w-peche .w-ico{margin:0;background:var(--isorel)}.w-peche b{display:block;font:800 17px var(--muk)}.w-peche small{font-size:14px;color:var(--berge)}
.art-form{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;align-items:center;background:#fff;border:2px solid var(--encre);border-radius:var(--r);padding:22px 24px;margin:34px 0;box-shadow:6px 6px 0 var(--char)}
.af-ico{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:var(--char);border:2px solid var(--encre)}
.af-t h2{font-size:21px;margin:0 0 4px}.af-t p{margin:0;font-size:16px;color:var(--berge)}.art-form .recherche{grid-column:1/-1;margin-top:8px}
.info{background:#fff;border:2px solid var(--encre);border-radius:var(--r);padding:22px 26px;margin:34px 0}
.info-t{font:400 20px/1.2 var(--kro);margin:0 0 18px}
.info-corps{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center}
.anneau{width:200px;height:auto}.an-n{font:400 26px var(--kro);fill:var(--encre)}.an-l{font:600 13px var(--muk);fill:var(--berge)}
.info-leg{list-style:none;display:grid;gap:10px}.info-leg li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:12px 16px;border-radius:10px;font-size:16px;line-height:1.35;border:2px solid var(--encre)}
.info-leg b{font:400 20px var(--kro)}.info-leg span{margin-left:auto;font-weight:800}
.lg-m{background:var(--char)}.lg-g{background:var(--fire)}.lg-j{background:var(--isorel)}
.info-src{font-size:13px;color:var(--berge);margin:16px 0 0}
.emer-srcbox{margin:32px 0;padding:22px 24px;background:#fff;border:2px solid var(--encre);border-radius:var(--r)}
.emer-srcbox h2{font-size:20px;margin:0 0 14px}.emer-src-h{font:800 13px var(--muk);letter-spacing:.1em;text-transform:uppercase;color:var(--berge);margin:0 0 12px}
.emer-srclist{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}
.emer-srclist li{margin:0!important}
.emer-srclist a{display:flex;align-items:center;gap:12px;height:100%;padding:12px 14px;border:2px solid var(--trou);border-radius:10px;text-decoration:none!important;color:var(--encre)!important;background:var(--isorel)}
.emer-srclist a:hover{border-color:var(--encre);background:#fff}
.emer-srclist a::after{content:"↗";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--char);border:2px solid var(--encre);font-weight:800;margin-left:auto}
.src-b{display:flex;flex-direction:column;min-width:0}.src-t{font:800 15px/1.3 var(--muk);overflow-wrap:anywhere}.src-m{font-size:13px;color:var(--berge);overflow-wrap:anywhere}
.emer-src-note,.emer-src-txt,.emer-src-ligne{font-size:15px;color:var(--berge)}
.emer-src-lien{word-break:break-all;font-weight:800}
.auteur-bloc{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:#fff;border-radius:var(--r);box-shadow:var(--ombre);margin:40px 0 0}
.auteur-nom{font:800 20px var(--muk);margin:0}.auteur-nom a{text-decoration:none}.auteur-role{font:800 12px var(--muk);letter-spacing:.08em;text-transform:uppercase;color:var(--berge);margin:2px 0 8px}.auteur-bloc p{font-size:16px;margin:0 0 4px}

/* ───────── adaptations ───────── */
@media (min-width:981px){.side-colle{position:sticky;top:96px}}
@media (max-width:1280px){
  .hang--h1{left:2%}.hang--h2{left:11.5%}.hang--h3{right:2.5%}.hang--h4{right:11.5%}.hang--h5{left:1%}
  .blister--mini{width:150px}.hang--centre{width:min(640px,calc(100% - 32px))}
  .comptoir{grid-template-columns:minmax(0,1fr) 380px minmax(0,1fr)}
}
@media (max-width:1100px){
  .hang--h5,.hang--h2,.hang--h4{display:none}.hang--h1{left:2%}.hang--h3{right:2%}
  .hero-mur{height:640px}
  .boite{grid-template-columns:repeat(3,minmax(0,1fr))}
  .comptoir{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .col-carte{grid-column:1/-1;grid-row:1;position:static}.col--magasin{grid-row:2}.col--guide{grid-row:2}
  .carte{height:380px;min-height:0}
  .rail--hub .rail-liste,.rail--lieux .rail-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail--halo .rail-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-in{grid-template-columns:repeat(2,1fr)}
  .art-grille{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
  .rub-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  :root{--hh:61px}
  .head-in{gap:12px}.logo-txt small{display:none}.wm{font-size:22px}
  .burger{display:inline-flex;margin-left:auto}.head-cta{margin-left:0}
  .nav{position:fixed;z-index:55;left:0;right:0;top:var(--hh);bottom:0;margin:0;background:var(--isorel);padding:18px 16px 28px;overflow-y:auto;display:none}
  .menu-ouvert .nav{display:block}.menu-ouvert{overflow:hidden}
  .nav-liste{flex-direction:column;align-items:stretch;gap:6px}
  .nl{padding:14px 10px;font-size:20px;width:100%;justify-content:flex-start}.nl::before{display:none}
  .nl:hover>span,.nl[aria-current]>span{padding-left:0}.nl[aria-current]{background:var(--char)}
  .nl-btn svg{display:none}
  .boite-menu{position:static;display:block;width:auto;box-shadow:none;background:none;padding:0 0 12px}.boite-t{display:none}
  .boite--menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btn--blister .lg{display:none}.btn--blister .sm{display:inline}.btn--blister{padding:10px 16px 10px 32px}
  .hub-grille,.dept-grille,.fiche-grille,.peche-corps,.france-grille,.regions-grille{grid-template-columns:minmax(0,1fr)}.regions-carte{position:static}
  .hub-carte,.dept-carte,.fiche-carte-col,.peche-cote{position:static}
  .dept-carte{order:-1}.fiche-carte-col{order:-1}
  .ph-in{grid-template-columns:minmax(0,1fr);min-height:0}.ph-vis{display:none}
  .art-tete-in{grid-template-columns:minmax(0,1fr);min-height:0}
  .art-grille{grid-template-columns:minmax(0,1fr)}
  .une{grid-template-columns:minmax(0,1fr)}
  .conseil-grille,.conseil-grille--3,.art-grille-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail--halo .rail-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tun-in{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:12px 0 8px}
  .tun-rassure{display:none}.tun-rassure-m{display:flex;align-items:center;gap:8px;justify-content:center;margin:0;font-size:13px;color:var(--berge);text-align:center}
  .tun-carte{padding:36px 18px 18px;border-radius:16px}
  .tun-tige{left:16px;right:16px;top:12px}
  .crochets{gap:4px;margin-bottom:14px}.croc-etiq span{display:none}.croc-etiq{padding:5px 11px 5px 13px}
  .etape legend{font-size:22px;margin-bottom:12px}
  .tuiles--3,.tuiles--4{grid-template-columns:minmax(0,1fr)}.tuiles--5{grid-template-columns:repeat(2,minmax(0,1fr))}.tuiles--5 .tuile:last-child{grid-column:1/-1}
  .tuile-in{flex-direction:row;gap:14px;justify-content:flex-start;text-align:left;min-height:64px;padding:10px 16px}
  .tuiles--5 .tuile-in{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:8px}
  .outil-form .tuiles--5,.outil-form .tuiles--4,.outil-form .tuiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outil-form .tuile-in{flex-direction:column;text-align:center;justify-content:center}
  .tuile-in small{display:none}.tuile--magasin .tuile-in small,.tuile--guide .tuile-in small{display:block}
  .outils-grille,.res-suite,.contact-grille,.e404-in,.equipe-grille{grid-template-columns:minmax(0,1fr)}
  .stop-rayon,.stop-rayon--accueil{margin-left:0}
  .info-corps{grid-template-columns:minmax(0,1fr);justify-items:center}.info-leg{width:100%}
  .emer-srclist{grid-template-columns:minmax(0,1fr)}
  .barres li{grid-template-columns:minmax(0,1fr) 84px;gap:4px 10px}.barres li .b-piste{grid-column:1/-1;order:3}
  .e404-vis .scene{height:220px}
}
@media (max-width:760px){
  body{font-size:17px}
  .bande{padding:44px 0}
  .hero-mur{height:auto;padding:26px 0 18px;display:grid;grid-template-columns:1fr;justify-items:center}
  .hang--h1,.hang--h3{display:block;position:absolute;top:8px;z-index:0}.hang--h1{left:-34px}.hang--h3{right:-34px}
  .hang--h1 .blister--mini,.hang--h3 .blister--mini{width:120px}
  .hang--centre{position:relative;top:auto;margin:112px auto 0;z-index:2;width:calc(100% - 32px)}
  .blister--recherche{padding:0 18px 22px}
  .blister--recherche h1{font-size:28px}
  .hero-peches{display:none}
  .hero-prix{position:static;gap:14px;margin:18px 16px 0;pointer-events:auto}
  .hero-rangee{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 8px;scrollbar-width:none;margin-top:6px}.hero-rangee .chip{flex:none}
  .recherche{grid-template-columns:minmax(0,1fr)}.rc-champ{border-right:0;border-bottom:2px solid var(--trou)}.recherche .btn{border-radius:0 0 9px 9px;padding:14px}
  .boite{grid-template-columns:repeat(2,minmax(0,1fr))}.boite .case:last-child{grid-column:1/-1}
  .rail--hub .rail-liste,.rail--lieux .rail-liste,.rail--halo .rail-liste,.rail-liste,.regions-liste .rail-liste{grid-template-columns:minmax(0,1fr)}
  .conseil-grille,.conseil-grille--3,.art-grille-liste,.rub-grille{grid-template-columns:minmax(0,1fr)}
  .foot-in{grid-template-columns:1fr 1fr;gap:20px}.foot-marque{grid-column:1/-1}
  .ph{padding:20px 0 26px}
  .ph-code{font-size:70px}
  .blister--grand{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "v" "x";padding:0 18px 20px}.bl-g-vis{aspect-ratio:16/10}
  .infos div{grid-template-columns:minmax(0,1fr);gap:2px}
  .fiche-carte,.fiche-contact{padding:20px}
  .peche-bandeau{min-height:260px}.peche-titre{padding:16px 18px 20px}.cartes-liste{grid-template-columns:minmax(0,1fr)}
  .carte{height:240px}
  .onglets{display:flex;position:sticky;top:60px;z-index:20;background:#fff;border:2px solid var(--encre);border-radius:12px;overflow:hidden;margin:0 0 14px;grid-column:1/-1}
  .ong{flex:1;padding:12px;border:0;background:#fff;font:800 16px var(--muk);color:var(--encre);cursor:pointer}.ong+.ong{border-left:2px solid var(--encre)}.ong.is-actif{background:var(--char)}
  .comptoir{grid-template-columns:minmax(0,1fr);padding-top:16px}
  .onglets{grid-row:1}.col-carte{grid-row:2}.js .col{display:none}.js .col.is-actif{display:block;grid-row:3}
  .col-t{display:none}
  .quiz-gagnante{flex-direction:column;text-align:center}
  .art-form{grid-template-columns:minmax(0,1fr)}
  .defile li a{width:240px}
  .tuile-in b{font-size:17px}
  .ou-champ input{font-size:18px;padding:14px 0}
}
@media (max-width:760px){.champs textarea{min-height:44px;height:44px}.tun-note{display:none}.tun-carte .btn--grand{flex:1;padding:12px 14px;font-size:16px}.etape-bas{flex-wrap:nowrap}.consent{margin-top:10px;font-size:13px}}
@media (max-width:420px){.head-in{gap:6px}.wm{font-size:20px}.logo-sym{width:44px;height:21px}.burger{padding:6px}
.champs{gap:10px}.blister--mini{width:110px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .hang{opacity:1;transform:none}
  .defile{overflow-x:auto}.defile-liste{animation:none}.defile-liste li[aria-hidden="true"]{display:none}
}
@media print{.site-head,.foot,.tun-rassure{display:none}}

/* sortie 26/10 : tableaux d'article défilants dans leur cadre (jamais plus larges que la colonne) */
.sbs_tableau,.sbsrc-f29c175a__tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0}
.sbs_tableau table{width:100%;min-width:0;border-collapse:collapse}
.sbs_tableau th,.sbs_tableau td{padding:.55em .7em;vertical-align:top;overflow-wrap:anywhere}
@media (max-width:640px){.sbs_tableau table{table-layout:fixed;font-size:.8em;word-break:break-word}.sbs_tableau th,.sbs_tableau td{padding:.45em .5em}}
.blister>.etiq{right:14px;transform:rotate(3deg)}
.encadre-emer{margin:1.6em 0;padding:18px 22px;background:#fff;border:2px solid var(--encre);border-radius:14px;box-shadow:var(--ombre)}
.encadre-emer__t{font:800 17px/1.2 var(--muk);margin:0 0 10px;color:var(--encre)}
.encadre-emer--etapes ol{margin:0;padding-left:1.3em;display:grid;gap:4px}.encadre-emer--etapes a{color:var(--encre);text-decoration:none;border-bottom:2px solid var(--char)}
.encadre-emer--trouver{background:var(--char)}.encadre-emer--trouver p{margin:0 0 12px}
@media (min-width:981px){
  .contact-grille{padding-top:26px}
  .contact-grille>.contact-etapes{grid-column:1;grid-row:1}.contact-grille>.contact-texte{grid-column:1;grid-row:2}
  .contact-grille>.contact-carte{grid-column:2;grid-row:1/span 2}
  .contact-carte .emer-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}
  .contact-carte .emer-form>p:nth-of-type(n+3):nth-of-type(-n+4),.contact-carte .emer-form>p:nth-of-type(-n+2){grid-column:auto}
  .contact-carte .emer-form>p:nth-of-type(n+5),.contact-carte .emer-form>.emer-piege,.contact-carte .emer-form>input{grid-column:1/-1}
  .contact-carte .emer-form textarea{min-height:0;height:88px}
  .contact-carte{padding-bottom:22px}
}
@media (max-width:640px){.sbsrc-f29c175a__tbl table,.sbs_tableau table{min-width:0!important;width:100%!important}}
@media (min-width:981px) and (max-height:950px){
  .page-id-113 .ph{padding:16px 0 18px}.page-id-113 .ph-in{min-height:0}
  .page-id-113 .ph-vis{display:none}.page-id-113 .ph h1{margin-bottom:8px}
  .page-id-113 .contact-grille{padding-top:20px}
  .page-id-113 .contact-carte .emer-form label{font-size:13px}
  .page-id-113 .contact-carte .emer-form input[type=text],.page-id-113 .contact-carte .emer-form input[type=email],.page-id-113 .contact-carte .emer-form select{padding:8px 12px}
  .page-id-113 .contact-carte .emer-form textarea{height:64px}
}
.terr-texte{max-width:78ch;margin:8px 0 56px}.terr-texte p{margin:0 0 1em}
/* reprise 26/10 (juge) : sommaire sur 2 lignes, nom/étiquette sans collision, encadré du comptoir aéré */
.sommaire a span{white-space:normal;overflow:visible;text-overflow:clip}
.blister>.bl-nom{padding-right:84px}.blister--lieu>.bl-nom{padding-right:70px}
.bande--isorel .stop-rayon--accueil{margin-bottom:36px}
.ph h1,.bl-nom,.pg-t{overflow-wrap:break-word;hyphens:manual}
.bl-g-vis .photo--grand{aspect-ratio:5/4;border-radius:12px}
.credits-photos{columns:2;column-gap:28px;font-size:14px;line-height:1.5;margin:10px 0 0;padding:0;list-style:none}.credits-photos li{break-inside:avoid;margin:0 0 6px}
@media (max-width:700px){.credits-photos{columns:1}}
.ph-vis .ph-photo{display:block;width:230px;height:230px;border-radius:14px;overflow:hidden;border:6px solid #fff;box-shadow:var(--ombre);transform:rotate(2.5deg)}
.nb{white-space:nowrap}
/* reprise 26/10, 2e passe (juge) */
.bl-g-vis{position:relative}.bl-ill{position:absolute;left:10px;bottom:10px;background:rgba(15,42,43,.78);color:#fff;font:700 11px/1 var(--muk);letter-spacing:.04em;padding:5px 8px;border-radius:6px}
.blister--mini .bl-nom,.boite .case-nom{overflow-wrap:normal;word-break:normal;hyphens:none}
.src-m,.ph-src,.mention-src{white-space:nowrap}
@media (max-width:980px){.contact-grille>.contact-carte{order:2}.contact-grille>.contact-texte{order:3}}
@media (max-width:700px){
  .rail--lieux .rail-liste,.rail--hub .rail-liste{grid-template-columns:1fr;gap:12px}
  .rail--lieux .rail-tige,.rail--hub .rail-tige{display:none}
  .rail--lieux .blister,.rail--hub .blister{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"t t" "b n" "b v" "b p";column-gap:14px;align-content:start;padding:0 14px 14px 12px}
  .rail--lieux .bl-tab,.rail--hub .bl-tab{grid-area:t;padding:7px 0}
  .rail--lieux .bl-bulle,.rail--hub .bl-bulle{grid-area:b;aspect-ratio:1;align-self:start;margin-top:2px}
  .rail--lieux .bl-nom,.rail--hub .bl-nom{grid-area:n;margin-top:2px;padding-right:0}
  .rail--lieux .bl-ville,.rail--hub .bl-ville{grid-area:v}.rail--lieux .bl-pech,.rail--hub .bl-pech{grid-area:p}
  .rail--lieux .blister>.etiq,.rail--hub .blister>.etiq{top:-9px;right:14px;transform:rotate(3deg)}
}
@media (max-width:700px){.enseignes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enseignes .ens{min-width:0;padding:12px 10px}}
.bl-g-note{font-size:16px;line-height:1.5;margin:10px 0 0;max-width:46ch}.bl-g-cta{margin:14px 0 0}.fiche-grille>*+*,.fiche-corps section+section{margin-top:8px}.fiche-corps h2.sec-t,section>h2.sec-t{margin-top:44px}

@media (max-width:640px){.sbs_tableau{overflow-x:auto}.sbs_tableau table{word-break:normal;overflow-wrap:normal;min-width:520px}}
@media (max-width:640px){.sbs_tableau th,.sbs_tableau td{overflow-wrap:normal;word-break:normal;hyphens:none}.sbs_tableau table{table-layout:auto;min-width:640px}}