/* Homepage hero only. Loaded after the exported Next CSS and its inline styles. */
[data-oog-next-hero] {
  --oog-hero-width: min(680px, 44vw);
  --oog-hero-gap: clamp(18px, 1.8vw, 28px);
  --oog-hero-radius: 22px;
  padding: 2px 0 8px;
  overflow: hidden;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__inner {
  max-width: 1600px;
  padding: 0;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__viewport {
  position: relative;
  overflow: visible;
  touch-action: pan-y pinch-zoom;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__track {
  display: flex;
  align-items: center;
  gap: var(--oog-hero-gap);
  margin: 0;
  padding: 6px 0 8px;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__slide {
  flex: 0 0 var(--oog-hero-width);
  min-width: 0;
  padding: 0;
  opacity: .3;
  transform: translateY(8px) scale(.9);
  pointer-events: none;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__slide.oog-hero-slide-side {
  opacity: .78;
  transform: translateY(5px) scale(.94);
  pointer-events: auto;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__slide.HeroSlider-module__BJqekG__active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__card,
[data-oog-next-hero] .HeroSlider-module__BJqekG__media {
  border-radius: var(--oog-hero-radius);
  overflow: hidden;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__media,
[data-oog-next-hero] .HeroSlider-module__BJqekG__loadingShell {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  background: #e8ede4;
  isolation: isolate;
}

/* Only the decorative backdrop is cropped. The original advert stays complete. */
[data-oog-next-hero] .HeroSlider-module__BJqekG__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--oog-hero-backdrop) center / cover no-repeat;
  filter: blur(28px);
  opacity: .65;
  transform: scale(1.12);
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #eef2e65e, #f7f8f01f 50%, #14392d24);
  pointer-events: none;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  border-radius: 0 !important; /* Overrides the export's inherited image radius. */
  will-change: auto;
}

[data-oog-next-hero] .HeroSlider-module__BJqekG__dim { opacity: .18; }
[data-oog-next-hero] .oog-hero-video { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:contain; object-position:center; opacity:0; pointer-events:none; transition:opacity .2s ease; }
[data-oog-next-hero] .oog-hero-video.has-frame { opacity:1; }
[data-oog-next-hero] .oog-hero-video-play { display:flex; align-items:center; justify-content:center; gap:6px; min-height:28px; margin:0 0 0 6px; padding:4px 9px; border:1px solid #bfd3a7; border-radius:8px; background:#f7fbed; color:#30531f; font:inherit; font-size:11px; font-weight:650; cursor:pointer; }
[data-oog-next-hero] .oog-hero-video-play[hidden] { display:none; }
[data-oog-next-hero] .oog-hero-video-play svg { width:15px; height:15px; }
[data-oog-next-hero] .oog-hero-slide-side .HeroSlider-module__BJqekG__dim { opacity: .08; }
[data-oog-next-hero] .HeroSlider-module__BJqekG__active .HeroSlider-module__BJqekG__dim { opacity: 0; }

[data-oog-next-hero] .HeroSlider-module__BJqekG__arrow {
  top: 50%;
  width: 44px;
  height: 44px;
  color: #14392d;
  background: #ffffffed;
  border-color: #14392d24;
  box-shadow: 0 4px 16px #14392d1f;
  opacity: 1;
}
[data-oog-next-hero] .HeroSlider-module__BJqekG__arrowLeft { left: calc((100% - var(--oog-hero-width)) / 2 - 58px); }
[data-oog-next-hero] .HeroSlider-module__BJqekG__arrowRight { right: calc((100% - var(--oog-hero-width)) / 2 - 58px); }
[data-oog-next-hero] .HeroSlider-module__BJqekG__arrow:hover { background: #fff; }

[data-oog-next-hero] .HeroSlider-module__BJqekG__dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  margin-top: 4px;
}
[data-oog-next-hero] .HeroSlider-module__BJqekG__dot {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  opacity: 1;
}
[data-oog-next-hero] .HeroSlider-module__BJqekG__dot::before {
  content: "";
  width: 8px;
  height: 5px;
  border-radius: 999px;
  background: #14392d59;
  transition: width .26s, background .26s;
}
[data-oog-next-hero] .HeroSlider-module__BJqekG__dotActive::before { width: 24px; background: #80b600; }
[data-oog-next-hero] .oog-hero-autoplay { display: grid; place-items: center; width: 32px; height: 28px; margin-left: 4px; padding: 6px; color: #315244; background: #ffffffa6; border: 1px solid #14392d24; border-radius: 8px; cursor: pointer; }
[data-oog-next-hero] .oog-hero-autoplay svg { width: 14px; height: 14px; }
[data-oog-next-hero] .oog-hero-autoplay__play,
[data-oog-next-hero] .oog-hero-autoplay[aria-pressed="true"] .oog-hero-autoplay__pause { display: none; }
[data-oog-next-hero] .oog-hero-autoplay[aria-pressed="true"] .oog-hero-autoplay__play { display: block; }
[data-oog-next-hero] a:focus-visible,
[data-oog-next-hero] .HeroSlider-module__BJqekG__slide:focus-visible,
[data-oog-next-hero] button:focus-visible { outline: 3px solid #547619; outline-offset: 4px; }

/* A centered first banner remains usable with one slide or JavaScript disabled. */
[data-oog-next-hero]:not(.oog-hero-ready) .HeroSlider-module__BJqekG__track { justify-content: center; }
[data-oog-next-hero]:not(.oog-hero-ready) .HeroSlider-module__BJqekG__slide:not(:first-child) { display: none; }
[data-oog-next-hero]:not(.oog-hero-ready) .HeroSlider-module__BJqekG__arrow,
[data-oog-next-hero]:not(.oog-hero-ready) .HeroSlider-module__BJqekG__dots { visibility: hidden; }
[data-oog-next-hero] .HeroSlider-module__BJqekG__loadingShell { width: var(--oog-hero-width); margin: 10px auto 16px; }
[data-oog-next-hero].oog-hero-resetting .HeroSlider-module__BJqekG__track,
[data-oog-next-hero].oog-hero-resetting .HeroSlider-module__BJqekG__slide { transition: none !important; }

@media (max-width: 1100px) {
  [data-oog-next-hero] { --oog-hero-width: min(600px, 72vw); --oog-hero-gap: 18px; }
}

@media (max-width: 720px) {
  [data-oog-next-hero] { --oog-hero-width: calc(100vw - 24px); --oog-hero-gap: 12px; --oog-hero-radius: 18px; padding: 2px 0 12px; }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__slide { opacity: .35; }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__slide.HeroSlider-module__BJqekG__active { opacity: 1; }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__arrow { top: auto; bottom: -46px; width: 40px; height: 40px; transform: none; }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__arrow:hover { transform: none; }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__arrowLeft { left: calc(50% - 164px); }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__arrowRight { right: calc(50% - 164px); }
  [data-oog-next-hero] .HeroSlider-module__BJqekG__dots { min-height: 44px; }
}

/* Give the homepage content more room without changing the category cards. */
body.oog-homepage.oog-theme .oog-homepage-h1-wrap { padding-top: 20px; margin-bottom: 8px; }
@media (max-width: 720px) {
  body.oog-homepage.oog-theme .oog-homepage-h1-wrap { padding-top: 14px; margin-bottom: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-oog-next-hero] .HeroSlider-module__BJqekG__track,
  [data-oog-next-hero] .HeroSlider-module__BJqekG__slide,
  [data-oog-next-hero] .oog-hero-video,
  [data-oog-next-hero] .HeroSlider-module__BJqekG__dot::before { transition: none !important; }
}
