/* ProPools finish, from the 2026-10-07 mockup. Colours come from the site tokens. */

/* Promo bar */
.sf-announce a { text-decoration: none; }
.sf-announce a:hover { text-decoration: underline; }

/* Header */
.sf-header__row { min-height: 76px; }
.sf-menu__list > li > a { letter-spacing: -0.005em; }

/* Hero: navy panel with the photo showing through on the right */
.sf-hero { background: var(--sf-color-chrome); }
.sf-hero--image .sf-hero__image { opacity: 1; z-index: 0; }
.sf-hero--image::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8, 47, 85, .94) 0%, rgba(8, 47, 85, .78) 40%, rgba(8, 47, 85, .12) 85%); }
.sf-hero__body { z-index: 2; padding-top: 64px; padding-bottom: 64px; }
.sf-hero h1 { font-size: 2.25rem; line-height: 1.1; max-width: 13em; margin-bottom: 12px; }
.sf-hero__body p { font-size: 1.05rem; line-height: 1.5; max-width: 32em; opacity: .92; }
.sf-hero .sf-button { min-height: 52px; padding-left: 28px; padding-right: 28px; }
@media (min-width: 1024px) {
  .sf-hero__body { padding-top: 104px; padding-bottom: 104px; }
  .sf-hero h1 { font-size: 3.5rem; line-height: 1.07; }
  .sf-hero__body p { font-size: 1.25rem; }
}

/* Sections */
.sf-section { padding-top: 48px; padding-bottom: 48px; }
.sf-section h2 { font-size: 1.5rem; line-height: 1.17; margin-bottom: 20px; }
.sf-section__head h2 { margin-bottom: 0; }
@media (min-width: 1024px) {
  .sf-section { padding-top: 64px; padding-bottom: 64px; }
  .sf-section h2 { font-size: 2.125rem; }
}

/* Trust strip under the hero */
.sf-cards--compact { padding-top: 20px; padding-bottom: 20px; }

/* Cards: ways to buy */
.sf-tile__title { font-size: 1.2rem; letter-spacing: -0.01em; }
.sf-cards--framed .sf-tile:hover { box-shadow: 0 4px 14px rgba(8, 47, 85, .10); }
.sf-cards--compact .sf-tile__title { font-size: .95rem; letter-spacing: 0; }

/* Chips */
.sf-chip { font-size: .95rem; }

/* Picture beside words */
.sf-rich--wide .sf-prose img { width: 100%; border-radius: 12px; }
.sf-rich--wide .sf-prose h2 { margin-top: 0; margin-bottom: 12px; }
.sf-rich--wide .sf-prose p { margin-top: 0; margin-bottom: 16px; }

/* Product and model cards */
.sf-card { border-radius: 12px; }
.sf-card:hover { box-shadow: 0 4px 14px rgba(8, 47, 85, .10); }
.sf-card__name { font-size: .95rem; }
.sf-card--tile .sf-card__name { font-weight: 700; }

/* Footer */
.sf-footer { padding-top: 56px; }
.sf-footer__col h2 { font-size: .95rem; }