/* iGame mobile application layer. Desktop storefront keeps its existing layout. */
.catalog-mobile-filters { display: none; }
@media (max-width: 700px) {
  :root { color-scheme: dark; }
  html, body.apple-layout { background: #000 !important; color: #f5f5f7 !important; }
  body.apple-layout { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  .apple-layout main, .apple-layout main > div:not(.ig-home), .apple-layout .ig-home, .apple-layout .ig-section { background: #000 !important; }
  .apple-layout:not(.ig-auth-layout) { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
  .apple-layout .ig-container, .apple-layout .apple-shell { width: calc(100% - 32px); }
  .apple-layout .ig-item-rain { display: none !important; }

  /* A native-feeling navigation bar and five equal tabs. */
  .apple-layout .ig-header { background: #09090be8 !important; border-bottom: 1px solid #2c2c2e !important; box-shadow: none !important; -webkit-backdrop-filter: blur(24px) saturate(145%); backdrop-filter: blur(24px) saturate(145%); }
  .apple-layout .ig-header-inner { width: calc(100% - 32px); height: 58px; grid-template-columns: 48px minmax(0,1fr) 48px; }
  .apple-layout .ig-header-inner > .ig-mobile-only[data-open="menu"], .apple-layout .ig-header .ig-mobile-profile { width: 38px; height: 38px; border: 0 !important; border-radius: 50%; background: #2c2c2e !important; color: #f5f5f7 !important; }
  .apple-layout .ig-header-inner > a .wordmark { font-size: 23px; font-weight: 730; letter-spacing: -.06em; }
  .apple-layout .ig-mobile-bottom-nav { left: 0; right: 0; bottom: 0; width: 100%; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; padding: 5px 5px calc(5px + env(safe-area-inset-bottom)); border: 0 !important; border-top: 1px solid #38383a !important; border-radius: 0; background: #18181bcc !important; box-shadow: none !important; -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%); }
  .apple-layout .ig-mobile-bottom-nav a, .apple-layout .ig-mobile-bottom-nav a:nth-child(3), .apple-layout .ig-mobile-bottom-nav a:nth-child(3).active { position: relative; top: auto; left: auto; display: grid; place-items: center; align-content: center; justify-self: stretch; gap: 3px; width: auto; height: 53px; min-height: 53px; margin: 0; padding: 2px; border: 0 !important; border-radius: 10px; background: transparent !important; box-shadow: none !important; transform: none; color: #98989f !important; font-size: 10px; font-weight: 560; letter-spacing: -.01em; }
  .apple-layout .ig-mobile-bottom-nav a svg, .apple-layout .ig-mobile-bottom-nav a:nth-child(3) svg { width: 22px; height: 22px; color: currentColor !important; stroke-width: 1.8; }
  .apple-layout .ig-mobile-bottom-nav a:nth-child(3) span { display: block; font-size: 10px; }
  .apple-layout .ig-mobile-bottom-nav a.active, .apple-layout .ig-mobile-bottom-nav a:nth-child(3).active { color: #0a84ff !important; background: transparent !important; font-weight: 680; }
  .apple-layout .ig-mobile-bottom-nav a.active svg, .apple-layout .ig-mobile-bottom-nav a:nth-child(3).active svg { color: #0a84ff !important; stroke-width: 2; }
  .apple-layout .ig-mobile-bottom-nav a.active::after { display: none; }
  .apple-layout .ig-chat-launcher { display: none !important; }

  /* Today / Discover. */
  .apple-layout .home-page { background: #000 !important; }
  .apple-layout .home-page > .ig-home-search-wrap, .apple-layout .home-page > .ig-home-intro { width: calc(100% - 32px); }
  .apple-layout .home-page > .ig-home-search-wrap { padding-top: 22px; }
  .apple-layout .home-page .ig-home-mobile-greeting { gap: 3px; margin-bottom: 17px; }
  .apple-layout .home-page .ig-home-mobile-greeting small { color: #8e8e93; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
  .apple-layout .home-page .ig-home-mobile-greeting strong { color: #f5f5f7; font-size: 30px; font-weight: 760; line-height: 1.1; letter-spacing: -.055em; }
  .apple-layout .home-page .ig-home-search { height: 50px; min-height: 50px; padding: 5px 7px 5px 14px; border: 0 !important; border-radius: 13px; background: #1c1c1e !important; box-shadow: none !important; }
  .apple-layout .home-page .ig-home-search > svg { color: #8e8e93; }
  .apple-layout .home-page .ig-home-search input { color: #f5f5f7 !important; font-size: 15px; }
  .apple-layout .home-page .ig-home-search input::placeholder { color: #8e8e93; }
  .apple-layout .home-page .ig-home-search button { width: 36px; min-width: 36px; height: 36px; min-height: 36px; border-radius: 10px; background: #303034 !important; color: #0a84ff !important; }
  .apple-layout .home-page .ig-home-search button svg { width: 18px; height: 18px; }
  .apple-layout .home-page .ig-home-quick-links { gap: 7px; margin-top: 12px; }
  .apple-layout .home-page .ig-home-quick-links a { padding: 8px 12px; border: 0; border-radius: 99px; background: #1c1c1e; color: #e0e0e5; font-size: 12px; font-weight: 560; }
  .apple-layout .home-page .ig-home-intro { height: 237px; margin-top: 19px; padding: 24px; border: 0; border-radius: 24px; background: #1c1c1e; box-shadow: none; }
  .apple-layout .home-page .ig-home-intro::after { background: linear-gradient(90deg,#111115f8 0%,#111115ea 42%,#11111584 72%,#1111152b 100%); }
  .apple-layout .home-page .ig-home-hero-image { width: 70%; opacity: .84; filter: saturate(.9); }
  .apple-layout .home-page .ig-home-eyebrow { color: #d1d1d6; font-size: 10px; font-weight: 650; letter-spacing: .07em; }
  .apple-layout .home-page .ig-home-hero-copy h2 { max-width: 235px; margin: 11px 0 12px; color: #fff; font-size: clamp(32px,8.7vw,38px); font-weight: 760; letter-spacing: -.06em; }
  .apple-layout .home-page .ig-home-hero-actions { margin-top: 18px; }
  .apple-layout .home-page .ig-home-hero-actions .ig-home-primary { min-height: 38px; padding: 8px 13px; border-radius: 99px; background: #f5f5f7; color: #111115; font-size: 11px; font-weight: 730; }

  /* App Store-like editorial sections with comfortable reading sizes. */
  .apple-layout .home-page .ig-category-section { padding: 32px 0 12px !important; }
  .apple-layout .home-page .ig-section-head { align-items: end; margin-bottom: 17px; }
  .apple-layout .home-page .ig-section-head small { color: #8e8e93 !important; font-size: 10px !important; letter-spacing: .1em !important; }
  .apple-layout .home-page .ig-section-head h2 { color: #f5f5f7 !important; font-size: 28px !important; font-weight: 760 !important; line-height: 1.13 !important; }
  .apple-layout .home-page .ig-section-head > a { color: #0a84ff !important; font-size: 12px !important; font-weight: 650 !important; }
  .apple-layout .home-page .ig-categories { gap: 11px; }
  .apple-layout .home-page .ig-categories > a, .apple-layout .home-page .ig-categories > a.large { aspect-ratio: 4 / 5; border: 0 !important; border-radius: 20px !important; background: #1c1c1e !important; }
  .apple-layout .home-page .ig-categories > a > span.ig-category-name { min-height: 70px; padding: 17px 9px 13px !important; font-size: 15px; font-weight: 720; }
  .apple-layout .home-page .ig-home-feature { border: 0; border-radius: 20px; }
  .apple-layout .home-page .ig-home-feature-content strong { font-size: 20px; }
  .apple-layout .home-page .ig-home-products-section, .apple-layout .home-page .ig-home-deals-section { padding: 35px 0 22px !important; background: #000 !important; }

  /* Catalog and category directory stay easy to scan. */
  .apple-layout .page { padding-top: 27px; }
  .apple-layout .page-heading h1 { font-size: 34px; font-weight: 760; letter-spacing: -.055em; }
  .apple-layout .page-heading p { color: #8e8e93; font-size: 14px; }
  .apple-layout .ig-category-page-root .ig-category-page-main .ig-categories > a { border: 0 !important; border-radius: 20px !important; background: #1c1c1e !important; }
  .apple-layout .ig-category-page-root .ig-category-page-main .ig-categories > a > span.ig-category-name { font-size: 15px !important; font-weight: 720; }
  .apple-layout .catalog-filters { display: none; }
  .apple-layout .catalog-mobile-filters { display: block; margin: 0 0 15px; }
  .apple-layout .catalog-mobile-search { display: flex; align-items: center; height: 50px; padding: 5px 6px 5px 15px; border-radius: 13px; background: #1c1c1e; }
  .apple-layout .catalog-mobile-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #f5f5f7; font-size: 15px; }
  .apple-layout .catalog-mobile-search input::placeholder { color: #8e8e93; }
  .apple-layout .catalog-mobile-search button { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #303034; color: #0a84ff; }
  .apple-layout .catalog-mobile-search button svg { width: 18px; height: 18px; }
  .apple-layout .catalog-mobile-options { margin-top: 11px; padding: 0; border: 0; border-radius: 13px; background: #1c1c1e; overflow: hidden; }
  .apple-layout .catalog-mobile-options summary { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 0 14px; list-style: none; color: #f5f5f7; font-size: 14px; font-weight: 650; }
  .apple-layout .catalog-mobile-options summary::-webkit-details-marker { display: none; }
  .apple-layout .catalog-mobile-options summary svg { width: 17px; height: 17px; color: #0a84ff; }
  .apple-layout .catalog-mobile-options summary small { flex: 1; color: #8e8e93; text-align: right; font-size: 11px; font-weight: 450; }
  .apple-layout .catalog-mobile-options summary svg:last-child { width: 14px; height: 14px; color: #8e8e93; transform: rotate(90deg); transition: transform .2s; }
  .apple-layout .catalog-mobile-options[open] summary svg:last-child { transform: rotate(-90deg); }
  .apple-layout .catalog-mobile-options-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 12px; border-top: 1px solid #38383a; }
  .apple-layout .catalog-mobile-options-body select { grid-column: 1 / -1; height: 44px; min-width: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #2c2c2e; color: #f5f5f7; font-size: 13px; }
  .apple-layout .catalog-mobile-options-body .ig-price-field { display: flex; align-items: center; min-width: 0; height: 44px; padding: 0 9px; border: 0; border-radius: 10px; background: #2c2c2e; color: #a1a1a7; font-size: 12px; }
  .apple-layout .catalog-mobile-options-body .ig-price-field input { flex: 1; min-width: 0; width: 100%; padding: 0 3px; border: 0; background: transparent; color: #fff; }
  .apple-layout .catalog-mobile-options-body > button { grid-column: 1 / -1; min-height: 44px; }
  .apple-layout .ig-catalog-count { margin: 0 0 13px; color: #8e8e93; font-size: 12px; }

  /* Grouped iOS-style surfaces on product and account pages. */
  .apple-layout .panel { border: 0; border-radius: 18px; background: #1c1c1e; }
  .apple-layout .detail-cover { border-radius: 20px; }
  .apple-layout .product-detail h1 { font-size: 30px; font-weight: 750; }
  .apple-layout .detail-price { font-size: 32px; font-weight: 750; }
  .apple-layout .button { border-radius: 12px; }
  .apple-layout .button.primary { background: #f5f5f7; color: #111115; }
  .apple-layout .apple-footer { background: #111113; padding-bottom: calc(86px + env(safe-area-inset-bottom)); }

  /* A quiet grouped drawer rather than a promotional sidebar. */
  .apple-layout .php-menu, .apple-layout .ig-drawer.ig-menu-refined.ig-menu-v2 { background: #000 !important; color: #f5f5f7 !important; }
  .apple-layout .php-menu { width: min(390px,calc(100vw - 12px)); border-right: 1px solid #38383a; border-radius: 0 20px 20px 0; }
  .apple-layout .ig-menu-v2 .ig-drawer-head { height: 62px; min-height: 62px; background: #000; border-color: #2c2c2e; }
  .apple-layout .ig-menu-v2 .ig-drawer-close { border: 0; background: #2c2c2e; }
  .apple-layout .ig-menu-v2 .ig-menu-scroll { padding: 14px 15px max(20px,env(safe-area-inset-bottom)); }
  .apple-layout .ig-menu-v2 .ig-menu-lead { display: none; }
  .apple-layout .ig-menu-v2 .ig-menu-account, .apple-layout .ig-menu-v2 .ig-menu-shortcuts a, .apple-layout .ig-menu-v2 .ig-menu-support, .apple-layout .ig-menu-v2 .ig-menu-category-list a, .apple-layout .ig-menu-v2 nav { border: 0 !important; background: #1c1c1e !important; box-shadow: none !important; }
  .apple-layout .ig-menu-v2 .ig-menu-account { border-radius: 18px; }
  .apple-layout .ig-menu-v2 .ig-menu-account-actions a { min-height: 38px; border-radius: 10px; }
  .apple-layout .ig-menu-v2 .ig-menu-account-actions a:last-child { background: #f5f5f7; color: #111115; }
  .apple-layout .ig-menu-v2 .ig-menu-section-title > span { color: #8e8e93; font-size: 10px; }
  .apple-layout .ig-menu-v2 .ig-menu-search { height: 48px; border: 0; border-radius: 12px; background: #1c1c1e !important; }
  .apple-layout .ig-menu-v2 .ig-menu-category-list a { min-height: 66px; border-radius: 14px; }
  .apple-layout .ig-menu-v2 .ig-menu-category-list strong, .apple-layout .ig-menu-v2 nav a strong { font-size: 13px; }
  .apple-layout .ig-menu-v2 nav { border-radius: 16px; }
  .apple-layout .ig-menu-v2 nav a.active { background: #2c2c2e !important; }
  .apple-layout .ig-menu-v2 nav a.active, .apple-layout .ig-menu-v2 nav a.active strong, .apple-layout .ig-menu-v2 nav a.active .ig-drawer-link-icon { color: #0a84ff !important; }
  .apple-layout .ig-menu-v2 :is(a,button,input):focus-visible, .apple-layout .ig-mobile-bottom-nav a:focus-visible { outline: 2px solid #0a84ff; outline-offset: 2px; }
}

@media (max-width: 365px) {
  .apple-layout .home-page .ig-home-mobile-greeting strong { font-size: 27px; }
  .apple-layout .home-page .ig-home-hero-copy h2 { font-size: 30px; }
  .apple-layout .ig-mobile-bottom-nav a, .apple-layout .ig-mobile-bottom-nav a:nth-child(3) span { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
  .apple-layout .home-page .ig-categories > a, .apple-layout .catalog-card { transition: none; }
}

/* Clear paths through the catalog: families first, then each game's subcategories. */
.ig-category-dialog-grid [data-category-item][hidden],
.ig-category-family-section[hidden],
.ig-category-family-nav[hidden] { display: none !important; }
@media (min-width: 901px) { .apple-layout .ig-category-dialog .ig-category-rail { flex: 0 0 280px !important; width: 280px !important; } }
.ig-category-rail-subheading { margin-top: 18px; padding-top: 17px; border-top: 1px solid #34383f; }
.ig-category-rail-family { font-weight: 740; }
.ig-category-family-nav { display: flex; gap: 9px; margin: 0 0 25px; overflow-x: auto; scrollbar-width: none; }
.ig-category-family-nav::-webkit-scrollbar { display: none; }
.ig-category-family-nav a { flex: none; padding: 10px 14px; border: 1px solid #30343b; border-radius: 99px; background: #1b1d22; color: #f5f5f7; font-size: 13px; font-weight: 660; white-space: nowrap; }
.ig-category-family-nav a:hover, .ig-category-family-nav a:focus-visible { border-color: #8e98a8; background: #292d34; }
.ig-category-family-section { margin: 0 0 46px; scroll-margin-top: 88px; }
.ig-category-family-section > header, .ig-subcategory-section > header { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 17px; padding-bottom: 13px; border-bottom: 1px solid #30343b; }
.ig-category-family-section > header h2, .ig-subcategory-section > header h2 { color: #f5f5f7; font-size: clamp(22px,2.4vw,29px); font-weight: 760; letter-spacing: -.035em; line-height: 1.15; }
.ig-category-family-section > header span, .ig-subcategory-section > header span { flex: none; color: #a6aab4; font-size: 12px; font-weight: 590; }
.ig-subcategory-section { margin: 0 0 43px; scroll-margin-top: 88px; }
.ig-home-family { scroll-margin-top: 82px; }
.apple-layout .home-page .ig-home-family + .ig-home-family { border-top: 1px solid #292c33; }
@media (max-width: 700px) {
  .ig-category-family-nav { gap: 7px; margin-bottom: 26px; }
  .ig-category-family-nav a { padding: 9px 12px; font-size: 12px; }
  .ig-category-family-section { margin-bottom: 35px; }
  .ig-category-family-section > header, .ig-subcategory-section > header { margin-bottom: 14px; }
  .ig-category-family-section > header h2, .ig-subcategory-section > header h2 { font-size: 22px; }
  .ig-category-family-section > header span, .ig-subcategory-section > header span { font-size: 11px; }
  .apple-layout .home-page .ig-home-family + .ig-home-family { padding-top: 32px !important; }
}

/* A distinct, touch-first category browser on small screens. */
.ig-category-mobile-head, .ig-category-mobile-find, .ig-category-mobile-back, .ig-category-rail-family > small { display: none; }
.apple-layout .ig-category-dialog-head .ig-category-mobile-back { display: none; }
.ig-category-family-nav a { display: inline-flex; align-items: center; gap: 8px; }
.ig-category-family-icon { display: grid; place-items: center; }
.ig-category-family-icon svg { width: 17px; height: 17px; }
.ig-category-family-nav a > small, .ig-category-family-nav a > svg:last-child { display: none; }
@media (max-width: 700px) {
  .apple-layout .ig-category-dialog { inset: 0 !important; transform: none !important; width: 100vw !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #000 !important; box-shadow: none !important; box-sizing: border-box; }
  .apple-layout .ig-category-dialog-inner { display: flex; height: 100%; min-height: 0; flex-direction: column; }
  .apple-layout .ig-category-dialog .ig-category-rail { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0; width: 100%; min-height: 0; padding: calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto; border: 0; background: #000; box-sizing: border-box; }
  .apple-layout .ig-category-dialog.is-mobile-detail .ig-category-rail { display: none; }
  .apple-layout .ig-category-mobile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 2px 0 22px; }
  .apple-layout .ig-category-mobile-head small { display: block; margin-bottom: 7px; color: #8e8e93; font-size: 10px; font-weight: 750; letter-spacing: .15em; }
  .apple-layout .ig-category-mobile-head strong { display: block; color: #f5f5f7; font-size: 29px; font-weight: 760; line-height: 1.12; letter-spacing: -.055em; }
  .apple-layout .ig-category-mobile-head button, .apple-layout .ig-category-mobile-back { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #2c2c2e; color: #f5f5f7; }
  .apple-layout .ig-category-mobile-head button svg, .apple-layout .ig-category-mobile-back svg { width: 18px; height: 18px; }
  .apple-layout .ig-category-mobile-find { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 49px; margin: 0 0 24px; padding: 0 14px; border: 0; border-radius: 14px; background: #1c1c1e; color: #98989f; text-align: left; font-size: 14px; }
  .apple-layout .ig-category-mobile-find > svg:first-child { width: 19px; height: 19px; }
  .apple-layout .ig-category-mobile-find span { flex: 1; }
  .apple-layout .ig-category-mobile-find > svg:last-child { width: 15px; height: 15px; }
  .apple-layout .ig-category-dialog .ig-category-rail-heading { display: block; padding: 0 4px 12px; color: #8e8e93; font-size: 10px; font-weight: 750; letter-spacing: .14em; }
  .apple-layout .ig-category-dialog .ig-category-rail-subheading, .apple-layout .ig-category-dialog .ig-category-rail-item:not(.ig-category-rail-family) { display: none; }
  .apple-layout .ig-category-dialog .ig-category-rail-family { display: flex; flex: none; gap: 13px; width: 100%; max-width: none; min-height: 66px; margin: 0 0 9px; padding: 8px 13px; border: 1px solid #303034; border-radius: 17px; background: #1c1c1e; color: #f5f5f7; font-size: 15px; font-weight: 675; line-height: 1.2; }
  .apple-layout .ig-category-dialog .ig-category-rail-family.is-active { border-color: #47474c; background: #222225; color: #fff; }
  .apple-layout .ig-category-dialog .ig-category-rail-family:active { background: #303034; }
  .apple-layout .ig-category-dialog .ig-category-rail-family .ig-category-rail-thumb { width: 42px; height: 42px; border-radius: 12px; background: #303034; color: #f5f5f7; }
  .apple-layout .ig-category-dialog .ig-category-rail-family .ig-category-rail-thumb svg { width: 22px; height: 22px; }
  .apple-layout .ig-category-dialog .ig-category-rail-family > span:nth-child(2) { white-space: normal; overflow: visible; text-overflow: clip; }
  .apple-layout .ig-category-dialog .ig-category-rail-family > small { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 5px; border-radius: 99px; background: #303034; color: #c7c7cc; font-size: 11px; font-weight: 700; }
  .apple-layout .ig-category-dialog .ig-category-rail-family > svg:last-child { display: block; width: 15px; height: 15px; color: #8e8e93; }
  .apple-layout .ig-category-dialog .ig-category-content { display: none; flex: 1 1 auto; min-height: 0; padding: calc(14px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom)); background: #000; }
  .apple-layout .ig-category-dialog.is-mobile-detail .ig-category-content { display: flex; }
  .apple-layout .ig-category-dialog-head { gap: 12px; min-height: 42px; margin-bottom: 16px; }
  .apple-layout .ig-category-dialog-head > div { flex: 1; min-width: 0; }
  .apple-layout .ig-category-dialog-head small { color: #8e8e93; }
  .apple-layout .ig-category-dialog-head h2 { margin-top: 3px; color: #f5f5f7; font-size: 22px; line-height: 1.1; letter-spacing: -.04em; }
  .apple-layout .ig-category-dialog-head .ig-category-mobile-back { display: grid; }
  .apple-layout .ig-category-mobile-back svg { transform: rotate(180deg); }
  .apple-layout .ig-category-dialog-head [data-close] { flex: none; width: 36px; height: 36px; border: 0; background: #2c2c2e; }
  .apple-layout .ig-category-dialog-search { margin-bottom: 16px; border: 0; border-radius: 13px; background: #1c1c1e; }
  .apple-layout .ig-category-dialog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .apple-layout .ig-category-dialog-grid a.ig-category-card { border: 1px solid #303034; border-radius: 16px; background: #1c1c1e; }
  .apple-layout .ig-category-dialog-grid a.ig-category-card strong { min-height: 44px; padding: 8px; color: #f5f5f7; font-size: 12px; line-height: 1.2; }
  .apple-layout .ig-category-results { padding-right: 0; }
  .apple-layout .ig-category-dialog-all { align-self: stretch; justify-content: center; min-height: 42px; margin-top: 12px; border-radius: 11px; background: #1c1c1e; font-size: 12px; }
  .apple-layout .ig-category-family-nav { display: grid; grid-template-columns: 1fr; gap: 9px; margin: 5px 0 30px; overflow: visible; }
  .apple-layout .ig-category-family-nav a { display: flex; width: 100%; min-height: 64px; padding: 8px 13px; border: 1px solid #303034; border-radius: 16px; background: #1c1c1e; color: #f5f5f7; font-size: 15px; font-weight: 660; white-space: normal; }
  .apple-layout .ig-category-family-icon { flex: none; width: 40px; height: 40px; border-radius: 11px; background: #303034; }
  .apple-layout .ig-category-family-icon svg { width: 21px; height: 21px; }
  .apple-layout .ig-category-family-label { flex: 1; }
  .apple-layout .ig-category-family-nav a > small { display: inline; color: #8e8e93; font-size: 11px; }
  .apple-layout .ig-category-family-nav a > svg:last-child { display: block; width: 15px; height: 15px; color: #8e8e93; }
  .apple-layout .ig-category-family-nav a:active { background: #303034; }
}

/* The Categories tab opens this page. Each topic is a separate, swipeable shelf. */
.ig-directory-row > header { align-items: center; }
.ig-directory-head-actions { display: flex; align-items: center; gap: 18px; flex: none; }
.ig-directory-head-actions > span { color: #969aa4; font-size: 12px; }
.ig-directory-head-actions > a { display: inline-flex; align-items: center; gap: 5px; color: #d6d9e0; font-size: 12px; font-weight: 680; white-space: nowrap; }
.ig-directory-head-actions > a svg { width: 14px; height: 14px; }
.ig-category-page-root .ig-category-page-main .ig-categories > a[hidden] { display: none !important; }
@media (max-width: 700px) {
  .apple-layout .ig-category-page-root { padding-top: 22px; }
  .apple-layout .ig-category-page-root .ig-category-page-head { margin-bottom: 19px; }
  .apple-layout .ig-category-page-root .ig-category-page-head h1 { font-size: 34px; line-height: 1.08; }
  .apple-layout .ig-category-page-root .ig-category-page-head p { max-width: 300px; color: #a8a8ad; font-size: 13px; line-height: 1.45; }
  .apple-layout .ig-category-page-root .ig-category-page-count { display: none; }
  .apple-layout .ig-category-page-root .ig-category-finder { margin-bottom: 13px; }
  .apple-layout .ig-category-page-root .ig-category-finder > label { display: none; }
  .apple-layout .ig-category-page-root .ig-category-finder-row { min-height: 48px; border: 0; border-radius: 13px; background: #1c1c1e; }
  .apple-layout .ig-category-page-root .ig-category-finder-row input { font-size: 14px; }
  .apple-layout .ig-category-page-root .ig-category-finder-row > a { display: none; }
  .apple-layout .ig-category-page-root .ig-category-family-nav { display: flex; gap: 8px; margin: 0 -16px 21px; padding: 0 16px 5px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; }
  .apple-layout .ig-category-page-root .ig-category-family-nav a { display: inline-flex; flex: none; width: auto; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid #303034; border-radius: 999px; background: #1c1c1e; font-size: 12px; font-weight: 650; white-space: nowrap; scroll-snap-align: start; }
  .apple-layout .ig-category-page-root .ig-category-family-icon { width: auto; height: auto; background: none; }
  .apple-layout .ig-category-page-root .ig-category-family-icon svg { width: 15px; height: 15px; }
  .apple-layout .ig-category-page-root .ig-directory-row { margin-bottom: 29px; scroll-margin-top: 72px; }
  .apple-layout .ig-category-page-root .ig-directory-row > header { align-items: end; gap: 8px; margin-bottom: 12px; padding: 0; border: 0; }
  .apple-layout .ig-category-page-root .ig-directory-row > header h2 { max-width: 74%; color: #f5f5f7; font-size: 21px; line-height: 1.16; letter-spacing: -.035em; }
  .apple-layout .ig-category-page-root .ig-directory-head-actions > span { display: none; }
  .apple-layout .ig-category-page-root .ig-directory-head-actions > a { color: #aeb6c5; font-size: 11px; }
  .apple-layout .ig-category-page-root .ig-directory-head-actions > a svg { width: 12px; height: 12px; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: clamp(142px,43vw,185px); grid-auto-rows: auto; gap: 10px; margin: 0 -16px; padding: 0 16px 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories::-webkit-scrollbar { display: none; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories > a,
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories > a.large { display: flex; grid-column: auto; width: 100%; aspect-ratio: 4 / 5; min-height: 0; border: 1px solid #2c2c2e !important; border-radius: 17px !important; background: #1c1c1e !important; scroll-snap-align: start; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories > a > span.ig-category-name { display: grid; align-content: center; min-height: 57px; padding: 7px 8px 9px !important; color: #f5f5f7 !important; font-size: 13px !important; font-weight: 700; line-height: 1.2; text-align: center; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories picture { aspect-ratio: auto; flex: 1 1 auto; min-height: 0; margin: 7px 7px 0; width: calc(100% - 14px); background: #111215; border-radius: 11px; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories picture img { object-fit: cover; padding: 0 !important; }
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories .ig-home-import-art,
  .apple-layout .ig-category-page-root .ig-directory-row .ig-categories .ig-home-brand-art { flex: 1 1 auto; min-height: 0; }
}

/* Home mirrors the category directory without turning the landing page into a long grid. */
@media (max-width: 700px) {
  .apple-layout .home-page .ig-home-directory { padding: 27px 0 5px !important; }
  .apple-layout .home-page .ig-home-directory .ig-section-head { flex-direction: row; align-items: end; gap: 9px; margin-bottom: 13px; }
  .apple-layout .home-page .ig-home-directory .ig-section-head > div { min-width: 0; }
  .apple-layout .home-page .ig-home-directory .ig-section-head h2 { font-size: 21px !important; line-height: 1.16; }
  .apple-layout .home-page .ig-home-directory .ig-section-head > a { flex: none; white-space: nowrap; color: #aeb6c5 !important; font-size: 11px !important; }
  .apple-layout .home-page .ig-home-directory .ig-categories { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: clamp(142px,43vw,185px); grid-auto-rows: auto; gap: 10px; margin: 0 -16px; padding: 0 16px 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
  .apple-layout .home-page .ig-home-directory .ig-categories::-webkit-scrollbar { display: none; }
  .apple-layout .home-page .ig-home-directory .ig-categories > a,
  .apple-layout .home-page .ig-home-directory .ig-categories > a.large { display: flex; grid-column: auto; width: 100%; aspect-ratio: 4 / 5; min-height: 0; border: 1px solid #2c2c2e !important; border-radius: 17px !important; background: #1c1c1e !important; scroll-snap-align: start; }
  .apple-layout .home-page .ig-home-directory .ig-categories > a > span.ig-category-name { display: grid; align-content: center; min-height: 57px; padding: 7px 8px 9px !important; color: #f5f5f7 !important; font-size: 13px !important; font-weight: 700; line-height: 1.2; text-align: center; }
  .apple-layout .home-page .ig-home-directory .ig-categories picture { aspect-ratio: auto; flex: 1 1 auto; min-height: 0; margin: 7px 7px 0; width: calc(100% - 14px); background: #111215; border-radius: 11px; }
  .apple-layout .home-page .ig-home-directory .ig-categories picture img { object-fit: cover; padding: 0 !important; }
  .apple-layout .home-page .ig-home-directory .ig-categories .ig-home-import-art,
  .apple-layout .home-page .ig-home-directory .ig-categories .ig-home-brand-art { flex: 1 1 auto; min-height: 0; }
}

/* Editorial hero carousel: games and creative tools. */
.apple-layout .home-page .ig-home-carousel { position: relative; margin-top: 25px; }
.apple-layout .home-page .ig-home-carousel-track { display: flex; overflow-x: auto; overflow-y: hidden; border-radius: 30px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
.apple-layout .home-page .ig-home-carousel-track::-webkit-scrollbar { display: none; }
.apple-layout .home-page .ig-home-carousel-slide { box-sizing: border-box; flex: 0 0 100%; width: 100%; min-width: 100%; max-width: none; margin: 0 !important; scroll-snap-align: start; scroll-snap-stop: always; }
.apple-layout .home-page .ig-home-intro--pubg { background: #211b1a; }
.apple-layout .home-page .ig-home-intro--pubg::after { background: linear-gradient(90deg,#171516 2%,#171516f5 38%,#171516a3 64%,#17151615 100%); }
.apple-layout .home-page .ig-home-intro--steam { background: #101a27; }
.apple-layout .home-page .ig-home-intro--steam::after { background: linear-gradient(90deg,#101722 2%,#101722f5 38%,#101722a3 64%,#10172215 100%); }
.apple-layout .home-page .ig-home-intro--playstation { background: #111631; }
.apple-layout .home-page .ig-home-intro--playstation::after { background: linear-gradient(90deg,#10142a 2%,#10142af5 38%,#10142a9e 64%,#10142a16 100%); }
.apple-layout .home-page .ig-home-offer-price { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; border: 1px solid #ffffff52; border-radius: 14px; background: #ffffff1f; color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -.035em; line-height: 1; box-shadow: 0 8px 24px #0002; backdrop-filter: blur(12px); }
.apple-layout .home-page .ig-home-offer-price + .ig-home-hero-actions { margin-top: 20px; }
.apple-layout .home-page .ig-home-intro--canva { background: radial-gradient(circle at 80% 38%,#6544ed 0%,#1769bd 48%,#0c1b32 100%); }
.apple-layout .home-page .ig-home-intro--canva::after { background: linear-gradient(90deg,#11172df7 2%,#11172deb 37%,#11172d5c 66%,transparent 100%); }
.apple-layout .home-page .ig-home-canva-art { position: absolute; inset: 0 0 0 53%; display: grid; place-items: center; overflow: hidden; }
.apple-layout .home-page .ig-home-canva-art::before { position: absolute; width: min(38vw,430px); aspect-ratio: 1; content: ""; border: 1px solid #ffffff4d; border-radius: 30%; transform: rotate(-15deg); box-shadow: 0 0 0 28px #ffffff0b,0 0 0 85px #ffffff0a; }
.apple-layout .home-page .ig-home-canva-art img { position: relative; width: min(38vw,430px); height: auto; filter: drop-shadow(0 12px 28px #15184880); }
.apple-layout .home-page .ig-home-intro--design { background: #27213b; }
.apple-layout .home-page .ig-home-intro--design::after { background: linear-gradient(90deg,#1b1828 2%,#1b1828f4 38%,#1b1828a2 64%,#1b182823 100%); }
.apple-layout .home-page .ig-home-carousel-controls { position: absolute; z-index: 4; right: 23px; bottom: 22px; display: flex; align-items: center; gap: 12px; }
.apple-layout .home-page .ig-home-carousel-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ffffff52; border-radius: 50%; background: #111115b8; color: #fff; cursor: pointer; backdrop-filter: blur(12px); }
.apple-layout .home-page .ig-home-carousel-arrow:hover, .apple-layout .home-page .ig-home-carousel-arrow:focus-visible { background: #f5f5f7; color: #111115; }
.apple-layout .home-page .ig-home-carousel-arrow svg { width: 17px; height: 17px; }
.apple-layout .home-page .ig-home-carousel-prev svg { transform: rotate(180deg); }
.apple-layout .home-page .ig-home-carousel-dots { display: flex; align-items: center; gap: 6px; }
.apple-layout .home-page .ig-home-carousel-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #ffffff68; cursor: pointer; transition: width .2s,background .2s; }
.apple-layout .home-page .ig-home-carousel-dots button[aria-current="true"] { width: 19px; border-radius: 8px; background: #fff; }
.apple-layout .home-page .ig-home-carousel :is(button,a):focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 700px) {
  .apple-layout .home-page > .ig-home-carousel { order: -1; width: calc(100% - 32px); margin-top: 19px; }
  .apple-layout .home-page .ig-home-carousel-track { border-radius: 24px; }
  .apple-layout .home-page .ig-home-carousel-slide { height: 237px; }
  .apple-layout .home-page .ig-home-intro--pubg::after { background: linear-gradient(90deg,#171516fa 0%,#171516ec 43%,#1715167d 78%,#17151631 100%); }
  .apple-layout .home-page .ig-home-intro--steam::after { background: linear-gradient(90deg,#101722fa 0%,#101722ec 43%,#1017227d 78%,#10172231 100%); }
  .apple-layout .home-page .ig-home-intro--playstation::after { background: linear-gradient(90deg,#10142afa 0%,#10142aec 43%,#10142a7d 78%,#10142a31 100%); }
  .apple-layout .home-page .ig-home-intro--canva::after { background: linear-gradient(90deg,#11172dfb 0%,#11172de9 43%,#11172d7a 78%,#11172d30 100%); }
  .apple-layout .home-page .ig-home-intro--design::after { background: linear-gradient(90deg,#1b1828fa 0%,#1b1828ec 43%,#1b18287d 78%,#1b182831 100%); }
  .apple-layout .home-page .ig-home-canva-art { inset-inline-start: 48%; opacity: .78; }
  .apple-layout .home-page .ig-home-canva-art::before { width: 190px; }
  .apple-layout .home-page .ig-home-canva-art img { width: 190px; }
  .apple-layout .home-page .ig-home-intro--pubg .ig-home-hero-copy h2, .apple-layout .home-page .ig-home-intro--steam .ig-home-hero-copy h2, .apple-layout .home-page .ig-home-intro--canva .ig-home-hero-copy h2, .apple-layout .home-page .ig-home-intro--design .ig-home-hero-copy h2 { max-width: 245px; font-size: clamp(29px,8vw,34px); }
  .apple-layout .home-page .ig-home-intro--playstation .ig-home-hero-copy h2 { max-width: 245px; font-size: clamp(27px,7.2vw,32px); }
  .apple-layout .home-page .ig-home-intro--playstation .ig-home-hero-actions { margin-top: 12px; }
  .apple-layout .home-page .ig-home-offer-price { min-height: 31px; padding: 5px 11px; border-radius: 10px; font-size: 18px; }
  .apple-layout .home-page .ig-home-offer-price + .ig-home-hero-actions { margin-top: 11px; }
  .apple-layout .home-page .ig-home-carousel-controls { right: 12px; bottom: 12px; gap: 7px; }
  .apple-layout .home-page .ig-home-carousel-arrow { width: 29px; height: 29px; }
  .apple-layout .home-page .ig-home-carousel-arrow svg { width: 14px; height: 14px; }
  .apple-layout .home-page .ig-home-carousel-dots button { width: 6px; height: 6px; }
  .apple-layout .home-page .ig-home-carousel-dots button[aria-current="true"] { width: 15px; }
}
@media (prefers-reduced-motion: reduce) { .apple-layout .home-page .ig-home-carousel-track { scroll-behavior: auto; } .apple-layout .home-page .ig-home-carousel-dots button { transition: none; } }

/* Unified, high-contrast campaign cards. */
.apple-layout .home-page .ig-home-carousel-slide { --ig-hero-accent: #d7defb; isolation: isolate; border: 1px solid #ffffff24; box-shadow: inset 0 1px 0 #ffffff16, 0 22px 56px #0006; }
.apple-layout .home-page .ig-home-intro--pubg { --ig-hero-accent: #ffd28f; }
.apple-layout .home-page .ig-home-intro--canva { --ig-hero-accent: #7dece4; }
.apple-layout .home-page .ig-home-intro--design { --ig-hero-accent: #dac5ff; }
.apple-layout .home-page .ig-home-intro--steam { --ig-hero-accent: #99d7ff; }
.apple-layout .home-page .ig-home-intro--playstation { --ig-hero-accent: #aec4ff; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-image { filter: saturate(1.06) contrast(1.05); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-eyebrow { display: inline-flex; align-items: center; gap: 9px; width: fit-content; padding: 8px 11px; border: 1px solid #ffffff32; border-radius: 999px; background: #080d1b9c; color: #f8faff; font-size: 11px; letter-spacing: .11em; line-height: 1; backdrop-filter: blur(12px); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-eyebrow::before { content: ""; width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--ig-hero-accent); box-shadow: 0 0 10px var(--ig-hero-accent); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 { max-width: 690px; margin: 20px 0 17px; color: #fff; font-size: clamp(49px,5.25vw,76px); font-weight: 780; line-height: 1.02; letter-spacing: -.064em; text-shadow: 0 4px 22px #0003; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 em { color: var(--ig-hero-accent); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy p { color: #e2e5ed; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price { display: inline-flex; align-items: baseline; gap: 8px; min-height: 0; padding: 10px 17px; border: 1px solid #ffffff54; border-radius: 15px; background: #090f1cbd; color: #fff; font-variant-numeric: tabular-nums; line-height: 1; box-shadow: inset 0 1px 0 #ffffff26, 0 12px 28px #0003; backdrop-filter: blur(14px); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price span { font-size: 33px; font-weight: 800; letter-spacing: -.065em; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price small { color: var(--ig-hero-accent); font-size: 13px; font-weight: 800; letter-spacing: .06em; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price + .ig-home-hero-actions { margin-top: 18px; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-primary { border: 1px solid #fff; background: #fff; color: #121622; box-shadow: 0 10px 24px #0003; transition: transform .2s ease, box-shadow .2s ease; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 30px #0005; }
.apple-layout .home-page .ig-home-carousel-arrow { border-color: #ffffff4a; background: #080d19c9; }
@media (max-width: 700px) {
  .apple-layout .home-page .ig-home-carousel-slide { height: 250px; padding: 23px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-eyebrow { gap: 6px; padding: 6px 8px; font-size: 8px; letter-spacing: .09em; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-eyebrow::before { width: 5px; height: 5px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 { max-width: 248px; margin: 13px 0 12px; font-size: clamp(29px,8vw,34px); line-height: 1.02; }
  .apple-layout .home-page .ig-home-intro--playstation .ig-home-hero-copy h2 { max-width: 250px; font-size: clamp(27px,7.1vw,31px); }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price { gap: 6px; padding: 7px 12px; border-radius: 10px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price span { font-size: 24px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price small { font-size: 10px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-offer-price + .ig-home-hero-actions { margin-top: 10px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-actions { margin-top: 14px; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-primary { min-height: 36px; border-radius: 999px; }
  .apple-layout .home-page .ig-home-carousel-arrow { width: 33px; height: 33px; }
}

/* Purpose-made campaign art; keep all offer copy as sharp, accessible HTML. */
.apple-layout .home-page .ig-home-carousel-slide { background-color: #080d18; background-position: center; background-size: cover; background-repeat: no-repeat; }
.apple-layout .home-page .ig-home-intro--pubg { background-image: url('/media/home-banner-pubg-v1.jpg'); }
.apple-layout .home-page .ig-home-intro--canva { background-image: url('/media/home-banner-canva-v1.jpg'); }
.apple-layout .home-page .ig-home-intro--design { background-image: url('/media/home-banner-design-v1.jpg'); }
.apple-layout .home-page .ig-home-intro--igame { background-image: url('/media/home-banner-igame-v1.jpg'); }
.apple-layout .home-page .ig-home-intro--steam { background-image: url('/media/home-banner-steam-v1.jpg'); }
.apple-layout .home-page .ig-home-intro--playstation { background-image: url('/media/home-banner-playstation-v1.jpg'); }
.apple-layout .home-page .ig-home-carousel-slide::after { background: linear-gradient(90deg,#050914e8 0%,#050914be 35%,#05091466 56%,transparent 78%) !important; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy { max-width: min(58%,660px); }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 { font-family: "Segoe UI Variable Display","Segoe UI",system-ui,sans-serif; font-weight: 800; letter-spacing: -.055em; text-wrap: balance; }
.apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 em { font-style: normal; }
@media (max-width: 700px) {
  .apple-layout .home-page .ig-home-carousel-slide { background-position: 68% center; }
  .apple-layout .home-page .ig-home-carousel-slide::after { background: linear-gradient(90deg,#050914ed 0%,#050914d4 40%,#05091477 73%,#05091430 100%) !important; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy { max-width: 77%; }
  .apple-layout .home-page .ig-home-carousel-slide .ig-home-hero-copy h2 { max-width: 100%; font-size: clamp(27px,7.5vw,34px); }
  .apple-layout .home-page .ig-home-intro--playstation .ig-home-hero-copy h2 { font-size: clamp(24px,6.6vw,30px); }
}