/* Arena V38: mobile touch-scroll and compact cards corrections. These rules are applied after V22, V36 and UI overrides. */
@media (max-width:900px) {
  /* Fixed-region prompt sits under <body>, no longer in the blurred/sticky navbar. */
  body > #bgg-detect.bgg-detect {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    transform: none !important;
    z-index: 151 !important;
    width: auto !important;
    max-width: 660px;
    margin-inline: auto;
    max-height: min(320px,calc(100dvh - 24px));
    overflow: auto;
    overscroll-behavior: contain;
    padding: 14px !important;
    gap: 11px;
    box-shadow: 0 20px 55px rgba(0,0,0,.75);
  }
  body > #bgg-detect.bgg-detect[hidden] {display:none!important}
  body > #bgg-detect .bgg-detect__copy {min-width:0}
  body > #bgg-detect .bgg-detect__actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  body > #bgg-detect .bgg-detect__actions button {min-width:0;min-height:44px;height:auto;padding:9px 10px;line-height:1.35;font-size:11px;white-space:normal}

  /* Intrinsic widths from lazy-loaded cards must not expand the product grid. */
  .package-wrapper .arena-product-page {grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}
  .package-wrapper .arena-product-page > * {min-width:0!important;max-width:100%!important}
  .package-wrapper .package-list {min-width:0!important;max-width:100%!important}

  /* Comparison: never enlarge parent or page; swipe rail takes horizontal touch gestures. */
  .package-wrapper .arena-tools {
    box-sizing:border-box;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    margin-inline:0!important;
    overflow:hidden!important;
  }
  .package-wrapper .arena-tools__header,
  .package-wrapper .arena-tools__panel,
  .package-wrapper .arena-tools__tabs {min-width:0;max-width:100%;box-sizing:border-box}
  .package-wrapper .arena-tools__header h2 {
    white-space:normal!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:break-word!important;
    word-break:normal;
    font-size:clamp(29px,7.5vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:0;
  }
  .package-wrapper .arena-tools__eyebrow {min-width:0;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}
  .package-wrapper .arena-tools__global-label {max-width:100%!important;min-width:0!important;white-space:normal!important}
  .package-wrapper .arena-tools__panel {padding:12px!important}
  .package-wrapper .arena-tools__mobile-navigator {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 12px}
  .package-wrapper .arena-tools__mobile-buttons {display:flex;gap:6px;flex:none}
  .package-wrapper .arena-tools__mobile-buttons button {display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;border:1px solid #496d4b;background:#1c3124;color:#dff5d6}
  .package-wrapper .arena-tools__mobile-buttons button:disabled {opacity:.35;cursor:default}
  .package-wrapper .arena-tools__swipe-hint {display:block!important;margin:0!important;min-width:0;font-size:11px!important;line-height:1.4!important;color:#b4cbb3}
  .package-wrapper #arena-editions.arena-editions {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    transition:height .18s ease;
    scroll-snap-type:x proximity!important;
    scroll-behavior:smooth;
    overscroll-behavior-x:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:auto!important;
    padding:2px 3px 14px!important;
    scrollbar-width:thin;
    scrollbar-color:#526d51 #13221b;
  }
  .package-wrapper #arena-editions .arena-edition {
    flex:0 0 min(78vw,300px,calc(100vw - 104px))!important;
    min-width:0!important;
    max-width:min(78vw,300px,calc(100vw - 104px))!important;
    width:min(78vw,300px,calc(100vw - 104px))!important;
    scroll-snap-align:start;
    align-self:flex-start!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box;
  }
  .package-wrapper #arena-editions .arena-edition__cta {margin-top:12px!important;flex-shrink:0!important}
  .package-wrapper #arena-editions:focus-visible {outline:2px solid #caff54;outline-offset:2px}

  /* Similar products: native touch scrolling, no Keen calculations on mobile. */
  .package-wrapper .arena-related-section {max-width:100%;overflow:hidden!important;margin-top:18px!important;padding:13px!important}
  .package-wrapper .arena-related-section__head {align-items:center!important;flex-wrap:wrap!important;gap:10px!important;padding-bottom:12px!important;margin-bottom:12px!important}
  .package-wrapper .arena-related-section__head h4 {font-size:clamp(25px,7vw,32px)!important;line-height:1!important;max-width:100%}
  .package-wrapper .arena-related-section__head p {font-size:11px!important;line-height:1.45!important}
  .package-wrapper .arena-related-section__controls button {width:38px!important;height:38px!important}
  .package-wrapper #similar-packages-slider.arena-related-slider {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    touch-action:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0 2px 5px!important;
    margin:0!important;
  }
  .package-wrapper #similar-packages-slider::-webkit-scrollbar {display:none}
  .package-wrapper #similar-packages-slider > .arena-related-slide.keen-slider__slide {
    flex:0 0 clamp(210px,68vw,270px)!important;
    width:clamp(210px,68vw,270px)!important;
    min-width:clamp(210px,68vw,270px)!important;
    max-width:clamp(210px,68vw,270px)!important;
    height:auto!important;
    display:flex!important;
    position:relative;
    overflow:visible!important;
    scroll-snap-align:start;
  }
  .package-wrapper #similar-packages-slider .arena-related-card {border-radius:14px!important;max-width:100%!important}
  .package-wrapper #similar-packages-slider .arena-related-card__cover {
    display:block;
    flex:0 0 108px!important;
    aspect-ratio:auto!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    overflow:hidden;
  }
  .package-wrapper #similar-packages-slider .arena-related-card__cover img {width:100%!important;height:100%!important;object-fit:cover!important}
  .package-wrapper #similar-packages-slider .arena-related-card__body {padding:10px 12px!important;min-height:0!important}
  .package-wrapper #similar-packages-slider .arena-related-card__eyebrow {font-size:9px!important;letter-spacing:.035em}
  .package-wrapper #similar-packages-slider .arena-related-card__name {
    font-size:13px!important;
    line-height:1.3!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin-top:5px!important;
    -webkit-line-clamp:2!important;
  }
  .package-wrapper #similar-packages-slider .arena-related-card__bottom {margin-top:8px!important;padding-top:8px!important;align-items:center!important;gap:6px!important}
  .package-wrapper #similar-packages-slider .arena-related-card__price-wrap>span {font-size:8px!important;letter-spacing:.04em}
  .package-wrapper #similar-packages-slider .arena-related-card__price-wrap strong {font-size:23px!important;line-height:1.05!important;margin-top:3px!important}
  .package-wrapper #similar-packages-slider .arena-related-card__add {
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:10px!important;
  }
  .package-wrapper #similar-packages-slider .arena-related-card__add span {display:none!important}
  .package-wrapper #similar-packages-slider .bgg-fx-approx {font-size:10px!important;line-height:1.35!important}

}
@media (min-width:901px) {.arena-tools__mobile-navigator{display:none!important}}
@media (max-width:359px) {
 .package-wrapper #arena-editions .arena-edition {flex-basis:min(82vw,calc(100vw - 104px))!important;max-width:min(82vw,calc(100vw - 104px))!important;width:min(82vw,calc(100vw - 104px))!important}
 .package-wrapper #similar-packages-slider .arena-related-card__price-wrap strong {font-size:18px!important}
}