/* Restore full-width rows for the Keeper's Corner homepage links. */
body.home.hg-natural-v2 main.na2-home-v5 .na2-learning-links {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.home.hg-natural-v2 main.na2-home-v5 .na2-learning-links > a {
  display: block !important;
}

/* Reserve WordPress's admin-bar space on the logged-in homepage only. */
body.home.admin-bar.higuppy-site-shell {
  padding-top: var(--wp-admin--admin-bar--height, 32px) !important;
}

/* On narrow screens the admin bar scrolls away, so the sticky shell returns
   to the viewport top. Keep this in the shared important header layer. */
@layer hg-header {
  @media (max-width: 600px) {
    body.home.admin-bar.higuppy-site-shell nav#hgSiteNav.hg-nav {
      top: 0 !important;
    }
  }
}

/* Keep the V5 hero and every section shell on one centered content rail.
   Natural V2 is an important layer, so the geometry correction belongs in
   that same layer to win over its earlier homepage width rules. */
@layer hg-natural-v2 {
  body.home.hg-natural-v2 main.na2-home-v5 :is(.na2-shell, .na2-hero-grid) {
    width: min(1200px, calc(100% - 56px)) !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
  }

  @media (max-width: 1100px) {
    body.home.hg-natural-v2 main.na2-home-v5 :is(.na2-shell, .na2-hero-grid) {
      width: min(1200px, calc(100% - 48px)) !important;
    }
  }

  @media (max-width: 900px) {
    body.home.hg-natural-v2 main.na2-home-v5 :is(.na2-shell, .na2-hero-grid) {
      width: min(1200px, calc(100% - 40px)) !important;
    }
  }

  @media (max-width: 600px) {
    body.home.hg-natural-v2 main.na2-home-v5 :is(.na2-shell, .na2-hero-grid) {
      width: min(1200px, calc(100% - 28px)) !important;
    }
  }

  /* Keep section links visually balanced against their heading groups. */
  body.home.hg-natural-v2 main.na2-home-v5 .na2-section-head > .na2-link {
    align-self: center !important;
  }

  /* Give the FAQ intro a readable text column, with its image below. */
  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro {
    display: block !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo {
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 24px 0 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo img {
    height: 220px !important;
  }

  /* Adjacent actions use deep green and coral, with white text in every state. */
  body.home.hg-natural-v2 main.na2-home-v5 :is(
    .na2-hero .na2-primary,
    .na2-contact-banner .na2-primary
  ) {
    background: var(--na-home-green) !important;
    border-color: var(--na-home-green) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 :is(
    .na2-hero .na2-primary,
    .na2-contact-banner .na2-primary
  ):is(:hover, :focus-visible, :active) {
    background: var(--na-home-deep) !important;
    border-color: var(--na-home-deep) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 :is(
    .na2-hero .na2-secondary,
    .na2-molly-copy .na2-secondary,
    .na2-contact-banner .na2-secondary
  ) {
    background: var(--na-home-coral) !important;
    border-color: var(--na-home-coral) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 :is(
    .na2-hero .na2-secondary,
    .na2-molly-copy .na2-secondary,
    .na2-contact-banner .na2-secondary
  ):is(:hover, :focus-visible, :active) {
    background: var(--na-home-coral-dark) !important;
    border-color: var(--na-home-coral-dark) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

/* Tighten the collections-to-products transition without hiding content. */
@layer hg-natural-v2 {
  body.home.hg-natural-v2 main.na2-home-v5 #na2-find-your-fish {
    padding-bottom: 16px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-section-head {
    margin-bottom: 16px !important;
  }

  /* Keep all collection links discoverable in one scrollable row. */
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories {
    flex-wrap: nowrap !important;
    gap: 8px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain !important;
    padding: 0 0 4px !important;
    margin: 0 0 10px !important;
    scrollbar-color: #bdcdbf transparent !important;
    scrollbar-width: thin !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > a {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding-inline: 0 !important;
    white-space: nowrap !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories::-webkit-scrollbar {
    height: 6px;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories::-webkit-scrollbar-track {
    background: transparent;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories::-webkit-scrollbar-thumb {
    background: #bdcdbf;
    border-radius: 999px;
  }

  /* Keep the carousel wrapper intact for its visibility observer. */
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-carousel {
    margin-top: 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track {
    padding: 4px 2px 4px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-body {
    gap: 8px !important;
    padding: 12px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product h3 {
    min-height: 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .nb-purchase-row {
    margin-top: auto !important;
    padding-top: 8px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-slider-controls {
    margin: 4px 2px 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-note {
    margin: 8px 0 0 !important;
    line-height: 1.5 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-molly-coming-soon {
    padding-block: 28px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-molly-coming-soon .na2-molly-panel {
    align-items: center !important;
  }

  @media (min-width: 901px) {
    body.home.hg-natural-v2 main.na2-home-v5 #na2-molly-coming-soon .na2-molly-visual {
      height: 260px !important;
    }
  }
}

/* Focused FAQ + wholesale CTA refinement. Content, media, and native details stay intact. */
@layer hg-readable-type {
  body.home.hg-natural-v2 main.na2-home-v5 .na2-home-faq {
    padding-top: 28px !important;
    padding-bottom: 18px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-layout {
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr) !important;
    gap: clamp(20px, 2.4vw, 32px) !important;
    align-items: center !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
    column-gap: 18px !important;
    align-items: center !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro h2 {
    font-size: clamp(29px, 2.5vw, 36px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    text-wrap: balance !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro > p:not(.na2-eyebrow) {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo {
    grid-column: 2 !important;
    grid-row: 1 / span 4 !important;
    align-self: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo img {
    display: block !important;
    width: 100% !important;
    height: clamp(180px, 15vw, 210px) !important;
    object-fit: cover !important;
    object-position: center 35% !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo figcaption {
    padding-top: 8px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
    min-width: 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items details {
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--na-home-line) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(23, 63, 52, 0.035) !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items details:first-child {
    border-top: 1px solid var(--na-home-line) !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items details[open] {
    border-color: #bfd0c4 !important;
    background: #f5f8f4 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items summary {
    min-height: 54px !important;
    padding: 13px 52px 13px 15px !important;
    color: var(--na-home-deep) !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items summary:focus-visible {
    outline: 3px solid rgba(40, 86, 68, 0.24) !important;
    outline-offset: -3px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items summary::after {
    right: 12px !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #dce6df !important;
    background: #f5f8f4 !important;
    color: var(--na-home-green) !important;
    font-size: 20px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items details[open] summary::after {
    border-color: var(--na-home-green) !important;
    background: var(--na-home-green) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-answer {
    padding: 0 15px 14px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-answer p {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-answer > a {
    min-height: 44px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-home-wholesale {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 24px !important;
    padding: 28px 32px !important;
    border-radius: 18px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner h2 {
    font-size: clamp(30px, 2.6vw, 36px) !important;
    line-height: 1.12 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-actions {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-btn {
    flex: 0 1 200px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 220px !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    text-align: center !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-primary {
    border-color: var(--na-home-coral) !important;
    background: var(--na-home-coral) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-secondary {
    border-color: var(--na-home-green) !important;
    background: var(--na-home-green) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-secondary:is(:hover, :focus-visible) {
    border-color: var(--na-home-deep) !important;
    background: var(--na-home-deep) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-btn:focus-visible {
    outline: 3px solid rgba(23, 63, 52, 0.24) !important;
    outline-offset: 3px !important;
  }

  @media (max-width: 900px) {
    body.home.hg-natural-v2 main.na2-home-v5 .na2-home-faq {
      padding-top: 22px !important;
      padding-bottom: 16px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-layout {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 18px !important;
      align-items: start !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
      column-gap: 16px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 16px !important;
      padding: 24px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-actions {
      justify-content: flex-start !important;
    }
  }

  @media (max-width: 600px) {
    body.home.hg-natural-v2 main.na2-home-v5 .na2-home-faq {
      padding-top: 20px !important;
      padding-bottom: 14px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-layout {
      gap: 14px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-intro {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      row-gap: 0 !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo {
      grid-column: 1 !important;
      grid-row: auto !important;
      margin-top: 10px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-photo img {
      height: clamp(200px, 60vw, 250px) !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-faq-items summary {
      padding: 12px 48px 12px 12px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-home-wholesale {
      padding-top: 14px !important;
      padding-bottom: 14px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner {
      gap: 12px !important;
      padding: 20px 16px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-actions {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 10px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-contact-banner .na2-btn {
      flex: none !important;
      width: 100% !important;
      max-width: none !important;
    }
  }
}


/* Clear, touch-sized collection pills within the existing scroll row. */
@layer hg-natural-v2 {
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories {
    gap: 8px !important;
    padding-block: 6px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > a {
    min-height: 44px !important;
    padding: 8px 14px !important;
    border: 1px solid #bfd0c4 !important;
    border-radius: 999px !important;
    background: #e9f1e5 !important;
    color: #245944 !important;
    -webkit-text-fill-color: #245944 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > a:is(:hover, :focus-visible) {
    border-color: #245944 !important;
    background: #245944 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > a:focus-visible {
    outline: 3px solid #9d651d !important;
    outline-offset: 2px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > a:active {
    border-color: #173f34 !important;
    background: #173f34 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

/* In-place available guppy filters and paged catalog. */
@layer hg-natural-v2 {
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories[hidden],
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-controls[hidden],
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-status[hidden],
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-more[hidden],
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-empty[hidden],
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track > .na2-product[hidden] {
    display: none !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > button {
    appearance: none !important;
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding: 8px 14px !important;
    border: 1px solid #bfd0c4 !important;
    border-radius: 999px !important;
    background: #e9f1e5 !important;
    color: #245944 !important;
    -webkit-text-fill-color: #245944 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > button:is(:hover, :focus-visible),
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > button[aria-pressed="true"] {
    border-color: #245944 !important;
    background: #245944 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > button:focus-visible,
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-more:focus-visible {
    outline: 3px solid #9d651d !important;
    outline-offset: 2px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-categories > button:active,
  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-more:active {
    border-color: #173f34 !important;
    background: #173f34 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 16px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 4px 2px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px 20px !important;
    margin: 12px 2px 0 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-status {
    flex: 1 1 220px !important;
    margin: 0 !important;
    color: #34453d !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-more {
    appearance: none !important;
    flex: 0 0 auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border: 1px solid #245944 !important;
    border-radius: 999px !important;
    background: #245944 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-more:is(:hover, :focus-visible) {
    border-color: #173f34 !important;
    background: #173f34 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-catalog-empty {
    margin: 12px 0 0 !important;
    color: #34453d !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  @media (max-width: 1100px) {
    body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 900px) {
    body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 600px) {
    body.home.hg-natural-v2 main.na2-home-v5 #na2-live-fish .na2-product-track {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
}

/* Hero polish and decorative guppy-tank bubbles. */
@layer hg-natural-v2 {
  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points > a {
    min-width: 0 !important;
    padding: 20px 22px !important;
    border: 1px solid rgba(209, 232, 216, 0.34) !important;
    border-radius: 16px !important;
    background: rgba(209, 232, 216, 0.10) !important;
    color: #edf5ef !important;
    -webkit-text-fill-color: #edf5ef !important;
    text-decoration: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points > a:is(:hover, :focus-visible) {
    border-color: rgba(242, 191, 141, 0.74) !important;
    background: rgba(209, 232, 216, 0.16) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    transform: translateY(-2px) !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points > a:focus-visible {
    outline: 3px solid #f2bf8d !important;
    outline-offset: 3px !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points h3 {
    margin: 0 0 10px !important;
    padding-left: 12px !important;
    border-left: 2px solid #f2bf8d !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points p {
    margin: 0 !important;
    color: #e2eee6 !important;
    -webkit-text-fill-color: #e2eee6 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-photo figcaption {
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual {
    isolation: isolate !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    mask-image: linear-gradient(to right, transparent, #000 12%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 12%) !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span {
    position: absolute !important;
    bottom: -18px !important;
    left: var(--hg-bubble-left) !important;
    display: block !important;
    width: var(--hg-bubble-size) !important;
    aspect-ratio: 1 !important;
    border: 1px solid rgba(255, 255, 255, 0.66) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 32% 28%, rgba(255,255,255,.62), rgba(218,244,229,.23) 68%, rgba(218,244,229,.04)) !important;
    box-shadow: inset 0 0 3px rgba(255,255,255,.24) !important;
    opacity: 0 !important;
    animation-name: hg-home-bubble-rise !important;
    animation-duration: var(--hg-bubble-duration) !important;
    animation-delay: var(--hg-bubble-delay) !important;
    animation-timing-function: ease-in !important;
    animation-iteration-count: infinite !important;
    animation-fill-mode: both !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(1) { --hg-bubble-left: 13%; --hg-bubble-size: 9px; --hg-bubble-duration: 9s; --hg-bubble-delay: -2s; --hg-bubble-drift: 6px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(2) { --hg-bubble-left: 25%; --hg-bubble-size: 7px; --hg-bubble-duration: 10.5s; --hg-bubble-delay: -6s; --hg-bubble-drift: -5px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(3) { --hg-bubble-left: 39%; --hg-bubble-size: 11px; --hg-bubble-duration: 9.5s; --hg-bubble-delay: -3.4s; --hg-bubble-drift: 7px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(4) { --hg-bubble-left: 53%; --hg-bubble-size: 6px; --hg-bubble-duration: 11s; --hg-bubble-delay: -7s; --hg-bubble-drift: -4px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(5) { --hg-bubble-left: 67%; --hg-bubble-size: 10px; --hg-bubble-duration: 9.8s; --hg-bubble-delay: -2.7s; --hg-bubble-drift: 5px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(6) { --hg-bubble-left: 81%; --hg-bubble-size: 7px; --hg-bubble-duration: 10.8s; --hg-bubble-delay: -5.5s; --hg-bubble-drift: -6px; }
  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span:nth-child(7) { --hg-bubble-left: 91%; --hg-bubble-size: 8px; --hg-bubble-duration: 9.2s; --hg-bubble-delay: -4.3s; --hg-bubble-drift: 4px; }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption {
    z-index: 2 !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: auto !important;
    max-width: none !important;
    padding: 12px 20px !important;
    border: 1px solid rgba(212, 225, 217, 0.94) !important;
    border-radius: 14px !important;
    background: rgba(252, 250, 242, 0.94) !important;
    text-align: center !important;
    box-shadow: 0 8px 24px rgba(23, 54, 47, 0.16) !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption span {
    color: var(--na-home-muted) !important;
    -webkit-text-fill-color: var(--na-home-muted) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption strong {
    margin: 0 !important;
    color: var(--na-home-deep) !important;
    -webkit-text-fill-color: var(--na-home-deep) !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  @keyframes hg-home-bubble-rise {
    0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.66); }
    12% { opacity: .42; }
    72% { opacity: .28; }
    100% { opacity: 0; transform: translate3d(var(--hg-bubble-drift), -500px, 0) scale(1.08); }
  }

  @media (max-width: 600px) {
    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles {
      mask-image: none !important;
      -webkit-mask-image: none !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption {
      left: 12px !important;
      right: 12px !important;
      bottom: 12px !important;
      padding: 10px 12px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption span {
      font-size: 16px !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual figcaption strong {
      font-size: 16px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles {
      display: none !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-hero-visual .na2-hero-bubbles > span {
      animation: none !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points > a {
      transition: none !important;
    }

    body.home.hg-natural-v2 main.na2-home-v5 .na2-standard-points > a:is(:hover, :focus-visible) {
      transform: none !important;
    }
  }
}