/* Production layer — account, reliable cart, forms and final responsive fixes */
:root{--production-border:rgba(35,48,44,.14);--production-soft:#f6f7f4;--production-danger:#8f2e2e}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
img,video,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Navigation */
nav .nav-links{gap:clamp(.65rem,1.3vw,1.5rem)}
nav .nav-links a{white-space:nowrap}

/* Cart */
.production-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(90px,auto) auto;align-items:center;gap:1.1rem;padding:1.25rem 0;border-bottom:1px solid var(--production-border)}
.production-cart-info{min-width:0}
.production-cart-info small{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#b08b4a;margin-bottom:.35rem}
.production-cart-info h4{font-family:var(--serif);font-size:1.15rem;font-weight:400;margin:0 0 .35rem;color:var(--texte)}
.production-cart-info p{font-size:.76rem;line-height:1.65;color:var(--texte3);margin:0;overflow-wrap:anywhere}
.production-cart-qty{display:flex;align-items:center;border:1px solid var(--production-border);background:#fff;min-height:42px}
.production-cart-qty button{width:40px;height:40px;border:0;background:transparent;color:var(--texte);cursor:pointer;font-size:1.15rem}
.production-cart-qty strong{min-width:32px;text-align:center;font-size:.8rem}
.production-cart-total{font-size:.95rem;white-space:nowrap;color:var(--texte)}
.production-cart-remove{border:0;background:transparent;color:var(--texte3);font-size:.68rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.5rem}
.production-payment-message{display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--production-border);background:var(--production-soft);padding:1.15rem 1.25rem}
.production-payment-message strong{font-family:var(--serif);font-size:1rem;font-weight:400;color:var(--texte)}
.production-payment-message span{font-size:.74rem;line-height:1.65;color:var(--texte3)}
.checkout-tunnel-form input,.checkout-tunnel-form select,.checkout-tunnel-form textarea{width:100%;box-sizing:border-box}
.checkout-tunnel-progress{overflow-x:auto;scrollbar-width:none}
.checkout-tunnel-progress::-webkit-scrollbar{display:none}
.checkout-tunnel-progress button{min-width:max-content}

/* Account */
.account-page{background:#fff}
.account-hero{padding:clamp(7.5rem,12vw,11rem) 0 clamp(4rem,7vw,7rem);background:linear-gradient(135deg,#f8f8f5 0%,#eef1ed 100%);border-bottom:1px solid var(--production-border)}
.account-hero h2{max-width:780px;margin:.7rem 0 1rem}
.account-hero p{max-width:680px;color:var(--texte3);line-height:1.8}
.account-wrap{max-width:1120px}
.account-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.account-form,.account-notice,.account-tracking-block,.account-dashboard-head,.account-orders{border:1px solid var(--production-border);background:#fff;padding:clamp(1.35rem,3vw,2.4rem)}
.account-form{display:flex;flex-direction:column;gap:1rem}
.account-form h3,.account-tracking-block h3,.account-dashboard-head h3,.account-orders h3{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:400;margin:.25rem 0 .8rem}
.account-form label,.account-tracking-form label{display:flex;flex-direction:column;gap:.45rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texte3)}
.account-form input,.account-tracking-form input{border:1px solid var(--production-border);padding:.9rem 1rem;background:#fff;color:var(--texte);min-height:48px}
.account-link-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--texte3);cursor:pointer;font-size:.72rem}
.account-small{font-size:.7rem;color:var(--texte3);line-height:1.6;margin:0}
.account-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.account-dashboard-head p{margin:0;color:var(--texte3)}
.account-orders{display:grid;gap:1rem}
.account-order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.2rem;border:1px solid var(--production-border);background:var(--production-soft)}
.account-order-card small{color:var(--texte3);font-size:.68rem}
.account-order-card h4{font-family:var(--serif);font-size:1.2rem;font-weight:400;margin:.25rem 0 .5rem}
.account-order-card details{grid-column:1/-1}
.account-order-card summary{cursor:pointer;font-size:.72rem;text-decoration:underline;text-underline-offset:3px}
.account-order-card ul{margin:.8rem 0 0;padding-left:1.2rem;font-size:.76rem;line-height:1.8;color:var(--texte3)}
.status-pill{display:inline-flex;padding:.3rem .55rem;border:1px solid var(--production-border);background:#fff;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.account-section-title{margin-top:2rem!important}
.account-tracking-block{margin-top:2rem;display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:2rem;align-items:start}
.account-tracking-block>div:first-child p{color:var(--texte3);line-height:1.7}
.account-tracking-form{display:grid;gap:.9rem}
#orderTrackingResult{grid-column:1/-1}
.tracking-result{padding:1rem 1.2rem;border-left:3px solid var(--bois);background:var(--production-soft)}
.tracking-result h4{font-family:var(--serif);font-weight:400;font-size:1.25rem;margin:0 0 .5rem}
.form-error{color:var(--production-danger)}

/* Newsletter */
.newsletter-section{padding:clamp(3rem,6vw,6rem) 0}
.newsletter-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
.newsletter-form input[type="email"]{min-width:0}
.newsletter-consent{grid-column:1/-1;display:flex;gap:.65rem;align-items:flex-start;font-size:.68rem;line-height:1.55;color:rgba(255,255,255,.58)}
.newsletter-consent input{flex:0 0 auto;margin-top:.2rem}

/* Forms and booking */
.contact-clean-form input,.contact-clean-form select,.contact-clean-form textarea,.reserve-form input{box-sizing:border-box;width:100%}
.contact-clean-form textarea{min-height:170px;resize:vertical}
.reserve-form{display:grid;gap:.8rem}
.reserve-form button{width:100%}
.calendar-grid{min-width:0}
.cal-day{min-width:0;aspect-ratio:1/1}

/* Result screens */
.order-reference{font-size:1rem;padding:1rem;background:var(--production-soft);border:1px solid var(--production-border)}
.order-result-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}

/* Accessibility / action states */
.btn:disabled,button:disabled{cursor:not-allowed;opacity:.58}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--bois);outline-offset:3px}

