/* ========================================================================
   ItemPrice v201 — mobile-only responsive layer
   Desktop styles are intentionally untouched. Every layout override below
   is limited to screens 820px wide or narrower.
   ======================================================================== */

.mobile-menu-button,
.mobile-search-options-toggle,
.mobile-filter-toggle,
.mobile-maker-catalog-toggle {
  display: none;
}

@media (max-width: 820px) {
  :root {
    --mobile-page-gap: 10px;
    --mobile-card-radius: 14px;
    --mobile-header-height: 64px;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
  }

  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  input,
  select,
  textarea,
  button {
    font-size: 16px;
  }

  button,
  a,
  input,
  select,
  label {
    -webkit-tap-highlight-color: transparent;
  }

  /* --------------------------------------------------------------------
     Shared mobile top navigation
     -------------------------------------------------------------------- */
  html.ip-mobile-ui .site-header-v165.ip-topbar.v49-topbar,
  html.ip-mobile-ui body.landing-v49 .site-header-v165.v49-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: var(--mobile-header-height) !important;
    min-height: var(--mobile-header-height) !important;
    padding: 9px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    grid-template-rows: 46px !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    background: rgba(7, 14, 23, .97) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
    backdrop-filter: blur(18px) !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 9px !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-brand .ip-brand-mark {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-brand > span:last-child {
    min-width: 0 !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-brand b {
    display: block !important;
    overflow: hidden !important;
    color: #f7fbff !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-brand em {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: #91a0b5 !important;
    font-size: 9px !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-spacer,
  html.ip-mobile-ui .site-header-v165 .site-header-stats,
  html.ip-mobile-ui .site-header-v165 .site-header-tools {
    display: none !important;
  }

  html.ip-mobile-ui .mobile-menu-button {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #e9f0f7 !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html.ip-mobile-ui .mobile-menu-button::before,
  html.ip-mobile-ui .mobile-menu-button::after,
  html.ip-mobile-ui .mobile-menu-button span {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
  }

  html.ip-mobile-ui .mobile-menu-button {
    gap: 4px;
  }

  html.ip-mobile-ui .site-header-v165.mobile-nav-open .mobile-menu-button span {
    opacity: 0;
  }

  html.ip-mobile-ui .site-header-v165.mobile-nav-open .mobile-menu-button::before {
    transform: translateY(6px) rotate(45deg);
  }

  html.ip-mobile-ui .site-header-v165.mobile-nav-open .mobile-menu-button::after {
    transform: translateY(-6px) rotate(-45deg);
  }

  html.ip-mobile-ui .site-header-v165 .site-header-nav {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 1001 !important;
    width: auto !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow: hidden !important;
    border: 1px solid transparent !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 28, .985) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .45) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition: max-height .24s ease, padding .24s ease, opacity .18s ease, transform .24s ease !important;
  }

  html.ip-mobile-ui .site-header-v165.mobile-nav-open .site-header-nav {
    max-height: 380px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-color: rgba(255, 255, 255, .1) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-nav a {
    display: flex !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #c0ccda !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-nav a.active {
    border-color: rgba(216, 255, 31, .28) !important;
    background: rgba(216, 255, 31, .09) !important;
    color: #dfff52 !important;
  }

  /* --------------------------------------------------------------------
     Home
     -------------------------------------------------------------------- */
  body[data-page="landing"] .v49-shell {
    width: 100% !important;
    max-width: none !important;
    padding: 10px 10px 0 !important;
  }

  body[data-page="landing"] .v49-main-layout {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body[data-page="landing"] .v49-content {
    order: 1 !important;
    display: contents !important;
  }

  body[data-page="landing"] .landing-panel[data-landing-panel="market"] {
    order: 1 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="landing"] .v49-search-rail {
    order: 2 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: none !important;
    align-self: stretch !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  body[data-page="landing"] .v49-search-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body[data-page="landing"] .v143-notice-rail {
    order: 3 !important;
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px !important;
    border-radius: var(--mobile-card-radius) !important;
  }

  body[data-page="landing"] .maker-panel {
    order: 4 !important;
    display: none !important;
  }

  body[data-page="landing"] .v49-hero-line {
    min-height: 0 !important;
    padding: 12px 5px 4px !important;
  }

  body[data-page="landing"] .v49-hero-copy h1 {
    max-width: 350px !important;
    font-size: clamp(28px, 9.4vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1.4px !important;
  }

  body[data-page="landing"] .v49-market-panel {
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px !important;
    border-radius: 16px !important;
  }

  body[data-page="landing"] .v151-market-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "title meta"
      "controls controls" !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 11px !important;
  }

  body[data-page="landing"] .v151-market-title {
    grid-area: title !important;
  }

  body[data-page="landing"] .v151-market-title b {
    font-size: 20px !important;
  }

  body[data-page="landing"] .v151-market-meta {
    grid-area: meta !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }

  body[data-page="landing"] .v151-market-meta span {
    display: none !important;
  }

  body[data-page="landing"] .v151-market-meta a {
    font-size: 12px !important;
  }

  body[data-page="landing"] .v151-market-controls {
    grid-area: controls !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  body[data-page="landing"] .v151-market-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 11px !important;
  }

  body[data-page="landing"] .v151-market-toggle button {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  body[data-page="landing"] .v151-market-pause {
    width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 11px !important;
  }

  body[data-page="landing"] .v49-market-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(82vw, 310px) !important;
    gap: 9px !important;
    min-height: 0 !important;
    padding: 1px 1px 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 1px !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body[data-page="landing"] .v49-market-grid::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="landing"] #landingMarketGrid > .item-card {
    width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  body[data-page="landing"] .v49-empty-market,
  body[data-page="landing"] #landingMarketGrid > .empty-state {
    min-height: 180px !important;
    padding: 34px 14px !important;
  }

  body[data-page="landing"] .v150-market-dots {
    min-height: 22px !important;
    margin-top: 8px !important;
  }

  body[data-page="landing"] .v49-search-panel {
    min-height: 0 !important;
    padding: 13px !important;
    border-radius: 16px !important;
  }

  body[data-page="landing"] .v49-panel-head {
    margin-bottom: 10px !important;
  }

  body[data-page="landing"] .v49-panel-head b {
    font-size: 17px !important;
  }

  body[data-page="landing"] .v49-mode-tabs {
    margin-bottom: 10px !important;
  }

  body[data-page="landing"] .v49-field,
  body[data-page="landing"] .v49-two,
  body[data-page="landing"] .v49-six-lines {
    margin-bottom: 9px !important;
  }

  body[data-page="landing"] .v49-field input,
  body[data-page="landing"] .v49-field select,
  body[data-page="landing"] .v49-line-row input,
  body[data-page="landing"] .v49-line-row select {
    min-height: 43px !important;
  }

  body[data-page="landing"] .v49-two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="landing"] .v49-line-row {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 6px !important;
  }

  body[data-page="landing"] .mobile-search-options-toggle {
    display: flex !important;
    width: 100% !important;
    min-height: 41px !important;
    margin: 2px 0 10px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid rgba(103, 232, 249, .19) !important;
    border-radius: 11px !important;
    background: rgba(103, 232, 249, .055) !important;
    color: #b9dce6 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
  }

  body[data-page="landing"] .mobile-search-options-toggle::after {
    content: "⌄";
    color: #dfff52;
    font-size: 18px;
    line-height: 1;
    transition: transform .18s ease;
  }

  body[data-page="landing"] .v49-search-panel.mobile-search-expanded .mobile-search-options-toggle::after {
    transform: rotate(180deg);
  }

  body[data-page="landing"] .v49-search-panel.mobile-search-collapsed > .mobile-search-advanced {
    display: none !important;
  }

  body[data-page="landing"] .v49-form-actions {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) !important;
    gap: 7px !important;
    margin-top: 0 !important;
  }

  body[data-page="landing"] .v49-form-actions .primary-btn,
  body[data-page="landing"] .v49-form-actions .ghost-btn {
    min-height: 46px !important;
  }

  body[data-page="landing"] .v49-footer {
    margin-top: 14px !important;
    padding: 22px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body[data-page="landing"] .v49-footer nav {
    display: flex !important;
    gap: 9px 13px !important;
    flex-wrap: wrap !important;
  }

  body[data-page="landing"] .v49-footer-note {
    width: 100% !important;
  }

  /* --------------------------------------------------------------------
     Shared item cards and lists
     -------------------------------------------------------------------- */
  .item-grid,
  .similar-result-grid,
  .maker-match-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .item-card,
  .similar-market-card-v176,
  .maker-match-card-v176 {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 11px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 9px !important;
    align-items: start !important;
    border-radius: 13px !important;
  }

  .item-card .card-icon-stack,
  .similar-market-card-v176 .card-icon-stack,
  .maker-match-card-v176 .card-icon-stack {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 58px !important;
  }

  .item-card .card-icon,
  .similar-market-card-v176 .card-icon,
  .maker-match-card-v176 .card-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 10px !important;
  }

  .item-card .card-icon img,
  .similar-market-card-v176 .card-icon img,
  .maker-match-card-v176 .card-icon img {
    max-width: 48px !important;
    max-height: 48px !important;
  }

  .item-card .auction-heart,
  .similar-market-card-v176 .auction-heart,
  .maker-match-card-v176 .auction-heart {
    min-height: 20px !important;
    margin-top: 4px !important;
    font-size: 9px !important;
  }

  .item-card .card-main,
  .similar-market-card-v176 .card-main,
  .maker-match-card-v176 .card-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding-right: 24px !important;
  }

  .card-title-row {
    align-items: flex-start !important;
  }

  .card-title-row h2 {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  .opt-tag {
    display: none !important;
  }

  .card-meta {
    gap: 4px 7px !important;
    margin-top: 5px !important;
    font-size: 10px !important;
  }

  .badge-row {
    gap: 4px !important;
    margin-top: 6px !important;
  }

  .badge {
    min-height: 19px !important;
    padding: 2px 5px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
  }

  .price-line {
    gap: 4px !important;
    margin-top: 7px !important;
  }

  .price-line b {
    font-size: 17px !important;
  }

  .price-line span {
    font-size: 10px !important;
  }

  .price-line em {
    display: none !important;
  }

  .sub-line {
    gap: 5px 8px !important;
    margin-top: 4px !important;
    font-size: 9px !important;
  }

  .listing-favorite-btn.card-favorite-corner,
  .item-card .card-favorite-corner,
  .similar-market-card-v176 .card-favorite-corner,
  .maker-match-card-v176 .card-favorite-corner {
    top: 7px !important;
    right: 7px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .similar-market-card-v176,
  .maker-match-card-v176 {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .similar-market-card-v176 .card-side-score,
  .maker-match-card-v176 .card-side-score {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 9px !important;
  }

  .similar-market-card-v176 .card-side-score b,
  .maker-match-card-v176 .card-side-score b {
    font-size: 14px !important;
  }

  .item-card.expanded-card > .maple-tooltip,
  .item-card.expanded-card > .inline-expanded-tooltip,
  .similar-market-card-v176 .similar-inline-detail,
  .maker-match-card-v176 .maker-match-inline-detail {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 2px !important;
    overflow: hidden !important;
  }

  .maple-tooltip,
  .detail-page-tooltip,
  .maker-preview .maple-tooltip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  #tooltip-layer,
  #landing-tooltip-layer {
    display: none !important;
  }

  .pager,
  .numbered-pager,
  .maker-match-pager {
    display: flex !important;
    width: 100% !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .pager button,
  .numbered-pager button,
  .maker-match-pager button {
    min-width: 34px !important;
    height: 34px !important;
  }

  /* --------------------------------------------------------------------
     Search page
     -------------------------------------------------------------------- */
  body[data-page="search"] .app-layout.split-scroll-layout {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 10px 50px !important;
    display: block !important;
    overflow: visible !important;
  }

  body[data-page="search"] .filter-sidebar {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-page="search"] .mobile-filter-toggle {
    position: sticky !important;
    top: calc(var(--mobile-header-height) + 7px) !important;
    z-index: 80 !important;
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 0 8px !important;
    padding: 0 13px !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid rgba(216, 255, 31, .23) !important;
    border-radius: 12px !important;
    background: rgba(13, 21, 32, .97) !important;
    color: #e8f0f7 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .28) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    backdrop-filter: blur(14px) !important;
  }

  body[data-page="search"] .mobile-filter-toggle::after {
    content: "⌄";
    color: #dfff52;
    font-size: 18px;
    transition: transform .18s ease;
  }

  body[data-page="search"] .filter-sidebar:not(.mobile-filter-collapsed) .mobile-filter-toggle::after {
    transform: rotate(180deg);
  }

  body[data-page="search"] .filter-sidebar.mobile-filter-collapsed .search-panel {
    display: none !important;
  }

  body[data-page="search"] .search-panel {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 13px !important;
    overflow: visible !important;
    border-radius: 14px !important;
  }

  body[data-page="search"] .sidebar-title span,
  body[data-page="search"] .field-hint {
    font-size: 10px !important;
  }

  body[data-page="search"] .two-col,
  body[data-page="search"] .two-col.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="search"] .field-block input,
  body[data-page="search"] .field-block select,
  body[data-page="search"] .option-filter-row input,
  body[data-page="search"] .option-filter-row select {
    min-height: 43px !important;
  }

  body[data-page="search"] .detail-search-box {
    padding: 10px !important;
  }

  body[data-page="search"] .detail-search-head {
    align-items: flex-start !important;
    gap: 8px !important;
    flex-direction: column !important;
  }

  body[data-page="search"] .option-filter-row {
    grid-template-columns: minmax(0, 1fr) 68px 34px !important;
    gap: 5px !important;
  }

  body[data-page="search"] .filter-actions {
    position: sticky !important;
    bottom: 8px !important;
    z-index: 5 !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    padding-top: 8px !important;
    background: linear-gradient(180deg, transparent, rgba(23, 29, 40, .98) 34%) !important;
  }

  body[data-page="search"] .content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 0 42px !important;
    overflow: visible !important;
  }

  body[data-page="search"] .result-bar.slim-result-bar {
    display: flex !important;
    margin-bottom: 9px !important;
    padding: 10px !important;
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-radius: 13px !important;
  }

  body[data-page="search"] .result-bar.slim-result-bar .result-actions,
  body[data-page="search"] .result-bar.slim-result-bar .view-toggle {
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-page="search"] .result-bar.slim-result-bar .view-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 4px !important;
  }

  body[data-page="search"] .result-bar.slim-result-bar .view-toggle button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 8px !important;
  }

  body[data-page="search"] .empty-state {
    padding: 50px 15px !important;
  }

  /* --------------------------------------------------------------------
     Item detail
     -------------------------------------------------------------------- */
  body[data-page="item"] .detail-sticky-toolbar {
    position: sticky !important;
    top: var(--mobile-header-height) !important;
    z-index: 90 !important;
    width: 100% !important;
    padding: 7px 10px !important;
    background: rgba(7, 14, 23, .95) !important;
    backdrop-filter: blur(14px) !important;
  }

  body[data-page="item"] .detail-toolbar-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="item"] .detail-toolbar-actions a {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    justify-content: center !important;
    font-size: 12px !important;
  }

  body[data-page="item"] .item-detail-page {
    width: 100% !important;
    max-width: none !important;
    padding: 10px 10px 70px !important;
    display: block !important;
  }

  body[data-page="item"] .detail-main-stack {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="item"] .detail-left-rail,
  body[data-page="item"] .detail-left-rail.mobile-detail-options {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body[data-page="item"] .detail-hero,
  body[data-page="item"] .analysis-panel,
  body[data-page="item"] .period-card,
  body[data-page="item"] .market-comparison-strip {
    border-radius: var(--mobile-card-radius) !important;
  }

  body[data-page="item"] .detail-hero {
    padding: 13px !important;
    align-items: flex-start !important;
  }

  body[data-page="item"] .detail-icon-box {
    width: 62px !important;
    height: 62px !important;
    flex: 0 0 62px !important;
  }

  body[data-page="item"] .detail-hero h2 {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  body[data-page="item"] .detail-meta-chips {
    gap: 5px !important;
  }

  body[data-page="item"] .detail-meta-chips span {
    font-size: 9px !important;
  }

  body[data-page="item"] .period-grid,
  body[data-page="item"] .value-grid,
  body[data-page="item"] .analysis-layout,
  body[data-page="item"] .chart-explain-layout {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-page="item"] .period-card {
    min-height: 76px !important;
    padding: 11px !important;
  }

  body[data-page="item"] .period-card b {
    font-size: 16px !important;
  }

  body[data-page="item"] .analysis-panel {
    min-width: 0 !important;
    padding: 13px !important;
    overflow: hidden !important;
  }

  body[data-page="item"] .selected-tooltip-panel {
    overflow: visible !important;
  }

  body[data-page="item"] .panel-head {
    gap: 4px !important;
    margin-bottom: 11px !important;
  }

  body[data-page="item"] .panel-head h3 {
    font-size: 16px !important;
  }

  body[data-page="item"] .panel-head p {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body[data-page="item"] .chart-summary {
    gap: 5px !important;
  }

  body[data-page="item"] .chart-summary span {
    min-height: 25px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }

  body[data-page="item"] .curve-chart-card {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="item"] .curve-chart-card canvas,
  body[data-page="item"] .starforce-chart-card canvas {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-page="item"] .universal-flame-layout,
  body[data-page="item"] .calc-workbench {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-page="item"] .universal-flame-settings,
  body[data-page="item"] .universal-flame-results,
  body[data-page="item"] .calc-settings-column,
  body[data-page="item"] .calc-results-column {
    min-width: 0 !important;
    width: 100% !important;
  }

  body[data-page="item"] .calc-results-column {
    position: static !important;
    top: auto !important;
  }

  body[data-page="item"] .flame-setting-block,
  body[data-page="item"] .flame-method-result-card,
  body[data-page="item"] .flame-nearby-card,
  body[data-page="item"] .calc-system-card,
  body[data-page="item"] .starforce-chart-card,
  body[data-page="item"] .calc-scenario-section {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body[data-page="item"] .flame-setting-block > header,
  body[data-page="item"] .calc-system-card > header {
    align-items: flex-start !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  body[data-page="item"] .flame-small-grid,
  body[data-page="item"] .flame-small-grid.three,
  body[data-page="item"] .flame-efficiency-grid,
  body[data-page="item"] .calc-field-grid,
  body[data-page="item"] .calc-field-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="item"] .flame-efficiency-grid label,
  body[data-page="item"] .calc-field-grid label {
    min-width: 0 !important;
  }

  body[data-page="item"] .flame-method-result-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-page="item"] .flame-nearby-card .option-table-wrap,
  body[data-page="item"] .option-table-wrap,
  body[data-page="item"] .calc-exact-combinations {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="item"] .flame-nearby-card .option-table,
  body[data-page="item"] .option-table {
    width: max-content !important;
    min-width: 560px !important;
    table-layout: auto !important;
  }

  body[data-page="item"] .flame-nearby-card .option-table th,
  body[data-page="item"] .flame-nearby-card .option-table td,
  body[data-page="item"] .option-table th,
  body[data-page="item"] .option-table td {
    width: auto !important;
    min-width: 110px !important;
    padding: 8px 9px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  body[data-page="item"] .calc-button-setting {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body[data-page="item"] .calc-button-setting > b {
    padding-top: 0 !important;
  }

  body[data-page="item"] .calc-choice-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body[data-page="item"] .calc-choice-row button {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 7px !important;
  }

  body[data-page="item"] .calc-target-group > header {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  body[data-page="item"] .calc-target-three-lines {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  body[data-page="item"] .calc-target-three-lines select {
    height: 43px !important;
  }

  body[data-page="item"] .calc-results-column .calc-result-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-page="item"] .calc-results-column .calc-result-grid .total-result {
    grid-column: auto !important;
  }

  body[data-page="item"] .calc-scenario-results {
    grid-template-columns: 1fr !important;
  }

  body[data-page="item"] .calc-scenario-result {
    min-width: 0 !important;
    padding: 11px !important;
  }

  body[data-page="item"] .calc-exact-combinations article {
    min-width: 430px !important;
  }

  body[data-page="item"] .similar-panel-tools,
  body[data-page="item"] .similar-head {
    width: 100% !important;
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body[data-page="item"] .similar-panel-tools .view-toggle,
  body[data-page="item"] .similar-panel-tools select {
    width: 100% !important;
  }

  body[data-page="item"] .similar-panel-tools .view-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --------------------------------------------------------------------
     Item maker
     -------------------------------------------------------------------- */
  body[data-page="maker"] .maker-page-v183 {
    width: 100% !important;
    max-width: none !important;
    padding: 13px 10px 60px !important;
  }

  body[data-page="maker"] .maker-intro-v183 {
    padding: 8px 3px 16px !important;
    text-align: left !important;
  }

  body[data-page="maker"] .maker-intro-v183 > span {
    font-size: 10px !important;
  }

  body[data-page="maker"] .maker-intro-v183 h1 {
    margin-top: 6px !important;
    font-size: 29px !important;
    line-height: 1.12 !important;
    letter-spacing: -1px !important;
  }

  body[data-page="maker"] .maker-workspace-v183 {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-page="maker"] .maker-catalog-v183,
  body[data-page="maker"] .maker-editor-v183 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 15px !important;
  }

  body[data-page="maker"] .maker-catalog-v183 {
    position: static !important;
    max-height: none !important;
  }

  body[data-page="maker"] .maker-catalog-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 12px !important;
  }

  body[data-page="maker"] .maker-catalog-head h2 {
    margin: 0 !important;
    font-size: 17px !important;
  }

  body[data-page="maker"] .maker-catalog-head input {
    grid-column: 1 / -1 !important;
    height: 43px !important;
    font-size: 16px !important;
  }

  body[data-page="maker"] .mobile-maker-catalog-toggle {
    display: inline-flex !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(216, 255, 31, .22) !important;
    border-radius: 9px !important;
    background: rgba(216, 255, 31, .07) !important;
    color: #dfff52 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
  }

  body[data-page="maker"] .maker-catalog-panel.mobile-catalog-collapsed #makerSearch,
  body[data-page="maker"] .maker-catalog-panel.mobile-catalog-collapsed #makerGroups,
  body[data-page="maker"] .maker-catalog-panel.mobile-catalog-collapsed #makerCatalog {
    display: none !important;
  }

  body[data-page="maker"] .maker-group-tabs-v183 {
    padding: 8px 10px !important;
  }

  body[data-page="maker"] .maker-group-tabs-v183 button {
    min-height: 34px !important;
  }

  body[data-page="maker"] .maker-catalog-open-v183 {
    max-height: 390px !important;
    padding: 10px !important;
    overflow-y: auto !important;
  }

  body[data-page="maker"] .maker-item-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-item-card {
    min-height: 82px !important;
    padding: 8px 5px !important;
  }

  body[data-page="maker"] .maker-item-card img {
    width: 40px !important;
    height: 40px !important;
  }

  body[data-page="maker"] .maker-selected-head {
    position: static !important;
    padding: 12px !important;
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body[data-page="maker"] .maker-selected-head h2 {
    font-size: 19px !important;
  }

  body[data-page="maker"] .maker-selected-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-selected-actions button {
    width: 100% !important;
    min-height: 44px !important;
  }

  body[data-page="maker"] .maker-editor-grid-v183 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-page="maker"] .maker-preview-column-v183 {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 auto !important;
  }

  body[data-page="maker"] .maker-preview-v183 {
    min-height: 260px !important;
    padding: 10px !important;
  }

  body[data-page="maker"] .maker-build-matrix-v183 {
    width: 100% !important;
    min-width: 0 !important;
    gap: 9px !important;
  }

  body[data-page="maker"] .maker-build-row-v183 {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-setting-card-v183,
  body[data-page="maker"] .maker-cost-card-v183 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body[data-page="maker"] .maker-cost-card-v183 {
    min-height: 74px !important;
  }

  body[data-page="maker"] .maker-basic-grid-v183,
  body[data-page="maker"] .maker-scroll-fields-v183,
  body[data-page="maker"] .maker-flame-grid-v183 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-setting-card-v183 input,
  body[data-page="maker"] .maker-setting-card-v183 select,
  body[data-page="maker"] .maker-fixed-three-lines .calc-line-row select {
    height: 43px !important;
    font-size: 16px !important;
  }

  body[data-page="maker"] .maker-star-button-setting {
    grid-template-columns: 1fr !important;
  }

  body[data-page="maker"] .maker-star-button-setting .calc-choice-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="maker"] .maker-star-button-setting .calc-choice-row button {
    width: 100% !important;
    min-height: 38px !important;
  }

  body[data-page="maker"] .maker-grade-label {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  body[data-page="maker"] .maker-fixed-three-lines .calc-line-row {
    grid-template-columns: 1fr !important;
  }

  body[data-page="maker"] .maker-total-row-v183 {
    min-height: 92px !important;
    padding: 14px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-total-row-v183 > b {
    font-size: 23px !important;
  }

  body[data-page="maker"] .maker-match-section {
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
    padding: 12px !important;
    border-radius: 13px !important;
  }

  body[data-page="maker"] .maker-match-head,
  body[data-page="maker"] .maker-match-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body[data-page="maker"] .maker-match-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body[data-page="maker"] .maker-match-toolbar label,
  body[data-page="maker"] .maker-match-toolbar .view-toggle {
    width: 100% !important;
  }

  body[data-page="maker"] .maker-match-toolbar .view-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* --------------------------------------------------------------------
     Clean/base-price pages
     -------------------------------------------------------------------- */
  body[data-page="clean"] .clean-page,
  body[data-page="clean-item"] .clean-page {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 10px 60px !important;
    overflow: visible !important;
  }

  body[data-page="clean"] .clean-page-intro {
    padding: 8px 3px 13px !important;
  }

  body[data-page="clean"] .clean-page-intro h1 {
    font-size: 30px !important;
  }

  body[data-page="clean"] .clean-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 11px !important;
    border-radius: 13px !important;
  }

  body[data-page="clean"] .clean-search input,
  body[data-page="clean"] .clean-search select {
    min-height: 43px !important;
  }

  body[data-page="clean"] .clean-search .primary-btn,
  body[data-page="clean"] .clean-search .ghost-btn {
    min-height: 42px !important;
  }

  body[data-page="clean"] .clean-groups {
    gap: 12px !important;
    margin-top: 12px !important;
  }

  body[data-page="clean"] .clean-group-section {
    padding: 11px !important;
    border-radius: 13px !important;
  }

  body[data-page="clean"] .clean-group-heading {
    align-items: flex-start !important;
    gap: 7px !important;
    flex-direction: column !important;
  }

  body[data-page="clean"] .clean-card-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-page="clean"] .clean-group-card {
    padding: 10px !important;
  }

  /* Clean item has a different legacy header. */
  body[data-page="clean-item"] .clean-header.app-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 9px !important;
    background: rgba(7, 14, 23, .97) !important;
    backdrop-filter: blur(18px) !important;
  }

  body[data-page="clean-item"] .clean-header .brand {
    width: 100% !important;
  }

  body[data-page="clean-item"] .clean-header .brand-mark {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  body[data-page="clean-item"] .clean-header h1 {
    font-size: 16px !important;
  }

  body[data-page="clean-item"] .clean-header p {
    font-size: 9px !important;
  }

  body[data-page="clean-item"] .clean-header .header-stats {
    width: 100% !important;
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
  }

  body[data-page="clean-item"] .clean-header .header-stats::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="clean-item"] .clean-header .header-tab,
  body[data-page="clean-item"] .clean-header .header-stats > div {
    flex: 0 0 auto !important;
    min-width: 86px !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, .04) !important;
    color: #c6d1dd !important;
    font-size: 10px !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body[data-page="clean-item"] .clean-detail-toolbar-v195 {
    width: calc(100% - 20px) !important;
    margin: 9px 10px 0 !important;
    gap: 7px !important;
  }

  body[data-page="clean-item"] .clean-detail-toolbar-v195 a {
    min-height: 42px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  body[data-page="clean-item"] .clean-detail-layout,
  body[data-page="clean-item"] .clean-period-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-page="clean-item"] .clean-detail-hero {
    padding: 12px !important;
  }

  body[data-page="clean-item"] .clean-table-panel .option-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="clean-item"] .clean-table {
    min-width: 560px !important;
  }

  /* --------------------------------------------------------------------
     Favorites, static, notice and legal pages
     -------------------------------------------------------------------- */
  body[data-page="favorites"] .favorites-page {
    width: 100% !important;
    max-width: none !important;
    padding: 20px 10px 60px !important;
  }

  body[data-page="favorites"] .favorites-hero {
    padding: 5px 3px 15px !important;
  }

  body[data-page="favorites"] .favorites-hero h1 {
    font-size: 29px !important;
  }

  body[data-page="favorites"] .favorites-toolbar {
    padding: 10px !important;
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body[data-page="favorites"] .favorites-toolbar label,
  body[data-page="favorites"] .favorites-toolbar .view-toggle {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="favorites"] .favorites-toolbar input,
  body[data-page="favorites"] .favorites-toolbar select {
    min-height: 43px !important;
  }

  body[data-page="favorites"] .favorites-toolbar .view-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .static-v155-shell {
    width: 100% !important;
    max-width: none !important;
    padding: 22px 10px 55px !important;
  }

  .static-v155-hero {
    padding: 12px 3px 20px !important;
  }

  .static-v155-hero h1 {
    font-size: 31px !important;
    line-height: 1.13 !important;
    letter-spacing: -1px !important;
  }

  .static-v155-hero span {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .static-v155-grid,
  .notices-v155-list {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .static-v155-grid article,
  .notice-v155-card {
    padding: 15px !important;
    border-radius: 13px !important;
  }

  .ip-footer.v49-footer {
    padding: 22px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }

  .ip-footer.v49-footer nav {
    display: flex !important;
    gap: 8px 13px !important;
    flex-wrap: wrap !important;
  }

  .legal-page {
    width: calc(100% - 20px) !important;
    margin: 14px 10px 36px !important;
    padding: 17px !important;
    border-radius: 14px !important;
  }

  .legal-page h1 {
    font-size: 26px !important;
  }

  .legal-page h2 {
    font-size: 16px !important;
  }

  .legal-page p,
  .legal-page li {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  .landing-footer {
    width: calc(100% - 20px) !important;
    margin: 0 10px 20px !important;
    display: flex !important;
    gap: 9px 13px !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 480px) {
  body[data-page="landing"] .v49-two,
  body[data-page="search"] .two-col,
  body[data-page="search"] .two-col.compact,
  body[data-page="item"] .flame-small-grid,
  body[data-page="item"] .flame-small-grid.three,
  body[data-page="item"] .calc-field-grid,
  body[data-page="item"] .calc-field-grid.compact,
  body[data-page="maker"] .maker-basic-grid-v183,
  body[data-page="maker"] .maker-scroll-fields-v183,
  body[data-page="maker"] .maker-flame-grid-v183 {
    grid-template-columns: 1fr !important;
  }

  body[data-page="item"] .flame-efficiency-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="item"] .calc-choice-row,
  body[data-page="maker"] .maker-star-button-setting .calc-choice-row {
    grid-template-columns: 1fr !important;
  }

  body[data-page="maker"] .maker-match-summary {
    grid-template-columns: 1fr !important;
  }

  html.ip-mobile-ui .site-header-v165 .site-header-nav {
    grid-template-columns: 1fr !important;
  }

  html.ip-mobile-ui .site-header-v165.mobile-nav-open .site-header-nav {
    max-height: 520px !important;
  }
}

@media (max-width: 360px) {
  html.ip-mobile-ui .site-header-v165 .site-header-brand em {
    display: none !important;
  }

  body[data-page="landing"] .v49-hero-copy h1 {
    font-size: 27px !important;
  }

  .item-card,
  .similar-market-card-v176,
  .maker-match-card-v176 {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .item-card .card-icon-stack,
  .similar-market-card-v176 .card-icon-stack,
  .maker-match-card-v176 .card-icon-stack,
  .item-card .card-icon,
  .similar-market-card-v176 .card-icon,
  .maker-match-card-v176 .card-icon {
    width: 52px !important;
  }

  .item-card .card-icon,
  .similar-market-card-v176 .card-icon,
  .maker-match-card-v176 .card-icon {
    height: 52px !important;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 820px) {
  html.ip-mobile-ui .site-header-v165 .site-header-nav,
  html.ip-mobile-ui .mobile-menu-button::before,
  html.ip-mobile-ui .mobile-menu-button::after,
  html.ip-mobile-ui .mobile-menu-button span,
  .mobile-search-options-toggle::after,
  .mobile-filter-toggle::after {
    transition: none !important;
  }
}

/* v201.1 mobile overflow guard */
@media (max-width: 820px) {
  body[data-page="landing"] .v49-shell {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="landing"] .v49-main-layout,
  body[data-page="landing"] .landing-panel[data-landing-panel="market"],
  body[data-page="landing"] .v49-search-rail,
  body[data-page="landing"] .v143-notice-rail,
  body[data-page="landing"] .v49-search-panel {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="landing"] .v151-market-pause {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
}
@media (max-width: 820px) {
  html.ip-mobile-ui .site-header-v165 .site-header-nav {
    justify-self: stretch !important;
    min-width: 0 !important;
  }
}


/* v215: mobile data notice before SQLite loading */
@media (max-width: 820px) {
  html.mobile-data-notice-open-v215,
  html.mobile-data-notice-open-v215 body {
    overflow: hidden !important;
  }
  .mobile-data-notice-layer-v215 {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(3, 7, 12, .82);
    backdrop-filter: blur(10px);
  }
  .mobile-data-notice-v215 {
    width: min(100%, 420px);
    border: 1px solid rgba(216, 255, 31, .28);
    border-radius: 20px;
    padding: 24px 20px 20px;
    background: linear-gradient(180deg, #151d29 0%, #0c121b 100%);
    box-shadow: 0 24px 70px rgba(0,0,0,.55);
    color: #edf5ff;
  }
  .mobile-data-notice-label-v215 {
    display: block;
    margin-bottom: 8px;
    color: #d8ff1f;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
  }
  .mobile-data-notice-v215 h2 {
    margin: 0 0 14px;
    font-size: 23px;
    line-height: 1.25;
  }
  .mobile-data-notice-v215 p {
    margin: 0 0 10px;
    color: #aebdd0;
    font-size: 14px;
    line-height: 1.65;
  }
  .mobile-data-notice-check-v215 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 18px 0 14px;
    color: #d8e3f0;
    font-size: 14px;
    cursor: pointer;
  }
  .mobile-data-notice-check-v215 input {
    width: 18px;
    height: 18px;
    accent-color: #d8ff1f;
  }
  .mobile-data-notice-v215 button {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: #d8ff1f;
    color: #10150b;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
  }
}


/* v217: mobile landing market shows four stacked cards per rotating page */
@media (max-width: 820px) {
  body[data-page="landing"] .v49-market-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(4, minmax(0, auto)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 9px !important;
    padding: 1px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }
  body[data-page="landing"] #landingMarketGrid > .item-card {
    width: 100% !important;
    min-height: 104px !important;
    scroll-snap-align: none !important;
  }
  body[data-page="landing"] #landingMarketGrid > .item-card .card-main {
    min-width: 0 !important;
  }
  body[data-page="landing"] #landingMarketGrid > .item-card .card-title-row h2 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}