/* =====================================================
   BRIT — Institut de langues (Orléans) · Variante 1a « Classic British »
   Palette : navy #012169 · rouge #C8102E · crème #F6F4EE
   ===================================================== */

:root{
  --navy:#012169;
  --red:#C8102E;
  --cream:#F6F4EE;
  --paper:#FFFDF9;
  --grey:#5C637D;
  --line:#E4E0D4;
  --line-soft:#EFECE2;
  --sky-txt:#D4DAEE;
  --sky-mut:#B9C3E4;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Source Sans 3',system-ui,sans-serif;
  color:var(--navy);
  background:#FFFFFF;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--red)}
a:hover{color:var(--navy)}
img{max-width:100%}
h1,h2,h3{font-family:'DM Serif Display',serif;font-weight:400;margin:0}
input,select,textarea,button{font:inherit}
input,select,textarea{color-scheme:light}
input[type="radio"],input[type="checkbox"]{accent-color:var(--red)}

.wrap{max-width:1240px;margin:0 auto;padding-left:clamp(18px,4vw,60px);padding-right:clamp(18px,4vw,60px)}

/* ---------- Boutons ---------- */
.btn{display:inline-block;text-decoration:none;border:none;cursor:pointer;border-radius:6px;padding:11px 22px;font-weight:700;font-size:15px;text-align:center}
.btn-red{background:var(--red);color:#FFFFFF}
.btn-red:hover{background:#A90D26;color:#FFFFFF}
.btn-navy{background:var(--navy);color:#FFFFFF}
.btn-navy:hover{background:#01194F;color:#FFFFFF}
.btn-white{background:#FFFFFF;color:var(--navy)}
.btn-white:hover{background:var(--cream);color:var(--navy)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.5);color:#FFFFFF;background:transparent}
.btn-ghost:hover{border-color:#FFFFFF;color:#FFFFFF}
.btn-lg{padding:14px 28px;font-size:16.5px}

.dot{width:18px;height:11px;display:inline-block;flex:none;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2036%22%3E%3Crect%20width%3D%2260%22%20height%3D%2236%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200L60%2036M60%200L0%2036%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M0%200L60%2036M60%200L0%2036%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M30%200V36M0%2018H60%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2214%22%2F%3E%3Cpath%20d%3D%22M30%200V36M0%2018H60%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%228%22%2F%3E%3C%2Fsvg%3E');background-size:100% 100%;border-radius:1px}
.dot-red{}
.dot-navy{}

/* ---------- Topbar ---------- */
.topbar{background:var(--navy);color:#EAEDF6;font-size:13.5px}
.topbar-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding-top:8px;padding-bottom:8px}
.topbar-info{display:flex;gap:8px 22px;flex-wrap:wrap}
.topbar-slogan{font-style:italic;letter-spacing:.04em}
.topbar-slogan-lg{font-size:17px;font-weight:700}
.footer-slogan{font-size:14.5px;font-weight:700;color:#FFFFFF}

/* ---------- Nav ---------- */
.nav{background:#FFFFFF;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.nav-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:12px;padding-bottom:12px;position:relative}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{width:52px;height:52px;object-fit:contain}
.brand-txt{display:flex;flex-direction:column}
.brand-txt strong{font-family:'DM Serif Display',serif;font-weight:400;font-size:23px;color:var(--navy);line-height:1}
.brand-txt small{font-size:11.5px;color:var(--grey);letter-spacing:.08em;text-transform:uppercase}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-size:15px;font-weight:600}
.nav-links a{color:var(--navy);text-decoration:none}
.nav-links a:hover{color:var(--red)}
.nav-links a.btn{color:#FFFFFF}

/* ---------- Hero ---------- */
.hero{background:var(--navy);color:#FFFFFF;overflow:hidden}
.hero-in{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,48px);align-items:center;padding-top:clamp(44px,6vw,74px);padding-bottom:clamp(16px,3vw,30px)}
.hero-txt{flex:1.3 1 440px;min-width:0;display:flex;flex-direction:column;gap:22px}
.kicker{display:flex;align-items:center;gap:10px;margin:0}
.kicker .dot{width:15px;height:9px}
.hero .kicker span:last-child,
.hero .kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--sky-mut);font-weight:600}
.hero h1{font-size:clamp(32px,4.4vw,54px);line-height:1.08}
.hero .lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--sky-txt);margin:0;max-width:620px;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.hero-side{flex:.7 1 300px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:18px}
.logo-card{background:#FFFFFF;border-radius:16px;padding:26px;box-shadow:0 18px 50px rgba(1,33,105,.4)}
.logo-card img{width:clamp(160px,18vw,230px);height:auto;display:block}
.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hero-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}
.hero-chips span.chip-cambridge{padding:6px 14px 6px 10px}
.hero-sky{position:relative;aspect-ratio:1920/231;overflow:hidden;background:linear-gradient(180deg,#012169 0%,#012169 22%,#1B3E82 65%,#3E5FA0 100%);margin-top:clamp(20px,3vw,40px)}
.hero-buildings{position:absolute;left:0;bottom:0;width:100%;height:100%;display:block}
.cambridge-badge{display:inline-flex;align-items:center;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:18px 24px;align-self:flex-start;margin-top:6px}
.cambridge-badge img{height:84px;width:auto;display:block}

.stripe{height:8px;background:repeating-linear-gradient(135deg,#012169 0 14px,#F6F4EE 14px 20px,#C8102E 20px 34px,#F6F4EE 34px 40px)}
.stripe-rev{background:repeating-linear-gradient(135deg,#C8102E 0 14px,#FFFFFF 14px 20px,#012169 20px 34px,#FFFFFF 34px 40px)}

/* ---------- Sections ---------- */
.sec{padding-top:clamp(44px,6vw,72px);padding-bottom:clamp(44px,6vw,72px);scroll-margin-top:90px}
.sec-white{background:#FFFFFF}
.sec-cream{background:var(--cream)}
.sec-blush{background:#FAF1EF}
.sec h2{font-size:clamp(28px,3.2vw,38px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:12px}
.sec-head span{font-size:15px;color:var(--grey)}
.sec-intro{font-size:16.5px;color:var(--grey);max-width:780px;line-height:1.6;margin:0 0 34px;text-wrap:pretty}
.kicker-red{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:700}
.kicker-light{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-mut);font-weight:700;margin:0}

/* ---------- USP ---------- */
.usp{background:var(--cream)}
.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px)}
.usp-grid>div{display:flex;flex-direction:column;gap:9px}
.usp h3{font-size:21px}
.usp p{margin:0;font-size:15.5px;line-height:1.55;color:var(--grey);text-wrap:pretty}

/* ---------- Cartes cours ---------- */
.cards-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:22px}
.card{border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.card-red{border-top:4px solid var(--red)}
.card-navy{border-top:4px solid var(--navy)}
.card h3{font-size:22px}
.card p{margin:0;font-size:15px;line-height:1.55;color:var(--grey);flex:1;text-wrap:pretty}
.card a{font-weight:700;font-size:14.5px;text-decoration:none}

/* ---------- Méthode ---------- */
.methode{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:44px;align-items:center;margin-top:64px}
.methode-txt{display:flex;flex-direction:column;gap:16px}
.methode h3{font-size:29px}
.methode p{margin:0;font-size:16.5px;line-height:1.6;color:var(--grey);text-wrap:pretty}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px}
.checks li{display:flex;gap:10px;align-items:baseline}
.checks li::before{content:"✓";color:var(--red);font-weight:700}

/* ---------- Placeholders photo ---------- */
.ph{border:2px dashed #C9CFE3;border-radius:14px;background:repeating-linear-gradient(135deg,#F8F9FC 0 18px,#F1F3F9 18px 36px);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}
.ph span{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#7A82A0}
.ph-methode{width:100%;min-height:340px;object-fit:cover;border-radius:14px;display:block}
.ph-facade{flex:1;min-height:140px;width:100%;object-fit:cover;border-radius:10px;display:block}
.ph-portrait{width:340px;max-width:100%;height:425px;object-fit:cover;border-radius:14px;display:block;margin:30px auto 0}
.ph-feature{width:440px;max-width:100%;height:480px;object-fit:cover;border-radius:14px;display:block;margin:0 auto}
.sec-pano{padding-top:0}
.gallery-title{font-family:'DM Serif Display',serif;font-size:26px;color:var(--navy);font-weight:400;margin:0}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.ph-gallery{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}

/* ---------- Mercredi ---------- */
.mercredi{background:var(--navy);border-radius:16px;color:#FFFFFF;display:flex;flex-wrap:wrap;gap:24px 36px;align-items:center;padding:clamp(26px,4vw,44px)}
.mercredi-badge{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--red);border-radius:12px;padding:18px 22px;min-width:120px}
.m-day{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.m-hours{font-family:'DM Serif Display',serif;font-size:34px;line-height:1}
.m-note{font-size:13px;font-weight:600}
.mercredi-txt{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.mercredi h2{font-size:28px;line-height:1.2}
.mercredi h2 small{font-size:20px;color:var(--sky-mut);font-family:inherit}
.mercredi-txt p{margin:0;font-size:16px;line-height:1.55;color:var(--sky-txt);max-width:640px;text-wrap:pretty}

/* ---------- Stages ---------- */
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.stage{border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:8px;background:#FFFFFF}
.tag{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tag-red{color:var(--red)}
.tag-navy{color:var(--navy)}
.price{font-family:'DM Serif Display',serif;font-size:40px;color:var(--navy);margin:0}
.price small{font-family:'Source Sans 3',sans-serif;font-size:14px;color:var(--grey)}
.stage p:last-child{margin:0;font-size:15px;color:var(--grey);line-height:1.5}

/* ---------- Accordéons ---------- */
.acc{border:1px solid var(--line);border-radius:10px;margin-top:22px;background:var(--paper)}
.acc-white{background:#FFFFFF}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-weight:700;font-size:16px;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary span{color:var(--red);font-size:22px;font-weight:400}
.acc[open] summary span{transform:rotate(45deg)}
.acc p{margin:0;padding:0 22px 18px;font-size:15.5px;line-height:1.6;color:var(--grey);text-wrap:pretty}
.acc-partner{padding:0 22px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.acc-partner p{padding:0;flex:1;min-width:220px}
.acc-partner-logo{width:220px;height:72px;flex:none;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:8px 14px;display:flex;align-items:center;justify-content:center}
.acc-partner-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.acc-cols{padding:0 24px 20px;display:flex;flex-direction:column;gap:16px}
.acc-cols h4{margin:0 0 4px;font-size:14.5px;color:var(--navy);font-weight:700;font-family:'Source Sans 3',sans-serif}
.acc-cols p{padding:0;margin:0}

/* ---------- Club ---------- */
.voyages-banner{background:#FFFFFF;border:1px solid #EBDCD6;border-radius:10px;padding:22px 26px;display:flex;align-items:center;gap:16px;margin-bottom:36px}
.voyages-banner .dot{flex:none}
.voyages-banner h3{font-size:21px;margin:0 0 4px}
.voyages-banner p{margin:0;font-size:15px;line-height:1.55;color:var(--grey);text-wrap:pretty}
.club-card{background:#FFFFFF;border:1px solid #EBDCD6;border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:9px}
.club-card h3{font-size:21px}
.club-card p{margin:0;font-size:15px;line-height:1.55;color:var(--grey);text-wrap:pretty}
.club-more{margin:24px 0 0;font-size:15px;color:var(--grey)}
.club-more a{font-weight:700;text-decoration:none}

/* ---------- Témoignages ---------- */
.testi-card{border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:14px;background:var(--paper)}
.testi-quote{font-family:'DM Serif Display',serif;font-size:42px;color:var(--red);line-height:.5}
.testi-card p{margin:0;font-size:15px;line-height:1.55;color:#3A4260;flex:1}
.testi-name{font-size:13px;font-weight:700;color:var(--navy)}

/* ---------- Tarifs ---------- */
.pricebox{background:#FFFFFF;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pricegroup{padding:22px 28px;border-bottom:1px solid var(--line-soft)}
.pg-title{font-family:'Source Sans 3',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.pg-title em{color:var(--grey);text-transform:none;letter-spacing:0;font-weight:600;font-style:normal}
.prow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:6px 0;font-size:16.5px}
.leader{flex:1;border-bottom:1.5px dotted #D8D3C4;transform:translateY(-4px);min-width:40px}
.pval{font-family:'DM Serif Display',serif;font-size:23px;color:var(--navy);white-space:nowrap}
.pval small{font-family:'Source Sans 3',sans-serif;font-size:13.5px;color:var(--grey)}
.priceband{padding:20px 28px;background:var(--navy);color:#FFFFFF;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;font-size:16.5px}
.print-only{display:none}
.btn-print{display:inline-flex;align-items:center;gap:7px;background:#FFFFFF;border:1.5px solid var(--line);color:var(--navy);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;cursor:pointer}
.btn-print:hover{border-color:var(--navy)}

/* =====================================================
   Print — grille tarifaire uniquement
   ===================================================== */
@media print{
  body>*:not(#tarifs){display:none!important}
  body{background:#FFFFFF}
  #tarifs{padding:0!important;background:#FFFFFF!important}
  #tarifs .wrap{max-width:100%;padding:0}
  .print-only{display:block;margin-bottom:18px;font-size:13px;color:#000}
  .btn-print{display:none!important}
  .sec-head{display:block}
  .sec-head span{display:block;margin-top:4px;color:#000}
  h2,.pg-title,.pval,.priceband strong{color:#000!important}
  .pricebox{border:1px solid #999;box-shadow:none}
  .priceband{background:#FFFFFF!important;color:#000!important;border-top:1px solid #999}
  .priceband a.btn{display:none}
  a{color:#000!important;text-decoration:none!important}
  .leader{border-bottom-color:#bbb}
  .acc{display:none}
}

/* ---------- RDV ---------- */
.rdv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:28px;align-items:stretch}
.rdv-grid:has(#calendar-panel[style*="display: none"]){grid-template-columns:1fr;max-width:640px;margin:0 auto}
.panel{border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:16px;background:#FFFFFF}
.panel-paper{background:var(--paper)}
.panel h3{font-size:23px}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.pill{background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--grey);letter-spacing:.06em;text-transform:uppercase}

.cal-slot{flex:1;min-height:460px;border:2px dashed #C9CFE3;border-radius:10px;background:repeating-linear-gradient(135deg,#F8F9FC 0 18px,#F1F3F9 18px 36px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}
.cal-mono{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#7A82A0}
.cal-slot p{margin:0;font-size:15px;color:var(--grey);max-width:400px;line-height:1.55}
.cal-steps{text-align:left;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;padding:16px 20px;font-size:14px;color:var(--grey);line-height:1.7;max-width:430px}
.cal-steps strong{color:var(--navy)}
.cal-slot.has-cal{border:none;background:none;padding:0;display:block;min-height:520px}
.cal-slot.has-cal iframe{width:100%;height:100%;min-height:520px;border:1px solid var(--line);border-radius:10px;background:#FFFFFF}

/* ---------- Formulaires ---------- */
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.form-panel{background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:clamp(22px,4vw,34px);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--navy)}
.form label small{font-weight:400;color:var(--grey)}
.form .full{grid-column:1 / -1}
.form input,.form select,.form textarea{border:1px solid #D8D3C4;border-radius:6px;padding:11px 12px;background:#FFFFFF;color:var(--navy)}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--navy);outline-offset:1px}
.radios{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;font-size:15px}
.radios-title{font-weight:600;font-size:14px}
.radio{display:flex;flex-direction:row !important;gap:8px;align-items:center;font-weight:400 !important}
.hint{margin:0;font-size:13px;color:var(--grey)}

/* ---------- Accès ---------- */
.acces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:28px;align-items:stretch;margin-top:24px}
.acces-col{display:flex;flex-direction:column;gap:18px}
.lieu{border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.lieu-red{border-left:5px solid var(--red)}
.lieu-navy{border-left:5px solid var(--navy)}
.lieu-tag{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lieu-red .lieu-tag{color:var(--red)}
.lieu-navy .lieu-tag{color:var(--navy)}
.lieu h3{font-size:22px}
.lieu p{margin:0;font-size:15px;color:var(--grey);line-height:1.55}
#map-frame{width:100%;height:100%;min-height:420px;border:1px solid var(--line);border-radius:14px}

/* ---------- Footer ---------- */
.footer{background:var(--navy);color:#C9D1EA}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;padding-top:52px;padding-bottom:30px}
.f-brand{display:flex;flex-direction:column;gap:14px}
.f-logo{display:flex;align-items:center;gap:12px}
.f-logo img{width:44px;height:44px;object-fit:contain;background:#FFFFFF;border-radius:10px;padding:6px}
.f-logo span{font-family:'DM Serif Display',serif;font-size:21px;color:#FFFFFF}
.f-brand p{margin:0;font-size:14px;line-height:1.65;text-wrap:pretty}
.f-col{display:flex;flex-direction:column;gap:9px;font-size:15px}
.f-col h4{font-weight:700;color:#FFFFFF;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px}
.f-col a{color:#C9D1EA;text-decoration:none}
.f-col a:hover{color:#FFFFFF}
.f-col a[href^="mailto"]{color:#FFFFFF}
.f-col em{font-style:italic;color:#8F9CC7}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:12.5px;color:#8F9CC7}

.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;border:none;background:transparent;cursor:pointer;padding:0;flex:none}
.nav-burger span{display:block;width:22px;height:2.5px;background:var(--navy);border-radius:2px;transition:transform .2s ease,opacity .15s ease}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* =====================================================
   Responsive
   ===================================================== */
@media (max-width: 860px){
  .topbar-slogan{display:none}
  .nav-burger{display:flex}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#FFFFFF;flex-direction:column;align-items:stretch;gap:14px;padding:18px 20px 22px;border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgba(1,33,105,.14)}
  .nav-links.is-open{display:flex}
  .nav-links a.btn{text-align:center}
  .hero-in{padding-top:38px}
  .methode{margin-top:44px}
}
@media (max-width: 560px){
  .topbar-info{justify-content:center;width:100%;text-align:center}
  .nav-links a.btn{width:100%;order:10}
  .hero-cta .btn{width:100%}
  .sec-head{flex-direction:column;gap:4px}
  .mercredi-badge{width:100%}
  .mercredi .btn{width:100%}
  .prow{font-size:15.5px}
  .pval{font-size:20px}
  .priceband .btn{width:100%}
  .form .btn{width:100%}
  .footer-bottom{justify-content:center;text-align:center}
}