/* Tablet */
@media(max-width:1100px){
  nav .nav-links{display:none}
  .mobile-menu-btn{display:flex!important}
  .production-cart-line{grid-template-columns:minmax(0,1fr) auto auto}
  .production-cart-remove{grid-column:1/-1;justify-self:start;padding-left:0}
}

@media(max-width:820px){
  .account-auth-grid,.account-tracking-block{grid-template-columns:1fr}
  .account-dashboard-head{align-items:flex-start;flex-direction:column}
  .newsletter-form{grid-template-columns:1fr!important}
  .newsletter-form .btn{width:100%}
  .newsletter-consent{grid-column:1}
  .contact-clean-grid,.gite-booking,.two,.product-grid,.vin-tech-grid,.checkout-tunnel-wrap{grid-template-columns:1fr!important}
  .checkout-tunnel{width:100%;min-width:0}
  .checkout-tunnel-progress{justify-content:flex-start!important}
  .checkout-tunnel-progress button{flex:0 0 auto}
  .checkout-fields .form-row,.form-two{grid-template-columns:1fr!important}
}

/* Phone */
@media(max-width:560px){
  :root{font-size:15px}
  .wrap{width:min(100% - 2rem,1200px)!important}
  .section{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
  .account-hero{padding-top:7rem;padding-bottom:3.5rem}
  .account-form,.account-notice,.account-tracking-block,.account-dashboard-head,.account-orders{padding:1.15rem}
  .production-cart-line{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:1rem 0}
  .production-cart-info{grid-column:1/-1}
  .production-cart-total{justify-self:end}
  .production-cart-remove{grid-column:1/-1}
  .production-cart-qty button{width:38px;height:38px}
  .checkout-tunnel-progress{margin-left:-.5rem;margin-right:-.5rem;padding:.2rem .5rem}
  .checkout-tunnel-progress button{font-size:.58rem;padding:.65rem .7rem}
  .checkout-step-heading{align-items:flex-start!important;flex-direction:column!important;gap:.65rem!important}
  .checkout-step-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
  .checkout-step-actions .btn{width:100%!important;margin:0!important}
  .contact-clean-form,.contact-clean-info,.booking-card,.booking-summary{padding:1.15rem!important}
  .calendar-grid{gap:.25rem!important}
  .cal-day{font-size:.72rem!important}
  .newsletter-wrap h2{font-size:clamp(2rem,10vw,3rem)}
  footer .footer-inner{grid-template-columns:1fr!important;gap:1.5rem!important}
  footer .footer-col{min-width:0}
  .legal-alcohol-banner-bottom{min-height:60px;height:auto!important;padding:.65rem 1rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}
  .legal-alcohol-banner-bottom strong,.legal-alcohol-banner-bottom span,.legal-alcohol-banner-bottom small{font-size:.54rem!important;line-height:1.35!important}
}

@media(max-width:380px){
  .wrap{width:min(100% - 1.4rem,1200px)!important}
  .btn{letter-spacing:.12em!important;padding-left:.85rem!important;padding-right:.85rem!important}
  .production-cart-qty button{width:34px}
  .mobile-panel-inner{width:min(92vw,360px)!important}
}


/* =====================================================================
   Header éditorial centré + accueil vidéo seule
   Répartition symétrique : 5 onglets de chaque côté du logo
   ===================================================================== */
.site-navigation{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:200!important;
  height:68px!important;
  min-height:68px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(285px,22vw,340px) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:0!important;
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(38,51,47,.12)!important;
  box-shadow:0 12px 38px rgba(18,28,25,.08)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
.site-navigation .nav-logo{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  padding:3px 8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-navigation .nav-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.site-navigation .nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:space-evenly!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.site-navigation .nav-links-left{grid-column:1!important;}
.site-navigation .nav-links-right{grid-column:3!important;}
.site-navigation .nav-links li{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}
.site-navigation .nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:.35rem .18rem!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  color:#26332f!important;
  font-size:clamp(.48rem,.57vw,.62rem)!important;
  font-weight:500!important;
  letter-spacing:.13em!important;
  line-height:1.25!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-navigation .nav-links a:hover,
.site-navigation .nav-links a.active{
  color:#b08b4a!important;
  border-bottom-color:#b08b4a!important;
}
.site-navigation .nav-cart-tab{
  padding:.55rem .76rem!important;
  border:1px solid rgba(125,107,87,.42)!important;
}
.site-navigation .nav-cart-tab:hover,
.site-navigation .nav-cart-tab.active{
  color:#fff!important;
  background:var(--bois2)!important;
  border-color:#b08b4a!important;
}
main{padding-top:68px!important;}
#page-accueil .home-video-only{
  min-height:100svh!important;
  height:100svh!important;
  margin-top:-68px!important;
  display:block!important;
  background:#101513!important;
}
#page-accueil .home-video-only::after{
  content:none!important;
  display:none!important;
}
#page-accueil .home-video-only .wow-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:1240px){
  .site-navigation{
    height:44px!important;
    min-height:44px!important;
    grid-template-columns:1fr 190px 1fr!important;
    padding:.1rem 1rem!important;
  }
  .site-navigation .nav-links{display:none!important;}
  .site-navigation .nav-logo{
    width:190px!important;
    min-width:190px!important;
    height:42px!important;
    padding:2px 4px!important;
  }
  .site-navigation .mobile-menu-btn{
    display:flex!important;
    position:absolute!important;
    right:1rem!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:36px!important;
    height:36px!important;
    gap:5px!important;
  }
  main{padding-top:44px!important;}
  #page-accueil .home-video-only{
    margin-top:-44px!important;
    min-height:100svh!important;
    height:100svh!important;
  }
}

