/* Final viewport polish: continuous backgrounds, no clipped decorative waves, no horizontal overflow. */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{position:relative}

/* The large bottom wave looked visually cut at the section boundary. Keep the social identity
   through the top-right navy/beige ornament and make the hero flow naturally into Categories. */
.homeHero{overflow:hidden!important;padding-bottom:78px!important;margin-bottom:0!important;border-bottom:0!important}
.homeHero:after{content:none!important;display:none!important}
.homePage main>.homeSection:first-of-type{position:relative;margin-top:0!important;padding-top:74px!important;background:linear-gradient(180deg,#f8f4ef 0%,var(--social-cream) 34%,var(--social-cream) 100%)!important;border-top:1px solid rgba(3,31,70,.055)}
.homePage main>.homeSection:first-of-type:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1160px,86vw);height:5px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--social-sand) 18%,var(--social-blue) 50%,var(--social-sand) 82%,transparent 100%);opacity:.72;pointer-events:none}

/* Decorative shapes must never create an extra horizontal canvas. */
.homeHero,.catalogPage,.productPage,.contactPageMain,.siteFooter,.homeSection{max-width:100%;overflow-x:hidden!important}
.homeHero:before,.catalogPage:before,.productPage:before,.contactPageMain:before,.siteFooter:before{pointer-events:none!important}

/* Slightly tighten the first screen so the transition reads as one composition. */
.homeHeroInner{padding-bottom:4px}
.homeHeroActions{margin-bottom:0!important}

/* Desktop readability: the first version was visually too small on 1366px screens. */
@media(min-width:901px){
  .tickerTrack{font-size:13px!important}
  .headerSearch{width:285px!important;height:42px!important}
  .headerSearch input{font-size:14px!important}
  .headerSearch button{top:42px!important;width:42px!important;height:40px!important}
  .brandLogo img{width:min(255px,100%)!important;max-height:72px!important}
  .headerIcon{width:42px!important;height:42px!important}.headerIcon svg{width:27px!important;height:27px!important}
  .navInner{gap:31px!important}.navInner a{font-size:14px!important}
  .kicker,.sectionKicker{font-size:12px!important}
  .homeHero h1{font-size:clamp(62px,7.4vw,98px)!important}
  .homeHero p{font-size:19px!important;line-height:1.6!important;max-width:820px!important}
  .primaryBtn,.secondaryBtn{min-height:54px!important;padding:0 25px!important;font-size:13px!important}
  .sectionHeading h2{font-size:clamp(45px,4.5vw,64px)!important}
  .sectionHeading p{font-size:15px!important}.sectionHeading>a{font-size:12px!important}
  .categoryCard strong{font-size:34px!important}.categoryCard span{font-size:13px!important;line-height:1.5!important}
  .productTitle{font-size:21px!important}.productPrice strong{font-size:32px!important}.productCash{font-size:12px!important}.productAction{font-size:12px!important}
  .trustItem b{font-size:23px!important}.trustItem span{font-size:13px!important}
  .infoCard b{font-size:31px!important}.infoCard p{font-size:14px!important}
  .siteFooter p,.siteFooter span,.siteFooter a{font-size:13px!important}.siteFooter h3{font-size:15px!important}
}

@media(max-width:760px){
  .homeHero{padding-bottom:54px!important}
  .homePage main>.homeSection:first-of-type{padding-top:52px!important}
  .homePage main>.homeSection:first-of-type:before{width:82vw;height:4px}
  .tickerTrack{font-size:11px!important}.headerSearch input{font-size:13px!important}.homeHero p{font-size:15px!important}
}