/* Arena V59 — broad mobile polish for non-home/product areas.
   Loaded after legacy mobile layers to refine the rest of the store. */
@media (max-width: 767px) {
  html, body {overflow-x: clip;}

  /* Global spacing rhythm */
  .buygames-container,
  .buygames-category-page,
  .arena-library,
  .arena-orders-page,
  .bgg-info-page .bgg-info-shell {
    width: min(100%, calc(100% - 24px)) !important;
  }

  .buygames-breadcrumb,
  .arena-library__crumb,
  .arena-orders-breadcrumb {
    flex-wrap: wrap;
    gap: 6px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  /* Navbar + mobile navigation */
  #site-navbar .buygames-navbar__main {
    min-height: 62px !important;
    padding-block: 8px !important;
  }
  #site-navbar .buygames-navbar__brand {min-width: 0;}
  #site-navbar .buygames-navbar__wordmark {
    max-width: 118px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #site-navbar .buygames-navbar__actions {gap: 4px !important;}
  #site-navbar .buygames-navbar__mobile-search {
    padding-bottom: 11px !important;
    border-top: 1px solid rgba(255,255,255,.05);
    background: rgba(6, 11, 11, .96);
    backdrop-filter: blur(10px);
  }
  #site-navbar .buygames-navbar__mobile-search .buygames-container {width: calc(100% - 24px) !important;}
  #buygames-mobile-menu {
    border-top: 1px solid rgba(255,255,255,.06);
    background: linear-gradient(180deg, rgba(8,14,13,.98), rgba(13,22,19,.98));
    backdrop-filter: blur(12px);
  }
  #buygames-mobile-menu .buygames-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 0 14px;
  }
  #buygames-mobile-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #2b4135;
    border-radius: 13px;
    background: #121d19;
    color: #eef5eb;
    font-size: 12px;
    font-weight: 800;
  }

  /* Catalog / collection pages */
  #arena-full-catalog {padding-bottom: 42px !important;}
  .arena-catalog-heading,
  .arena-library .arena-category-masthead {
    margin-top: 16px !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    gap: 14px !important;
  }
  .arena-catalog-heading h1,
  .arena-category-masthead__titlewrap h1 {
    font-size: clamp(38px, 12vw, 54px) !important;
    line-height: .92 !important;
  }
  .arena-catalog-heading p,
  .arena-category-masthead__subtitle,
  .arena-library__intro p {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
  .arena-catalog-categories,
  .arena-category-masthead__tags,
  .arena-library__collections-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .arena-catalog-categories::-webkit-scrollbar,
  .arena-category-masthead__tags::-webkit-scrollbar,
  .arena-library__collections-list::-webkit-scrollbar {display:none;}
  .arena-catalog-categories a,
  .arena-category-masthead__tags a,
  .arena-library__collections-list a {
    flex: 0 0 auto;
    min-height: 38px !important;
    padding-inline: 12px !important;
    white-space: nowrap;
    font-size: 11px !important;
  }
  .arena-category-masthead__aside,
  .arena-category-masthead__micro {gap: 8px !important;}
  .arena-category-masthead__preview {
    grid-template-columns: 74px minmax(0,1fr) !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }
  .arena-category-masthead__preview img {
    width: 74px !important;
    height: 92px !important;
  }
  .arena-library__intro {
    display: grid !important;
    gap: 9px !important;
    padding: 0 !important;
    margin: 14px 0 0 !important;
  }
  .arena-library__intro a {width: 100%; justify-content: center;}
  .edition-desk {margin-top: 18px !important;}
  .edition-desk__heading {
    gap: 10px !important;
    padding: 0 0 14px !important;
    margin-bottom: 12px !important;
  }
  .edition-desk__heading h2 {font-size: clamp(31px, 10vw, 40px) !important;}
  .edition-desk__heading p {font-size: 11px !important; line-height: 1.55 !important;}
  .edition-desk__count {
    align-self: flex-start;
    min-height: 36px !important;
    padding: 7px 10px !important;
  }
  .edition-desk__grid {gap: 11px !important;}
  .edition-card {
    grid-template-columns: 104px minmax(0,1fr) !important;
    min-height: 176px !important;
    border-radius: 15px !important;
  }
  .edition-card__art {padding: 7px !important;}
  .edition-card__art-inner {min-height: 160px !important;}
  .edition-card__content {padding: 12px 12px 11px !important;}
  .edition-card__name {font-size: 18px !important; line-height: 1.18 !important;}
  .edition-card__price {font-size: 25px !important;}
  .edition-card__action {min-height: 37px !important;}

  /* Informational pages */
  .bgg-info-page {padding: 14px 0 34px !important;}
  .bgg-terms-hero,
  .bgg-change-hero,
  .bgg-change-faq,
  .bgg-change-cta {border-radius: 18px !important;}
  .bgg-terms-hero,
  .bgg-change-hero {padding: 18px 16px !important;}
  .bgg-terms-hero h1,
  .bgg-change-hero h1 {font-size: clamp(40px, 12vw, 54px) !important;}
  .bgg-terms-hero__copy > p,
  .bgg-change-hero__text > p,
  .bgg-change-intro__copy > p,
  .bgg-change-faq__heading p,
  .bgg-policy__body {font-size: 12px !important; line-height: 1.68 !important;}
  .bgg-terms-meta {gap: 8px 10px !important; margin-top: 16px !important;}
  .bgg-terms-meta span {font-size: 10px !important;}
  .bgg-terms-hero__aside {
    padding: 14px !important;
    gap: 8px !important;
  }
  .bgg-terms-hero__aside strong {font-size: 22px !important;}
  .bgg-terms-hero__aside a {
    width: 100%;
    justify-content: center;
    min-height: 42px;
    border-radius: 10px;
    background: rgba(202,255,84,.07);
    border: 1px solid #4d6a46;
  }
  .bgg-terms-layout {gap: 12px !important; margin-top: 14px !important;}
  .bgg-terms-nav {
    padding: 12px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }
  .bgg-terms-nav__kicker {margin-bottom: 8px !important;}
  .bgg-terms-nav ol {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 2px !important;
    scrollbar-width: none;
  }
  .bgg-terms-nav ol::-webkit-scrollbar {display:none;}
  .bgg-terms-nav ol li {flex: 0 0 auto;}
  .bgg-terms-nav ol a {
    min-width: 165px;
    min-height: 60px;
    align-items: flex-start !important;
    padding: 10px 11px !important;
    border: 1px solid #334b3e;
    border-radius: 12px;
    background: #111b17;
    font-size: 10px !important;
  }
  .bgg-policy {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 15px 14px !important;
    border-radius: 15px !important;
  }
  .bgg-policy__number {width: 32px !important; height: 32px !important;}
  .bgg-policy h2 {font-size: 22px !important; margin-bottom: 10px !important;}
  .bgg-change-hero__links {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .bgg-change-hero__links a,
  .bgg-change-cta > a {width: 100%;}
  .bgg-change-hero__identity {padding: 14px !important; border-radius: 16px !important;}
  .bgg-change-brand {
    padding: 13px 12px !important;
    gap: 10px !important;
    border-radius: 12px !important;
  }
  .bgg-change-brand__glyph {width: 42px !important; height: 42px !important; font-size: 26px !important;}
  .bgg-change-brand strong {font-size: 15px !important;}
  .bgg-change-difference {grid-template-columns: 1fr !important; gap: 10px !important;}
  .bgg-change-difference__card {padding: 16px !important; border-radius: 15px !important;}
  .bgg-change-faq {margin-top: 18px !important; padding: 16px !important;}
  .bgg-change-faq__heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  .bgg-change-faq__heading > svg {display: none !important;}
  .bgg-change-faq__item summary {
    padding: 14px 15px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .bgg-change-faq__item p {padding: 13px 15px 15px !important;}
  .bgg-change-cta {
    margin-top: 18px !important;
    padding: 18px 16px !important;
    gap: 12px !important;
  }

  /* Orders / account / vault */
  .arena-orders-page {
    padding: 16px 0 42px !important;
  }
  .arena-orders-grid {gap: 14px !important;}
  .arena-account-shell {
    padding: 13px !important;
    gap: 11px !important;
    border-radius: 18px !important;
  }
  .arena-account-shell__hero {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 15px !important;
  }
  .arena-account-shell__nav {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .arena-account-shell__link {
    min-height: 58px;
    padding: 11px 12px !important;
    border-radius: 14px !important;
  }
  .arena-account-shell__link small {display: block !important;}
  .arena-orders-hero {
    padding: 18px !important;
    border-radius: 20px !important;
    gap: 14px !important;
  }
  .arena-orders-hero__copy h1 {font-size: clamp(36px, 13vw, 50px) !important;}
  .arena-orders-hero__copy p {font-size: 12px !important; line-height: 1.6 !important;}
  .arena-orders-hero__stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  .arena-orders-stat {
    padding: 12px !important;
    min-height: 0 !important;
    border-radius: 14px !important;
  }
  .arena-orders-stat strong {font-size: clamp(28px, 9vw, 38px) !important;}
  .arena-orders-stat p {font-size: 10px !important; line-height: 1.45 !important;}
  .arena-game-library {
    border-radius: 20px !important;
    margin-top: 15px !important;
  }
  .arena-game-library__head {
    padding: 18px 16px !important;
    gap: 10px !important;
  }
  .arena-game-library__head h2 {font-size: clamp(31px, 10vw, 40px) !important;}
  .arena-game-library__head p {font-size: 12px !important; line-height: 1.55 !important;}
  .arena-game-library__history {width: 100%; justify-content: center;}
  .arena-game-library__grid {padding: 12px !important; gap: 10px !important;}
  .arena-game-library__page-note {
    padding: 4px 12px 14px !important;
    font-size: 10px !important;
  }
  .arena-order-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 15px !important;
    border-radius: 18px !important;
  }
  .arena-order-card__top {
    display: grid !important;
    gap: 10px !important;
  }
  .arena-order-card__price {text-align: left !important;}
  .arena-order-card__price strong {font-size: 28px !important;}
  .arena-order-card__meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: 13px !important;
  }
  .arena-order-pill {
    width: 100%;
    justify-content: space-between;
    min-height: 39px;
    border-radius: 11px !important;
  }
  .arena-order-card__action {justify-content: stretch !important;}
  .arena-order-card__action .btn-primary,
  .arena-order-card__action .btn-outline {
    width: 100%;
    min-height: 46px !important;
    justify-content: center;
  }
}

@media (max-width: 420px) {
  .buygames-footer__about,
  .buygames-footer__col {padding: 14px 14px 13px;}
  .arena-catalog-heading,
  .arena-library .arena-category-masthead,
  .bgg-terms-hero,
  .bgg-change-hero,
  .arena-orders-hero,
  .arena-game-library__head {padding-inline: 14px !important;}
  .edition-card {
    grid-template-columns: 94px minmax(0,1fr) !important;
    min-height: 166px !important;
  }
  .edition-card__name {font-size: 17px !important;}
  .edition-card__price {font-size: 22px !important;}
  .bgg-terms-nav ol a {min-width: 148px;}
  .arena-orders-hero__stats {grid-template-columns: 1fr !important;}
  .arena-game-library__grid {grid-template-columns: 1fr !important;}
}