@media(max-width:560px){
  .site-navigation{
    height:40px!important;
    min-height:40px!important;
    grid-template-columns:1fr 165px 1fr!important;
    padding:.08rem .8rem!important;
    background:rgba(255,255,255,.88)!important;
  }
  .site-navigation .nav-logo{
    width:165px!important;
    min-width:165px!important;
    height:38px!important;
    padding:1px 3px!important;
  }
  .site-navigation .mobile-menu-btn{right:.8rem!important;width:32px!important;height:32px!important;gap:4px!important;}
  .site-navigation .mobile-menu-btn span{width:24px!important;}
  main{padding-top:40px!important;}
  #page-accueil .home-video-only{
    margin-top:-40px!important;
    min-height:100svh!important;
    height:100svh!important;
  }
}

/* HEADER V4 — logo Depuis 1109 débordant et navigation 4 + 4 */
.site-navigation{
  grid-template-columns:minmax(0,1fr) clamp(315px,25vw,380px) minmax(0,1fr)!important;
  overflow:visible!important;
}
.site-navigation .nav-logo{
  position:relative!important;
  z-index:6!important;
  height:68px!important;
  padding:0!important;
  overflow:visible!important;
}
.site-navigation .nav-logo img{
  position:absolute!important;
  top:2px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:clamp(300px,23.5vw,355px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 9px rgba(19,24,22,.14))!important;
  pointer-events:none!important;
}
.site-navigation .nav-links{
  justify-content:space-evenly!important;
  padding:0 clamp(.5rem,1.4vw,1.6rem)!important;
}
.site-navigation .nav-links a{
  min-height:42px!important;
  padding:.38rem .22rem!important;
  font-size:clamp(.70rem,.76vw,.82rem)!important;
  font-weight:600!important;
  letter-spacing:.075em!important;
}
.site-navigation .nav-links-right a[href="#vin/grand-chapitre"]{
  letter-spacing:.045em!important;
}
.site-navigation .nav-cart-tab{
  padding:.52rem .8rem!important;
}

