/* SHR batch1 2026-09-06: cookie chip + PDP service widget must not cover conversion */
@media (min-width: 641px) {
  body .shr-cookie-banner,
  body .shr-cookie-banner.shr-cookie-banner--mobile-inline,
  body > .shr-cookie-banner {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    transform: none !important;
    width: min(340px, calc(100vw - 32px)) !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    z-index: 1100 !important;
  }
  body.single-product .shr-service-widget {
    right: 16px !important;
    bottom: 16px !important;
    z-index: 900 !important;
  }
  body.single-product .shr-service-widget__toggle {
    min-width: 48px !important;
    width: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  body.single-product .shr-service-widget__toggle strong {
    display: none !important;
  }
  body.home .shr-hero__meta-grid,
  body.home .shr-hero__proof-band {
    position: relative !important;
    z-index: 2 !important;
  }
  body.home .shr-hero {
    padding-bottom: 24px !important;
  }
  body.home .shr-hero__meta-grid,
  body.home .shr-hero__proof-band {
    margin-bottom: 72px !important;
  }
  html body .shr-cookie-banner,
  html body .shr-cookie-banner.shr-cookie-banner--mobile-inline,
  html body > .shr-cookie-banner {
    left: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    width: min(300px, calc(100vw - 32px)) !important;
    max-width: min(300px, calc(100vw - 32px)) !important;
  }
}
@media (max-width: 640px) {
  body .shr-cookie-banner,
  body .shr-cookie-banner.shr-cookie-banner--mobile-inline {
    position: fixed !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    transform: none !important;
    z-index: 1100 !important;
  }
}

/* SHR batch2 2026-09-06: full-width hero text + cookie after scroll on short desktop */
@media (min-width: 981px) {
  .home .shr-hero.shr-hero--carousel .shr-hero__grid,
  .home .shr-hero.shr-hero--carousel .shr-hero__content,
  .home .shr-hero.shr-hero--carousel h1,
  .home .shr-hero.shr-hero--carousel .shr-hero__lead {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .home .shr-hero.shr-hero--carousel .shr-search-bar {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .home .shr-hero.shr-hero--carousel .shr-hero__action-row,
  .home .shr-hero.shr-hero--carousel .shr-button-row {
    justify-content: center !important;
    width: 100% !important;
  }
  .home .shr-hero.shr-hero--carousel .shr-hero__meta-grid {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 641px) {
  body.home:not(.shr-user-scrolled) .shr-cookie-banner {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.home.shr-user-scrolled .shr-cookie-banner {
    opacity: 1 !important;
  }
}

@media (min-width: 981px) {
  .home .shr-hero.shr-hero--carousel .shr-hero__grid {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .home .shr-hero.shr-hero--carousel > .shr-shell {
    width: min(1220px, calc(100% - 48px)) !important;
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}