/* Shared homepage-approved behavior for the modern site templates. */
.site-header .header-inner,
.site-header.scrolled .header-inner { min-height:66px; transition:none; }
.site-header .brand img,
.site-header.scrolled .brand img { height:44px; width:auto; transition:none; }
.header-cta .btn-lg { white-space:nowrap; }
.callbar[hidden] { display:none; }
.svc-hero .wrap { padding-top:clamp(24px,3.25vw,43px); }
.core-hero .wrap { padding-top:clamp(23px,3vw,39px); }
.high-ticket-cro .svc-hero,
.high-ticket-cro .svc-hero .wrap { min-height:calc(clamp(560px,66vh,700px) - clamp(12px,1.5vw,19px)); }
.high-ticket-cro .svc-hero .wrap { padding-top:clamp(12px,1.5vw,19px); }
.hero .hero-benefits,
.svc-hero .hero-benefits,
.core-hero .hero-benefits { list-style:disc; padding-left:1.15em; }
.hero-benefits li + li { margin-top:.35em; }
.hero-benefits li::marker { color:var(--green); }
.offers { padding-bottom:clamp(28px,4vw,52px); }
@media(max-width:760px) {
  .high-ticket-cro .svc-hero,
  .high-ticket-cro .svc-hero .wrap { min-height:536px; }
  .high-ticket-cro .svc-hero .wrap { padding-top:34px; }
}
@media(max-width:767px) {
  /* Only genuine card collections scroll; single results retain full width. */
  body .mobile-card-carousel:has(> :nth-child(2)) {
    display:grid; grid-template-columns:none; grid-auto-flow:column;
    grid-auto-columns:min(82%,360px); gap:16px; min-width:0; max-width:100%;
    overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
    padding:4px 0 20px; scrollbar-width:thin;
    scrollbar-color:var(--green-700) transparent;
  }
  .mobile-card-carousel > * { min-width:0; scroll-snap-align:start; }
  .mobile-card-carousel:focus-visible { outline:2px solid var(--green-700); outline-offset:4px; }
  .mobile-card-carousel > a:focus-visible { outline:2px solid var(--green); outline-offset:-4px; }
  .area-regions.mobile-card-carousel { scrollbar-color:var(--green) transparent; }
  .area-regions.mobile-card-carousel:focus-visible { outline-color:var(--green); }
  .high-ticket-cro .mobile-card-carousel > .guide-card { padding:16px; }
  .mobile-card-carousel .blog-card-body { min-width:0; }
  .mobile-card-carousel .blog-card-meta,
  .mobile-card-carousel .blog-search-result__meta { flex-wrap:wrap; }
  .mobile-card-carousel .blog-card-meta time,
  .mobile-card-carousel .blog-search-result__meta time { white-space:normal; }
}