@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url(polices/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url(polices/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:800;font-display:swap;src:url(polices/montserrat-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(polices/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:500;font-display:swap;src:url(polices/figtree-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:600;font-display:swap;src:url(polices/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(polices/figtree-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cairo";font-weight:500;font-display:swap;src:url(polices/cairo-arabic-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cairo";font-weight:700;font-display:swap;src:url(polices/cairo-arabic-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cairo";font-weight:800;font-display:swap;src:url(polices/cairo-arabic-800-normal.woff2) format("woff2")}
:root{
  --marine:#0B1220; --marine-2:#111C2F; --marine-3:#182841; --nuit:#070C16;
  --bleu:#0855AC; --bleu-fonce:#06458C; --bleu-vif:#3D93E8; --glace:#BBDAF7; --anthracite:#333436;
  --fond:#F2F4F7; --surface:#FFFFFF; --encre:#141A22; --doux:#4B5563; --discret:#636D7A; --trait:#DCE2E9;
  --sur-marine:#D3DCE7;
  --f-titre:"Montserrat","Segoe UI",Arial,sans-serif; --f-texte:"Figtree","Segoe UI",system-ui,sans-serif;
  --large:78rem; color-scheme:light;
}
html[lang="ar"]{--f-titre:"Cairo","Segoe UI",Tahoma,sans-serif;--f-texte:"Cairo","Segoe UI",Tahoma,sans-serif}
html{font-size:100%;background:var(--marine)}
html[data-taille="grand"]{font-size:112.5%}
html[data-taille="tres"]{font-size:125%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--f-texte);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-titre);margin:0;line-height:1.15;text-wrap:balance}
a{color:inherit}
img{max-width:100%;display:block}
svg.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid #F2B705;outline-offset:3px;border-radius:4px}
.enveloppe{max-width:var(--large);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.saut{position:absolute;inset-inline-start:1rem;top:0;transform:translateY(-300%);z-index:80;background:#fff;color:#000;padding:.5rem 1rem}
.saut:focus{transform:none;top:1rem}
[dir="rtl"] .fleche{transform:scaleX(-1)}
.maj{text-transform:uppercase;letter-spacing:.04em}
html[lang="ar"] .maj{text-transform:none;letter-spacing:0}
.bandeau{background:var(--nuit);color:var(--sur-marine);font-size:.875rem}
.bandeau-in{max-width:var(--large);margin-inline:auto;padding:.3rem clamp(1rem,4vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}
.bandeau-info{display:flex;flex-wrap:wrap;gap:.2rem 1.25rem}
.bandeau-info span{display:inline-flex;align-items:center;gap:.35rem}
.bandeau-info a{text-decoration:none}
.bandeau-info a:hover{color:#fff}
.taille{display:flex;align-items:center;gap:.15rem;margin-inline-start:auto}
.taille-lib{padding-inline-end:.35rem}
.taille button{font:600 .875rem/1 var(--f-texte);color:var(--sur-marine);background:none;border:1px solid transparent;border-radius:999px;padding:.4rem .7rem;min-height:2.2rem;cursor:pointer}
.taille button[aria-pressed="true"]{background:#fff;color:var(--marine)}
.court{display:none}
.entete{background:var(--marine);color:#fff;position:sticky;top:env(safe-area-inset-top,0px);z-index:50;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.entete-in{max-width:var(--large);margin-inline:auto;padding:.7rem clamp(1rem,4vw,2rem);display:flex;align-items:center;gap:.9rem 1.5rem}
.marque{display:block;flex:none;text-decoration:none}
.marque img{height:4.2rem;width:auto}
.recherche{flex:1 1 20rem;min-width:0;max-width:36rem;display:flex;margin-inline:auto}
.recherche input{flex:1;min-width:0;width:100%;font:500 1rem var(--f-texte);color:var(--encre);background:#fff;border:0;border-start-start-radius:.4rem;border-end-start-radius:.4rem;padding:.75rem 1rem;min-height:2.9rem}
.recherche input::placeholder{color:var(--discret)}
.recherche button{display:grid;place-items:center;width:3.2rem;border:0;background:var(--bleu);color:#fff;border-start-end-radius:.4rem;border-end-end-radius:.4rem;cursor:pointer}
.recherche button:hover{background:var(--bleu-vif)}
.actions{display:flex;align-items:center;gap:1.25rem;flex:none}
.action{display:flex;align-items:center;gap:.45rem;text-decoration:none;font-weight:600;font-size:.9375rem;color:#fff}
.action svg.ic{width:1.6rem;height:1.6rem}
.action:hover{color:var(--glace)}
.menu-mobile{display:none}
.nav{background:var(--marine-2);border-top:1px solid rgba(255,255,255,.07)}
.nav-in{max-width:var(--large);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);display:flex;align-items:center;gap:1rem}
.nav-liens{display:flex;align-items:stretch;gap:.25rem 1.6rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-liens>li>a,.nav-liens summary{display:flex;align-items:center;gap:.3rem;min-height:3rem;text-decoration:none;font-weight:600;font-size:.9375rem;color:var(--sur-marine);border-bottom:3px solid transparent;cursor:pointer;list-style:none}
.nav-liens summary::-webkit-details-marker{display:none}
.nav-liens>li>a:hover,.nav-liens summary:hover{color:#fff}
.nav-liens a[aria-current="page"],.nav-liens summary[aria-current="page"]{color:#fff;border-bottom-color:var(--bleu-vif)}
.deroulant{position:relative}
.deroulant-panneau{position:absolute;inset-inline-start:0;top:100%;z-index:60;width:min(46rem,90vw);background:#fff;color:var(--encre);border-radius:.6rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem 1rem}
.deroulant-panneau a{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:.4rem;text-decoration:none;font-weight:600;font-size:.9375rem}
.deroulant-panneau a:hover{background:var(--fond);color:var(--bleu)}
.deroulant-panneau svg.ic{color:var(--bleu)}
.nav-droite{margin-inline-start:auto;display:flex;align-items:center;gap:1rem}
.monnaie{display:flex;align-items:center;gap:.5rem;color:var(--sur-marine);font-weight:600;font-size:.9375rem}
.monnaie select{font:600 .9375rem var(--f-texte);color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:.3rem;padding:.3rem .4rem}
.monnaie select option{color:#000}
.langues{position:relative}
.langues summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;min-height:2.5rem;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:.3rem;font-weight:600;font-size:.9375rem;color:#fff}
.langues summary::-webkit-details-marker{display:none}
.langues ul{position:absolute;inset-inline-end:0;top:calc(100% + .35rem);z-index:60;list-style:none;margin:0;padding:.35rem;background:#fff;color:var(--encre);border-radius:.5rem;min-width:10rem;box-shadow:0 20px 40px -18px rgba(0,0,0,.45)}
.langues li a,.langues li span{display:block;padding:.55rem .75rem;border-radius:.35rem;text-decoration:none}
.langues li a:hover{background:var(--fond)}
.langues li [aria-current="true"]{color:var(--bleu);font-weight:700}
.langues li .inactif{color:var(--discret)}
.boutons{display:flex;flex-wrap:wrap;gap:.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.8rem 1.4rem;border-radius:999px;font:700 .9375rem/1.1 var(--f-titre);letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .18s ease,background-color .18s ease}
html[lang="ar"] .btn{text-transform:none;letter-spacing:0}
.btn:hover{transform:translateY(-2px)}
.btn svg.ic{width:1.1em;height:1.1em}
.btn-plein{background:var(--bleu);color:#fff}
.btn-plein:hover{background:var(--bleu-fonce)}
.btn-blanc{background:#fff;color:var(--marine)}
.btn-contour-blanc{border-color:rgba(255,255,255,.85);color:#fff}
.btn-contour-blanc:hover{background:rgba(255,255,255,.08)}
.btn-contour{border-color:var(--bleu);color:var(--bleu)}
.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--bleu);background:radial-gradient(60rem 30rem at 80% 40%,#123157 0%,transparent 60%),linear-gradient(180deg,var(--marine) 0%,#0C1A30 100%);color:#fff}
.hero.avec-photo{background:var(--marine)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero.avec-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,26,.94) 0%,rgba(8,14,26,.75) 45%,rgba(8,14,26,.15) 100%)}
[dir="rtl"] .hero.avec-photo::after{transform:scaleX(-1)}
.hero-in{position:relative;z-index:1;max-width:var(--large);margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem;align-items:center}
.hero-nom{font-weight:800;font-size:clamp(2.5rem,6.2vw,4.8rem);letter-spacing:-.01em;line-height:1.02}
.hero-nom span{color:var(--bleu-vif)}
.hero-slogan{margin:.7rem 0 0;font-family:var(--f-titre);font-weight:700;font-size:clamp(1.2rem,2.3vw,1.6rem)}
.hero-accroche{margin:1rem 0 1.8rem;max-width:36rem;color:var(--sur-marine);font-size:1.125rem}
.hero-visuel{position:relative;min-height:18rem;display:grid;place-items:center}
.embleme{display:grid;justify-items:center;gap:1.2rem;text-align:center}
.embleme img{width:min(15rem,55vw);height:auto;filter:drop-shadow(0 18px 40px rgba(61,147,232,.35))}
.embleme p{margin:0;font-family:var(--f-titre);font-weight:700;font-size:1.125rem;letter-spacing:.06em;color:var(--sur-marine)}
.section{padding-block:clamp(2.5rem,6vw,4rem)}
.section-blanche{background:var(--surface)}
.titre-section{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:var(--encre)}
html[lang="ar"] .titre-section{text-transform:none}
.tete-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1.5rem;margin-bottom:1.5rem}
.lien-fort{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--bleu);text-decoration:none}
.lien-fort:hover{text-decoration:underline}
.etiquette{margin:0 0 .5rem;color:var(--bleu);font-weight:700;font-size:.9375rem}
.resultat{margin:.5rem 0 0;font-weight:700;color:var(--bleu);min-height:1.5em}
.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.9rem}
.tuile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;border-radius:.55rem;overflow:hidden;text-decoration:none;background:linear-gradient(155deg,#1B3050 0%,var(--marine) 100%);box-shadow:0 6px 18px -12px rgba(11,18,32,.6);transition:transform .2s ease,box-shadow .2s ease}
.tuile:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(11,18,32,.7)}
.tuile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tuile:hover img{transform:scale(1.05)}
.tuile:not(.sans-photo)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,16,30,.55) 100%);pointer-events:none}
.tuile:not(.sans-photo) .tuile-nom{z-index:1}
.tuile.sans-photo{justify-content:flex-start;background:linear-gradient(155deg,#1B3050 0%,var(--marine) 100%)}
.tuile.sans-photo::after{content:"";position:absolute;inset-inline-end:.7rem;bottom:.7rem;width:2.6rem;height:3.1rem;background:url(logo/k-blanc.png) no-repeat center/contain;opacity:.22}
.tuile.sans-photo .tuile-nom{background:none;font-size:1.0625rem;line-height:1.3;padding:0;margin:1rem 1rem 0;padding-top:.7rem;border-top:3px solid var(--bleu-vif);text-align:start}
.tuile-nom{position:relative;display:block;padding:.55rem .6rem;background:rgba(8,16,30,.86);color:#fff;font-family:var(--f-titre);font-weight:700;font-size:.875rem;line-height:1.25;text-align:center}
.toutes{columns:4 15rem;column-gap:2rem;margin-top:1rem}
.famille{break-inside:avoid;margin:0 0 1.4rem}
.famille h3{font-size:.9375rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}
html[lang="ar"] .famille h3{text-transform:none}
.famille h3 a{text-decoration:none}
.famille h3 a:hover{color:var(--bleu)}
.famille ul{list-style:none;margin:0;padding:0;font-size:.9375rem;line-height:1.75;color:var(--doux)}
.famille li{display:inline}
.famille li:not(:last-child)::after{content:" · ";color:var(--bleu);font-weight:700}
.famille li a{text-decoration:none}
.famille li a:hover{color:var(--bleu);text-decoration:underline}
.famille li.trouve a{color:var(--encre);font-weight:700;background:linear-gradient(transparent 60%,rgba(8,85,172,.22) 60%)}
.vide{font-size:1.0625rem;color:var(--doux)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.carte{display:flex;gap:1.1rem;align-items:flex-start;padding:clamp(1.3rem,3vw,1.9rem);border-radius:.7rem}
.carte h2{font-size:1.35rem;font-weight:800;text-transform:uppercase}
html[lang="ar"] .carte h2{text-transform:none}
.carte p{margin:.5rem 0 1.1rem}
.carte-ic{display:grid;place-items:center;flex:none;width:4rem;height:4rem;border-radius:50%}
.carte-ic svg.ic{width:2rem;height:2rem;stroke-width:1.7}
.carte-grossiste{background:linear-gradient(135deg,#132440,var(--marine));color:#fff}
.carte-grossiste p{color:var(--sur-marine)}
.carte-grossiste .carte-ic{background:rgba(61,147,232,.18);color:var(--bleu-vif)}
.carte-boutique{background:var(--surface);border:1px solid var(--trait)}
.carte-boutique p{color:var(--doux)}
.carte-boutique .note{font-size:.9375rem;color:var(--discret);margin-top:-.6rem}
.carte-boutique .carte-ic{background:#E7F0FA;color:var(--bleu)}
.grille-produits{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1rem}
.produit{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--trait);border-radius:.6rem;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.produit:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(11,18,32,.5)}
.produit-photo{aspect-ratio:1/1;background:#EEF2F6;display:grid;place-items:center;overflow:hidden}
.produit-photo img{width:100%;height:100%;object-fit:cover}
.produit-photo img.k{width:34%;height:auto;object-fit:contain;opacity:.35}
.produit-corps{display:grid;gap:.3rem;padding:.9rem 1rem 1rem}
.produit-famille{font-size:.875rem;color:var(--discret)}
.produit-nom{font-weight:600;line-height:1.35}
.prix{font-family:var(--f-titre);font-size:1.2rem;font-weight:800;color:var(--encre);font-variant-numeric:tabular-nums}
.prix-autres{font-size:.875rem;color:var(--doux);font-variant-numeric:tabular-nums}
.produit-lien{margin-top:.3rem;font-size:.9375rem;font-weight:700;color:var(--bleu)}
.apropos-grille{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem 3rem;align-items:start}
.texte-grand{margin:.8rem 0 0;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.5}
.valeurs{margin:1.1rem 0 0;font-family:var(--f-titre);font-weight:700;color:var(--bleu)}
.etapes{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;counter-reset:e}
.etapes li{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--trait);border-radius:.6rem;font-family:var(--f-titre);font-weight:700}
.etapes li span{display:grid;place-items:center;flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:#E7F0FA;color:var(--bleu);font-size:.9375rem}
.etapes li:last-child{background:var(--marine);border-color:var(--marine);color:#fff}
.etapes li:last-child span{background:var(--bleu);color:#fff}
.magasin-bloc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.1rem;align-items:start}
.carte-info{min-width:0;background:var(--surface);border:1px solid var(--trait);border-radius:.7rem;padding:clamp(1.2rem,3vw,1.8rem)}
.carte-info h2,.carte-info h3{font-size:1.2rem;font-weight:800;text-transform:uppercase}
html[lang="ar"] .carte-info h2,html[lang="ar"] .carte-info h3{text-transform:none}
.carte-info .espace{margin-top:1.5rem}
.horaires{width:100%;border-collapse:collapse;margin-top:.8rem;font-variant-numeric:tabular-nums}
.horaires th,.horaires td{padding:.65rem 0;border-bottom:1px solid var(--trait);text-align:start;vertical-align:top}
.horaires th{font-weight:600;padding-inline-end:1rem;white-space:nowrap}
.horaires td{text-align:end;font-weight:700;font-variant-numeric:tabular-nums}
.horaires .et{font-weight:500;color:var(--doux)}
.horaires tr.ferme td{color:var(--discret)}
.adresse{margin:.6rem 0 0;font-size:1.15rem;font-weight:700}
.carte-info .boutons{margin-top:1.1rem}
.tete-page{background:linear-gradient(180deg,var(--marine),#0E1D35);color:#fff}
.tete-page .enveloppe{padding-block:1.1rem clamp(2rem,5vw,3rem)}
.fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.9375rem;color:var(--sur-marine)}
.fil li:not(:last-child)::after{content:"›";margin-inline-start:.5rem;opacity:.6}
[dir="rtl"] .fil li:not(:last-child)::after{content:"‹"}
.fil a{text-decoration:none}
.fil a:hover{color:#fff;text-decoration:underline}
.tete-page-ligne{display:flex;align-items:center;gap:1.1rem;margin-top:1.3rem}
.tete-page-ligne .carte-ic{display:grid;place-items:center;flex:none;width:4rem;height:4rem;border-radius:.8rem;background:rgba(61,147,232,.16);color:var(--bleu-vif)}
.tete-page-ligne .carte-ic svg.ic{width:2.2rem;height:2.2rem;stroke-width:1.6}
.tete-page h1{font-size:clamp(1.9rem,4.8vw,3rem);font-weight:800}
.tete-page .intro{margin:.9rem 0 0;max-width:46rem;color:var(--sur-marine);font-size:1.125rem}
.pile{display:grid;gap:clamp(2rem,5vw,3rem)}
h2.moyen{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:800}
.liste-liens{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem;list-style:none;margin:1rem 0 0;padding:0}
.liste-liens a{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.2rem;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--trait);border-radius:.5rem;text-decoration:none;font-weight:600;transition:border-color .2s,color .2s}
.liste-liens a:hover{border-color:var(--bleu);color:var(--bleu)}
.liste-liens a::after{content:"›";font-size:1.4rem;line-height:1;color:var(--bleu)}
[dir="rtl"] .liste-liens a::after{content:"‹"}
.cadre-boutique{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding:1.4rem clamp(1.2rem,3vw,2rem);border-radius:.7rem;background:linear-gradient(120deg,var(--bleu-fonce),var(--marine));color:#fff}
.cadre-boutique p{margin:0;font-size:1.0625rem;max-width:36rem}
.faq{display:grid;gap:.7rem;margin-top:1rem}
.faq details{background:var(--surface);border:1px solid var(--trait);border-radius:.6rem;padding:.9rem 1.1rem}
.faq summary{cursor:pointer;font-weight:700;font-size:1.0625rem}
.faq p{margin:.5rem 0 0;color:var(--doux)}
.pied{background:var(--marine);color:var(--sur-marine);padding-block:3rem 1.5rem}
.pied-grille{display:grid;grid-template-columns:1.2fr 2fr 1fr 1.2fr;gap:2rem}
.pied-logo img{width:14rem;height:auto}
.pied-slogan{margin:.8rem 0 0;font-size:.9375rem}
.pied h2{font-size:.9375rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:.8rem}
html[lang="ar"] .pied h2{text-transform:none}
.pied ul{list-style:none;margin:0;padding:0;font-size:.9375rem;line-height:2}
.pied-cats{columns:2 10rem;column-gap:1.25rem}
.pied a{text-decoration:none}
.pied a:hover{color:#fff;text-decoration:underline}
.pied-magasin p{margin:0 0 .4rem;font-size:.9375rem}
.pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.5rem;margin-top:2.2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem}
.pied-langues{display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.version{color:#8D98A5}
@media (max-width:64rem){
  .pied-grille{grid-template-columns:1fr 1fr}
  .apropos-grille{grid-template-columns:1fr}
}
@media (max-width:56rem){
  .nav{display:none}
  .menu-mobile{display:block;position:relative}
  .menu-mobile summary{list-style:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.25);border-radius:.4rem;cursor:pointer;color:#fff}
  .menu-mobile summary::-webkit-details-marker{display:none}
  .menu-mobile summary svg.ic{width:1.6rem;height:1.6rem}
  .menu-panneau{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);width:min(22rem,calc(100vw - 2rem));max-height:75vh;overflow:auto;background:#fff;color:var(--encre);border-radius:.6rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);padding:.6rem}
  .menu-panneau a{display:flex;align-items:center;gap:.6rem;padding:.7rem .7rem;border-radius:.4rem;text-decoration:none;font-weight:600}
  .menu-panneau a:hover{background:var(--fond)}
  .menu-panneau .sous{padding-inline-start:1rem;font-weight:500;color:var(--doux)}
  .menu-panneau svg.ic{color:var(--bleu)}
  .menu-panneau hr{border:0;border-top:1px solid var(--trait);margin:.4rem 0}
  .menu-langues{display:flex;flex-wrap:wrap;gap:.2rem .4rem;padding:.4rem .7rem}
  .menu-langues a,.menu-langues span{padding:.4rem .5rem!important}
  .menu-langues [aria-current="true"]{color:var(--bleu);font-weight:700}
  .entete-in{flex-wrap:wrap}
  .recherche{order:3;flex-basis:100%;max-width:none}
  .actions{margin-inline-start:auto;gap:.9rem}
  .action .action-lib{display:none}
  .hero-in{grid-template-columns:1fr}
  .hero-visuel{min-height:0}
  .duo{grid-template-columns:1fr}
}
@media (max-width:34rem){
  .bandeau-info .masquer-tel{display:none}
  .taille-lib,.plein{display:none}
  .court{display:inline;font-family:"Montserrat",Arial,sans-serif;font-weight:800;line-height:1}
  .c1{font-size:14px}.c2{font-size:17px}.c3{font-size:21px}
  .taille button{min-width:38px;min-height:38px;padding:4px 8px;font-size:14px}
  .bandeau{font-size:14px}
  .marque img{height:46px}
  .actions{gap:.7rem}
  .entete-in{gap:.6rem .8rem}
  .embleme img{width:7rem}
  .embleme p{font-size:.9375rem}
  .hero-visuel{display:none}
  .tuiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .boutons .btn{flex:1 1 100%}
  .pied-grille{grid-template-columns:1fr}
  .carte{flex-direction:column}
}