/* JS COUTURE V5 — finitions mobile, sans toucher au back-office */
@media (max-width:800px){
 header{position:relative!important}
 .header-top{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;padding:9px 14px!important;min-height:72px!important}
 .menu-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #d8c6b3!important;background:transparent!important;color:#79552f!important;font-size:22px!important}
 .brand-v4{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important;min-width:0!important;white-space:normal!important}
 .brand-monogram{width:39px!important;height:39px!important;flex:0 0 39px!important;font-size:22px!important;letter-spacing:-3px!important}
 .brand-wordmark{gap:3px!important;min-width:0!important}
 .brand-wordmark strong{font-size:clamp(15px,4vw,20px)!important;letter-spacing:.035em!important;white-space:nowrap!important}
 .brand-wordmark small{font-size:6px!important;letter-spacing:.12em!important;white-space:nowrap!important}
 .cart-v4{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important;font-size:0!important;position:relative!important;border:1px solid #d8c6b3!important}
 .cart-v4:before{content:'♧';font-size:25px;line-height:1;color:#79552f;transform:rotate(180deg)}
 .cart-v4:after{content:'PANIER';position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.04em;color:#79552f}
 nav.open{box-shadow:0 12px 24px #2b21151a}
 .notice{padding:9px 8px!important;font-size:8px!important;letter-spacing:.08em!important;line-height:1.5!important}
 .hero-inner{padding:43px 6vw 36px!important}
 .hero h1{font-size:clamp(38px,9vw,58px)!important;line-height:1.08!important;margin-bottom:19px!important}
 .hero p{font-size:13px!important;line-height:1.7!important;margin-bottom:23px!important}
 .hero .btn{font-size:10px!important;padding:15px 17px!important;letter-spacing:.1em!important;max-width:100%!important}
 .hero-art{height:clamp(320px,91vw,500px)!important}
 .section{padding:53px 5vw!important}
 .intro h2,.centered h2,.about h2,.contact h2{font-size:clamp(36px,9vw,55px)!important}
 .eyebrow{font-size:9px!important;letter-spacing:.2em!important}
 .section-head{margin-bottom:22px!important}
 .section-head h2{font-size:clamp(40px,10vw,60px)!important}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 .product-photo{aspect-ratio:3/4!important}
 .product-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
 .product-photo .photo-label{font-size:7px!important;letter-spacing:.04em!important;padding:7px 6px!important;left:5px!important;right:5px!important;bottom:7px!important;text-align:center!important}
 .product-info{display:block!important;padding-top:10px!important}
 .product-info h3{font-size:clamp(16px,4.4vw,20px)!important;line-height:1.2!important;overflow-wrap:break-word!important;margin-bottom:5px!important}
 .product-info p{font-size:10px!important;line-height:1.4!important}
 .product-info b{display:block;margin-top:7px;font-size:13px!important}
 .product-card .quick{font-size:9px!important;letter-spacing:.07em!important;line-height:1.35!important;padding:11px 6px!important;min-height:43px!important;margin-top:10px!important}
 .premium-buy select{max-width:100%;width:100%;font-size:11px!important}
 .editorial>div:first-child{padding:48px 6vw!important}
 .editorial h2{font-size:clamp(39px,9vw,56px)!important}
 .editorial p{font-size:14px!important;line-height:1.7!important}
 .editorial-art{height:clamp(290px,85vw,430px)!important;padding:14px!important}
 .editorial-art img{width:100%!important;height:100%!important;object-fit:cover!important}
 .about{gap:24px!important}
 .contact{padding-top:55px!important;padding-bottom:60px!important}
 footer{padding:45px 6vw!important;gap:24px!important}
 .btn,.text-link{white-space:normal!important}
}
@media(max-width:370px){.brand-wordmark small{display:none!important}.brand-wordmark strong{font-size:15px!important}.brand-monogram{width:34px!important;height:34px!important;flex-basis:34px!important}}