@media(max-width:1380px) and (min-width:1241px){
  .site-navigation{
    grid-template-columns:minmax(0,1fr) 305px minmax(0,1fr)!important;
  }
  .site-navigation .nav-logo img{
    width:292px!important;
  }
  .site-navigation .nav-links{
    padding:0 .45rem!important;
  }
  .site-navigation .nav-links a{
    font-size:.67rem!important;
    letter-spacing:.05em!important;
  }
  .site-navigation .nav-links-right a[href="#vin/grand-chapitre"]{
    font-size:.64rem!important;
    letter-spacing:.02em!important;
  }
}

@media(max-width:1240px){
  .site-navigation{
    overflow:visible!important;
  }
  .site-navigation .nav-logo{
    width:220px!important;
    min-width:220px!important;
    height:44px!important;
    overflow:visible!important;
  }
  .site-navigation .nav-logo img{
    top:2px!important;
    width:210px!important;
    height:auto!important;
  }
}

@media(max-width:560px){
  .site-navigation .nav-logo{
    width:184px!important;
    min-width:184px!important;
    height:40px!important;
  }
  .site-navigation .nav-logo img{
    top:2px!important;
    width:176px!important;
  }
}

/* HEADER V5 — fond translucide prolongé uniquement derrière le logo */
.site-navigation .nav-logo::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:clamp(300px,23.5vw,355px);
  height:clamp(168px,13.15vw,199px);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(38,51,47,.10);
  border-top:0;
  border-radius:0 0 20px 20px;
  box-shadow:0 16px 34px rgba(18,28,25,.10);
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  pointer-events:none;
}

@media(max-width:1380px) and (min-width:1241px){
  .site-navigation .nav-logo::before{
    width:292px;
    height:164px;
  }
}

@media(max-width:1240px){
  .site-navigation .nav-logo::before{
    width:210px;
    height:118px;
    border-radius:0 0 15px 15px;
  }
}

@media(max-width:560px){
  .site-navigation .nav-logo::before{
    width:176px;
    height:99px;
    border-radius:0 0 13px 13px;
  }
}

