/* Geometry correction only. Keep the original image, palette and typography.
   The source photo reserves its left half for text; the bag starts near x=844/1672.
   A fixed 610px copy block crossed that boundary in the 945px preview window. */
.cs-home-page main#top{scroll-margin-top:82px}
@media(max-width:1250px){.cs-home-page main#top{scroll-margin-top:72px}}
@media(min-width:761px){
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-content{width:min(610px,calc(47vw - clamp(24px,8vw,128px)))}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-content h1,
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-lead,
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-copy{max-width:100%;overflow-wrap:break-word}
}
@media(min-width:761px) and (max-width:1100px) and (pointer:fine){
 html:not([lang="ar"]) .cs-home-page main>.hero{min-height:0;aspect-ratio:1672/941}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-content{padding-top:38px;padding-bottom:38px}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-content h1{font-size:clamp(34px,4.4vw,48px)}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-copy{font-size:16px;line-height:1.65}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html:not([lang="ar"]) .cs-home-page main>.hero .hero-actions .button{min-width:0;min-height:50px;padding:12px 9px;font-size:14px;line-height:1.4;text-align:center}
}
@media(min-width:1001px) and (max-width:1100px) and (pointer:fine){
 html[lang="ar"] .cs-home-page main>.hero{min-height:0;aspect-ratio:1672/941}
 html[lang="ar"] .cs-home-page main>.hero .hero-content{padding-top:38px;padding-bottom:38px}
}
@media(min-width:1001px){
 html[lang="ar"] .cs-home-page main>.hero .hero-content{width:min(520px,calc(47vw - clamp(24px,5vw,80px)))}
 html[lang="ar"] .cs-home-page main>.hero .hero-content h1,
 html[lang="ar"] .cs-home-page main>.hero .hero-lead,
 html[lang="ar"] .cs-home-page main>.hero .hero-copy{max-width:100%;overflow-wrap:break-word}
}
@media(max-width:760px),(max-width:1050px) and (pointer:coarse){
 .cs-home-page main>.hero .hero-content,html[lang="ar"] .cs-home-page main>.hero .hero-content{width:auto}
}