/* [custom_banner] — width / radius / height を CSS 変数で受け取る */
.c-bannerLink.nettoge-custom-banner {
  width: var(--nettoge-banner-width, auto);
  border-radius: var(--nettoge-banner-radius, 0);
}

.c-bannerLink__figure.nettoge-banner-figure--fixed {
  height: var(--nettoge-banner-height);
}

.c-bannerLink__figure.nettoge-banner-figure--responsive {
  height: var(--nettoge-banner-height-mobile);
}

@media (min-width: 600px) {
  .c-bannerLink__figure.nettoge-banner-figure--responsive {
    height: var(--nettoge-banner-height-tab);
  }
}

/* Download button grid (moved from main.css Phase 7-F tail) */
.btns_cnt-downloads {
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: var(--columns);
  justify-content: center;
  max-width: 330px;
  margin: 0 auto;
  padding: 1rem 0;
}

.dwnld_lnk-apple,
.dwnld_lnk-android {
  background-color: var(--surface-review-rating-bg);
  border-radius: 5px;
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-out;
  display: block;
  margin: 0 auto;
  text-decoration: none;
}

.dwnld_lnk-apple:hover,
.dwnld_lnk-android:hover,
.dwnld_lnk-apple:focus,
.dwnld_lnk-android:focus {
  transform: scale(1.1);
  box-shadow: 0 0.35em 0.35em rgba(0, 0, 0, 0.4);
}