/* Homepage-only: Scale sub-header + mobile gallery */

:root {
  --scale-subheader-height: 0px;
  --home-header-offset: var(--mitsui-header-height);
}

.order-homepage {
  --mitsui-header-height: 64px;
  --home-header-offset: var(--mitsui-header-height);
}

@media (min-width: 901px) {
  .order-homepage {
    --mitsui-header-height: 80px;
  }
}

/* Reserve space while async header fragment loads */
.order-homepage .mitsui-header-slot {
  min-height: var(--mitsui-header-height);
  background: #ffffff;
}

.order-homepage .mitsui-header-slot:has(.mitsui-header) {
  min-height: 0;
  background: transparent;
}

/* Homepage main offset (replaces inline padding-top) */
.order-homepage .order-home-main {
  padding-top: var(--home-header-offset);
}

/* Mitsui header: keep login / personal center visible on homepage (white bar) */
.order-homepage .mitsui-header_user-menu .mitsui-header_user-btn[data-order-guest-only]:not([hidden]) {
  display: inline-flex !important;
}

.order-homepage .mitsui-header_user-menu .mitsui-header_user-btn[data-order-auth-only]:not([hidden]) {
  display: inline-flex !important;
}

/* —— Mobile gallery: clearer images, no crop (buttons keep original gallery.css sizes) —— */
@media (max-width: 899px) {
  .order-homepage .hero {
    min-height: calc(100svh - var(--home-header-offset));
    padding-bottom: 2rem;
  }

  .order-homepage .hero__title {
    font-size: clamp(1.75rem, 8vw, 2.5rem);
  }

  .order-homepage .gallery-pin {
    height: 100svh;
    min-height: 100svh;
  }

  /* Stop zoom transition from clipping edges inside overflow:hidden */
  .order-homepage .gallery-image {
    transform: none;
    transition: opacity 0.8s ease;
    object-fit: cover;
    object-position: center 40%;
  }

  .order-homepage .gallery-image.is-active {
    opacity: 0.88;
    transform: none;
  }

  .order-homepage .gallery-bg-video__overlay {
    background: radial-gradient(ellipse at center, transparent 0%, rgba(10, 10, 10, 0.62) 74%);
  }

  /* Label below homepage headers; cards unchanged from gallery.css */
  .order-homepage .gallery-labels {
    top: calc(var(--home-header-offset) + 0.35rem);
    width: calc(100% - 2rem);
    left: 1rem;
  }

  /* Pin controls to lower third so more slide shows above */
  .order-homepage .gallery-ui {
    justify-content: flex-end;
    padding: 0 1rem max(1rem, env(safe-area-inset-bottom));
    text-align: center;
  }

  .order-homepage .gallery-scroll-hint {
    margin-bottom: 0.75rem;
  }
}