/* TARGET-244: compact desktop news cards consistently. */
@media only screen and (min-width: 992px) {
  .news-group .item.type-1 .viewbox,
  .news-group .item.type-3 .viewbox {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* PC homepage banner: stable selector, not Swiper generated ID. */
@media only screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #rd-banner-swiper,
  #rd-banner-swiper .swiper-wrapper,
  #rd-banner-swiper .swiper-slide {
    height: 720px !important;
  }
  #rd-banner-swiper .swiper-slide {
    background-position: center 40%;
    background-size: cover;
  }
}

/* Homepage header: never use the transparent initial state. */
#rd-header.fix-style { background: #fff !important; }

/* PC homepage: reveal more of the banner's top content below the header. */
@media only screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #rd-banner-swiper .swiper-slide { background-position: center top; }
}

/* PC homepage: use the CMS banner's native 1920 × 956 ratio; never crop it. */
@media only screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #rd-banner-swiper {
    height: auto !important;
    aspect-ratio: 1920 / 956;
  }
  #rd-banner-swiper .swiper-wrapper,
  #rd-banner-swiper .swiper-slide {
    height: 100% !important;
  }
  #rd-banner-swiper .swiper-slide {
    background-position: center top;
    background-size: 100% 100%;
  }
}

/* Desktop homepage banner: Bootstrap-style slide indicators. */
@media only screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #rd-banner-swiper .rd-banner-pagination {
    bottom: 24px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: auto;
    z-index: 4;
  }
  #rd-banner-swiper .swiper-pagination-bullet {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .45);
    height: 10px;
    margin: 0 6px;
    opacity: .85;
    width: 10px;
  }
  #rd-banner-swiper .swiper-pagination-bullet-active {
    background: #008a32;
    border-color: #fff;
    opacity: 1;
    transform: scale(1.25);
  }
}

/* Desktop homepage banner: optional caption from the CMS Banner title. */
@media only screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  #rd-banner-swiper .rd-banner-caption {
    background: rgba(0, 0, 0, .52);
    bottom: 64px;
    color: #fff;
    left: 50%;
    max-width: min(80%, 900px);
    padding: 12px 28px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    z-index: 3;
  }
  #rd-banner-swiper .rd-banner-caption h5 { font-size: 24px; line-height: 1.45; margin: 0; }
}