/* Current market modules: keep each selected panel inside the phone viewport. */
@media(max-width:600px){
 #markets .market-panel,#markets .market-panel>.market-image,#markets .market-panel>.market-copy{min-width:0;max-width:100%;width:100%}
 #markets #market-panel:not([data-product-market="beauty"]) .market-copy h3{font-size:clamp(28px,8.5vw,36px);line-height:1.08;min-width:0;width:100%;max-width:100%;overflow-wrap:normal;word-break:normal}
 #markets #market-panel:not([data-product-market="beauty"]) .market-copy h3 br{display:initial}
 #markets .market-copy>.pill,#markets .market-copy>.line-link{max-width:100%;white-space:normal}
}
/* Keep the Atelier logo and controls within the narrowest phone header. */
@media(max-width:600px){
 body:has(.atelier-hero)>header{display:flex;justify-content:space-between;gap:12px;padding-inline:16px}
 body:has(.atelier-hero)>header .logo{flex:none}
 body:has(.atelier-hero)>header .logo img{width:clamp(100px,30vw,130px)}
 body:has(.atelier-hero)>header .header-right{min-width:0;font-size:14px;gap:12px}
 body:has(.atelier-hero)>header #menuToggle{gap:10px}
}