/* ==========================================================================
 * ALVIRAN Shop - normal /shop spacing
 * Restores breathing room below the site header for the game picker only.
 * ========================================================================== */

body.alv-shop-page #alv-shop-app.alv-shop-picker-mode {
  padding-top: clamp(74px, 8vh, 108px) !important;
  padding-inline: clamp(28px, 3vw, 40px) !important;
}

body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-stub {
  width: min(1360px, 100%) !important;
  margin-inline: auto !important;
  padding-top: 0 !important;
  padding-bottom: clamp(64px, 8vh, 92px) !important;
}

body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-layout {
  gap: clamp(18px, 2.2vw, 26px) !important;
  min-height: auto !important;
}

body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-stage {
  margin-top: 4px !important;
}

@media (min-width: 981px) {
  body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-stub {
    padding-bottom: clamp(68px, 8vh, 96px) !important;
  }
}

@media (max-width: 900px) {
  body.alv-shop-page #alv-shop-app.alv-shop-picker-mode {
    padding-top: clamp(44px, 6vh, 68px) !important;
    padding-inline: 0 !important;
  }

  body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-stub {
    width: min(720px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    padding-bottom: 58px !important;
  }
}

@media (max-width: 620px) {
  body.alv-shop-page #alv-shop-app.alv-shop-picker-mode {
    padding-top: 34px !important;
  }

  body.alv-shop-page #alv-shop-app.alv-shop-picker-mode .alv-shop-root-layout {
    gap: 18px !important;
  }
}