/* Work Without Me — sélecteur de langue FR | EN (sans JavaScript). À charger après styles.css. */
.site-header .lang-switch{display:flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;letter-spacing:.08em;color:#53647e;flex-shrink:0}
.lang-switch a{padding:6px 4px;color:#9fb0c8;border-bottom:1px solid transparent;transition:color .2s}
.lang-switch a:hover{color:#fff}
.lang-switch a[aria-current]{color:#fff;font-weight:600;border-bottom-color:#6b9fff}
.lang-switch span{color:#3d4d66}
@media(max-width:680px){.site-header .lang-switch{font-size:12px;gap:4px}.lang-switch a{padding:10px 6px}}
/* Menu replié (téléphone et tablette) sans JavaScript : <details> autour du bouton .menu-toggle de styles.css ;
   ouvert, il affiche le menu <nav> sous l'en-tête, comme sur l'accueil. */
.menu-mobile{display:none}
.menu-mobile>summary{list-style:none;cursor:pointer}
.menu-mobile>summary::-webkit-details-marker{display:none}
@media(max-width:960px){.menu-mobile{display:block;flex-shrink:0}
.site-header:has(.menu-mobile[open]) nav{display:flex}
.menu-mobile[open] .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-mobile[open] .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
/* Carte des packs (accueil EN) : prix en grand, l'économie juste dessous (.pack-savings, dans styles.css). */
.pack-tarif{padding:16px 0 18px;border-top:1px solid #2f4566}
.pack-tarif+ul{margin-top:4px}
.pack-tarif-nom{margin:0;font-size:12px;letter-spacing:.04em;color:#c6d4ea}
.pack-tarif-prix{margin:6px 0 0;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#fff}
.pack-tarif .pack-savings{margin-top:12px}
/* Lien Instagram du pied de page : icône discrète, même couleur que les autres liens. */
.lien-instagram{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;color:#9fb0c8;transition:color .2s}
.lien-instagram:hover,.lien-instagram:focus-visible{color:#fff}
.lien-instagram svg{display:block;width:18px;height:18px}
/* Petits téléphones : logo, langues et bouton menu tiennent sur une ligne, sans défilement horizontal (320 px). */
@media(max-width:420px){.site-header{gap:10px}.site-header .brand .brand-logo{height:20px}.site-header .lang-switch{gap:2px}.lang-switch a{padding:10px 4px}}
@media(max-width:370px){.site-header{gap:8px}.site-header .brand .brand-logo{height:18px}.site-header .lang-switch{gap:0}.concrete-art .art-grid{left:-19px;right:-19px}}