/* Accueil — navigation sans fond directement sur le carrousel */
body:has(#page-accueil.active) .site-navigation{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body:has(#page-accueil.active) .site-navigation .nav-logo::before{
  display:none!important;
  content:none!important;
}
body:has(#page-accueil.active) .site-navigation .nav-links a{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
body:has(#page-accueil.active) .site-navigation .nav-links a:hover,
body:has(#page-accueil.active) .site-navigation .nav-links a.active{
  color:#fff!important;
  border-bottom-color:#fff!important;
}
body:has(#page-accueil.active) .site-navigation .nav-cart-tab{
  background:rgba(0,0,0,.12)!important;
  border-color:rgba(255,255,255,.7)!important;
  color:#fff!important;
}
body:has(#page-accueil.active) .site-navigation .nav-logo img{
  filter:drop-shadow(0 2px 8px rgba(255,255,255,.65)) drop-shadow(0 4px 14px rgba(0,0,0,.32))!important;
}
body:has(#page-accueil.active) .site-navigation .mobile-menu-btn span{
  background:#fff!important;
  box-shadow:0 1px 6px rgba(0,0,0,.55)!important;
}
body:has(#page-accueil.active) #page-accueil .home-video-only{
  margin-top:-94px!important;
  height:calc(100svh + 94px)!important;
  min-height:calc(100svh + 94px)!important;
}
@media(max-width:1240px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    margin-top:-76px!important;
    height:calc(100svh + 76px)!important;
    min-height:calc(100svh + 76px)!important;
  }
}
@media(max-width:560px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    margin-top:-62px!important;
    height:calc(100svh + 62px)!important;
    min-height:calc(100svh + 62px)!important;
  }
}

/* Accueil — premier écran entièrement visible sans défilement */
body:has(#page-accueil.active) #page-accueil .home-video-only{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin-top:-94px!important;
}
#page-accueil .home-video-welcome{
  bottom:clamp(2rem,4.5vh,3.5rem)!important;
}
#page-accueil .home-scroll-cue{
  bottom:clamp(1.15rem,2.4vh,1.8rem)!important;
}
#page-accueil .home-hero-slide{
  object-position:center 54%;
}
#page-accueil .home-hero-slide:nth-child(2){
  object-position:center 68%;
}
@media(max-width:1240px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin-top:-76px!important;
  }
  #page-accueil .home-video-welcome{bottom:1.8rem!important;}
}
@media(max-width:560px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    margin-top:-62px!important;
  }
  #page-accueil .home-video-welcome{
    right:1rem!important;
    bottom:1.35rem!important;
    max-width:82vw!important;
  }
  #page-accueil .home-scroll-cue{bottom:.8rem!important;}
}

/* Accueil — traitement visuel plus intense du carrousel */
#page-accueil .home-hero-slide{
  filter:brightness(.68) contrast(1.12) saturate(.92)!important;
}
#page-accueil .home-video-only::after{
  background:
    linear-gradient(180deg,
      rgba(12,16,16,.48) 0%,
      rgba(12,16,16,.52) 48%,
      rgba(5,9,8,.70) 100%)!important;
}

/* Accueil — cadrage bord à bord : suppression de la bande sous le carrousel */
body:has(#page-accueil.active) #page-accueil .home-video-only{
  margin-top:-68px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  display:block!important;
  background:#0b0e0d!important;
}
@media(max-width:1240px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    margin-top:-44px!important;
  }
}
@media(max-width:560px){
  body:has(#page-accueil.active) #page-accueil .home-video-only{
    margin-top:-40px!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
  }
}

/* Ajustement demandé — logo agrandi, trait inférieur supprimé */
body:has(#page-accueil.active) .site-navigation .nav-logo,
body:has(#page-accueil.active) .site-navigation .nav-logo::before,
body:has(#page-accueil.active) .site-navigation .nav-logo::after{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body:has(#page-accueil.active) .site-navigation .nav-logo::before,
body:has(#page-accueil.active) .site-navigation .nav-logo::after{
  content:none!important;
  display:none!important;
}
body:has(#page-accueil.active) .site-navigation .nav-logo img{
  width:clamp(350px,27vw,410px)!important;
  top:-2px!important;
}
@media(max-width:1380px) and (min-width:1241px){
  body:has(#page-accueil.active) .site-navigation .nav-logo img{width:330px!important;}
}
@media(max-width:1240px){
  body:has(#page-accueil.active) .site-navigation .nav-logo img{width:235px!important;top:-1px!important;}
}
@media(max-width:560px){
  body:has(#page-accueil.active) .site-navigation .nav-logo img{width:198px!important;top:0!important;}
}