/* =========================================================
   OVERVIEW SCAN EYE COMFORT — LISTING THUMBNAILS ONLY
   Softens bright PSA scans in dense browsing grids without
   modifying Card Details / lightbox / compare / original files.
   ========================================================= */
#invGrid .card .thumb-wrap,
#invGrid .card .thumb-placeholder{
  background:#252a31 !important;
}

#invGrid .card img.thumb{
  filter:brightness(.87) contrast(.96) !important;
  transition:filter .16s ease, opacity .16s ease !important;
}

/* Light mode needs only a subtle reduction. */
body.light-mode #invGrid .card .thumb-wrap,
body.light-mode #invGrid .card .thumb-placeholder{
  background:#e7e9ed !important;
}
body.light-mode #invGrid .card img.thumb{
  filter:brightness(.93) contrast(.98) !important;
}

/* Do not dim the scan while the visitor intentionally focuses it. */
@media(hover:hover) and (pointer:fine){
  #invGrid .card:hover img.thumb{
    filter:brightness(.91) contrast(.98) !important;
  }
  body.light-mode #invGrid .card:hover img.thumb{
    filter:brightness(.96) contrast(.99) !important;
  }
}

/* Preserve natural image rendering for print/share contexts. */
@media print{
  #invGrid .card img.thumb{filter:none !important;}
}


.collection-collage-modal-overlay{
  position:fixed; inset:0; z-index:1200;
  display:flex; align-items:center; justify-content:center;
  padding:18px; background:rgba(3,5,8,.78);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.collection-collage-modal{
  width:min(620px,100%); max-height:min(88vh,780px); overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px; background:#141820;
  box-shadow:0 30px 90px rgba(0,0,0,.48);
  padding:22px;
}
.collection-collage-modal h2{margin:0 0 6px;font-size:22px;}
.collection-collage-modal .collage-modal-sub{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5;}
.collection-collage-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.collection-collage-field{display:flex;flex-direction:column;gap:7px;}
.collection-collage-field.full{grid-column:1/-1;}
.collection-collage-field label,.collection-collage-field>span{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em;}
.collection-collage-field input[type="text"],
.collection-collage-field select{
  width:100%; min-height:42px; box-sizing:border-box;
  border:1px solid var(--border); border-radius:11px;
  background:rgba(255,255,255,.045); color:var(--text);
  padding:9px 11px; font:inherit;
}
.collection-collage-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:4px;}
.collection-collage-check{
  display:flex;align-items:center;gap:9px;
  padding:10px 11px;border:1px solid var(--border);border-radius:11px;
  background:rgba(255,255,255,.025);font-size:13px;
}
.collection-collage-check input{width:16px;height:16px;}
.collection-collage-modal-actions{
  display:flex;justify-content:flex-end;gap:10px;margin-top:20px;
  padding-top:16px;border-top:1px solid var(--border);
}
.collection-collage-modal-actions button{min-width:112px;}
.collection-collage-preview-note{
  grid-column:1/-1; padding:10px 12px; border-radius:10px;
  background:rgba(227,179,65,.08); border:1px solid rgba(227,179,65,.18);
  color:var(--muted); font-size:12px; line-height:1.45;
}
@media(max-width:600px){
  .collection-collage-settings-grid{grid-template-columns:1fr;}
  .collection-collage-field.full,.collection-collage-preview-note{grid-column:1;}
  .collection-collage-checks{grid-template-columns:1fr;}
  .collection-collage-modal{padding:18px;border-radius:16px;}
}

.collection-export-collage-btn{white-space:nowrap;}
.collection-collage-progress{font-variant-numeric:tabular-nums;}

/* =========================================================
   V110 — LIGHT MODE HARMONIZATION
   Final theme override layer. Dark mode is intentionally untouched.
   ========================================================= */
body.light-mode{
  --bg:#f3f1ec;
  --sidebar:#fbfaf7;
  --surface:#ffffff;
  --surface-2:#f7f5f0;
  --surface-3:#ece9e2;
  --border:#c9c5bc;
  --border-soft:#dedad2;
  --text:#20262c;
  --text-muted:#59616a;
  --text-dim:#737a82;
  --accent-gold:#946b18;
  --accent-gold-soft:#c99b42;
  --accent-teal:#176f68;
  --danger:#a94458;
  --success:#2f7d50;
  color-scheme:light;
}

body.light-mode{
  background-color:var(--bg) !important;
  color:var(--text) !important;
}
body.light-mode::before{opacity:.012 !important;}
body.light-mode .sidebar{
  background:rgba(251,250,247,.98) !important;
  border-color:var(--border) !important;
  box-shadow:1px 0 0 rgba(70,58,35,.04) !important;
}
body.light-mode .main,
body.light-mode #view{color:var(--text);}
body.light-mode .page-head h2,
body.light-mode .card-name,
body.light-mode .detail-title h2,
body.light-mode .modal h2,
body.light-mode .panel h3{color:var(--text) !important;}
body.light-mode .page-head p,
body.light-mode .tagline,
body.light-mode .detail-meta,
body.light-mode .notes,
body.light-mode .condition-tag,
body.light-mode .hint{color:var(--text-muted) !important;}
body.light-mode .eyebrow{color:var(--accent-teal) !important;}

/* Shared controls */
body.light-mode .btn-ghost,
body.light-mode .theme-toggle,
body.light-mode .owner-toggle,
body.light-mode .icon-btn{
  border-color:var(--border) !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--text-muted) !important;
}
body.light-mode .btn-ghost:hover,
body.light-mode .btn-ghost:focus-visible,
body.light-mode .theme-toggle:hover,
body.light-mode .owner-toggle:hover,
body.light-mode .icon-btn:hover,
body.light-mode .icon-btn:focus-visible{
  border-color:rgba(148,107,24,.42) !important;
  background:#faf6eb !important;
  color:#6f5117 !important;
}
body.light-mode .btn-primary{
  background:linear-gradient(135deg,#b98727,#d7b35f) !important;
  color:#251a06 !important;
  box-shadow:0 5px 14px rgba(116,82,17,.12) !important;
}
body.light-mode .btn-primary:hover,
body.light-mode .btn-primary:focus-visible{
  background:linear-gradient(135deg,#a87820,#cfa64e) !important;
  color:#211805 !important;
}

/* Inputs, selects and custom menus */
body.light-mode input,
body.light-mode textarea,
body.light-mode select,
body.light-mode .overview-select-btn,
body.light-mode .combo input{
  border-color:var(--border) !important;
  background-color:#fff !important;
  color:var(--text) !important;
}
body.light-mode input::placeholder,
body.light-mode textarea::placeholder{color:#7a8087 !important;opacity:1 !important;}
body.light-mode input:focus,
body.light-mode textarea:focus,
body.light-mode select:focus,
body.light-mode .overview-select-btn:focus{
  border-color:rgba(23,111,104,.62) !important;
  outline-color:rgba(23,111,104,.28) !important;
  box-shadow:0 0 0 3px rgba(23,111,104,.08) !important;
}
body.light-mode .overview-select-menu,
body.light-mode .combo-menu{
  border-color:var(--border) !important;
  background:#fff !important;
  box-shadow:0 14px 30px rgba(53,45,31,.14) !important;
}
body.light-mode .overview-select-option,
body.light-mode .combo-option{color:var(--text) !important;}
body.light-mode .overview-select-option:hover,
body.light-mode .overview-select-option:focus,
body.light-mode .combo-option:hover,
body.light-mode .combo-option:focus{
  background:#f3efe5 !important;
  color:#543e15 !important;
}

/* Inventory/listing cards */
@media(min-width:801px){
  body.light-mode #invGrid .card{
    border-color:#d1ccc2 !important;
    background:linear-gradient(180deg,#fff,#fbfaf7) !important;
    box-shadow:0 7px 18px rgba(58,49,33,.07) !important;
  }
  body.light-mode #invGrid .card:hover,
  body.light-mode #invGrid .card:focus-within{
    border-color:rgba(148,107,24,.42) !important;
    background:#fff !important;
    box-shadow:0 13px 28px rgba(58,49,33,.12),0 0 0 1px rgba(148,107,24,.05) !important;
  }
  body.light-mode #invGrid .card .card-name{color:#252a2f !important;}
  body.light-mode #invGrid .card .card-meta,
  body.light-mode #invGrid .card .condition-tag,
  body.light-mode #invGrid .card .qty{color:#6b7178 !important;}
  body.light-mode #invGrid .card .price{color:#8a6315 !important;}
  body.light-mode #invGrid .card .grade-summary{
    border-color:rgba(23,111,104,.22) !important;
    background:#edf6f4 !important;
    color:#176f68 !important;
  }
  body.light-mode #invGrid .card .badge,
  body.light-mode #invGrid .card .card-meta-one-line span,
  body.light-mode #invGrid .card .overview-pill{
    border-color:#d7d2c8 !important;
    background:#f7f5f0 !important;
    color:#616970 !important;
  }
  body.light-mode #invGrid .card .card-actions.owner-only{
    border-color:#d7d2c8 !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 5px 14px rgba(58,49,33,.10) !important;
  }
}

/* Desktop search + advanced filters */
@media(min-width:801px){
  body.light-mode .desktop-inline-search input{
    border-color:#cbc6bc !important;
    background:linear-gradient(180deg,#fff,#faf9f5) !important;
    color:#262c31 !important;
    box-shadow:0 5px 16px rgba(58,49,33,.06) !important;
  }
  body.light-mode .desktop-inline-search input::placeholder{color:#757c83 !important;}
  body.light-mode .desktop-inline-search input:hover{border-color:rgba(148,107,24,.36) !important;}
  body.light-mode .desktop-inline-search input:focus{
    border-color:rgba(148,107,24,.55) !important;
    background:#fffdf8 !important;
    box-shadow:0 0 0 3px rgba(148,107,24,.08),0 8px 20px rgba(58,49,33,.08) !important;
  }
  body.light-mode .desktop-inline-search-clear{color:#70777e !important;}
  body.light-mode .desktop-inline-search-clear:hover,
  body.light-mode .desktop-inline-search-clear:focus-visible{
    background:#f5ecd8 !important;
    color:#805c16 !important;
  }
  body.light-mode .desktop-filter-toggle-btn,
  body.light-mode .listing-filter-tools .desktop-quick-filters-toggle{
    border-color:#cbc6bc !important;
    background:#fff !important;
    color:#525a62 !important;
  }
  body.light-mode .desktop-filter-toggle-btn:hover,
  body.light-mode .desktop-filter-toggle-btn:focus-visible,
  body.light-mode .desktop-filter-toggle-btn[aria-expanded="true"],
  body.light-mode .listing-filter-tools .desktop-quick-filters-toggle:hover,
  body.light-mode .listing-filter-tools .desktop-quick-filters-toggle.is-expanded{
    border-color:rgba(148,107,24,.40) !important;
    background:#faf5e9 !important;
    color:#725216 !important;
  }
  body.light-mode .desktop-filter-toggle-icon,
  body.light-mode .desktop-quick-filters-active{color:#805c16 !important;}
  body.light-mode .desktop-filter-toggle-summary,
  body.light-mode .desktop-filter-toggle-chevron,
  body.light-mode .desktop-quick-filters-chevron{color:#737a81 !important;}
  body.light-mode .desktop-filter-toggle-btn .filter-count-badge,
  body.light-mode .desktop-quick-filters-active{
    border-color:rgba(148,107,24,.25) !important;
    background:#f5ecd8 !important;
    color:#755415 !important;
  }
  body.light-mode .filter-drawer-shell:not(.desktop-collapsed){
    border-color:#cec9bf !important;
    background:linear-gradient(180deg,#fff,#faf9f6) !important;
    box-shadow:0 9px 24px rgba(58,49,33,.07) !important;
  }
  body.light-mode .filter-drawer-shell:not(.desktop-collapsed) > .filter-drawer-head{
    border-bottom-color:#e2ddd4 !important;
  }
  body.light-mode .filter-drawer-shell:not(.desktop-collapsed) .filter-row input,
  body.light-mode .filter-drawer-shell:not(.desktop-collapsed) .filter-row select{
    border-color:#d1ccc2 !important;
    background-color:#fff !important;
    color:#4c545b !important;
  }
  body.light-mode .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    border-color:#d1ccc2 !important;
    background:#fff !important;
    color:#626970 !important;
  }
  body.light-mode .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter:hover{
    border-color:rgba(148,107,24,.32) !important;
    background:#faf5e9 !important;
    color:#715217 !important;
  }
  body.light-mode .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter.active{
    border-color:rgba(148,107,24,.48) !important;
    background:#f2e5c8 !important;
    color:#66470f !important;
    box-shadow:none !important;
  }
}

/* Card details — desktop premium layout */
@media(min-width:981px){
  body.light-mode .modal.card-details-modal{
    border-color:#c7c1b6 !important;
    background:
      radial-gradient(circle at 18% 0%,rgba(148,107,24,.055),transparent 32%),
      linear-gradient(180deg,#ffffff 0%,#f7f5f0 100%) !important;
    box-shadow:0 28px 70px rgba(52,44,31,.18),0 0 0 1px rgba(148,107,24,.035) inset !important;
    color:var(--text) !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-bar{
    border-bottom-color:#ded9cf !important;
    background:rgba(255,255,255,.93) !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-left{
    border-left-color:#ddd8cf !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-bar .btn-ghost,
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-share-btn,
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-more-btn{
    border-color:#d0cbc1 !important;
    background:#fff !important;
    color:#535b62 !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-bar .btn-ghost:hover,
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-share-btn:hover,
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-more-btn:hover{
    border-color:rgba(148,107,24,.43) !important;
    background:#faf4e5 !important;
    color:#6d4d11 !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-back-btn{
    border-color:rgba(148,107,24,.48) !important;
    background:#fbf5e7 !important;
    color:#755515 !important;
    outline-color:rgba(148,107,24,.16) !important;
  }
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-back-btn:hover,
  body.light-mode .modal.card-details-modal .detail-action-bar .detail-back-btn:focus-visible{
    border-color:rgba(148,107,24,.68) !important;
    background:#f4e8cc !important;
    color:#5f430e !important;
  }
  body.light-mode .modal.card-details-modal .detail-gallery,
  body.light-mode .modal.card-details-modal .detail-slider,
  body.light-mode .modal.card-details-modal .detail-slider-stage{
    border-color:#d6d0c6 !important;
    background:#ece9e2 !important;
  }
  body.light-mode .modal.card-details-modal .detail-slider-stage{
    background:linear-gradient(180deg,#efede8,#e5e1d8) !important;
  }
  body.light-mode .modal.card-details-modal .detail-thumb-strip{
    border-top-color:#ddd8ce !important;
  }
  body.light-mode .modal.card-details-modal .detail-thumb-strip-btn{
    border-color:#cec9bf !important;
    background:#f4f1eb !important;
  }
  body.light-mode .modal.card-details-modal .detail-thumb-strip-btn.active{
    border-color:rgba(148,107,24,.62) !important;
    box-shadow:0 0 0 1px rgba(148,107,24,.20),0 6px 14px rgba(58,49,33,.10) !important;
  }
  body.light-mode .modal.card-details-modal .detail-header-desktop .eyebrow{color:#80601c !important;}
  body.light-mode .modal.card-details-modal .detail-header-desktop h2{color:#23292e !important;}
  body.light-mode .modal.card-details-modal .detail-header-desktop .detail-meta{color:#626970 !important;}
  body.light-mode .modal.card-details-modal .detail-summary-card,
  body.light-mode .modal.card-details-modal .detail-item,
  body.light-mode .modal.card-details-modal .detail-section,
  body.light-mode .modal.card-details-modal .buyer-confidence-card,
  body.light-mode .modal.card-details-modal .detail-contact-box{
    border-color:#d5d0c6 !important;
    background:#fff !important;
    color:#252b30 !important;
    box-shadow:none !important;
  }
  body.light-mode .modal.card-details-modal .detail-summary-card.price-card{
    border-color:rgba(148,107,24,.32) !important;
    background:linear-gradient(135deg,#fbf4e4,#fff) !important;
  }
  body.light-mode .modal.card-details-modal .detail-label,
  body.light-mode .modal.card-details-modal .detail-summary-label,
  body.light-mode .modal.card-details-modal .buyer-confidence-card small{
    color:#697178 !important;
  }
  body.light-mode .modal.card-details-modal .detail-value,
  body.light-mode .modal.card-details-modal .detail-summary-value,
  body.light-mode .modal.card-details-modal .buyer-confidence-card strong{
    color:#292f34 !important;
  }
  body.light-mode .modal.card-details-modal .detail-summary-card.price-card .detail-summary-value,
  body.light-mode .modal.card-details-modal .detail-price-primary{color:#8a6315 !important;}
  body.light-mode .modal.card-details-modal .detail-price-secondary,
  body.light-mode .modal.card-details-modal .detail-secondary{color:#697078 !important;}
  body.light-mode .modal.card-details-modal .availability-available{color:#176f68 !important;}
  body.light-mode .modal.card-details-modal .availability-reserved{color:#896616 !important;}
  body.light-mode .modal.card-details-modal .availability-sold{color:#9b4857 !important;}

  /* Same-series and recommendation area */
  body.light-mode .modal.card-details-modal .same-series-nav{
    border-color:#d5d0c6 !important;
    background:linear-gradient(135deg,#fff,#f8f6f1) !important;
  }
  body.light-mode .modal.card-details-modal .same-series-nav > div:first-child strong{color:#2b3035 !important;}
  body.light-mode .modal.card-details-modal .same-series-nav > div:first-child > span{color:#70777e !important;}
  body.light-mode .modal.card-details-modal .same-series-actions .btn-ghost{
    border-color:#d1ccc2 !important;
    background:#fff !important;
    color:#596168 !important;
  }
  body.light-mode .modal.card-details-modal .same-series-actions .btn-ghost:hover:not(:disabled),
  body.light-mode .modal.card-details-modal .same-series-actions .btn-ghost:focus-visible:not(:disabled){
    border-color:rgba(148,107,24,.40) !important;
    background:#faf5e9 !important;
    color:#6d4f14 !important;
  }
  body.light-mode .modal.card-details-modal .related-cards-section{border-top-color:#ddd8cf !important;}
  body.light-mode .modal.card-details-modal .related-cards-head .eyebrow{color:#80601d !important;}
  body.light-mode .modal.card-details-modal .related-cards-head h3{color:#252b30 !important;}
  body.light-mode .modal.card-details-modal .related-card{
    border-color:#d4cfc5 !important;
    background:linear-gradient(180deg,#fff,#faf9f6) !important;
    box-shadow:0 8px 20px rgba(58,49,33,.07) !important;
  }
  body.light-mode .modal.card-details-modal .related-card:hover,
  body.light-mode .modal.card-details-modal .related-card:focus-visible{
    border-color:rgba(148,107,24,.42) !important;
    background:#fffdf8 !important;
    box-shadow:0 12px 24px rgba(58,49,33,.11),0 0 0 1px rgba(148,107,24,.04) !important;
  }
  body.light-mode .modal.card-details-modal .related-card-image-wrap{
    border-bottom-color:#ddd8cf !important;
    background:#ebe8e1 !important;
  }
  body.light-mode .modal.card-details-modal .related-card-name{color:#2b3035 !important;}
  body.light-mode .modal.card-details-modal .related-card-code{color:#846019 !important;}
  body.light-mode .modal.card-details-modal .related-card-meta span{
    border-color:#d8d3c9 !important;
    background:#f6f3ed !important;
    color:#626970 !important;
  }
  body.light-mode .modal.card-details-modal .sold-alternatives-section{
    border-color:rgba(148,107,24,.24) !important;
    background:linear-gradient(135deg,#fbf5e8,#fff) !important;
  }
  body.light-mode .modal.card-details-modal .sold-alternatives-section .related-cards-head .eyebrow{color:#805d18 !important;}
  body.light-mode .modal.card-details-modal .sold-alternatives-section .related-cards-head h3{color:#493612 !important;}
}

/* Owner surfaces */
body.light-mode .owner-status{color:#176f68 !important;}
body.light-mode .owner-view-count{color:#805d18 !important;}
body.light-mode .panel,
body.light-mode .form-card,
body.light-mode .insights-panel,
body.light-mode .insights-stat{
  border-color:var(--border) !important;
  background:#fff !important;
  color:var(--text) !important;
}

/* Collage settings modal */
body.light-mode .collection-collage-modal-overlay{
  background:rgba(50,45,37,.48) !important;
}
body.light-mode .collection-collage-modal{
  border-color:#c8c2b7 !important;
  background:#fff !important;
  color:#23292e !important;
  box-shadow:0 30px 80px rgba(52,44,31,.20) !important;
}
body.light-mode .collection-collage-modal .collage-modal-sub,
body.light-mode .collection-collage-field label,
body.light-mode .collection-collage-field>span,
body.light-mode .collection-collage-preview-note{color:#646b72 !important;}
body.light-mode .collection-collage-field input[type="text"],
body.light-mode .collection-collage-field select{
  border-color:#cec8bd !important;
  background:#fff !important;
  color:#252b30 !important;
}
body.light-mode .collection-collage-check{
  border-color:#d6d0c6 !important;
  background:#faf8f3 !important;
  color:#41484e !important;
}
body.light-mode .collection-collage-preview-note{
  border-color:rgba(148,107,24,.22) !important;
  background:#faf3e2 !important;
}
body.light-mode .collection-collage-modal-actions{border-top-color:#ddd8cf !important;}

/* Toasts and overlays */
body.light-mode .toast{
  border-color:#c9c4ba !important;
  background:#fff !important;
  color:#252b30 !important;
  box-shadow:0 12px 28px rgba(52,44,31,.16) !important;
}
body.light-mode .modal-overlay{background:rgba(54,48,40,.42) !important;}


/* =========================================================
   V111 — LIGHT MODE INVENTORY CONTRAST + CONSISTENCY
   Targets the newer clean-card desktop classes directly.
   Dark mode remains unchanged.
   ========================================================= */
@media(min-width:801px){
  /* Group headers / listing shell */
  body.light-mode .game-group-head,
  body.light-mode .listing-group-head,
  body.light-mode .inventory-section-head{
    border-color:#d4cec3 !important;
    background:linear-gradient(180deg,#fff,#faf8f3) !important;
    color:#242a2f !important;
    box-shadow:0 4px 14px rgba(58,49,33,.045) !important;
  }
  body.light-mode .game-group-head h3,
  body.light-mode .listing-group-head h3,
  body.light-mode .inventory-section-head h3{
    color:#242a2f !important;
  }
  body.light-mode .game-group-head .count,
  body.light-mode .listing-group-head .count{
    color:#626a72 !important;
  }

  /* Exact V105 card surface selectors */
  body.light-mode #invGrid.grid:not(.compact-list) .card{
    border-color:#cdc7bc !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%) !important;
    box-shadow:0 8px 20px rgba(62,52,36,.075) !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card:hover,
  body.light-mode #invGrid.grid:not(.compact-list) .card:focus-visible,
  body.light-mode #invGrid.grid:not(.compact-list) .card:focus-within{
    border-color:rgba(148,107,24,.46) !important;
    background:#fffdf8 !important;
    box-shadow:0 14px 30px rgba(62,52,36,.12),0 0 0 1px rgba(148,107,24,.045) inset !important;
  }

  body.light-mode #invGrid.grid:not(.compact-list) .card > .thumb-wrap,
  body.light-mode #invGrid.grid:not(.compact-list) .card > .thumb-placeholder{
    border-bottom-color:#d7d1c7 !important;
    background:#e8e5de !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card > .thumb-wrap .thumb{
    filter:brightness(.965) saturate(.96) contrast(.985) !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card:hover > .thumb-wrap .thumb,
  body.light-mode #invGrid.grid:not(.compact-list) .card:focus-within > .thumb-wrap .thumb{
    filter:brightness(.99) saturate(.985) contrast(1) !important;
  }

  /* Readable titles and references — fixes the white-on-white issue. */
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-card-name{
    color:#252b30 !important;
    text-shadow:none !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-card-reference{
    color:#687078 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-card-reference-dot{
    color:#9a9184 !important;
  }

  /* Details toggle / card action controls */
  body.light-mode #invGrid.grid:not(.compact-list) .card .card-overview-pill-toggle,
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-details-toggle,
  body.light-mode #invGrid.grid:not(.compact-list) .card .compare-btn,
  body.light-mode #invGrid.grid:not(.compact-list) .card .favorite-btn{
    border-color:#d2ccc1 !important;
    background:#fff !important;
    color:#606870 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .card-overview-pill-toggle:hover,
  body.light-mode #invGrid.grid:not(.compact-list) .card .card-overview-pill-toggle[aria-expanded="true"],
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-details-toggle:hover,
  body.light-mode #invGrid.grid:not(.compact-list) .card .compare-btn:hover,
  body.light-mode #invGrid.grid:not(.compact-list) .card .favorite-btn:hover{
    border-color:rgba(148,107,24,.40) !important;
    background:#f8f1df !important;
    color:#745313 !important;
  }

  /* Price block */
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-price-block{
    border-top-color:#ddd7cd !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-price-primary{
    color:#936a18 !important;
    text-shadow:none !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-price-secondary{
    color:#656d75 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-price-secondary span{
    color:#a0988b !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .price-terms,
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-price-terms{
    color:#6b7279 !important;
  }

  /* All collapsed metadata pills */
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-all-pills .clean-meta-pill,
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-all-pills .clean-grade-badge{
    border-color:#d5cfc4 !important;
    background:#f7f4ee !important;
    color:#596168 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-all-pills .clean-grade-badge{
    border-color:rgba(23,111,104,.25) !important;
    background:#eaf4f2 !important;
    color:#176f68 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .clean-all-pills .clean-availability-pill{
    border-color:rgba(148,107,24,.25) !important;
    background:#f7edd7 !important;
    color:#745313 !important;
  }
  body.light-mode #invGrid.grid:not(.compact-list) .card .filter-pill-btn.pill-selected{
    border-color:rgba(148,107,24,.50) !important;
    background:#eee0bf !important;
    color:#62450f !important;
  }

  /* Grade / NEW overlays remain strong but coordinated in light mode. */
  body.light-mode #invGrid .grade-overlay,
  body.light-mode #invGrid .card-grade-overlay{
    border-color:#d6d0c5 !important;
    background:rgba(255,255,255,.94) !important;
    color:#252b30 !important;
    box-shadow:0 4px 14px rgba(50,44,34,.12) !important;
  }
  body.light-mode #invGrid .new-badge,
  body.light-mode #invGrid .card-new-badge{
    border-color:rgba(23,111,104,.28) !important;
    background:#dff2ef !important;
    color:#115f59 !important;
  }

  /* High-value / lifecycle notes */
  body.light-mode #invGrid .high-value-note,
  body.light-mode #invGrid .high-value-listing,
  body.light-mode #invGrid .listing-warning{
    border-color:rgba(148,107,24,.32) !important;
    background:#fbf4e3 !important;
    color:#755313 !important;
  }

  /* Owner three-dot control should not look like a dark floating block. */
  body.light-mode #invGrid.grid:not(.compact-list) .card .card-actions.owner-only,
  body.light-mode #invGrid.grid:not(.compact-list) .card .owner-card-menu{
    border-color:#d1cbc0 !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 6px 16px rgba(58,49,33,.11) !important;
  }
}

/* Light-mode card details: slightly warmer gallery and stronger readable secondary text. */
@media(min-width:981px){
  body.light-mode .modal.card-details-modal .detail-layout{
    color:#252b30 !important;
  }
  body.light-mode .modal.card-details-modal .detail-info-section-title{
    color:#697078 !important;
  }
  body.light-mode .modal.card-details-modal .detail-confidence-item strong{
    color:#30363b !important;
  }
  body.light-mode .modal.card-details-modal .detail-confidence-item small{
    color:#666e75 !important;
  }
  body.light-mode .modal.card-details-modal .detail-confidence-icon{
    border-color:rgba(23,111,104,.20) !important;
    background:#edf6f4 !important;
    color:#176f68 !important;
  }
  body.light-mode .modal.card-details-modal .details-desktop-contact-socials{
    border-color:#d4cec4 !important;
    background:linear-gradient(135deg,#fff,#f8f5ee) !important;
    color:#2b3035 !important;
  }
}

/* ==========================================================
   V119 BETA — SPACIOUS PREMIUM DESKTOP HEADER
   Four primary destinations only. Secondary destinations live
   in More so the logo and utilities keep generous breathing room.
   ========================================================== */
.premium-desktop-nav{display:none;}

@media (min-width:1180px){
  :root{--premium-header-h:78px;}

  .sidebar{
    position:sticky !important;
    inset:auto !important;
    top:0 !important;
    width:100% !important;
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
    padding:0 !important;
    display:block !important;
    overflow:visible !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.065) !important;
    background:linear-gradient(180deg,rgba(14,16,19,.975),rgba(13,15,18,.945)) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.20) !important;
    backdrop-filter:blur(20px) saturate(116%) !important;
    -webkit-backdrop-filter:blur(20px) saturate(116%) !important;
    z-index:100 !important;
  }

  .sidebar > div:first-child{display:none !important;}

  .premium-desktop-nav{
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:102 !important;
    width:min(650px,calc(100vw - 560px)) !important;
    height:var(--premium-header-h) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr) !important;
    align-items:center !important;
    gap:22px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .premium-nav-side{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:8px !important;
  }

  .premium-desktop-nav a{
    position:relative !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#989ba3 !important;
    font-size:12px !important;
    font-weight:680 !important;
    letter-spacing:.01em !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease !important;
  }

  .premium-desktop-nav .premium-nav-side > a:hover,
  .premium-desktop-nav .premium-nav-side > a:focus-visible{
    color:#f4f2ec !important;
    background:rgba(255,255,255,.028) !important;
    border-color:rgba(255,255,255,.055) !important;
    outline:none !important;
  }

  .premium-desktop-nav .premium-nav-side > a.active,
  .premium-desktop-nav .premium-nav-side > a[aria-current="page"]{
    color:#f0c65b !important;
    background:linear-gradient(180deg,rgba(227,179,65,.075),rgba(227,179,65,.018)) !important;
    border-color:rgba(227,179,65,.16) !important;
  }

  .premium-desktop-nav .premium-nav-side > a.active::after,
  .premium-desktop-nav .premium-nav-side > a[aria-current="page"]::after{
    content:"" !important;
    position:absolute !important;
    left:31% !important;
    right:31% !important;
    bottom:4px !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent,#e3b341,transparent) !important;
    box-shadow:0 0 9px rgba(227,179,65,.32) !important;
  }

  .premium-nav-home{
    width:68px !important;
    height:68px !important;
    min-height:68px !important;
    justify-self:center !important;
    align-self:center !important;
    padding:0 !important;
    border-radius:50% !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  .premium-nav-home img{
    width:64px !important;
    height:64px !important;
    display:block !important;
    object-fit:contain !important;
    filter:drop-shadow(0 3px 11px rgba(0,0,0,.44)) drop-shadow(0 0 6px rgba(227,179,65,.11)) !important;
    transition:transform .18s ease,filter .18s ease !important;
  }

  .premium-nav-home:hover img,
  .premium-nav-home:focus-visible img{
    transform:translateY(-1px) scale(1.025) !important;
    filter:drop-shadow(0 4px 14px rgba(0,0,0,.48)) drop-shadow(0 0 9px rgba(227,179,65,.22)) !important;
  }

  .premium-nav-home.active::before{
    content:"" !important;
    position:absolute !important;
    inset:4px !important;
    border-radius:50% !important;
    border:1px solid rgba(227,179,65,.24) !important;
    box-shadow:0 0 16px rgba(227,179,65,.10) !important;
  }

  /* Original nav becomes one small Explore utility only. */
  #mainnav{
    position:fixed !important;
    top:0 !important;
    right:116px !important;
    z-index:106 !important;
    width:auto !important;
    min-width:0 !important;
    height:var(--premium-header-h) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  #mainnav > a,
  #mainnav > .reviews-desktop-nav,
  #mainnav > .mobile-secondary-nav{display:none !important;}

  #mainnav > .mobile-more-toggle{
    pointer-events:auto !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:72px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:7px 11px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.022) !important;
    color:#94979f !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
    font-size:11px !important;
    font-weight:680 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  #mainnav > .mobile-more-toggle:hover,
  #mainnav > .mobile-more-toggle:focus-visible,
  #mainnav > .mobile-more-toggle[aria-expanded="true"],
  #mainnav > .mobile-more-toggle.active{
    color:#f0c65b !important;
    border-color:rgba(227,179,65,.20) !important;
    background:rgba(227,179,65,.05) !important;
    outline:none !important;
  }

  #mainnav > .mobile-more-menu{pointer-events:auto !important;}

  #mainnav > .mobile-more-menu:not([hidden]){
    position:fixed !important;
    top:64px !important;
    right:16px !important;
    left:auto !important;
    z-index:140 !important;
    width:286px !important;
    max-height:calc(100vh - 84px) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    padding:8px !important;
    overflow:auto !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:14px !important;
    background:rgba(18,20,24,.99) !important;
    box-shadow:0 22px 58px rgba(0,0,0,.42) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
  }

  /* Giveaway remains primary. Everything else secondary stays in Explore. */
  #mainnav > .mobile-more-menu > a[data-route="giveaway"]{display:none !important;}

  #mainnav > .mobile-more-menu > a{
    min-height:38px !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#9b9ea6 !important;
    font-size:11.5px !important;
    font-weight:620 !important;
  }

  #mainnav > .mobile-more-menu > a:hover,
  #mainnav > .mobile-more-menu > a:focus-visible,
  #mainnav > .mobile-more-menu > a.active{
    background:rgba(255,255,255,.045) !important;
    color:#f2f1ed !important;
    outline:none !important;
  }

  /* Compact theme utility; no competing navigation label. */
  .sidebar-footer{
    position:fixed !important;
    top:0 !important;
    right:14px !important;
    z-index:105 !important;
    width:auto !important;
    height:var(--premium-header-h) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    border:0 !important;
    background:transparent !important;
  }

  .sidebar-footer .header-social-links,
  .sidebar-footer > div[style],
  .sidebar-footer .owner-status,
  .sidebar-footer .mobile-footer-currency{display:none !important;}

  .sidebar-footer .theme-toggle{
    width:auto !important;
    min-width:88px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:7px 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.022) !important;
    color:#9b9ea6 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
    font-size:11px !important;
    font-weight:650 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .sidebar-footer .theme-toggle:hover,
  .sidebar-footer .theme-toggle:focus-visible{
    border-color:rgba(227,179,65,.18) !important;
    background:rgba(255,255,255,.035) !important;
    color:#f2f1ed !important;
    outline:none !important;
  }

  #ownerBuyerPreviewToggle{
    position:fixed !important;
    top:19px !important;
    left:14px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:108 !important;
    min-height:38px !important;
    max-width:154px !important;
    padding:7px 12px !important;
    border-radius:11px !important;
    font-size:10.75px !important;
  }

  .main{
    margin-left:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  body.light-mode .sidebar{
    background:linear-gradient(180deg,rgba(252,251,248,.98),rgba(249,247,242,.96)) !important;
    border-bottom-color:#d8d2c7 !important;
    box-shadow:0 9px 28px rgba(61,50,30,.085) !important;
  }

  body.light-mode .premium-desktop-nav a{color:#697078 !important;}

  body.light-mode .premium-desktop-nav .premium-nav-side > a:hover,
  body.light-mode .premium-desktop-nav .premium-nav-side > a:focus-visible{
    color:#272c31 !important;
    background:#f3efe7 !important;
    border-color:#e0d9cd !important;
  }

  body.light-mode .premium-desktop-nav .premium-nav-side > a.active,
  body.light-mode .premium-desktop-nav .premium-nav-side > a[aria-current="page"]{
    color:#855f16 !important;
    background:#f6eedc !important;
    border-color:rgba(148,107,24,.22) !important;
  }

  body.light-mode #mainnav > .mobile-more-toggle,
  body.light-mode .sidebar-footer .theme-toggle{
    background:rgba(255,255,255,.76) !important;
    border-color:#d8d2c7 !important;
    color:#656c73 !important;
  }

  body.light-mode #mainnav > .mobile-more-toggle:hover,
  body.light-mode #mainnav > .mobile-more-toggle:focus-visible,
  body.light-mode #mainnav > .mobile-more-toggle[aria-expanded="true"],
  body.light-mode #mainnav > .mobile-more-toggle.active{
    background:#f6eedc !important;
    border-color:rgba(148,107,24,.25) !important;
    color:#805b15 !important;
  }

  body.light-mode .sidebar-footer .theme-toggle:hover,
  body.light-mode .sidebar-footer .theme-toggle:focus-visible{
    background:#f4f0e8 !important;
    border-color:#d4cdc1 !important;
    color:#2c3136 !important;
  }

  body.light-mode #mainnav > .mobile-more-menu:not([hidden]){
    background:rgba(255,255,255,.995) !important;
    border-color:#d7d1c6 !important;
    box-shadow:0 20px 48px rgba(61,50,30,.16) !important;
  }

  body.light-mode #mainnav > .mobile-more-menu > a{color:#626970 !important;}

  body.light-mode #mainnav > .mobile-more-menu > a:hover,
  body.light-mode #mainnav > .mobile-more-menu > a:focus-visible,
  body.light-mode #mainnav > .mobile-more-menu > a.active{
    background:#f4f0e8 !important;
    color:#282d32 !important;
  }
}

@media (min-width:1180px) and (max-width:1299px){
  .premium-desktop-nav{
    width:min(570px,calc(100vw - 500px)) !important;
    grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr) !important;
    gap:14px !important;
  }
  .premium-desktop-nav a{
    padding-left:6px !important;
    padding-right:6px !important;
    font-size:11px !important;
  }
  .premium-nav-home{
    width:60px !important;
    height:60px !important;
    min-height:60px !important;
  }
  .premium-nav-home img{
    width:58px !important;
    height:58px !important;
  }
  #ownerBuyerPreviewToggle{
    max-width:138px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:10.25px !important;
  }
  #mainnav{right:108px !important;}
  .sidebar-footer{right:12px !important;}
  .sidebar-footer .theme-toggle{min-width:82px !important;}
}

/* ==========================================================
   V122 PRODUCTION — CLEAN PREMIUM HEADER
   Hard separation between premium desktop navigation and the
   legacy responsive nav. This intentionally overrides V119.
   ========================================================== */
.premium-desktop-utilities{display:none;}

@media (min-width:1180px){
  :root{--premium-header-h:74px;}

  .sidebar{
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
    background:linear-gradient(180deg,rgba(13,15,18,.985),rgba(12,14,17,.965)) !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
    box-shadow:0 9px 30px rgba(0,0,0,.22) !important;
  }

  /* Critical V120 fix: legacy desktop nav is not part of the wide header at all. */
  #mainnav{display:none !important;}

  .premium-desktop-nav{
    width:min(620px,calc(100vw - 500px)) !important;
    height:var(--premium-header-h) !important;
    grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr) !important;
    gap:24px !important;
  }

  .premium-nav-side{
    gap:18px !important;
  }

  .premium-desktop-nav .premium-nav-side > a{
    min-height:38px !important;
    padding:0 4px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#969aa2 !important;
    font-size:12px !important;
    font-weight:650 !important;
    letter-spacing:.012em !important;
  }

  .premium-desktop-nav .premium-nav-side > a:hover,
  .premium-desktop-nav .premium-nav-side > a:focus-visible{
    color:#f3f1eb !important;
    background:transparent !important;
    border:0 !important;
    transform:translateY(-1px) !important;
  }

  .premium-desktop-nav .premium-nav-side > a.active,
  .premium-desktop-nav .premium-nav-side > a[aria-current="page"]{
    color:#e8bd52 !important;
    background:transparent !important;
    border:0 !important;
  }

  .premium-desktop-nav .premium-nav-side > a.active::after,
  .premium-desktop-nav .premium-nav-side > a[aria-current="page"]::after{
    left:22% !important;
    right:22% !important;
    bottom:1px !important;
    height:1.5px !important;
    background:linear-gradient(90deg,transparent,#e8bd52 22%,#e8bd52 78%,transparent) !important;
    box-shadow:0 0 8px rgba(232,189,82,.34) !important;
  }

  .premium-nav-home{
    width:64px !important;
    height:64px !important;
    min-height:64px !important;
  }

  .premium-nav-home img{
    width:61px !important;
    height:61px !important;
  }

  .premium-desktop-utilities{
    position:fixed !important;
    top:0 !important;
    right:112px !important;
    z-index:107 !important;
    height:var(--premium-header-h) !important;
    display:flex !important;
    align-items:center !important;
  }

  .premium-more{
    position:relative !important;
  }

  .premium-more > summary{
    list-style:none !important;
  }
  .premium-more > summary::-webkit-details-marker{display:none !important;}

  .premium-more-toggle{
    min-width:74px !important;
    min-height:36px !important;
    padding:7px 11px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    cursor:pointer !important;
    user-select:none !important;
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.022) !important;
    color:#989ba3 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
    font-size:11px !important;
    font-weight:680 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .premium-more-dots{
    color:#b9a266 !important;
    letter-spacing:1px !important;
    transform:translateY(-1px) !important;
  }

  .premium-more-caret{
    color:#777b84 !important;
    font-size:10px !important;
    transition:transform .16s ease !important;
  }

  .premium-more[open] .premium-more-caret{transform:rotate(180deg) !important;}

  .premium-more-toggle:hover,
  .premium-more-toggle:focus-visible,
  .premium-more[open] .premium-more-toggle,
  .premium-more.active .premium-more-toggle{
    color:#eac25c !important;
    border-color:rgba(227,179,65,.20) !important;
    background:rgba(227,179,65,.045) !important;
    outline:none !important;
  }

  .premium-more-menu{
    position:absolute !important;
    top:46px !important;
    right:0 !important;
    width:252px !important;
    max-height:calc(100vh - 92px) !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:2px !important;
    overflow:auto !important;
    border:1px solid rgba(255,255,255,.085) !important;
    border-radius:14px !important;
    background:rgba(17,19,23,.985) !important;
    box-shadow:0 20px 54px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.018) !important;
    backdrop-filter:blur(22px) saturate(120%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(120%) !important;
  }

  .premium-more-menu > a{
    min-height:38px !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border-radius:9px !important;
    color:#a0a3aa !important;
    text-decoration:none !important;
    font-size:11.5px !important;
    font-weight:620 !important;
  }

  .premium-more-menu > a .ic{
    width:18px !important;
    color:#7f838c !important;
    text-align:center !important;
  }

  .premium-more-menu > a:hover,
  .premium-more-menu > a:focus-visible,
  .premium-more-menu > a.active{
    background:rgba(255,255,255,.045) !important;
    color:#f2f1ed !important;
    outline:none !important;
  }

  .premium-more-menu > a.active .ic{color:#e5b94d !important;}

  .premium-more-divider{
    height:1px !important;
    margin:5px 7px !important;
    background:rgba(255,255,255,.065) !important;
  }

  .sidebar-footer{
    height:var(--premium-header-h) !important;
    right:12px !important;
  }

  .sidebar-footer .theme-toggle{
    min-width:88px !important;
    min-height:36px !important;
    padding:7px 10px !important;
    border-radius:11px !important;
    font-size:10.75px !important;
  }

  #ownerBuyerPreviewToggle{
    top:18px !important;
    max-width:146px !important;
    min-height:36px !important;
    font-size:10.25px !important;
  }

  body.light-mode .premium-desktop-nav .premium-nav-side > a{
    color:#6a7076 !important;
  }
  body.light-mode .premium-desktop-nav .premium-nav-side > a:hover,
  body.light-mode .premium-desktop-nav .premium-nav-side > a:focus-visible{
    color:#272c31 !important;
  }
  body.light-mode .premium-desktop-nav .premium-nav-side > a.active,
  body.light-mode .premium-desktop-nav .premium-nav-side > a[aria-current="page"]{
    color:#8c6416 !important;
  }

  body.light-mode .premium-more-toggle{
    background:rgba(255,255,255,.80) !important;
    border-color:#d8d2c7 !important;
    color:#666d73 !important;
  }
  body.light-mode .premium-more-toggle:hover,
  body.light-mode .premium-more-toggle:focus-visible,
  body.light-mode .premium-more[open] .premium-more-toggle,
  body.light-mode .premium-more.active .premium-more-toggle{
    background:#f6eedc !important;
    border-color:rgba(148,107,24,.24) !important;
    color:#805b15 !important;
  }
  body.light-mode .premium-more-menu{
    background:rgba(255,255,255,.995) !important;
    border-color:#d7d1c6 !important;
    box-shadow:0 20px 46px rgba(61,50,30,.16) !important;
  }
  body.light-mode .premium-more-menu > a{color:#626970 !important;}
  body.light-mode .premium-more-menu > a .ic{color:#858b90 !important;}
  body.light-mode .premium-more-menu > a:hover,
  body.light-mode .premium-more-menu > a:focus-visible,
  body.light-mode .premium-more-menu > a.active{
    background:#f4f0e8 !important;
    color:#282d32 !important;
  }
  body.light-mode .premium-more-divider{background:#e3ddd3 !important;}
}

@media (min-width:1180px) and (max-width:1299px){
  .premium-desktop-nav{
    width:min(560px,calc(100vw - 440px)) !important;
    grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr) !important;
    gap:17px !important;
  }
  .premium-nav-side{gap:10px !important;}
  .premium-desktop-nav .premium-nav-side > a{
    font-size:11px !important;
    padding:0 2px !important;
  }
  .premium-nav-home{
    width:60px !important;
    height:60px !important;
    min-height:60px !important;
  }
  .premium-nav-home img{
    width:57px !important;
    height:57px !important;
  }
  .premium-desktop-utilities{right:104px !important;}
  .premium-more-toggle{min-width:70px !important;padding-left:9px !important;padding-right:9px !important;}
  .sidebar-footer .theme-toggle{min-width:82px !important;font-size:10.25px !important;}
  #ownerBuyerPreviewToggle{max-width:132px !important;}
}


/* ==========================================================
   V122 PRODUCTION — PREMIUM SOCIAL STRIP
   Keep primary navigation intentionally sparse while exposing
   the four established social destinations below the main row.
   ========================================================== */
.premium-social-strip{display:none;}

@media (min-width:1180px){
  :root{
    --premium-main-row-h:74px;
    --premium-social-row-h:30px;
    --premium-header-h:104px;
  }

  /* Keep the premium navigation and utilities in the upper row. */
  .premium-desktop-nav,
  .premium-desktop-utilities,
  .sidebar-footer{
    height:var(--premium-main-row-h) !important;
  }

  .premium-social-strip{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:101 !important;
    height:var(--premium-social-row-h) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:0 16px !important;
    border-top:1px solid rgba(255,255,255,.035) !important;
    background:rgba(8,10,12,.25) !important;
    box-sizing:border-box !important;
  }

  .premium-social-label{
    margin-right:5px !important;
    color:#62666e !important;
    font-size:9px !important;
    font-weight:760 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }

  .premium-social-strip > a{
    min-height:22px !important;
    padding:2px 8px 2px 6px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    color:#787d85 !important;
    background:transparent !important;
    text-decoration:none !important;
    font-size:9.5px !important;
    font-weight:620 !important;
    line-height:1 !important;
    transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease !important;
  }

  .premium-social-mark{
    width:16px !important;
    height:16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 16px !important;
    border:1px solid rgba(196,158,65,.23) !important;
    border-radius:50% !important;
    color:#b89643 !important;
    background:rgba(196,158,65,.035) !important;
    font-size:9px !important;
    font-weight:800 !important;
  }

  .premium-social-mark-facebook{
    font-family:Arial,sans-serif !important;
    font-size:10px !important;
  }

  .premium-social-strip > a:hover,
  .premium-social-strip > a:focus-visible{
    color:#e8e6df !important;
    border-color:rgba(227,179,65,.12) !important;
    background:rgba(255,255,255,.025) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
  }

  .premium-social-strip > a:hover .premium-social-mark,
  .premium-social-strip > a:focus-visible .premium-social-mark{
    color:#e7bd53 !important;
    border-color:rgba(227,179,65,.32) !important;
    background:rgba(227,179,65,.065) !important;
  }

  /* More dropdown should begin below both header rows. */
  .premium-more-menu{
    top:46px !important;
  }

  body.light-mode .premium-social-strip{
    border-top-color:rgba(83,72,52,.08) !important;
    background:rgba(245,242,235,.52) !important;
  }

  body.light-mode .premium-social-label{color:#8d8a83 !important;}
  body.light-mode .premium-social-strip > a{color:#70757a !important;}
  body.light-mode .premium-social-mark{
    color:#8c691d !important;
    border-color:rgba(140,105,29,.20) !important;
    background:rgba(140,105,29,.035) !important;
  }
  body.light-mode .premium-social-strip > a:hover,
  body.light-mode .premium-social-strip > a:focus-visible{
    color:#292e33 !important;
    border-color:rgba(140,105,29,.15) !important;
    background:rgba(140,105,29,.045) !important;
  }
}

@media (min-width:1180px) and (max-width:1299px){
  .premium-social-strip{gap:3px !important;}
  .premium-social-label{display:none !important;}
  .premium-social-strip > a{
    padding-left:5px !important;
    padding-right:6px !important;
    font-size:9px !important;
  }
}

/* ==========================================================
   V123 PRODUCTION — LARGER PREMIUM HEADER LOGO ON ROOMIER DESKTOP
   Keep the compact laptop/MacBook layout unchanged, but give the
   centered brand mark more presence on larger desktop widths.
   ========================================================== */
@media (min-width:1300px){
  .premium-desktop-nav{
    width:min(660px,calc(100vw - 500px)) !important;
    grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr) !important;
    gap:28px !important;
  }

  .premium-nav-side{gap:20px !important;}

  .premium-nav-home{
    width:74px !important;
    height:74px !important;
    min-height:74px !important;
  }

  .premium-nav-home img{
    width:71px !important;
    height:71px !important;
    filter:drop-shadow(0 4px 14px rgba(0,0,0,.46)) drop-shadow(0 0 9px rgba(227,179,65,.16)) !important;
  }
}

@media (min-width:1500px){
  .premium-desktop-nav{
    width:min(700px,calc(100vw - 540px)) !important;
    grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
    gap:30px !important;
  }

  .premium-nav-home{
    width:80px !important;
    height:80px !important;
    min-height:80px !important;
  }

  .premium-nav-home img{
    width:77px !important;
    height:77px !important;
    filter:drop-shadow(0 5px 16px rgba(0,0,0,.48)) drop-shadow(0 0 10px rgba(227,179,65,.18)) !important;
  }
}

/* ==========================================================
   V124 PRODUCTION — CARD DETAIL PURCHASE CTA
   Surface transaction location early and make buyer contact
   action prominent without implying instant checkout.
   ========================================================== */
.detail-purchase-panel{display:none;}

@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    margin:14px 0 4px !important;
    padding:12px !important;
    display:grid !important;
    grid-template-columns:minmax(190px,.82fr) minmax(230px,1.18fr) !important;
    align-items:stretch !important;
    gap:10px !important;
    border:1px solid rgba(227,179,65,.20) !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,rgba(227,179,65,.055),rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .modal.card-details-modal .detail-purchase-location{
    min-width:0 !important;
    padding:10px 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.025) !important;
  }

  .modal.card-details-modal .detail-purchase-location-icon{
    width:30px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 30px !important;
    border:1px solid rgba(227,179,65,.20) !important;
    border-radius:9px !important;
    background:rgba(227,179,65,.055) !important;
    font-size:14px !important;
  }

  .modal.card-details-modal .detail-purchase-location > span:last-child{
    min-width:0 !important;
    display:grid !important;
    gap:3px !important;
  }

  .modal.card-details-modal .detail-purchase-location small{
    color:#858a94 !important;
    font-size:9px !important;
    font-weight:760 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .modal.card-details-modal .detail-purchase-location strong{
    color:#f1eee7 !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
  }

  .modal.card-details-modal .detail-buy-cta{
    min-width:0 !important;
    position:relative !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    min-height:100% !important;
    padding:10px 15px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    cursor:pointer !important;
    list-style:none !important;
    border:1px solid #d5a735 !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#e9bc4f,#dca632) !important;
    color:#181611 !important;
    box-shadow:0 8px 22px rgba(218,164,48,.16),inset 0 1px 0 rgba(255,255,255,.35) !important;
    text-align:center !important;
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary::-webkit-details-marker{display:none !important;}

  .modal.card-details-modal .detail-buy-cta > summary:hover,
  .modal.card-details-modal .detail-buy-cta > summary:focus-visible{
    transform:translateY(-1px) !important;
    filter:brightness(1.035) !important;
    box-shadow:0 10px 25px rgba(218,164,48,.22),inset 0 1px 0 rgba(255,255,255,.4) !important;
    outline:none !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > span{
    font-size:13px !important;
    font-weight:820 !important;
    letter-spacing:.01em !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > small{
    color:rgba(24,22,17,.70) !important;
    font-size:9.5px !important;
    font-weight:650 !important;
  }

  .modal.card-details-modal .detail-buy-chooser{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    z-index:35 !important;
    width:min(360px,calc(100vw - 48px)) !important;
    padding:13px !important;
    display:grid !important;
    gap:11px !important;
    border:1px solid rgba(227,179,65,.22) !important;
    border-radius:14px !important;
    background:rgba(18,20,24,.985) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.40) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-child{
    display:grid !important;
    gap:4px !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-child strong{
    color:#f2efe8 !important;
    font-size:12px !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-child span{
    color:#8f949e !important;
    font-size:10.5px !important;
    line-height:1.4 !important;
  }

  .modal.card-details-modal .details-buy-social-links,
  .modal.card-details-modal .detail-buy-chooser .social-links,
  .modal.card-details-modal .detail-buy-chooser [class*="social-links"]{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .modal.card-details-modal .detail-buy-chooser a{
    min-height:40px !important;
    justify-content:center !important;
    border-color:rgba(227,179,65,.18) !important;
    background:rgba(227,179,65,.035) !important;
  }

  /* Lower contact section remains useful, but becomes secondary. */
  .modal.card-details-modal .details-desktop-contact-socials{
    margin-top:18px !important;
    opacity:.90 !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-panel{
    border-color:rgba(148,107,24,.22) !important;
    background:linear-gradient(135deg,#fbf7ed,#fff) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-location{
    border-color:#ddd6ca !important;
    background:#fff !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-location-icon{
    border-color:rgba(148,107,24,.20) !important;
    background:#f7f0df !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-location small{color:#777d83 !important;}
  body.light-mode .modal.card-details-modal .detail-purchase-location strong{color:#292e33 !important;}

  body.light-mode .modal.card-details-modal .detail-buy-chooser{
    border-color:rgba(148,107,24,.22) !important;
    background:rgba(255,255,255,.995) !important;
    box-shadow:0 20px 44px rgba(61,50,30,.16) !important;
  }

  body.light-mode .modal.card-details-modal .detail-buy-chooser > div:first-child strong{color:#292e33 !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser > div:first-child span{color:#697078 !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser a{
    border-color:rgba(148,107,24,.18) !important;
    background:#fbf7ee !important;
  }
}


/* ==========================================================
   V126 PRODUCTION — BUYER LOCATION COPY REFINEMENT
   Lead with the actual transaction locations and surface the
   useful buying terms underneath instead of a generic heading.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-location > span:last-child{
    gap:4px !important;
  }

  .modal.card-details-modal .detail-purchase-location strong{
    order:1 !important;
    color:#f3efe7 !important;
    font-size:13px !important;
    font-weight:780 !important;
    line-height:1.2 !important;
  }

  .modal.card-details-modal .detail-purchase-location small{
    order:2 !important;
    color:#969aa3 !important;
    font-size:9.5px !important;
    font-weight:590 !important;
    letter-spacing:0 !important;
    line-height:1.35 !important;
    text-transform:none !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-location strong{
    color:#292e33 !important;
  }

  body.light-mode .modal.card-details-modal .detail-purchase-location small{
    color:#737a80 !important;
  }
}

/* ==========================================================
   V128 PRODUCTION — FOCUSED CENTERED DESKTOP CONTENT
   Keep the premium header full-width while constraining page
   content on large displays for a calmer storefront hierarchy.
   ========================================================== */
@media (min-width:1180px){
  :root{
    --site-content-max:1440px;
    --site-content-gutter:clamp(18px,2vw,30px);
  }

  .main{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }

  .main > #view{
    box-sizing:border-box !important;
    width:min(100%,var(--site-content-max)) !important;
    max-width:var(--site-content-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--site-content-gutter) !important;
    padding-right:var(--site-content-gutter) !important;
  }

  .main > .page-social-footer{
    box-sizing:border-box !important;
    width:min(calc(100% - (var(--site-content-gutter) * 2)),calc(var(--site-content-max) - (var(--site-content-gutter) * 2))) !important;
    max-width:calc(var(--site-content-max) - (var(--site-content-gutter) * 2)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Give ultrawide displays a little more intentional negative space. */
@media (min-width:1800px){
  :root{--site-content-max:1400px;}
}

/* ==========================================================
   V127 BETA — MOBILE PARITY / BUYER FLOW
   Bring the desktop purchase hierarchy to mobile without copying
   the desktop layout literally. Desktop rules remain unchanged.
   ========================================================== */
.mobile-buy-sticky,
.mobile-buy-backdrop,
.mobile-buy-close{display:none;}

@media (max-width:899px){
  .modal.card-details-modal #detailsMount{padding-bottom:92px !important;}

  .modal.card-details-modal .detail-purchase-panel{
    margin:12px 0 6px !important;padding:10px !important;display:grid !important;
    grid-template-columns:1fr !important;gap:8px !important;
    border:1px solid rgba(227,179,65,.20) !important;border-radius:14px !important;
    background:linear-gradient(145deg,rgba(227,179,65,.055),rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022) !important;
  }
  .modal.card-details-modal .detail-purchase-location{
    min-width:0 !important;padding:9px 10px !important;display:flex !important;align-items:center !important;gap:9px !important;
    border:1px solid rgba(255,255,255,.065) !important;border-radius:11px !important;background:rgba(255,255,255,.022) !important;
  }
  .modal.card-details-modal .detail-purchase-location-icon{
    width:30px !important;height:30px !important;flex:0 0 30px !important;display:grid !important;place-items:center !important;
    border:1px solid rgba(227,179,65,.20) !important;border-radius:9px !important;background:rgba(227,179,65,.05) !important;font-size:14px !important;
  }
  .modal.card-details-modal .detail-purchase-location > span:last-child{min-width:0 !important;display:grid !important;gap:2px !important;}
  .modal.card-details-modal .detail-purchase-location strong{color:#f3efe7 !important;font-size:12px !important;font-weight:780 !important;line-height:1.2 !important;}
  .modal.card-details-modal .detail-purchase-location small{color:#969aa3 !important;font-size:9px !important;font-weight:590 !important;line-height:1.35 !important;letter-spacing:0 !important;text-transform:none !important;}

  .modal.card-details-modal .detail-buy-cta{min-width:0 !important;position:relative !important;}
  .modal.card-details-modal .detail-buy-cta > summary{
    min-height:48px !important;padding:9px 12px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;
    cursor:pointer !important;list-style:none !important;border:1px solid #d5a735 !important;border-radius:11px !important;
    background:linear-gradient(180deg,#e9bc4f,#dca632) !important;color:#181611 !important;
    box-shadow:0 7px 18px rgba(218,164,48,.16),inset 0 1px 0 rgba(255,255,255,.34) !important;text-align:center !important;
  }
  .modal.card-details-modal .detail-buy-cta > summary::-webkit-details-marker{display:none !important;}
  .modal.card-details-modal .detail-buy-cta > summary > span{font-size:12px !important;font-weight:820 !important;}
  .modal.card-details-modal .detail-buy-cta > summary > small{color:rgba(24,22,17,.68) !important;font-size:9px !important;font-weight:650 !important;}

  .modal.card-details-modal .detail-buy-cta[open] .mobile-buy-backdrop{
    position:fixed !important;inset:0 !important;z-index:918 !important;display:block !important;width:100vw !important;height:100vh !important;padding:0 !important;border:0 !important;
    background:rgba(0,0,0,.56) !important;backdrop-filter:blur(2px) !important;-webkit-backdrop-filter:blur(2px) !important;
  }
  .modal.card-details-modal .detail-buy-chooser{
    position:fixed !important;left:10px !important;right:10px !important;bottom:max(10px,env(safe-area-inset-bottom)) !important;top:auto !important;z-index:919 !important;width:auto !important;
    max-height:min(72vh,520px) !important;padding:17px 14px 14px !important;display:grid !important;gap:12px !important;overflow:auto !important;
    border:1px solid rgba(227,179,65,.22) !important;border-radius:18px !important;background:rgba(18,20,24,.99) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.025) !important;backdrop-filter:blur(20px) saturate(120%) !important;-webkit-backdrop-filter:blur(20px) saturate(120%) !important;
  }
  .modal.card-details-modal .mobile-buy-close{
    position:absolute !important;top:8px !important;right:9px !important;z-index:2 !important;width:32px !important;height:32px !important;padding:0 !important;display:grid !important;place-items:center !important;
    border:1px solid rgba(255,255,255,.08) !important;border-radius:50% !important;background:rgba(255,255,255,.035) !important;color:#b9bdc5 !important;font-size:20px !important;line-height:1 !important;
  }
  .modal.card-details-modal .detail-buy-chooser > div:first-of-type{padding-right:34px !important;display:grid !important;gap:4px !important;}
  .modal.card-details-modal .detail-buy-chooser > div:first-of-type strong{color:#f2efe8 !important;font-size:13px !important;}
  .modal.card-details-modal .detail-buy-chooser > div:first-of-type span{color:#9297a0 !important;font-size:10.5px !important;line-height:1.45 !important;}
  .modal.card-details-modal .details-buy-social-links,
  .modal.card-details-modal .detail-buy-chooser .social-links,
  .modal.card-details-modal .detail-buy-chooser [class*="social-links"]{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .modal.card-details-modal .detail-buy-chooser a{min-height:46px !important;justify-content:center !important;border-color:rgba(227,179,65,.18) !important;background:rgba(227,179,65,.035) !important;}

  .modal.card-details-modal .mobile-buy-sticky{
    position:fixed !important;left:8px !important;right:8px !important;bottom:max(8px,env(safe-area-inset-bottom)) !important;z-index:912 !important;min-height:62px !important;padding:8px 8px 8px 11px !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;
    border:1px solid rgba(227,179,65,.22) !important;border-radius:15px !important;background:rgba(17,19,23,.96) !important;
    box-shadow:0 16px 45px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025) !important;backdrop-filter:blur(18px) saturate(120%) !important;-webkit-backdrop-filter:blur(18px) saturate(120%) !important;
  }
  .modal.card-details-modal .mobile-buy-sticky-copy{min-width:0 !important;display:grid !important;gap:2px !important;}
  .modal.card-details-modal .mobile-buy-sticky-copy > span{color:#55cbbd !important;font-size:8.5px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;}
  .modal.card-details-modal .mobile-buy-sticky-price{min-width:0 !important;}
  .modal.card-details-modal .mobile-buy-sticky-price .detail-price-primary{margin:0 !important;color:#f0c65b !important;font-size:15px !important;font-weight:820 !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .modal.card-details-modal .mobile-buy-sticky-price .detail-price-secondary{display:none !important;}
  .modal.card-details-modal .mobile-buy-sticky-button{
    min-height:44px !important;padding:0 14px !important;border:1px solid #d5a735 !important;border-radius:11px !important;background:linear-gradient(180deg,#e9bc4f,#dca632) !important;color:#181611 !important;
    box-shadow:0 7px 18px rgba(218,164,48,.17),inset 0 1px 0 rgba(255,255,255,.34) !important;font-size:11px !important;font-weight:840 !important;white-space:nowrap !important;
  }

  .modal.card-details-modal .related-cards-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;overflow:visible !important;padding-bottom:0 !important;scroll-snap-type:none !important;}
  .modal.card-details-modal .related-cards-grid > *{min-width:0 !important;width:auto !important;flex:none !important;}
  .modal.card-details-modal .related-card{min-width:0 !important;border-radius:11px !important;}
  .modal.card-details-modal .related-card-image-wrap{height:clamp(145px,43vw,205px) !important;min-height:0 !important;}
  .modal.card-details-modal .related-card-image-wrap img{width:100% !important;height:100% !important;object-fit:contain !important;}
  .modal.card-details-modal .related-card-info{padding:8px !important;}
  .modal.card-details-modal .related-card-name{min-height:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;font-size:9.5px !important;line-height:1.25 !important;}
  .modal.card-details-modal .related-card-code{margin-top:5px !important;font-size:8.5px !important;}
  .modal.card-details-modal .related-card-meta{margin-top:5px !important;gap:4px !important;}
  .modal.card-details-modal .related-card-meta span{padding:2px 5px !important;font-size:7.5px !important;}

  .modal.card-details-modal .details-desktop-contact-socials{display:none !important;}

  body.light-mode .modal.card-details-modal .detail-purchase-panel{border-color:rgba(148,107,24,.22) !important;background:linear-gradient(145deg,#fbf7ed,#fff) !important;}
  body.light-mode .modal.card-details-modal .detail-purchase-location{border-color:#ddd6ca !important;background:#fff !important;}
  body.light-mode .modal.card-details-modal .detail-purchase-location-icon{border-color:rgba(148,107,24,.20) !important;background:#f7f0df !important;}
  body.light-mode .modal.card-details-modal .detail-purchase-location strong{color:#292e33 !important;}
  body.light-mode .modal.card-details-modal .detail-purchase-location small{color:#737a80 !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser{border-color:rgba(148,107,24,.22) !important;background:rgba(255,255,255,.995) !important;box-shadow:0 22px 54px rgba(61,50,30,.22) !important;}
  body.light-mode .modal.card-details-modal .mobile-buy-close{border-color:#ded8ce !important;background:#f6f2ea !important;color:#61676d !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser > div:first-of-type strong{color:#292e33 !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser > div:first-of-type span{color:#697078 !important;}
  body.light-mode .modal.card-details-modal .detail-buy-chooser a{border-color:rgba(148,107,24,.18) !important;background:#fbf7ee !important;}
  body.light-mode .modal.card-details-modal .mobile-buy-sticky{border-color:rgba(148,107,24,.22) !important;background:rgba(255,255,255,.965) !important;box-shadow:0 15px 38px rgba(61,50,30,.18),inset 0 1px 0 rgba(255,255,255,.8) !important;}
  body.light-mode .modal.card-details-modal .mobile-buy-sticky-copy > span{color:#176f68 !important;}
  body.light-mode .modal.card-details-modal .mobile-buy-sticky-price .detail-price-primary{color:#8b6416 !important;}
}

@media (max-width:420px){
  .modal.card-details-modal .mobile-buy-sticky{left:6px !important;right:6px !important;grid-template-columns:minmax(0,1fr) auto !important;}
  .modal.card-details-modal .mobile-buy-sticky-button{padding-left:11px !important;padding-right:11px !important;font-size:10.5px !important;}
}

/* ==========================================================
   V129 BETA — MOBILE CONTACT CTA RELIABILITY FIX
   Keep the contact sheet visible for both native summary taps and
   the sticky Contact to Buy action. Desktop remains unchanged.
   ========================================================== */
@media (max-width:899px){
  .modal.card-details-modal .detail-buy-cta.mobile-buy-force-open > .mobile-buy-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:918 !important;
    display:block !important;
    width:100vw !important;
    height:100vh !important;
    padding:0 !important;
    border:0 !important;
    background:rgba(0,0,0,.56) !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }

  .modal.card-details-modal .detail-buy-cta.mobile-buy-force-open > .detail-buy-chooser{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .modal.card-details-modal .mobile-buy-sticky-button{
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}


/* ==========================================================
   V131 BETA — SINGLE MOBILE CONTACT FLOW
   The fixed footer and inline purchase CTA both open one global
   contact sheet owned by enhancement-2.js. No competing handlers.
   ========================================================== */
@media (max-width:800px){
  #mobileDetailCta{
    pointer-events:auto !important;
    z-index:1600 !important;
  }

  #mobileDetailCta .mobile-detail-cta-action{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    background:linear-gradient(180deg,#e9bc4f,#dca632) !important;
    border:1px solid #d5a735 !important;
    color:#181611 !important;
    font-weight:820 !important;
    box-shadow:0 7px 18px rgba(218,164,48,.17),inset 0 1px 0 rgba(255,255,255,.34) !important;
  }

  #mobileDetailCta .mobile-detail-cta-action:active{
    transform:translateY(1px) !important;
  }

  /* The inline summary is another trigger, not a second mobile chooser. */
  .modal.card-details-modal .detail-buy-cta > .detail-buy-chooser,
  .modal.card-details-modal .detail-buy-cta > .mobile-buy-backdrop,
  .modal.card-details-modal .detail-buy-cta > .mobile-buy-close{
    display:none !important;
  }

  .interest-contact-overlay{
    pointer-events:auto !important;
    z-index:2200 !important;
  }
  .interest-contact-overlay[hidden]{display:none !important;}
  .interest-contact-sheet,
  .interest-contact-option,
  .interest-contact-close{
    pointer-events:auto !important;
  }

  body.light-mode #mobileDetailCta .mobile-detail-cta-action{
    background:linear-gradient(180deg,#e5b84a,#d7a130) !important;
    color:#181611 !important;
  }
}


/* ==========================================================
   V134 PRODUCTION — DESKTOP HEADER / PAGE HIERARCHY CLEANUP
   Ported from the tested V133 beta.
   Desktop only:
   - primary nav uses uppercase labels
   - secondary navigation keeps normal capitalization
   - social strip removes "Follow" and gets larger typography
   - repeated page-level .page-head blocks are hidden
   - centered brand mark is enlarged
   Mobile remains unchanged.
   ========================================================== */
@media (min-width:1180px){
  :root{
    --premium-main-row-h:86px !important;
    --premium-social-row-h:34px !important;
    --premium-header-h:120px !important;
  }

  .sidebar{
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
  }

  .premium-desktop-nav,
  .premium-desktop-utilities,
  .sidebar-footer{
    height:var(--premium-main-row-h) !important;
  }

  /* Only the four primary desktop destinations are uppercase. */
  .premium-desktop-nav .premium-nav-side > a{
    text-transform:uppercase !important;
    font-size:12.5px !important;
    font-weight:720 !important;
    letter-spacing:.075em !important;
  }

  /* Secondary navigation intentionally remains normal case. */
  .premium-more-menu > a,
  .premium-more-toggle,
  .premium-social-strip > a{
    text-transform:none !important;
    letter-spacing:normal !important;
  }

  /* Larger, more prominent center brand mark. */
  .premium-desktop-nav{
    width:min(690px,calc(100vw - 500px)) !important;
    grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr) !important;
    gap:28px !important;
  }

  .premium-nav-home{
    width:86px !important;
    height:86px !important;
    min-height:86px !important;
  }

  .premium-nav-home img{
    width:82px !important;
    height:82px !important;
    filter:drop-shadow(0 5px 16px rgba(0,0,0,.48))
           drop-shadow(0 0 11px rgba(227,179,65,.18)) !important;
  }

  /* The social strip is now its own clearer secondary row. */
  .premium-social-strip{
    height:var(--premium-social-row-h) !important;
    gap:14px !important;
    padding:0 20px !important;
  }

  .premium-social-label{
    display:none !important;
  }

  .premium-social-strip > a{
    min-height:26px !important;
    padding:3px 10px 3px 7px !important;
    gap:7px !important;
    font-size:11.5px !important;
    font-weight:660 !important;
  }

  .premium-social-mark{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
    font-size:10px !important;
  }

  .premium-social-mark-facebook{
    font-size:11px !important;
  }

  /*
   The global desktop navigation already identifies the current page.
   Remove only the repeated page-level header block, not section headings,
   card headings, modal headings, filters, or owner tool section labels.
  */
  #view > .page-head{
    display:none !important;
  }

  #view > .page-head + *{
    margin-top:0 !important;
  }
}

@media (min-width:1180px) and (max-width:1299px){
  .premium-desktop-nav{
    width:min(620px,calc(100vw - 420px)) !important;
    grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr) !important;
    gap:20px !important;
  }

  .premium-nav-side{
    gap:12px !important;
  }

  .premium-desktop-nav .premium-nav-side > a{
    font-size:11.25px !important;
    letter-spacing:.055em !important;
  }

  .premium-nav-home{
    width:76px !important;
    height:76px !important;
    min-height:76px !important;
  }

  .premium-nav-home img{
    width:73px !important;
    height:73px !important;
  }

  .premium-social-strip{
    gap:8px !important;
  }

  .premium-social-strip > a{
    font-size:10.75px !important;
    padding-left:7px !important;
    padding-right:8px !important;
  }
}

@media (min-width:1500px){
  .premium-desktop-nav{
    width:min(740px,calc(100vw - 540px)) !important;
    grid-template-columns:minmax(0,1fr) 102px minmax(0,1fr) !important;
    gap:32px !important;
  }

  .premium-nav-home{
    width:94px !important;
    height:94px !important;
    min-height:94px !important;
  }

  .premium-nav-home img{
    width:90px !important;
    height:90px !important;
  }

  .premium-social-strip > a{
    font-size:12px !important;
  }
}

/* ==========================================================
   V135 PRODUCTION — QHD / 2K DESKTOP SCALE
   Preserve the focused centered storefront while making proper
   use of 2560x1440-class displays. Laptop/1080p behavior remains
   unchanged; larger canvases scale progressively.
   ========================================================== */

/* Large desktop: open the content canvas without going edge-to-edge. */
@media (min-width:1800px){
  :root{
    --site-content-max:1720px !important;
    --site-content-gutter:clamp(26px,1.8vw,38px) !important;
  }

  .premium-desktop-nav{
    width:min(790px,calc(100vw - 660px)) !important;
    grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) !important;
    gap:36px !important;
  }

  .premium-nav-side{gap:26px !important;}

  .premium-desktop-nav .premium-nav-side > a{
    font-size:13px !important;
    letter-spacing:.08em !important;
  }

  .premium-nav-home{
    width:104px !important;
    height:104px !important;
    min-height:104px !important;
  }

  .premium-nav-home img{
    width:100px !important;
    height:100px !important;
  }

  .premium-social-strip{
    gap:18px !important;
  }

  .premium-social-strip > a{
    font-size:12.5px !important;
    padding-left:10px !important;
    padding-right:12px !important;
  }

  .premium-social-mark{
    width:20px !important;
    height:20px !important;
    flex-basis:20px !important;
  }
}

/* QHD / 2K desktop: 1920px focused canvas inside a 2560px viewport. */
@media (min-width:2300px){
  :root{
    --site-content-max:1920px !important;
    --site-content-gutter:40px !important;
    --premium-main-row-h:94px !important;
    --premium-social-row-h:38px !important;
    --premium-header-h:132px !important;
  }

  .sidebar{
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
  }

  .premium-desktop-nav,
  .premium-desktop-utilities,
  .sidebar-footer{
    height:var(--premium-main-row-h) !important;
  }

  .premium-desktop-nav{
    width:min(860px,calc(100vw - 760px)) !important;
    grid-template-columns:minmax(0,1fr) 124px minmax(0,1fr) !important;
    gap:40px !important;
  }

  .premium-nav-side{gap:30px !important;}

  .premium-desktop-nav .premium-nav-side > a{
    min-height:44px !important;
    font-size:13.75px !important;
    letter-spacing:.085em !important;
  }

  .premium-nav-home{
    width:116px !important;
    height:116px !important;
    min-height:116px !important;
  }

  .premium-nav-home img{
    width:112px !important;
    height:112px !important;
    filter:drop-shadow(0 6px 18px rgba(0,0,0,.48))
           drop-shadow(0 0 13px rgba(227,179,65,.20)) !important;
  }

  .premium-social-strip > a{
    min-height:29px !important;
    font-size:13.25px !important;
    gap:8px !important;
  }

  .premium-more-toggle,
  .sidebar-footer .theme-toggle{
    min-height:40px !important;
    font-size:11.75px !important;
  }

  /* Larger display gets a slightly roomier storefront grid. */
  .inventory-grid{
    gap:18px !important;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr)) !important;
  }

  .main > .page-social-footer{
    width:min(calc(100% - (var(--site-content-gutter) * 2)),calc(var(--site-content-max) - (var(--site-content-gutter) * 2))) !important;
    max-width:calc(var(--site-content-max) - (var(--site-content-gutter) * 2)) !important;
  }
}

/* Very wide screens: stop growing so the storefront remains focused. */
@media (min-width:3000px){
  :root{--site-content-max:2040px !important;}
}


/* ==========================================================
   V136 PRODUCTION — MORE MENU NAVIGATION CAPITALIZATION
   Keep social labels normal case; navigation inside More now
   matches the uppercase treatment of the primary desktop tabs.
   ========================================================== */
@media (min-width:1180px){
  .premium-more-menu > a{
    text-transform:uppercase !important;
    letter-spacing:.055em !important;
    font-weight:690 !important;
  }
}

/* ==========================================================
   V137 PRODUCTION — ZOOM-SAFE PREMIUM HEADER GEOMETRY
   Prevent the enlarged center logo from intruding into the
   social strip when browser zoom changes trigger larger desktop
   breakpoints. Each breakpoint now reserves enough row height
   for its logo size.
   ========================================================== */
@media (min-width:1180px){
  .premium-desktop-nav{
    top:0 !important;
    align-items:center !important;
  }

  .premium-nav-home{
    align-self:center !important;
    max-height:calc(var(--premium-main-row-h) - 8px) !important;
  }

  .premium-nav-home img{
    max-width:calc(var(--premium-main-row-h) - 12px) !important;
    max-height:calc(var(--premium-main-row-h) - 12px) !important;
  }

  .premium-social-strip{
    top:var(--premium-main-row-h) !important;
    bottom:auto !important;
  }
}

/* Large desktop / browser zoom-out can enter this breakpoint.
   Reserve a true 112px logo row + separate 36px social row. */
@media (min-width:1800px) and (max-width:2299px){
  :root{
    --premium-main-row-h:112px !important;
    --premium-social-row-h:36px !important;
    --premium-header-h:148px !important;
  }

  .sidebar{
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
  }

  .premium-desktop-nav,
  .premium-desktop-utilities,
  .sidebar-footer{
    height:var(--premium-main-row-h) !important;
  }

  .premium-nav-home{
    width:104px !important;
    height:104px !important;
    min-height:104px !important;
    max-height:104px !important;
  }

  .premium-nav-home img{
    width:100px !important;
    height:100px !important;
    max-width:100px !important;
    max-height:100px !important;
  }
}

/* QHD / 2K: the 112px logo gets its own 124px row. */
@media (min-width:2300px){
  :root{
    --premium-main-row-h:124px !important;
    --premium-social-row-h:40px !important;
    --premium-header-h:164px !important;
  }

  .sidebar{
    height:var(--premium-header-h) !important;
    min-height:var(--premium-header-h) !important;
  }

  .premium-desktop-nav,
  .premium-desktop-utilities,
  .sidebar-footer{
    height:var(--premium-main-row-h) !important;
  }

  .premium-nav-home{
    width:116px !important;
    height:116px !important;
    min-height:116px !important;
    max-height:116px !important;
  }

  .premium-nav-home img{
    width:112px !important;
    height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
  }
}
\n\n/* ==========================================================\n   V139 BETA — RESPONSIVE DESKTOP FILTER TOOLBAR\n   - one visible desktop search only\n   - restore Currency beside Filters after page-head removal\n   - larger scalable filter typography for laptop, 2K and zoom-out\n   - mobile filter UI remains unchanged\n   ========================================================== */\n@media (min-width:801px){\n  /* The toolbar search is the desktop source-of-truth mirror; do not show\n     the legacy duplicate search again inside the expanded filter surface. */\n  .filter-drawer-shell:not(.desktop-collapsed) .filter-row > .inventory-search-wrap{\n    display:none !important;\n  }\n\n  .desktop-filter-toggle-actions{\n    flex-wrap:wrap !important;\n    gap:clamp(9px,.65vw,14px) !important;\n  }\n\n  .desktop-inline-search{\n    flex:1 1 clamp(360px,34vw,680px) !important;\n    min-width:min(100%,280px) !important;\n    max-width:760px !important;\n  }\n\n  .desktop-inline-search input{\n    min-height:clamp(46px,3.15vw,54px) !important;\n    padding:10px 44px 10px 15px !important;\n    font-size:clamp(13px,.92vw,15px) !important;\n    border-radius:12px !important;\n  }\n\n  .desktop-filter-toggle-btn{\n    min-height:clamp(46px,3.15vw,54px) !important;\n    padding:9px clamp(13px,1vw,18px) !important;\n    gap:clamp(7px,.55vw,10px) !important;\n    font-size:clamp(12px,.82vw,14px) !important;\n    border-radius:12px !important;\n  }\n\n  .desktop-filter-toggle-summary{\n    font-size:clamp(10px,.68vw,12px) !important;\n  }\n\n  .desktop-filter-toggle-btn .filter-count-badge{\n    min-width:22px !important;\n    height:22px !important;\n    font-size:10px !important;\n  }\n\n  .desktop-listing-currency-control{\n    min-height:clamp(46px,3.15vw,54px) !important;\n    padding:6px 7px 6px clamp(11px,.85vw,15px) !important;\n    display:inline-flex !important;\n    align-items:center !important;\n    gap:clamp(7px,.5vw,10px) !important;\n    border:1px solid rgba(255,255,255,.075) !important;\n    border-radius:12px !important;\n    background:rgba(255,255,255,.018) !important;\n    color:var(--text-muted) !important;\n    white-space:nowrap !important;\n    box-sizing:border-box !important;\n  }\n\n  .desktop-listing-currency-control > span{\n    font-size:clamp(11px,.76vw,13px) !important;\n    font-weight:700 !important;\n  }\n\n  .desktop-listing-currency-control select{\n    min-height:34px !important;\n    padding:5px 28px 5px 10px !important;\n    border:1px solid rgba(255,255,255,.075) !important;\n    border-radius:9px !important;\n    background:var(--surface-2) !important;\n    color:var(--text) !important;\n    font:inherit !important;\n    font-size:clamp(12px,.82vw,14px) !important;\n    font-weight:720 !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed){\n    padding:clamp(16px,1.05vw,22px) !important;\n    border-radius:16px !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) > .filter-drawer-head{\n    margin-bottom:clamp(12px,.85vw,17px) !important;\n    padding-bottom:clamp(11px,.75vw,15px) !important;\n  }\n\n  .filter-drawer-head strong{\n    font-size:clamp(13px,.9vw,16px) !important;\n  }\n  .filter-drawer-head span{\n    font-size:clamp(10.5px,.72vw,13px) !important;\n  }\n  .clear-all-filters-btn{\n    min-height:36px !important;\n    padding:7px 11px !important;\n    font-size:clamp(10.5px,.72vw,13px) !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) .filter-row{\n    display:grid !important;\n    grid-template-columns:repeat(auto-fit,minmax(clamp(180px,12vw,245px),1fr)) !important;\n    gap:clamp(10px,.72vw,15px) !important;\n    align-items:stretch !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) .filter-row > .overview-select,\n  .filter-drawer-shell:not(.desktop-collapsed) .filter-row > .price-range-filter{\n    width:100% !important;\n    min-width:0 !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) .overview-select-btn{\n    min-height:clamp(46px,3.05vw,54px) !important;\n    padding:10px clamp(12px,.88vw,16px) !important;\n    gap:12px !important;\n    border-radius:10px !important;\n    font-size:clamp(12px,.82vw,14.5px) !important;\n    font-weight:620 !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) .overview-select-menu{\n    font-size:clamp(12px,.8vw,14px) !important;\n  }\n  .filter-drawer-shell:not(.desktop-collapsed) .overview-select-menu button{\n    min-height:40px !important;\n    padding:8px 11px !important;\n    font-size:clamp(11.5px,.78vw,14px) !important;\n  }\n\n  .filter-drawer-shell:not(.desktop-collapsed) .price-range-filter{\n    min-height:clamp(46px,3.05vw,54px) !important;\n    padding:6px 9px !important;\n    gap:7px !important;\n    border-radius:10px !important;\n  }\n  .filter-drawer-shell:not(.desktop-collapsed) .price-range-label{\n    font-size:clamp(10px,.68vw,12px) !important;\n    white-space:nowrap !important;\n  }\n  .filter-drawer-shell:not(.desktop-collapsed) .price-range-filter input{\n    min-width:0 !important;\n    width:clamp(68px,5.5vw,105px) !important;\n    min-height:34px !important;\n    padding:6px 8px !important;\n    font-size:clamp(11.5px,.78vw,14px) !important;\n  }\n\n  .grade-shortcuts-label{\n    font-size:clamp(10.5px,.72vw,13px) !important;\n  }\n  .grade-shortcuts button{\n    min-height:34px !important;\n    padding:6px 10px !important;\n    font-size:clamp(10.5px,.72vw,13px) !important;\n  }\n\n  .listing-filter-tools .desktop-quick-filters-toggle{\n    min-height:clamp(42px,2.8vw,50px) !important;\n    padding:8px 12px !important;\n  }\n  .desktop-quick-filters-toggle-title{\n    font-size:clamp(11.5px,.78vw,14px) !important;\n  }\n  .desktop-quick-filters-active{\n    min-height:23px !important;\n    padding:3px 8px !important;\n    font-size:clamp(10.5px,.7vw,12.5px) !important;\n  }\n  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{\n    min-height:clamp(34px,2.3vw,42px) !important;\n    padding:6px 11px !important;\n    font-size:clamp(11px,.75vw,13.5px) !important;\n  }\n\n  .listing-filter-tools .inventory-result-count,\n  .listing-filter-tools .inventory-recent-link,\n  .listing-filter-tools .listing-per-page-control,\n  .listing-filter-tools .copy-filter-link-btn,\n  .listing-filter-tools .desktop-compact-view-toggle{\n    font-size:clamp(11.5px,.78vw,14px) !important;\n  }\n\n  body.light-mode .desktop-listing-currency-control{\n    border-color:#d8d2c7 !important;\n    background:rgba(255,255,255,.82) !important;\n    color:#666d73 !important;\n  }\n  body.light-mode .desktop-listing-currency-control select{\n    border-color:#d8d2c7 !important;\n    background:#fff !important;\n    color:#2c3136 !important;\n  }\n}\n\n/* Large/QHD and zoomed-out desktop: deliberately step the controls up again. */\n@media (min-width:1800px){\n  .desktop-inline-search input,\n  .desktop-filter-toggle-btn,\n  .desktop-listing-currency-control{\n    min-height:54px !important;\n  }\n  .desktop-inline-search input{font-size:15px !important;}\n  .desktop-filter-toggle-btn{font-size:14px !important;}\n  .desktop-listing-currency-control > span,\n  .desktop-listing-currency-control select{font-size:13.5px !important;}\n  .filter-drawer-shell:not(.desktop-collapsed) .overview-select-btn{\n    min-height:52px !important;\n    font-size:14px !important;\n  }\n}\n\n@media (min-width:2300px){\n  .desktop-inline-search input,\n  .desktop-filter-toggle-btn,\n  .desktop-listing-currency-control{\n    min-height:58px !important;\n  }\n  .desktop-inline-search input{font-size:16px !important;}\n  .desktop-filter-toggle-btn{font-size:15px !important;}\n  .desktop-listing-currency-control > span,\n  .desktop-listing-currency-control select{font-size:14.5px !important;}\n  .filter-drawer-shell:not(.desktop-collapsed) .overview-select-btn{\n    min-height:56px !important;\n    font-size:15px !important;\n  }\n  .filter-drawer-head strong{font-size:17px !important;}\n  .filter-drawer-head span,\n  .clear-all-filters-btn{font-size:13px !important;}\n}\n

/* ==========================================================
   V140 BETA — DESKTOP FILTER TOOLBAR CAPITALIZATION
   Capitalize labels/control chrome only. User-entered search text,
   selected values, prices and option values remain normal case.
   ========================================================== */
@media (min-width:1180px){
  /* Main toolbar labels/buttons */
  .inventory-search-filter-row .filter-toggle,
  .inventory-search-filter-row .currency-preference-control label,
  .inventory-search-filter-row .currency-preference-control .label,
  .inventory-search-filter-row .currency-preference-control > span,
  .inventory-search-filter-row .currency-preference-control select,
  .desktop-filter-panel .filter-section-title,
  .desktop-filter-panel .filter-label,
  .desktop-filter-panel label,
  .desktop-filter-panel .clear-filters,
  .desktop-filter-panel .clear-all,
  .desktop-filter-panel button,
  .desktop-quick-filters .quick-filter-pill,
  .desktop-quick-filters button{
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
  }

  /* Keep user/query/value text readable and natural. */
  .inventory-search-filter-row input[type="search"],
  .inventory-search-filter-row input[type="text"],
  .desktop-filter-panel input,
  .desktop-filter-panel select option,
  .desktop-filter-panel .price-range-label,
  .desktop-filter-panel .filter-value,
  .desktop-filter-panel .selected-value{
    text-transform:none !important;
    letter-spacing:normal !important;
  }
}

/* ==========================================================
   V141 BETA — VERIFIED DESKTOP FILTER SYSTEM FIX
   Uses the actual current markup selectors from inventory/page.js.
   Desktop only; mobile remains unchanged.
   ========================================================== */
@media (min-width:801px){
  /* There is already a persistent desktop search above the filter drawer.
     Keep #search in the DOM as the filtering source-of-truth, but never render
     its duplicate visual field inside the expanded desktop drawer. */
  #filterDrawerShell .filter-row > .inventory-search-wrap{
    display:none !important;
  }

  /* ---------- MAIN FILTER / ACTION TOOLBAR ---------- */
  .desktop-filter-toggle-row,
  .listing-filter-tools{
    font-size:clamp(14px,.78vw,18px) !important;
  }

  .desktop-inline-search input{
    min-height:clamp(52px,3vw,64px) !important;
    padding:11px 48px 11px 17px !important;
    font-size:clamp(14px,.82vw,18px) !important;
    font-weight:620 !important;
  }

  .desktop-inline-search input::placeholder{
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
    font-size:inherit !important;
    font-weight:650 !important;
  }

  .desktop-filter-toggle-btn{
    min-height:clamp(52px,3vw,64px) !important;
    padding:10px clamp(16px,1vw,22px) !important;
    gap:clamp(8px,.55vw,12px) !important;
    font-size:clamp(14px,.8vw,18px) !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.055em !important;
  }

  .desktop-filter-toggle-summary{
    font-size:clamp(11px,.64vw,14px) !important;
    font-weight:680 !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
  }

  /* Currency now visually belongs to the same toolbar. */
  .desktop-listing-currency-control{
    min-height:clamp(52px,3vw,64px) !important;
    padding:6px 7px 6px clamp(14px,.9vw,19px) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(9px,.6vw,13px) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),var(--surface) !important;
    box-shadow:0 5px 18px rgba(0,0,0,.10) !important;
    color:#c9cbd1 !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    text-transform:uppercase !important;
  }

  .desktop-listing-currency-control > span{
    color:#b8bbc3 !important;
    font-size:clamp(13px,.74vw,17px) !important;
    font-weight:800 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
  }

  .desktop-listing-currency-control select{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:78px !important;
    min-height:clamp(38px,2.25vw,46px) !important;
    padding:7px 31px 7px 12px !important;
    border:1px solid rgba(227,179,65,.24) !important;
    border-radius:9px !important;
    background:
      linear-gradient(45deg,transparent 50%,#b8a15f 50%) calc(100% - 15px) 50%/5px 5px no-repeat,
      linear-gradient(135deg,#b8a15f 50%,transparent 50%) calc(100% - 11px) 50%/5px 5px no-repeat,
      rgba(255,255,255,.025) !important;
    color:#f0c65b !important;
    font-family:inherit !important;
    font-size:clamp(13px,.76vw,17px) !important;
    font-weight:820 !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    box-shadow:none !important;
  }

  .desktop-listing-currency-control select:focus-visible{
    outline:none !important;
    border-color:rgba(227,179,65,.52) !important;
    box-shadow:0 0 0 3px rgba(227,179,65,.075) !important;
  }

  /* ---------- TOP QUICK FILTER / ACTION ROW ---------- */
  .listing-filter-tools button,
  .listing-filter-tools a,
  .desktop-filter-add-card{
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  .listing-filter-tools .quick-filter,
  .listing-filter-tools .desktop-quick-filters-toggle,
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .desktop-compact-view-toggle,
  .desktop-filter-add-card{
    font-size:clamp(13px,.74vw,17px) !important;
    font-weight:740 !important;
  }

  .listing-filter-tools .quick-filter{
    min-height:clamp(38px,2.15vw,46px) !important;
    padding:7px clamp(11px,.72vw,16px) !important;
  }

  /* ---------- EXPANDED FILTER DRAWER ---------- */
  #filterDrawerShell:not(.desktop-collapsed){
    padding:clamp(18px,1.15vw,27px) !important;
    border-radius:16px !important;
  }

  #filterDrawerShell .filter-drawer-head strong,
  #filterDrawerShell .filter-drawer-head span,
  #filterDrawerShell .filter-drawer-head button,
  #filterDrawerShell .overview-select-btn,
  #filterDrawerShell .overview-select-btn span,
  #filterDrawerShell .overview-select-menu button,
  #filterDrawerShell .price-range-label,
  #filterDrawerShell .grade-shortcuts-label,
  #filterDrawerShell .grade-shortcuts button,
  #filterDrawerShell .filter-drawer-footer strong,
  #filterDrawerShell .filter-drawer-footer span,
  #filterDrawerShell .filter-drawer-footer button,
  #filterDrawerShell .btn-primary.owner-only{
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  #filterDrawerShell .filter-drawer-head strong{
    font-size:clamp(15px,.9vw,20px) !important;
    font-weight:820 !important;
  }

  #filterDrawerShell .filter-drawer-head span{
    font-size:clamp(12px,.68vw,15px) !important;
    font-weight:650 !important;
  }

  #filterDrawerShell .clear-all-filters-btn{
    min-height:clamp(38px,2.15vw,46px) !important;
    padding:7px 13px !important;
    font-size:clamp(12px,.7vw,15px) !important;
    font-weight:760 !important;
  }

  #filterDrawerShell:not(.desktop-collapsed) .filter-row{
    grid-template-columns:repeat(auto-fit,minmax(clamp(205px,12.5vw,285px),1fr)) !important;
    gap:clamp(12px,.75vw,18px) !important;
  }

  #filterDrawerShell .overview-select-btn{
    min-height:clamp(52px,3vw,64px) !important;
    padding:10px clamp(14px,.9vw,19px) !important;
    font-size:clamp(14px,.82vw,18px) !important;
    font-weight:720 !important;
    border-radius:11px !important;
  }

  #filterDrawerShell .overview-select-btn span{
    font-size:inherit !important;
    font-weight:inherit !important;
  }

  #filterDrawerShell .overview-select-menu button{
    min-height:clamp(42px,2.35vw,50px) !important;
    padding:8px 12px !important;
    font-size:clamp(13px,.76vw,17px) !important;
    font-weight:650 !important;
  }

  #filterDrawerShell .price-range-filter{
    min-height:clamp(52px,3vw,64px) !important;
    padding:7px 10px !important;
    gap:8px !important;
  }

  #filterDrawerShell .price-range-label{
    font-size:clamp(11px,.66vw,14px) !important;
    font-weight:760 !important;
  }

  #filterDrawerShell .price-range-filter input{
    min-height:38px !important;
    font-size:clamp(13px,.76vw,17px) !important;
    font-weight:650 !important;
  }

  #filterDrawerShell .price-range-filter input::placeholder{
    text-transform:uppercase !important;
  }

  #filterDrawerShell .grade-shortcuts-label{
    font-size:clamp(12px,.68vw,15px) !important;
    font-weight:780 !important;
  }

  #filterDrawerShell .grade-shortcuts button{
    min-height:clamp(36px,2vw,44px) !important;
    padding:6px 11px !important;
    font-size:clamp(11.5px,.68vw,15px) !important;
    font-weight:700 !important;
  }

  #filterDrawerShell .btn-primary.owner-only{
    min-height:clamp(46px,2.7vw,56px) !important;
    padding:9px 16px !important;
    font-size:clamp(13px,.76vw,17px) !important;
    font-weight:820 !important;
  }

  /* Light mode: remove native-looking white select treatment. */
  body.light-mode .desktop-listing-currency-control{
    border-color:#d5cec2 !important;
    background:linear-gradient(180deg,#fff,#f7f3eb) !important;
    color:#454b51 !important;
    box-shadow:0 5px 17px rgba(61,50,30,.08) !important;
  }

  body.light-mode .desktop-listing-currency-control > span{
    color:#565d63 !important;
  }

  body.light-mode .desktop-listing-currency-control select{
    border-color:rgba(148,107,24,.26) !important;
    background:
      linear-gradient(45deg,transparent 50%,#8c691d 50%) calc(100% - 15px) 50%/5px 5px no-repeat,
      linear-gradient(135deg,#8c691d 50%,transparent 50%) calc(100% - 11px) 50%/5px 5px no-repeat,
      #fbf7ed !important;
    color:#805b15 !important;
  }
}

/* 2K / zoom-out compensation. Browser zoom-out raises the effective CSS
   viewport width, so these steps counter the visual shrink deliberately. */
@media (min-width:1800px){
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control{
    min-height:60px !important;
  }
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control > span,
  .desktop-listing-currency-control select,
  #filterDrawerShell .overview-select-btn{
    font-size:16px !important;
  }
  .listing-filter-tools .quick-filter,
  .listing-filter-tools .desktop-quick-filters-toggle,
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .desktop-compact-view-toggle,
  .desktop-filter-add-card{
    font-size:15px !important;
  }
}

@media (min-width:2300px){
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control{
    min-height:66px !important;
  }
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control > span,
  .desktop-listing-currency-control select,
  #filterDrawerShell .overview-select-btn{
    font-size:18px !important;
  }
  #filterDrawerShell .filter-drawer-head strong{font-size:20px !important;}
  #filterDrawerShell .filter-drawer-head span,
  #filterDrawerShell .clear-all-filters-btn{font-size:15px !important;}
  .listing-filter-tools .quick-filter,
  .listing-filter-tools .desktop-quick-filters-toggle,
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .desktop-compact-view-toggle,
  .desktop-filter-add-card{
    font-size:16px !important;
  }
}

/* ==========================================================
   V142 BETA — ZOOM-STABLE DESKTOP INVENTORY TOOLBARS
   Use explicit grid geometry instead of free-form flex wrapping.
   Wide desktop keeps the same balanced structure at 100% that
   previously only appeared around 90% browser zoom.
   ========================================================== */
@media (min-width:1180px){
  /* Top listing controls: categories | result context | actions. */
  .listing-filter-tools{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(420px,max-content) max-content minmax(0,1fr) !important;
    grid-template-areas:"categories context actions" !important;
    align-items:center !important;
    column-gap:clamp(14px,1vw,22px) !important;
    row-gap:12px !important;
    margin-bottom:14px !important;
  }

  .listing-filter-tools .desktop-category-filter-block{
    display:contents !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible{
    grid-area:categories !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:clamp(7px,.5vw,11px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .listing-filter-tools .quick-filter{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    grid-area:context !important;
    min-width:max-content !important;
    margin:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    justify-self:start !important;
  }

  .listing-filter-tools .inventory-display-tools{
    grid-area:actions !important;
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(8px,.55vw,12px) !important;
  }

  .listing-filter-tools .inventory-display-tools > *{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  /* Search row: search | filters | currency || add card. */
  .desktop-filter-toggle-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    align-items:stretch !important;
    gap:clamp(12px,.85vw,18px) !important;
  }

  .desktop-filter-toggle-actions{
    min-width:0 !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(360px,1fr) max-content max-content !important;
    align-items:stretch !important;
    gap:clamp(10px,.7vw,15px) !important;
  }

  .desktop-inline-search{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    flex:none !important;
  }

  .desktop-inline-search input{
    width:100% !important;
    box-sizing:border-box !important;
  }

  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-filter-add-card{
    align-self:stretch !important;
    height:auto !important;
    margin:0 !important;
  }
}

/* Mid-size desktop: intentional two-row composition, never random wrapping. */
@media (min-width:1180px) and (max-width:1699px){
  .listing-filter-tools{
    grid-template-columns:minmax(0,1fr) max-content !important;
    grid-template-areas:
      "categories context"
      "actions actions" !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  .listing-filter-tools .desktop-quick-filters-collapsible::-webkit-scrollbar{
    display:none !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    justify-self:end !important;
  }

  .listing-filter-tools .inventory-display-tools{
    justify-content:flex-end !important;
  }

  .desktop-filter-toggle-actions{
    grid-template-columns:minmax(300px,1fr) max-content max-content !important;
  }
}

/* Wide desktop / QHD: force the single-row composition seen at 90% zoom. */
@media (min-width:1700px){
  .listing-filter-tools{
    grid-template-columns:minmax(430px,max-content) max-content minmax(0,1fr) !important;
    grid-template-areas:"categories context actions" !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible{
    overflow:visible !important;
  }
}

/* 2K and zoomed-out desktop get a little extra breathing room without wrap. */
@media (min-width:2200px){
  .listing-filter-tools{
    grid-template-columns:minmax(500px,max-content) max-content minmax(0,1fr) !important;
    column-gap:clamp(18px,1vw,26px) !important;
  }

  .desktop-filter-toggle-actions{
    grid-template-columns:minmax(520px,1fr) max-content max-content !important;
  }
}


/* ==========================================================
   V143 BETA — DESKTOP ACTION ROW STANDARDIZATION
   Unify the top inventory action pills so Results / Recently Viewed /
   Compact View / Rearrange / Export / Copy Link feel like one system.
   ========================================================== */
@media (min-width:1180px){
  .inventory-filter-tools.listing-filter-tools{
    align-items:start !important;
  }

  .listing-filter-tools .inventory-toolbar-context,
  .listing-filter-tools .inventory-display-tools{
    gap:12px !important;
    align-items:center !important;
  }

  /* Shared pill geometry across the desktop action row */
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .listing-per-page-control{
    min-height:56px !important;
    border-radius:18px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    font-size:clamp(14px,.9vw,17px) !important;
    font-weight:700 !important;
    letter-spacing:.045em !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .listing-filter-tools .inventory-result-count{
    min-width:126px !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding-inline:18px !important;
  }

  .listing-filter-tools .inventory-result-count strong{
    font-size:inherit !important;
    line-height:1 !important;
  }

  .listing-filter-tools .inventory-recent-link{
    padding-inline:20px !important;
  }

  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    gap:10px !important;
    padding-inline:22px !important;
  }

  .listing-filter-tools .copy-filter-link-btn{
    min-width:286px !important;
  }

  .listing-filter-tools .collection-rearrange-btn{
    min-width:290px !important;
  }

  .listing-filter-tools .collection-export-collage-btn{
    min-width:266px !important;
  }

  .listing-filter-tools .desktop-compact-view-toggle{
    min-width:262px !important;
  }

  /* Clean icon rhythm for text buttons that include glyphs */
  .listing-filter-tools .desktop-compact-view-toggle::first-letter,
  .listing-filter-tools .collection-rearrange-btn::first-letter,
  .listing-filter-tools .collection-export-collage-btn::first-letter{
    letter-spacing:normal !important;
  }

  /* Recently viewed and result count should visually align with the action buttons */
  .listing-filter-tools .inventory-toolbar-context{
    min-height:56px !important;
  }
}

@media (min-width:1700px){
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .listing-per-page-control{
    min-height:60px !important;
    border-radius:19px !important;
    font-size:16px !important;
    padding-inline:22px !important;
  }

  .listing-filter-tools .inventory-result-count{
    min-width:138px !important;
  }
}

@media (min-width:2300px){
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .listing-per-page-control{
    min-height:64px !important;
    border-radius:20px !important;
    font-size:17px !important;
    padding-inline:24px !important;
  }
}

/* Keep widths flexible on intermediate desktop widths so the row can still
   wrap intentionally rather than overflow. */
@media (min-width:1180px) and (max-width:1699px){
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .desktop-compact-view-toggle{
    min-width:0 !important;
  }
}


/* ==========================================================
   V144 BETA — SINGLE-ROW RESPONSIVE DESKTOP TOOLBAR
   Keep categories + context + actions on one row at every
   desktop width. Controls shrink fluidly instead of wrapping.
   ========================================================== */
@media (min-width:1180px){
  .inventory-filter-tools.listing-filter-tools{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(250px,31vw) max-content minmax(0,1fr) !important;
    grid-template-areas:"categories context actions" !important;
    align-items:center !important;
    column-gap:clamp(8px,.7vw,16px) !important;
    row-gap:0 !important;
    overflow:visible !important;
  }

  .listing-filter-tools .desktop-category-filter-block{
    grid-area:categories !important;
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:clamp(5px,.42vw,9px) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible::-webkit-scrollbar{
    display:none !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    flex:0 0 auto !important;
    min-height:clamp(34px,2.35vw,42px) !important;
    padding-inline:clamp(8px,.65vw,13px) !important;
    font-size:clamp(10px,.68vw,13px) !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    grid-area:context !important;
    min-width:0 !important;
    width:auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:clamp(6px,.45vw,10px) !important;
    margin:0 !important;
  }

  .listing-filter-tools .inventory-display-tools{
    grid-area:actions !important;
    min-width:0 !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:clamp(6px,.5vw,10px) !important;
    margin:0 !important;
  }

  /* Unified geometry, deliberately smaller than V143. */
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    min-width:0 !important;
    width:auto !important;
    min-height:clamp(42px,2.75vw,50px) !important;
    height:auto !important;
    padding:0 clamp(9px,.72vw,15px) !important;
    border-radius:clamp(12px,.9vw,16px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(5px,.38vw,8px) !important;
    box-sizing:border-box !important;
    font-size:clamp(10px,.67vw,13px) !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .listing-filter-tools .inventory-result-count{
    justify-content:center !important;
    padding-inline:clamp(10px,.75vw,15px) !important;
  }

  .listing-filter-tools .inventory-result-count strong{
    font-size:inherit !important;
    line-height:1 !important;
  }

  .listing-filter-tools .inventory-recent-link{
    padding-inline:clamp(11px,.82vw,17px) !important;
  }

  .listing-filter-tools .inventory-display-tools > *{
    min-width:0 !important;
    width:100% !important;
    flex:none !important;
  }

  /* Override the V143 fixed minimums that caused the second row. */
  .listing-filter-tools .copy-filter-link-btn,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .desktop-compact-view-toggle{
    min-width:0 !important;
    max-width:none !important;
  }
}

/* Very tight desktop widths: keep the row, compact typography a bit more. */
@media (min-width:1180px) and (max-width:1399px){
  .inventory-filter-tools.listing-filter-tools{
    grid-template-columns:minmax(220px,28vw) max-content minmax(0,1fr) !important;
    column-gap:7px !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    gap:5px !important;
  }

  .listing-filter-tools .inventory-display-tools{
    gap:5px !important;
  }

  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    min-height:40px !important;
    padding-inline:8px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
    letter-spacing:.025em !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    min-height:32px !important;
    padding-inline:8px !important;
    font-size:9.5px !important;
  }
}

/* Standard 1440p / common desktop: balanced readable sizing. */
@media (min-width:1400px) and (max-width:2199px){
  .inventory-filter-tools.listing-filter-tools{
    grid-template-columns:minmax(300px,31vw) max-content minmax(0,1fr) !important;
  }

  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    font-size:clamp(10.5px,.64vw,12.5px) !important;
  }
}

/* QHD / 2K: slightly roomier, but no oversized V143 typography. */
@media (min-width:2200px){
  .inventory-filter-tools.listing-filter-tools{
    grid-template-columns:minmax(420px,30vw) max-content minmax(0,1fr) !important;
    column-gap:16px !important;
  }

  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    min-height:50px !important;
    padding-inline:16px !important;
    border-radius:16px !important;
    font-size:13px !important;
  }
}


/* ==========================================================
   V145 BETA — UNIFIED TOOLBAR TYPOGRAPHY + SIX-CARD GRID CAP
   Desktop filter row now uses the same type scale as the top
   action row. Inventory/listing grids use explicit responsive
   column counts with six cards as the absolute maximum.
   ========================================================== */

/* ---------- Desktop: unify the lower toolbar with V144 top row ---------- */
@media (min-width:1180px){
  .desktop-filter-toggle-row{
    align-items:center !important;
    gap:clamp(8px,.7vw,16px) !important;
  }

  .desktop-filter-toggle-actions{
    min-width:0 !important;
    flex:1 1 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:clamp(6px,.5vw,10px) !important;
  }

  .desktop-inline-search{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    flex:none !important;
  }

  /* Same primary typography scale as the V144 top toolbar. */
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-listing-currency-control > span,
  .desktop-listing-currency-control select,
  .desktop-filter-add-card{
    font-size:clamp(10px,.67vw,13px) !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
  }

  .desktop-inline-search input{
    min-height:clamp(42px,2.75vw,50px) !important;
    height:clamp(42px,2.75vw,50px) !important;
    padding:0 44px 0 clamp(13px,.9vw,18px) !important;
    border-radius:clamp(12px,.9vw,16px) !important;
  }

  .desktop-inline-search input::placeholder{
    font-size:inherit !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
  }

  .desktop-filter-toggle-btn{
    min-height:clamp(42px,2.75vw,50px) !important;
    height:clamp(42px,2.75vw,50px) !important;
    padding:0 clamp(11px,.8vw,16px) !important;
    border-radius:clamp(12px,.9vw,16px) !important;
    gap:clamp(5px,.38vw,8px) !important;
  }

  .desktop-filter-toggle-summary{
    font-size:clamp(9px,.58vw,11px) !important;
    font-weight:650 !important;
    letter-spacing:.025em !important;
  }

  .desktop-filter-toggle-icon,
  .desktop-filter-toggle-chevron{
    font-size:clamp(9px,.62vw,12px) !important;
  }

  .desktop-listing-currency-control{
    min-height:clamp(42px,2.75vw,50px) !important;
    height:clamp(42px,2.75vw,50px) !important;
    padding:0 6px 0 clamp(11px,.8vw,16px) !important;
    border-radius:clamp(12px,.9vw,16px) !important;
    gap:clamp(6px,.45vw,9px) !important;
  }

  .desktop-listing-currency-control > span{
    font-size:inherit !important;
  }

  .desktop-listing-currency-control select{
    min-height:calc(clamp(42px,2.75vw,50px) - 10px) !important;
    height:calc(clamp(42px,2.75vw,50px) - 10px) !important;
    padding:0 30px 0 11px !important;
    border-radius:10px !important;
    font-size:inherit !important;
  }

  .desktop-filter-add-card{
    min-height:clamp(42px,2.75vw,50px) !important;
    height:clamp(42px,2.75vw,50px) !important;
    padding:0 clamp(14px,1vw,20px) !important;
    border-radius:clamp(12px,.9vw,16px) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
}

/* Tight desktop: preserve the exact same hierarchy, just compress spacing. */
@media (min-width:1180px) and (max-width:1399px){
  .desktop-filter-toggle-actions{
    gap:5px !important;
  }

  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-listing-currency-control > span,
  .desktop-listing-currency-control select,
  .desktop-filter-add-card{
    font-size:9.5px !important;
    letter-spacing:.025em !important;
  }

  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-filter-add-card{
    min-height:40px !important;
    height:40px !important;
  }

  .desktop-listing-currency-control select{
    min-height:32px !important;
    height:32px !important;
  }

  .desktop-filter-toggle-summary{
    font-size:8.5px !important;
  }
}

/* QHD / 2K: readable, but still matched to the top toolbar. */
@media (min-width:2200px){
  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-listing-currency-control > span,
  .desktop-listing-currency-control select,
  .desktop-filter-add-card{
    font-size:13px !important;
  }

  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-filter-add-card{
    min-height:50px !important;
    height:50px !important;
  }

  .desktop-listing-currency-control select{
    min-height:40px !important;
    height:40px !important;
  }
}

/* ---------- Inventory/listing grid: explicit responsive columns ---------- */
/* Never let auto-fit/auto-fill create a seventh column when zooming out. */
@media (min-width:1440px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:clamp(12px,.8vw,18px) !important;
  }
}

@media (min-width:1200px) and (max-width:1439px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media (min-width:992px) and (max-width:1199px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:13px !important;
  }
}

@media (min-width:801px) and (max-width:991px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}

@media (min-width:481px) and (max-width:800px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:480px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:1fr !important;
  }
}


/* ==========================================================
   V146 BETA — CARD DETAILS FOREGROUND + OWNER-ONLY COLLAGE
   The premium sticky header must never cover Card Details.
   Collage export remains an owner tool only.
   ========================================================== */
@media (min-width:801px){
  /* The site header is z-index ~100. Card details must be a true modal above it. */
  #detailsOverlay{
    z-index:220 !important;
    padding:clamp(12px,1vw,20px) !important;
    align-items:center !important;
  }

  #detailsOverlay .modal.card-details-modal{
    max-height:calc(100dvh - clamp(24px,2vw,40px)) !important;
    margin:0 !important;
  }
}

/* Defense in depth: collage actions are not buyer-facing, even if a future
   rendering path accidentally emits them outside the normal owner condition. */
body:not(.owner-mode) .collection-export-collage-btn,
body:not(.owner-mode) #collectionExportCollageBtn,
body:not(.owner-mode) #inventoryExportCollageBtn,
body:not(.owner-mode) #collectionMobileCollageBtn,
body:not(.owner-mode) #inventoryMobileCollageBtn,
body.owner-buyer-preview .collection-export-collage-btn,
body.owner-buyer-preview #collectionExportCollageBtn,
body.owner-buyer-preview #inventoryExportCollageBtn,
body.owner-buyer-preview #collectionMobileCollageBtn,
body.owner-buyer-preview #inventoryMobileCollageBtn{
  display:none !important;
}


/* ==========================================================
   V147 BETA — WIDER SIDE GUTTERS + RIGHT-ALIGNED BUYER ACTIONS
   Give the storefront a more focused social/marketplace-style
   centered canvas while preserving the six-card desktop grid.
   Remove empty owner-control space in Buyer View.
   ========================================================== */

/* ---------- More intentional desktop side gutters ---------- */
@media (min-width:1180px) and (max-width:1799px){
  :root{
    --site-content-max:1360px !important;
    --site-content-gutter:clamp(20px,1.6vw,28px) !important;
  }
}

@media (min-width:1800px) and (max-width:2299px){
  :root{
    --site-content-max:1560px !important;
    --site-content-gutter:clamp(28px,1.7vw,36px) !important;
  }
}

@media (min-width:2300px) and (max-width:2999px){
  :root{
    --site-content-max:1760px !important;
    --site-content-gutter:40px !important;
  }
}

@media (min-width:3000px){
  :root{
    --site-content-max:1840px !important;
    --site-content-gutter:44px !important;
  }
}

/*
  V145 already hard-caps the card grid at six columns.
  Keep those six columns flexible inside the narrower focused canvas.
*/
@media (min-width:1440px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:clamp(10px,.68vw,16px) !important;
  }
}

/* ---------- Buyer/owner action alignment ---------- */
@media (min-width:1180px){
  /*
    Flex is better here than a fixed four-column grid because owner-only
    controls may be hidden in Buyer Preview. Hidden controls should not
    leave phantom columns behind.
  */
  .listing-filter-tools .inventory-display-tools{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(6px,.5vw,10px) !important;
    min-width:0 !important;
    width:100% !important;
  }

  .listing-filter-tools .inventory-display-tools > *{
    width:auto !important;
    min-width:0 !important;
    flex:0 1 auto !important;
  }

  /* Copy is always the final right-edge action. */
  .listing-filter-tools .copy-filter-link-btn{
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  /*
    Give the common buyer controls compact natural widths instead of
    stretching them into owner-only grid slots.
  */
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    padding-inline:clamp(10px,.72vw,16px) !important;
  }
}

/* On tighter desktop widths, allow labels to compress without wrapping. */
@media (min-width:1180px) and (max-width:1399px){
  .listing-filter-tools .inventory-display-tools{
    gap:5px !important;
  }

  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    padding-inline:8px !important;
  }
}


/* ==========================================================
   V148 BETA — RIGHT-ALIGN ENTIRE DESKTOP ACTION GROUP
   Categories stay left. Everything else in the top toolbar is
   grouped tightly together and anchored to the right edge.
   ========================================================== */
@media (min-width:1180px){
  .inventory-filter-tools.listing-filter-tools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"categories righttools" !important;
    align-items:center !important;
    column-gap:clamp(16px,1.2vw,28px) !important;
    width:100% !important;
  }

  .listing-filter-tools .desktop-category-filter-block{
    grid-area:categories !important;
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  /*
    Flatten the context + action wrappers so all buyer/owner controls behave
    like one continuous right-aligned group.
  */
  .listing-filter-tools .inventory-toolbar-context,
  .listing-filter-tools .inventory-display-tools{
    grid-area:righttools !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    justify-self:end !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:clamp(6px,.45vw,9px) !important;
    margin:0 !important;
    padding:0 !important;
  }

  .listing-filter-tools .inventory-display-tools{
    justify-self:end !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(6px,.45vw,9px) !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
  }

  /*
    Visually pull the action wrapper immediately after the context wrapper.
    Both occupy the same right-side track and are positioned as one toolbar.
  */
  .inventory-filter-tools.listing-filter-tools{
    position:relative !important;
  }

  .listing-filter-tools .inventory-toolbar-context{
    position:absolute !important;
    right:calc(var(--v148-actions-width, 0px) + clamp(6px,.45vw,9px)) !important;
  }

  .listing-filter-tools .inventory-display-tools{
    position:relative !important;
  }

  /*
    Use a single flex row by moving the context visually into the same line.
    Modern browsers support :has(); fallback below still keeps right alignment.
  */
  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools){
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:clamp(16px,1.2vw,28px) !important;
  }

  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools) .desktop-category-filter-block{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools) .inventory-toolbar-context,
  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools) .inventory-display-tools{
    position:static !important;
  }

  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools) .inventory-toolbar-context{
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  .inventory-filter-tools.listing-filter-tools:has(.inventory-display-tools) .inventory-display-tools{
    flex:0 0 auto !important;
  }

  /* Remove the V147 special margin from Copy; whole group handles alignment now. */
  .listing-filter-tools .copy-filter-link-btn{
    margin-left:0 !important;
  }

  /* Keep the whole right group compact and visually unified. */
  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    flex:0 0 auto !important;
    width:auto !important;
  }
}

/* Tighter desktop widths: shrink the right group proportionally, never split it. */
@media (min-width:1180px) and (max-width:1499px){
  .inventory-filter-tools.listing-filter-tools{
    gap:10px !important;
  }

  .listing-filter-tools .inventory-toolbar-context,
  .listing-filter-tools .inventory-display-tools{
    gap:5px !important;
  }

  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    padding-inline:7px !important;
    font-size:9px !important;
  }
}

/* Large/QHD desktops: restore comfortable spacing while keeping one right cluster. */
@media (min-width:2200px){
  .listing-filter-tools .inventory-toolbar-context,
  .listing-filter-tools .inventory-display-tools{
    gap:9px !important;
  }
}


/* ==========================================================
   V149 BETA — HEADER UTILITIES INSIDE CENTERED CANVAS
   Align More + Theme to the same right edge used by the
   storefront content instead of the browser viewport edge.
   ========================================================== */
@media (min-width:1180px){
  :root{
    /*
      The page content sits inside --site-content-max and then uses
      --site-content-gutter internally. This resolves the true inner
      right edge of that same canvas at every desktop width.
    */
    --desktop-canvas-right:
      max(
        var(--site-content-gutter),
        calc(((100vw - var(--site-content-max)) / 2) + var(--site-content-gutter))
      );
    --desktop-theme-width:92px;
    --desktop-utility-gap:8px;
  }

  /* Theme button anchors directly to the inner right canvas edge. */
  .sidebar-footer{
    right:var(--desktop-canvas-right) !important;
  }

  .sidebar-footer .theme-toggle{
    width:var(--desktop-theme-width) !important;
    min-width:var(--desktop-theme-width) !important;
    max-width:var(--desktop-theme-width) !important;
  }

  /* More sits immediately to the left of Theme as one compact cluster. */
  .premium-desktop-utilities{
    right:calc(
      var(--desktop-canvas-right) +
      var(--desktop-theme-width) +
      var(--desktop-utility-gap)
    ) !important;
  }

  .premium-more-toggle{
    min-width:78px !important;
  }

  /* Keep the dropdown aligned to the More button/canvas cluster. */
  .premium-more-menu{
    right:0 !important;
  }
}

/* Slightly tighter cluster on laptop-width desktop. */
@media (min-width:1180px) and (max-width:1399px){
  :root{
    --desktop-theme-width:84px;
    --desktop-utility-gap:6px;
  }

  .premium-more-toggle{
    min-width:70px !important;
  }
}

/* Slightly roomier utility controls on QHD / 2K. */
@media (min-width:2200px){
  :root{
    --desktop-theme-width:98px;
    --desktop-utility-gap:10px;
  }

  .premium-more-toggle{
    min-width:82px !important;
  }
}


/* ==========================================================
   V150 BETA — FULL-WIDTH SEARCH / FILTER / CURRENCY ROW
   Search absorbs all remaining width so the row always fills
   the centered canvas exactly. Owner Add Card remains appended
   at the far right when visible.
   ========================================================== */
@media (min-width:1180px){
  .desktop-filter-toggle-row{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:clamp(8px,.65vw,12px) !important;
  }

  .desktop-filter-toggle-actions{
    min-width:0 !important;
    width:100% !important;
    flex:1 1 0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content max-content !important;
    align-items:stretch !important;
    gap:clamp(8px,.65vw,12px) !important;
  }

  .desktop-inline-search{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    flex:none !important;
  }

  .desktop-inline-search input{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control{
    width:auto !important;
    min-width:max-content !important;
    flex:none !important;
  }

  /* Owner-only Add Card appends to the same full-width row without
     stealing unused space from the Search field. */
  .desktop-filter-add-card{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
  }
}

/* Keep the same edge-to-edge behavior at tighter desktop widths. */
@media (min-width:1180px) and (max-width:1399px){
  .desktop-filter-toggle-row,
  .desktop-filter-toggle-actions{
    gap:6px !important;
  }
}

/* QHD / 2K gets slightly more breathing room while remaining full width. */
@media (min-width:2200px){
  .desktop-filter-toggle-row,
  .desktop-filter-toggle-actions{
    gap:12px !important;
  }
}

/* ==========================================================
   V152 PRODUCTION — SHOW PER PAGE CONTROL STANDARDIZATION
   Keep the sold/reserved desktop page-size control visually in the
   same premium button family as the rest of the action row.
   ========================================================== */
@media (min-width:1180px){
  .listing-filter-tools .listing-per-page-control{
    width:clamp(220px,15vw,248px) !important;
    min-width:clamp(220px,15vw,248px) !important;
    max-width:clamp(220px,15vw,248px) !important;
    min-height:56px !important;
    padding:0 12px 0 18px !important;
    gap:10px !important;
    justify-content:space-between !important;
  }

  .listing-filter-tools .listing-per-page-control > span{
    font-size:clamp(13px,.82vw,15px) !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
    color:inherit !important;
  }

  .listing-filter-tools .listing-per-page-control > span:first-child,
  .listing-filter-tools .listing-per-page-control > span:last-child{
    flex:0 0 auto !important;
  }

  .listing-filter-tools .listing-per-page-control select{
    flex:0 0 auto !important;
    width:88px !important;
    min-width:88px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 32px 0 12px !important;
    border-radius:12px !important;
    font-size:clamp(13px,.82vw,15px) !important;
    font-weight:800 !important;
    text-align:center !important;
  }
}

@media (min-width:1700px){
  .listing-filter-tools .listing-per-page-control{
    width:252px !important;
    min-width:252px !important;
    max-width:252px !important;
    min-height:60px !important;
  }

  .listing-filter-tools .listing-per-page-control select{
    height:42px !important;
    min-height:42px !important;
    width:92px !important;
    min-width:92px !important;
  }
}

@media (min-width:2300px){
  .listing-filter-tools .listing-per-page-control{
    width:264px !important;
    min-width:264px !important;
    max-width:264px !important;
    min-height:64px !important;
  }

  .listing-filter-tools .listing-per-page-control select{
    height:44px !important;
    min-height:44px !important;
    width:96px !important;
    min-width:96px !important;
  }
}

body.light-mode .listing-filter-tools .listing-per-page-control select{
  background:#fff !important;
  border-color:#d8d2c7 !important;
  color:#2c3136 !important;
}


/* ==========================================================
   V153 PRODUCTION — DESKTOP TOOLBAR CONSISTENCY PASS
   One visual system for listing toolbar controls across
   Inventory / Sold / Reserved / Collection.
   Category pills remain intentionally smaller.
   ========================================================== */
@media (min-width:1180px){
  :root{
    --listing-toolbar-h:clamp(42px,2.75vw,50px);
    --listing-toolbar-radius:clamp(12px,.9vw,16px);
    --listing-toolbar-font:clamp(10px,.67vw,13px);
    --listing-toolbar-gap:clamp(6px,.45vw,9px);
    --listing-toolbar-pad:clamp(10px,.72vw,16px);
  }

  /* ---------- Top context/action row ---------- */
  .listing-filter-tools .inventory-toolbar-context,
  .listing-filter-tools .inventory-display-tools{
    gap:var(--listing-toolbar-gap) !important;
    align-items:center !important;
  }

  .listing-filter-tools .inventory-result-count,
  .listing-filter-tools .inventory-recent-link,
  .listing-filter-tools .listing-per-page-control,
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn,
  .listing-filter-tools .copy-filter-link-btn{
    min-height:var(--listing-toolbar-h) !important;
    height:var(--listing-toolbar-h) !important;
    border-radius:var(--listing-toolbar-radius) !important;
    padding:0 var(--listing-toolbar-pad) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    font-size:var(--listing-toolbar-font) !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .listing-filter-tools .inventory-result-count{
    min-width:0 !important;
    gap:6px !important;
  }

  .listing-filter-tools .inventory-result-count strong{
    font-size:inherit !important;
    line-height:1 !important;
  }

  /* Show-per-page now behaves like a normal toolbar control,
     not a larger panel. */
  .listing-filter-tools .listing-per-page-control{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    gap:8px !important;
    padding-left:var(--listing-toolbar-pad) !important;
    padding-right:6px !important;
  }

  .listing-filter-tools .listing-per-page-control > span{
    font-size:inherit !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    color:inherit !important;
  }

  .listing-filter-tools .listing-per-page-control select{
    width:clamp(66px,4.7vw,78px) !important;
    min-width:clamp(66px,4.7vw,78px) !important;
    height:calc(var(--listing-toolbar-h) - 10px) !important;
    min-height:calc(var(--listing-toolbar-h) - 10px) !important;
    padding:0 27px 0 9px !important;
    border-radius:calc(var(--listing-toolbar-radius) - 3px) !important;
    font-size:inherit !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
  }

  /* Common action icons should not visually change the button height. */
  .listing-filter-tools .desktop-compact-view-toggle,
  .listing-filter-tools .collection-rearrange-btn,
  .listing-filter-tools .collection-export-collage-btn{
    gap:7px !important;
  }

  /* ---------- Search / Filters / Currency / Add Card row ---------- */
  .desktop-filter-toggle-row{
    gap:var(--listing-toolbar-gap) !important;
  }

  .desktop-filter-toggle-actions{
    gap:var(--listing-toolbar-gap) !important;
  }

  .desktop-inline-search input,
  .desktop-filter-toggle-btn,
  .desktop-listing-currency-control,
  .desktop-filter-add-card{
    min-height:var(--listing-toolbar-h) !important;
    height:var(--listing-toolbar-h) !important;
    border-radius:var(--listing-toolbar-radius) !important;
    box-sizing:border-box !important;
    font-size:var(--listing-toolbar-font) !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
  }

  .desktop-inline-search input{
    padding-left:var(--listing-toolbar-pad) !important;
    padding-right:42px !important;
  }

  .desktop-inline-search input::placeholder{
    font-size:inherit !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  .desktop-filter-toggle-btn{
    padding:0 var(--listing-toolbar-pad) !important;
    gap:7px !important;
    text-transform:uppercase !important;
  }

  .desktop-filter-toggle-summary{
    font-size:clamp(8.5px,.55vw,10.5px) !important;
    font-weight:650 !important;
    letter-spacing:.035em !important;
    text-transform:uppercase !important;
  }

  .desktop-listing-currency-control{
    padding:0 6px 0 var(--listing-toolbar-pad) !important;
    gap:8px !important;
  }

  .desktop-listing-currency-control > span{
    font-size:inherit !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  .desktop-listing-currency-control select{
    width:clamp(68px,4.8vw,80px) !important;
    min-width:clamp(68px,4.8vw,80px) !important;
    height:calc(var(--listing-toolbar-h) - 10px) !important;
    min-height:calc(var(--listing-toolbar-h) - 10px) !important;
    padding:0 28px 0 10px !important;
    border-radius:calc(var(--listing-toolbar-radius) - 3px) !important;
    font-size:inherit !important;
    font-weight:800 !important;
    text-transform:none !important;
  }

  .desktop-filter-add-card{
    padding:0 var(--listing-toolbar-pad) !important;
    text-transform:uppercase !important;
  }
}

/* Common 1440-ish desktop: slightly compact but still one coherent system. */
@media (min-width:1180px) and (max-width:1499px){
  :root{
    --listing-toolbar-h:40px;
    --listing-toolbar-radius:12px;
    --listing-toolbar-font:9.5px;
    --listing-toolbar-gap:5px;
    --listing-toolbar-pad:8px;
  }

  .listing-filter-tools .listing-per-page-control select,
  .desktop-listing-currency-control select{
    height:32px !important;
    min-height:32px !important;
  }
}

/* QHD / 2K: grow everything together, not individual controls. */
@media (min-width:2200px){
  :root{
    --listing-toolbar-h:50px;
    --listing-toolbar-radius:16px;
    --listing-toolbar-font:13px;
    --listing-toolbar-gap:9px;
    --listing-toolbar-pad:16px;
  }

  .listing-filter-tools .listing-per-page-control select,
  .desktop-listing-currency-control select{
    height:40px !important;
    min-height:40px !important;
  }
}

/* Light-mode parity for embedded toolbar selects. */
body.light-mode .listing-filter-tools .listing-per-page-control select,
body.light-mode .desktop-listing-currency-control select{
  background:#fff !important;
  border-color:#d8d2c7 !important;
  color:#2c3136 !important;
}

/* ==========================================================
   V154 BETA — COMPREHENSIVE MOBILE PARITY / POLISH PASS
   Mobile-only. Desktop remains exactly V153 production.
   Goals:
   - cleaner compact navigation
   - search/filter hierarchy with no duplicate search
   - larger touch targets and readable controls
   - 2-column card marketplace layout on normal phones
   - tighter Card Details hierarchy + contact flow
   - related-card and light-mode parity
   ========================================================== */

@media (max-width:800px){
  /* ---------- Compact premium mobile header ---------- */
  .sidebar{
    padding:8px 10px 9px !important;
    gap:8px !important;
  }

  .shop-brand{
    position:relative !important;
    min-height:52px !important;
    justify-content:center !important;
    align-items:center !important;
    padding:0 48px !important;
  }

  .shop-brand-text,
  .mobile-header-social-links{
    display:none !important;
  }

  .logo-click-target .shop-logo{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
  }

  .mobile-header-theme-toggle{
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border-radius:12px !important;
  }

  /* Logo is Home on mobile. Keep four useful primary destinations. */
  nav.mainnav{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
    padding:0 !important;
    overflow:visible !important;
  }

  nav.mainnav > a[data-route="home"],
  nav.mainnav > a[data-route="reserved"],
  nav.mainnav > a[data-route="showcase"],
  nav.mainnav > a[data-route="giveaway"],
  nav.mainnav > a[data-route="favorites"],
  nav.mainnav > a[data-route="reviews"],
  nav.mainnav > a[data-route="about"],
  nav.mainnav > a[data-route="contact"],
  nav.mainnav > a[data-route="recent"],
  nav.mainnav > a[data-route="by-game"],
  nav.mainnav > a.owner-only{
    display:none !important;
  }

  nav.mainnav > a[data-route="inventory"],
  nav.mainnav > a[data-route="collection"],
  nav.mainnav > a[data-route="sold"],
  nav.mainnav > .mobile-more-toggle{
    display:flex !important;
    grid-column:auto !important;
    order:initial !important;
    min-width:0 !important;
    width:100% !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 5px !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    border-radius:11px !important;
    font-size:10px !important;
    font-weight:760 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  nav.mainnav > a[data-route="inventory"] .nav-count,
  nav.mainnav > a[data-route="collection"] .nav-count,
  nav.mainnav > a[data-route="sold"] .nav-count{
    display:none !important;
  }

  nav.mainnav > .mobile-more-menu{
    order:5 !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    margin-top:2px !important;
    padding:7px !important;
    border-radius:13px !important;
  }

  nav.mainnav > .mobile-more-menu > a{
    min-height:44px !important;
    padding:9px 11px !important;
    border-radius:9px !important;
    font-size:12px !important;
  }

  nav.mainnav > .mobile-more-menu > a[data-route="collection"]{
    display:none !important;
  }
  nav.mainnav > .mobile-more-menu > a[data-route="favorites"]{
    display:flex !important;
  }

  /* Header footer is utility-only on phones; avoid duplicated social rows. */
  .sidebar-footer .header-social-links,
  .sidebar-footer > div:nth-child(2){
    display:none !important;
  }

  /* ---------- Mobile page hierarchy ---------- */
  .main{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .listing-page-head{
    margin:0 0 8px !important;
    align-items:center !important;
    gap:8px !important;
  }

  .listing-page-head .eyebrow,
  .listing-page-head p{
    display:none !important;
  }

  .listing-page-head h2{
    margin:0 !important;
    font-size:20px !important;
    line-height:1.05 !important;
  }

  .listing-page-head .mobile-page-currency-control{
    min-height:40px !important;
    height:40px !important;
    padding:4px 5px 4px 8px !important;
    border-radius:11px !important;
    gap:6px !important;
  }

  .listing-page-head .mobile-page-currency-control > span:not(.sr-only){
    font-size:9px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
  }

  .listing-page-head .mobile-page-currency-control select{
    min-height:31px !important;
    height:31px !important;
    padding:3px 22px 3px 7px !important;
    font-size:10px !important;
    font-weight:800 !important;
  }

  /* ---------- Quick category filters ---------- */
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    width:100% !important;
    margin:0 0 8px !important;
    padding:0 0 2px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .listing-filter-tools .quick-filters::-webkit-scrollbar,
  .listing-filter-tools .desktop-quick-filters-collapsible::-webkit-scrollbar{
    display:none !important;
  }

  .listing-filter-tools .quick-filter{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:720 !important;
    letter-spacing:.035em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  /* ---------- Search + Filters: one clear row ---------- */
  .mobile-search-filter-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 92px !important;
    gap:7px !important;
    width:100% !important;
    margin:0 0 8px !important;
  }

  .mobile-search-filter-row .mobile-inventory-search{
    grid-column:1 !important;
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
  }

  .mobile-search-filter-row .mobile-inventory-search input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    height:48px !important;
    padding-left:36px !important;
    padding-right:38px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  .mobile-search-filter-row .mobile-inventory-search input[type="search"]::placeholder{
    font-size:11.5px !important;
  }

  .mobile-search-filter-row .mobile-search-filter-btn{
    grid-column:2 !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    font-size:11px !important;
    font-weight:760 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  /* Main search already exists above the drawer; never duplicate it inside Filters. */
  #filterDrawerShell .filter-row > .inventory-search-wrap{
    display:none !important;
  }

  /* ---------- Filter drawer: proper mobile bottom sheet ---------- */
  #filterDrawerShell{
    border-radius:20px 20px 0 0 !important;
  }

  #filterDrawerShell.mobile-open,
  #filterDrawerShell:not(.desktop-collapsed){
    max-height:min(84dvh,760px) !important;
  }

  #filterDrawerShell .filter-drawer-head{
    padding:14px 14px 11px !important;
  }

  #filterDrawerShell .filter-drawer-head strong{
    font-size:16px !important;
    font-weight:800 !important;
  }

  #filterDrawerShell .filter-drawer-head span{
    font-size:10px !important;
  }

  #filterDrawerShell .filter-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:12px 14px !important;
  }

  #filterDrawerShell .overview-select,
  #filterDrawerShell .price-range-filter,
  #filterDrawerShell .mobile-cards-per-page-control{
    width:100% !important;
    min-width:0 !important;
  }

  #filterDrawerShell .overview-select-btn{
    width:100% !important;
    min-height:48px !important;
    padding:0 13px !important;
    border-radius:11px !important;
    font-size:12px !important;
    font-weight:680 !important;
  }

  #filterDrawerShell .overview-select-menu button{
    min-height:44px !important;
    padding:9px 12px !important;
    font-size:12px !important;
  }

  #filterDrawerShell .price-range-filter{
    min-height:50px !important;
    padding:7px 9px !important;
    border-radius:11px !important;
  }

  #filterDrawerShell .price-range-label{
    font-size:10px !important;
    font-weight:720 !important;
  }

  #filterDrawerShell .price-range-filter input{
    min-width:0 !important;
    min-height:36px !important;
    font-size:12px !important;
  }

  #filterDrawerShell .mobile-cards-per-page-control{
    min-height:52px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
  }

  #filterDrawerShell .mobile-cards-per-page-control strong{
    font-size:11px !important;
  }

  #filterDrawerShell .mobile-cards-per-page-control small{
    font-size:8.5px !important;
  }

  #filterDrawerShell .mobile-cards-per-page-control select{
    min-width:70px !important;
    min-height:36px !important;
    font-size:12px !important;
    font-weight:800 !important;
  }

  #filterDrawerShell .grade-shortcuts{
    padding:0 14px 12px !important;
    gap:6px !important;
  }

  #filterDrawerShell .grade-shortcuts button{
    min-height:38px !important;
    padding:6px 10px !important;
    font-size:10px !important;
  }

  #filterDrawerShell .filter-drawer-footer{
    position:sticky !important;
    bottom:0 !important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    background:rgba(16,18,22,.98) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  #filterDrawerShell .filter-drawer-apply{
    min-height:44px !important;
    border-radius:11px !important;
    font-size:11px !important;
    font-weight:800 !important;
  }

  /* ---------- Mobile cards: marketplace-style 2-column layout ---------- */
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    gap:9px !important;
  }

  #invGrid .clean-notes,
  #invGrid .clean-era-pill,
  #invGrid .clean-series-pill{
    display:none !important;
  }

  /* Keep bottom result controls readable and consistent. */
  .sticky-mobile-results-bar{
    min-height:58px !important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
    gap:6px !important;
    border-top-color:rgba(255,255,255,.10) !important;
  }

  .sticky-mobile-results-action{
    min-height:44px !important;
    border-radius:10px !important;
  }

  .sticky-mobile-results-action > span{
    font-size:9px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
  }

  .sticky-mobile-results-action > small{
    font-size:8px !important;
  }

  /* ---------- Card Details mobile hierarchy ---------- */
  .modal.card-details-modal{
    border-radius:0 !important;
  }

  .modal.card-details-modal #detailsMount{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .modal.card-details-modal .detail-header-mobile{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:9px !important;
    margin-bottom:10px !important;
  }

  .modal.card-details-modal .detail-header-mobile .eyebrow{
    font-size:8px !important;
    letter-spacing:.12em !important;
  }

  .modal.card-details-modal .detail-header-mobile h2{
    margin:3px 0 4px !important;
    font-size:clamp(21px,6.3vw,28px) !important;
    line-height:.98 !important;
  }

  .modal.card-details-modal .detail-header-mobile .detail-meta{
    font-size:10px !important;
  }

  .modal.card-details-modal .detail-currency-control{
    min-height:38px !important;
    padding:4px 5px 4px 7px !important;
    border-radius:10px !important;
  }

  .modal.card-details-modal .detail-currency-control > span{
    display:none !important;
  }

  .modal.card-details-modal .detail-currency-control select{
    min-height:29px !important;
    height:29px !important;
    font-size:10px !important;
    font-weight:800 !important;
  }

  .modal.card-details-modal .filtered-result-nav{
    min-height:48px !important;
    margin-bottom:10px !important;
    padding:5px !important;
    gap:5px !important;
    border-radius:12px !important;
  }

  .modal.card-details-modal .filtered-result-nav-btn{
    min-height:38px !important;
    padding:6px 9px !important;
    font-size:9px !important;
  }

  .modal.card-details-modal .filtered-result-position span{
    font-size:7px !important;
  }

  .modal.card-details-modal .filtered-result-position strong{
    font-size:10px !important;
  }

  .modal.card-details-modal .detail-summary-strip{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-bottom:10px !important;
  }

  .modal.card-details-modal .detail-summary-price{
    grid-column:1 / -1 !important;
  }

  .modal.card-details-modal .detail-summary-card{
    padding:9px 10px !important;
    border-radius:11px !important;
  }

  .modal.card-details-modal .detail-summary-card span{
    font-size:8px !important;
  }

  .modal.card-details-modal .detail-summary-card strong{
    font-size:12.5px !important;
  }

  .modal.card-details-modal .detail-purchase-panel{
    margin:10px 0 !important;
    padding:9px !important;
    gap:7px !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    min-height:50px !important;
  }

  .modal.card-details-modal .detail-buyer-confidence{
    gap:6px !important;
    margin-bottom:12px !important;
  }

  .modal.card-details-modal .detail-confidence-item{
    min-height:0 !important;
    padding:8px 9px !important;
  }

  .modal.card-details-modal .detail-confidence-item strong{
    font-size:10px !important;
  }

  .modal.card-details-modal .detail-confidence-item small{
    font-size:8.5px !important;
  }

  .modal.card-details-modal .details-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .modal.card-details-modal .details-info-grid .detail-item{
    padding:10px 11px !important;
    border-radius:10px !important;
  }

  .modal.card-details-modal .details-info-grid .detail-label{
    margin-bottom:4px !important;
    font-size:8px !important;
  }

  .modal.card-details-modal .details-info-grid .detail-value{
    font-size:12px !important;
  }

  .modal.card-details-modal .related-cards-section{
    margin-top:20px !important;
    padding-top:14px !important;
  }

  .modal.card-details-modal .related-cards-head h3{
    font-size:18px !important;
  }

  .modal.card-details-modal .related-cards-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  /* The existing global fixed Contact-to-Buy bar is the single mobile CTA. */
  #mobileDetailCta{
    min-height:66px !important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    gap:9px !important;
  }

  #mobileDetailCta .mobile-detail-cta-price small{
    font-size:8px !important;
  }

  #mobileDetailCta .mobile-detail-cta-price strong{
    font-size:18px !important;
  }

  #mobileDetailCta .mobile-detail-cta-action{
    min-height:46px !important;
    padding:0 15px !important;
    border-radius:12px !important;
    font-size:11.5px !important;
    text-transform:none !important;
  }

  /* ---------- Mobile light-mode parity ---------- */
  body.light-mode #filterDrawerShell .filter-drawer-footer{
    background:rgba(255,255,255,.98) !important;
    border-top-color:#ddd7cc !important;
  }

  body.light-mode .mobile-search-filter-row .mobile-search-filter-btn,
  body.light-mode #filterDrawerShell .overview-select-btn,
  body.light-mode #filterDrawerShell .mobile-cards-per-page-control{
    background:#fff !important;
    border-color:#d5d0c6 !important;
    color:#343a40 !important;
  }

  body.light-mode .sticky-mobile-results-bar{
    background:rgba(250,249,246,.97) !important;
    border-top-color:#d7d2c8 !important;
  }

  body.light-mode nav.mainnav > a[data-route="inventory"],
  body.light-mode nav.mainnav > a[data-route="collection"],
  body.light-mode nav.mainnav > a[data-route="sold"],
  body.light-mode nav.mainnav > .mobile-more-toggle{
    color:#5e656c !important;
  }
}

/* Normal phones: two cards per row, vertical image-first cards. */
@media (min-width:360px) and (max-width:800px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #invGrid.grid:not(.compact-list) .card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  #invGrid.grid:not(.compact-list) .card > .thumb-wrap,
  #invGrid.grid:not(.compact-list) .card > .thumb-placeholder{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:3 / 4.35 !important;
    overflow:hidden !important;
    flex:0 0 auto !important;
  }

  #invGrid.grid:not(.compact-list) .card > .thumb-wrap .thumb{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-body{
    display:flex !important;
    flex-direction:column !important;
    grid-column:auto !important;
    grid-row:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:9px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-name{
    font-size:11px !important;
    line-height:1.15 !important;
    min-height:25px !important;
    -webkit-line-clamp:2 !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-reference{
    font-size:8.5px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-block{
    margin-top:7px !important;
    padding-top:7px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-primary{
    font-size:14px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-secondary{
    font-size:8px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-all-pills{
    gap:4px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-all-pills .clean-grade-badge,
  #invGrid.grid:not(.compact-list) .clean-all-pills .clean-meta-pill{
    padding:3px 5px !important;
    font-size:7.5px !important;
  }
}

/* Very narrow phones keep the proven single-card horizontal layout. */
@media (max-width:359px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:1fr !important;
  }

  .modal.card-details-modal .details-info-grid{
    grid-template-columns:1fr !important;
  }

  nav.mainnav{
    gap:3px !important;
  }

  nav.mainnav > a[data-route="inventory"],
  nav.mainnav > a[data-route="collection"],
  nav.mainnav > a[data-route="sold"],
  nav.mainnav > .mobile-more-toggle{
    font-size:9px !important;
    padding:0 2px !important;
  }
}


/* ==========================================================
   V155 BETA — MOBILE COMPOSITION RESET
   Fix the inherited stacked-header / floating-currency layout.
   Desktop remains V153/V154 production-compatible.
   ========================================================== */
@media (max-width:800px){
  /* ---------- Header: compact brand row + exactly one nav row ---------- */
  .sidebar{
    padding:6px 12px 8px !important;
    gap:6px !important;
    min-height:0 !important;
    height:auto !important;
  }

  .shop-brand{
    min-height:58px !important;
    height:58px !important;
    padding:0 44px !important;
    margin:0 !important;
  }

  .logo-click-target,
  .logo-click-target .shop-logo{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    flex-basis:50px !important;
  }

  .mobile-header-theme-toggle{
    right:0 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    border-radius:11px !important;
  }

  #mainnav,
  nav.mainnav{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:44px !important;
    grid-auto-rows:0 !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 !important;
    margin:0 !important;
    gap:5px !important;
    overflow:visible !important;
  }

  /* Logo is Home. Hard-hide every legacy primary item except the four below. */
  #mainnav > a,
  #mainnav > .reviews-desktop-nav,
  #mainnav > .mobile-secondary-nav{
    display:none !important;
  }

  #mainnav > a[href="#/home"],
  #mainnav > a[data-route="home"]{
    display:none !important;
  }

  #mainnav > a[data-route="inventory"],
  #mainnav > a[data-route="collection"],
  #mainnav > a[data-route="sold"],
  #mainnav > .mobile-more-toggle{
    display:flex !important;
    position:relative !important;
    min-width:0 !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 4px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    font-weight:760 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  #mainnav > a[data-route="inventory"]{order:1 !important;grid-column:1 !important;}
  #mainnav > a[data-route="collection"]{order:2 !important;grid-column:2 !important;}
  #mainnav > a[data-route="sold"]{order:3 !important;grid-column:3 !important;}
  #mainnav > .mobile-more-toggle{order:4 !important;grid-column:4 !important;}

  #mainnav > a[data-route="inventory"] .ic,
  #mainnav > a[data-route="collection"] .ic,
  #mainnav > a[data-route="sold"] .ic{
    display:none !important;
  }

  #mainnav > .mobile-more-toggle .ic{
    font-size:14px !important;
    width:auto !important;
    min-width:0 !important;
  }

  #mainnav > a.active{
    background:rgba(227,179,65,.075) !important;
    border-color:rgba(227,179,65,.26) !important;
    color:#f0c45c !important;
  }

  #mainnav > a.active::before{
    left:15% !important;
    right:15% !important;
    top:auto !important;
    bottom:2px !important;
    width:auto !important;
    height:2px !important;
  }

  /* More is a floating menu; opening it must not make the header two rows tall. */
  #mainnav > .mobile-more-menu:not([hidden]){
    position:absolute !important;
    top:50px !important;
    left:0 !important;
    right:0 !important;
    z-index:980 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
    max-height:min(66dvh,520px) !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:8px !important;
    border-radius:14px !important;
    box-shadow:0 20px 48px rgba(0,0,0,.48) !important;
  }

  #mainnav > .mobile-more-menu > a{
    min-height:42px !important;
    padding:8px 9px !important;
    font-size:10.5px !important;
  }

  /* ---------- Listing hierarchy: remove redundant title / floating currency ---------- */
  #view > .listing-page-head,
  .listing-page-head{
    display:none !important;
  }

  .main{
    padding-top:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  /* Categories sit immediately below the header. */
  .listing-filter-tools{
    margin-top:0 !important;
    margin-bottom:8px !important;
  }

  .listing-filter-tools .desktop-category-filter-block{
    width:100% !important;
    min-width:0 !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible{
    display:flex !important;
    width:100% !important;
    gap:7px !important;
    padding:2px 1px 4px !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .listing-filter-tools .desktop-quick-filters-collapsible::-webkit-scrollbar{display:none !important;}

  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:750 !important;
  }

  /* Hide desktop-only context/actions from the mobile composition. */
  .listing-filter-tools > .inventory-toolbar-context,
  .listing-filter-tools > .inventory-display-tools,
  .desktop-quick-filters-toggle{
    display:none !important;
  }

  /* Search + Filters are a single balanced row. */
  .mobile-search-filter-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 88px !important;
    gap:7px !important;
    width:100% !important;
    margin:0 0 7px !important;
  }

  .mobile-search-filter-row .mobile-inventory-search,
  .mobile-search-filter-row .mobile-search-filter-btn{
    margin:0 !important;
  }

  .mobile-search-filter-row .mobile-inventory-search input[type="search"],
  .mobile-search-filter-row .mobile-search-filter-btn{
    height:46px !important;
    min-height:46px !important;
    border-radius:11px !important;
  }

  .mobile-search-filter-row .mobile-inventory-search input[type="search"]{
    padding-left:36px !important;
    padding-right:36px !important;
    font-size:12px !important;
  }

  .mobile-search-filter-row .mobile-search-filter-btn{
    width:88px !important;
    min-width:88px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }

  /* Result count + currency become one quiet utility row. */
  .inventory-mobile-compact-result{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    min-height:38px !important;
    margin:0 0 7px !important;
    padding:0 1px !important;
    color:var(--text-muted) !important;
    font-size:10px !important;
  }

  .inventory-mobile-compact-result .mobile-result-count-copy{
    display:inline-flex !important;
    align-items:baseline !important;
    gap:4px !important;
    white-space:nowrap !important;
  }

  .inventory-mobile-compact-result .mobile-result-count-copy strong{
    color:var(--text) !important;
    font-size:12px !important;
  }

  .inventory-mobile-compact-result .mobile-results-currency{
    min-height:34px !important;
    height:34px !important;
    padding:3px 4px 3px 8px !important;
    margin:0 !important;
    border-radius:10px !important;
    gap:5px !important;
  }

  .inventory-mobile-compact-result .mobile-results-currency > span:not(.sr-only){
    font-size:8px !important;
    font-weight:730 !important;
    text-transform:uppercase !important;
  }

  .inventory-mobile-compact-result .mobile-results-currency select{
    min-height:26px !important;
    height:26px !important;
    padding:2px 20px 2px 6px !important;
    font-size:9.5px !important;
    font-weight:800 !important;
  }

  /* ---------- Card grid: keep 2 columns but reduce vertical heaviness ---------- */
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    gap:8px !important;
  }

  #invGrid.grid:not(.compact-list) .card{
    border-radius:12px !important;
  }

  #invGrid.grid:not(.compact-list) .card > .thumb-wrap,
  #invGrid.grid:not(.compact-list) .card > .thumb-placeholder{
    aspect-ratio:4 / 5.2 !important;
    background:#090b0e !important;
  }

  #invGrid.grid:not(.compact-list) .card > .thumb-wrap .thumb{
    object-fit:contain !important;
    object-position:center !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-body{
    padding:8px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-name{
    font-size:10.5px !important;
    line-height:1.14 !important;
    min-height:24px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-primary{
    font-size:13.5px !important;
  }

  /* Gallery navigation should not dominate a small card image. */
  .listing-gallery-arrow{
    width:27px !important;
    height:27px !important;
    border-radius:50% !important;
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(6,8,11,.62) !important;
    font-size:18px !important;
    opacity:.68 !important;
  }

  .listing-gallery-arrow-prev{left:5px !important;}
  .listing-gallery-arrow-next{right:5px !important;}

  .listing-gallery-counter{
    right:5px !important;
    bottom:5px !important;
    padding:2px 5px !important;
    font-size:6.5px !important;
  }

  /* Light-mode parity for the new utility row. */
  body.light-mode .inventory-mobile-compact-result .mobile-results-currency{
    background:#fff !important;
    border-color:#d5d0c6 !important;
  }
}

@media (min-width:360px) and (max-width:800px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:359px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:1fr !important;
  }

  #mainnav > a[data-route="inventory"],
  #mainnav > a[data-route="collection"],
  #mainnav > a[data-route="sold"],
  #mainnav > .mobile-more-toggle{
    font-size:9.5px !important;
  }
}


/* ==========================================================
   V156 BETA — MOBILE MULTI-SLAB DETAILS
   Keep purchase information high on the page. Multi-slab
   breakdown is collapsed by default on phones and expands on demand.
   Desktop keeps the existing full slab table.
   ========================================================== */
.detail-slab-mobile{
  display:none;
}

@media (max-width:800px){
  .modal.card-details-modal .detail-slab-list-desktop{
    display:none !important;
  }

  .modal.card-details-modal .detail-slab-mobile{
    display:block !important;
    width:100% !important;
    margin:8px 0 10px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.018) !important;
  }

  .modal.card-details-modal .detail-slab-mobile > summary{
    min-height:54px !important;
    padding:9px 11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    list-style:none !important;
    cursor:pointer !important;
    user-select:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .modal.card-details-modal .detail-slab-mobile > summary::-webkit-details-marker{
    display:none !important;
  }

  .modal.card-details-modal .detail-slab-mobile-copy{
    min-width:0 !important;
    display:grid !important;
    gap:3px !important;
  }

  .modal.card-details-modal .detail-slab-mobile-copy strong{
    color:var(--text) !important;
    font-size:11px !important;
    font-weight:760 !important;
    line-height:1.15 !important;
  }

  .modal.card-details-modal .detail-slab-mobile-copy small{
    color:var(--text-muted) !important;
    font-size:9px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
  }

  .modal.card-details-modal .detail-slab-mobile-action{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    color:#e3b341 !important;
    font-size:9px !important;
    font-weight:760 !important;
    white-space:nowrap !important;
  }

  .modal.card-details-modal .detail-slab-mobile-open{
    display:none !important;
  }

  .modal.card-details-modal .detail-slab-mobile[open] .detail-slab-mobile-closed{
    display:none !important;
  }

  .modal.card-details-modal .detail-slab-mobile[open] .detail-slab-mobile-open{
    display:inline !important;
  }

  .modal.card-details-modal .detail-slab-mobile-chevron{
    font-size:12px !important;
    transition:transform .18s ease !important;
  }

  .modal.card-details-modal .detail-slab-mobile[open] .detail-slab-mobile-chevron{
    transform:rotate(180deg) !important;
  }

  .modal.card-details-modal .detail-slab-mobile-body{
    border-top:1px solid rgba(255,255,255,.065) !important;
    background:rgba(0,0,0,.08) !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-row{
    min-height:44px !important;
    padding:8px 11px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-row + .detail-slab-row{
    border-top:1px solid rgba(255,255,255,.055) !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-row > div:first-child{
    min-width:0 !important;
    display:flex !important;
    align-items:baseline !important;
    gap:7px !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-number{
    color:var(--text-muted) !important;
    font-size:8.5px !important;
    white-space:nowrap !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-row strong{
    color:var(--text) !important;
    font-size:10.5px !important;
  }

  .modal.card-details-modal .detail-slab-mobile .detail-slab-meta{
    width:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    gap:5px !important;
    color:var(--text-muted) !important;
    font-size:8px !important;
  }

  /*
    Purchase CTA now visually precedes the optional slab details.
    The fixed bottom Contact-to-Buy remains the persistent mobile action.
  */
  .modal.card-details-modal .detail-purchase-panel{
    margin-bottom:8px !important;
  }

  body.light-mode .modal.card-details-modal .detail-slab-mobile{
    border-color:#d6d0c7 !important;
    background:#fff !important;
  }

  body.light-mode .modal.card-details-modal .detail-slab-mobile-body{
    border-color:#e1dcd3 !important;
    background:#faf8f4 !important;
  }

  body.light-mode .modal.card-details-modal .detail-slab-mobile .detail-slab-row + .detail-slab-row{
    border-color:#e6e1d8 !important;
  }

  body.light-mode .modal.card-details-modal .detail-slab-mobile-action{
    color:#8b6416 !important;
  }
}

/* ==========================================================
   V158 BETA — MOBILE NAVIGATION HARD RESET
   Explicit four-item mobile nav. Prevent legacy mobile rules from
   reintroducing Home, wrapping Collection, or expanding More inline.
   ========================================================== */
@media (max-width:800px){
  .sidebar{
    overflow:visible !important;
  }

  /* Brand stays on its own compact row. */
  .shop-brand{
    min-height:58px !important;
    height:58px !important;
    margin:0 !important;
  }

  /* Exactly four visible primary items, always one row. */
  #mainnav{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:44px !important;
    grid-auto-flow:column !important;
    gap:5px !important;
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  /* Hard reset all legacy direct nav links first. */
  #mainnav > a,
  #mainnav > .reviews-desktop-nav,
  #mainnav > .mobile-secondary-nav{
    display:none !important;
  }

  #mainnav > .mobile-home-nav,
  #mainnav > a[data-route="home"]{
    display:none !important;
  }

  #mainnav > .mobile-primary-nav:not(.mobile-more-toggle),
  #mainnav > .mobile-more-toggle{
    display:flex !important;
    position:relative !important;
    grid-column:auto !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 3px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
    font-size:clamp(9.5px,2.65vw,11px) !important;
    font-weight:760 !important;
    letter-spacing:.025em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }

  #mainnav > a[data-route="inventory"]{order:1 !important;}
  #mainnav > a[data-route="collection"]{order:2 !important;}
  #mainnav > a[data-route="sold"]{order:3 !important;}
  #mainnav > .mobile-more-toggle{order:4 !important;}

  #mainnav > .mobile-primary-nav .nav-count,
  #mainnav > .mobile-primary-nav:not(.mobile-more-toggle) .ic{
    display:none !important;
  }

  #mainnav > .mobile-more-toggle .ic{
    display:inline !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    font-size:12px !important;
  }

  #mainnav > .mobile-more-toggle .mobile-more-caret{
    flex:0 0 auto !important;
    font-size:8px !important;
  }

  /* More is a real popover anchored to the right, never a grid row. */
  #mainnav > .mobile-more-menu,
  #mainnav > .mobile-more-menu:not([hidden]){
    position:absolute !important;
    grid-column:auto !important;
    grid-row:auto !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    width:min(360px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    height:auto !important;
    max-height:min(58dvh,460px) !important;
    margin:0 !important;
    padding:8px !important;
    border:1px solid var(--border) !important;
    border-radius:14px !important;
    background:var(--panel) !important;
    box-shadow:0 20px 46px rgba(0,0,0,.50) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    z-index:3000 !important;
  }

  #mainnav > .mobile-more-menu[hidden]{
    display:none !important;
  }

  #mainnav > .mobile-more-menu:not([hidden]){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  #mainnav > .mobile-more-menu > a{
    display:flex !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:8px 9px !important;
    margin:0 !important;
    align-items:center !important;
    gap:7px !important;
    border-radius:9px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  /* Remove collection duplication if any older markup/runtime adds it to More. */
  #mainnav > .mobile-more-menu > a[data-route="collection"],
  #mainnav > .mobile-more-menu > a[data-route="inventory"],
  #mainnav > .mobile-more-menu > a[data-route="sold"]{
    display:none !important;
  }

  body.light-mode #mainnav > .mobile-more-menu,
  body.light-mode #mainnav > .mobile-more-menu:not([hidden]){
    background:#fffdf8 !important;
    border-color:#d8d2c7 !important;
    box-shadow:0 18px 42px rgba(50,43,32,.16) !important;
  }
}

@media (max-width:380px){
  #mainnav{
    gap:3px !important;
  }

  #mainnav > .mobile-primary-nav:not(.mobile-more-toggle),
  #mainnav > .mobile-more-toggle{
    padding:0 2px !important;
    font-size:9px !important;
    letter-spacing:0 !important;
  }

  #mainnav > .mobile-more-menu:not([hidden]){
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    grid-template-columns:1fr 1fr !important;
  }
}


/* ==========================================================
   V159 BETA — MOBILE HEADER: NAV AROUND CENTER LOGO
   Layout: Inventory / Collection | Logo | Sold / More
   Logo is Home. Theme lives inside More. More is fully opaque.
   ========================================================== */
@media (max-width:800px){
  .sidebar{
    position:relative !important;
    min-height:76px !important;
    height:76px !important;
    padding:6px 10px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    z-index:1200 !important;
  }

  .sidebar > div:first-child{
    position:relative !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:1210 !important;
    pointer-events:none !important;
  }

  .shop-brand{
    position:relative !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important;
  }

  .shop-brand .logo-click-target{
    position:relative !important;
    z-index:1230 !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    flex:0 0 58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:auto !important;
  }

  .shop-brand .shop-logo{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    object-fit:contain !important;
  }

  .shop-brand .text-click-target,
  .shop-brand-text,
  .mobile-header-social-links{
    display:none !important;
  }

  #mainnav{
    position:absolute !important;
    top:6px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:
      minmax(0,1.08fr)
      minmax(0,1.14fr)
      64px
      minmax(0,.72fr)
      minmax(0,.86fr) !important;
    grid-template-rows:64px !important;
    gap:4px !important;
    align-items:center !important;
    overflow:visible !important;
    z-index:1220 !important;
    pointer-events:none !important;
  }

  #mainnav > a,
  #mainnav > .reviews-desktop-nav,
  #mainnav > .mobile-secondary-nav{
    display:none !important;
  }

  #mainnav > a[data-route="home"],
  #mainnav > .mobile-home-nav{
    display:none !important;
  }

  #mainnav > a[data-route="inventory"],
  #mainnav > a[data-route="collection"],
  #mainnav > a[data-route="sold"],
  #mainnav > .mobile-more-toggle{
    display:flex !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 4px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    box-sizing:border-box !important;
    border-radius:11px !important;
    font-size:clamp(8.7px,2.35vw,10.5px) !important;
    font-weight:760 !important;
    letter-spacing:.015em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    pointer-events:auto !important;
  }

  #mainnav > a[data-route="inventory"]{
    grid-column:1 !important;
    grid-row:1 !important;
    order:initial !important;
  }
  #mainnav > a[data-route="collection"]{
    grid-column:2 !important;
    grid-row:1 !important;
    order:initial !important;
  }
  #mainnav > a[data-route="sold"]{
    grid-column:4 !important;
    grid-row:1 !important;
    order:initial !important;
  }
  #mainnav > .mobile-more-toggle{
    grid-column:5 !important;
    grid-row:1 !important;
    order:initial !important;
  }

  #mainnav > a[data-route="inventory"] .ic,
  #mainnav > a[data-route="collection"] .ic,
  #mainnav > a[data-route="sold"] .ic,
  #mainnav > a[data-route="inventory"] .nav-count,
  #mainnav > a[data-route="collection"] .nav-count,
  #mainnav > a[data-route="sold"] .nav-count,
  #mainnav > .mobile-more-toggle .ic{
    display:none !important;
  }

  #mainnav > .mobile-more-toggle .mobile-more-caret{
    display:inline !important;
    flex:0 0 auto !important;
    font-size:7px !important;
  }

  #mainnav > a.active{
    border-color:rgba(222,170,53,.50) !important;
    background:rgba(222,170,53,.09) !important;
    color:#f0bd43 !important;
    box-shadow:inset 0 -2px 0 rgba(222,170,53,.70) !important;
  }

  #mainnav > a.active::before,
  #mainnav > a.active::after{
    display:none !important;
    content:none !important;
  }

  #mainnav > .mobile-more-menu,
  #mainnav > .mobile-more-menu:not([hidden]){
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:min(342px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:min(62dvh,500px) !important;
    height:auto !important;
    margin:0 !important;
    padding:9px !important;
    border:1px solid #343941 !important;
    border-radius:15px !important;
    background:#171a20 !important;
    background-color:#171a20 !important;
    background-image:none !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 22px 55px rgba(0,0,0,.72) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    z-index:5000 !important;
    pointer-events:auto !important;
  }

  #mainnav > .mobile-more-menu[hidden]{
    display:none !important;
  }

  #mainnav > .mobile-more-menu:not([hidden]){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  #mainnav > .mobile-more-menu > a{
    display:flex !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:9px 10px !important;
    align-items:center !important;
    gap:7px !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:#1d2128 !important;
    color:#d7dbe1 !important;
    font-size:10px !important;
    font-weight:650 !important;
    line-height:1.2 !important;
    white-space:normal !important;
    opacity:1 !important;
  }

  #mainnav > .mobile-more-menu > a:hover,
  #mainnav > .mobile-more-menu > a:focus-visible,
  #mainnav > .mobile-more-menu > a.active{
    border-color:rgba(222,170,53,.35) !important;
    background:#242832 !important;
    color:#f2c253 !important;
  }

  #mainnav > .mobile-more-menu > a[data-route="inventory"],
  #mainnav > .mobile-more-menu > a[data-route="collection"],
  #mainnav > .mobile-more-menu > a[data-route="sold"]{
    display:none !important;
  }

  #mainnav > .mobile-more-menu .mobile-more-theme-toggle{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-height:44px !important;
    margin:2px 0 0 !important;
    padding:9px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
    border:1px solid #343941 !important;
    border-radius:10px !important;
    background:#1d2128 !important;
    color:#d7dbe1 !important;
    font-size:13px !important;
    font-weight:700 !important;
    pointer-events:auto !important;
  }

  #mainnav > .mobile-more-menu .mobile-more-theme-toggle::after{
    content:"Light mode" !important;
    font-size:10px !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
  }

  body.light-mode #mainnav > .mobile-more-menu,
  body.light-mode #mainnav > .mobile-more-menu:not([hidden]){
    border-color:#d7d0c5 !important;
    background:#fffdf8 !important;
    background-color:#fffdf8 !important;
    box-shadow:0 20px 46px rgba(42,35,24,.22) !important;
  }

  body.light-mode #mainnav > .mobile-more-menu > a,
  body.light-mode #mainnav > .mobile-more-menu .mobile-more-theme-toggle{
    border-color:#e4ded4 !important;
    background:#f7f4ee !important;
    color:#4b5158 !important;
  }

  body.light-mode #mainnav > .mobile-more-menu .mobile-more-theme-toggle::after{
    content:"Dark mode" !important;
  }

  .premium-desktop-nav,
  .premium-desktop-utilities,
  .premium-social-strip{
    display:none !important;
  }
}

@media (max-width:380px){
  #mainnav{
    left:7px !important;
    right:7px !important;
    grid-template-columns:
      minmax(0,1.08fr)
      minmax(0,1.13fr)
      58px
      minmax(0,.70fr)
      minmax(0,.82fr) !important;
    gap:2px !important;
  }

  .shop-brand .logo-click-target,
  .shop-brand .shop-logo{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    max-width:54px !important;
  }

  #mainnav > a[data-route="inventory"],
  #mainnav > a[data-route="collection"],
  #mainnav > a[data-route="sold"],
  #mainnav > .mobile-more-toggle{
    padding:0 2px !important;
    font-size:8.2px !important;
    letter-spacing:0 !important;
  }

  #mainnav > .mobile-more-menu:not([hidden]){
    width:calc(100vw - 14px) !important;
    max-width:calc(100vw - 14px) !important;
  }
}

/* ==========================================================
   V160 BETA — CLEAN MOBILE HEADER + MORE PANEL
   Structural mobile reset. The center logo owns a real column;
   navigation no longer overlays it. More is a solid compact panel.
   ========================================================== */
@media (max-width:800px){
  /* Retire the separate brand row on phones. The logo now lives inside nav. */
  body .shell .sidebar > div:first-child{
    display:none !important;
  }

  body .shell .sidebar{
    position:relative !important;
    min-height:72px !important;
    height:72px !important;
    padding:0 10px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    background:#111319 !important;
    z-index:1200 !important;
  }

  /* One real five-column row: Inventory / Collection / Logo / Sold / More. */
  body .shell .sidebar nav#mainnav{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,1.18fr) 58px minmax(0,.72fr) minmax(0,.82fr) !important;
    grid-template-rows:72px !important;
    gap:4px !important;
    align-items:center !important;
    overflow:visible !important;
    pointer-events:auto !important;
    z-index:1210 !important;
  }

  /* Hide all legacy mobile/desktop links first. */
  body .shell .sidebar nav#mainnav > a,
  body .shell .sidebar nav#mainnav > button,
  body .shell .sidebar nav#mainnav > .reviews-desktop-nav,
  body .shell .sidebar nav#mainnav > .mobile-secondary-nav{
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > a[data-route="inventory"],
  body .shell .sidebar nav#mainnav > a[data-route="collection"],
  body .shell .sidebar nav#mainnav > a.mobile-nav-logo,
  body .shell .sidebar nav#mainnav > a[data-route="sold"],
  body .shell .sidebar nav#mainnav > #mobileMoreToggle{
    display:flex !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    margin:0 !important;
    padding:0 3px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    border:0 !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#9ea4ae !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font-size:clamp(8.4px,2.3vw,10px) !important;
    font-weight:760 !important;
    letter-spacing:.018em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    order:initial !important;
    grid-column:auto !important;
    grid-row:1 !important;
  }

  body .shell .sidebar nav#mainnav > a[data-route="inventory"]{ grid-column:1 !important; }
  body .shell .sidebar nav#mainnav > a[data-route="collection"]{ grid-column:2 !important; }
  body .shell .sidebar nav#mainnav > a.mobile-nav-logo{ grid-column:3 !important; }
  body .shell .sidebar nav#mainnav > a[data-route="sold"]{ grid-column:4 !important; }
  body .shell .sidebar nav#mainnav > #mobileMoreToggle{ grid-column:5 !important; }

  /* The logo is its own grid cell, so labels can never sit underneath it. */
  body .shell .sidebar nav#mainnav > a.mobile-nav-logo{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    padding:0 !important;
    border-radius:50% !important;
    overflow:visible !important;
    z-index:3 !important;
  }

  body .shell .sidebar nav#mainnav > a.mobile-nav-logo img{
    display:block !important;
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 3px 10px rgba(222,170,53,.18)) !important;
  }

  /* Keep the primary row text-only and compact. */
  body .shell .sidebar nav#mainnav > a[data-route="inventory"] .ic,
  body .shell .sidebar nav#mainnav > a[data-route="collection"] .ic,
  body .shell .sidebar nav#mainnav > a[data-route="sold"] .ic,
  body .shell .sidebar nav#mainnav > a[data-route="inventory"] .nav-count,
  body .shell .sidebar nav#mainnav > a[data-route="collection"] .nav-count,
  body .shell .sidebar nav#mainnav > a[data-route="sold"] .nav-count,
  body .shell .sidebar nav#mainnav > #mobileMoreToggle .ic{
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreToggle .mobile-more-caret{
    display:inline !important;
    flex:0 0 auto !important;
    font-size:7px !important;
    opacity:.75 !important;
  }

  /* Premium active state: text + underline, no large filled box. */
  body .shell .sidebar nav#mainnav > a[data-route].active{
    background:transparent !important;
    border:0 !important;
    color:#f0bd43 !important;
    box-shadow:inset 0 -2px 0 rgba(240,189,67,.85) !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreToggle.active,
  body .shell .sidebar nav#mainnav > #mobileMoreToggle.open{
    background:#1b1e25 !important;
    color:#f0bd43 !important;
    box-shadow:inset 0 -2px 0 rgba(240,189,67,.70) !important;
  }

  body .shell .sidebar nav#mainnav > a.active::before,
  body .shell .sidebar nav#mainnav > a.active::after{
    display:none !important;
    content:none !important;
  }

  /* Solid compact More panel. Two columns on normal phones. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:min(62dvh,430px) !important;
    margin:0 !important;
    padding:8px !important;
    border:1px solid #30353e !important;
    border-radius:14px !important;
    background:#15181e !important;
    background-color:#15181e !important;
    background-image:none !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 22px 55px rgba(0,0,0,.70) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    z-index:5000 !important;
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu[hidden]{
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    display:flex !important;
    position:static !important;
    min-width:0 !important;
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    margin:0 !important;
    padding:9px 10px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    border:1px solid #292e36 !important;
    border-radius:10px !important;
    background:#1d2128 !important;
    color:#d6dae1 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font-size:10px !important;
    font-weight:670 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:normal !important;
    overflow:visible !important;
    opacity:1 !important;
    grid-column:auto !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a .ic,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle .ic{
    display:inline-flex !important;
    width:16px !important;
    min-width:16px !important;
    align-items:center !important;
    justify-content:center !important;
    color:#aab0ba !important;
    font-size:12px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a:hover,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a:focus-visible,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a.active,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle:focus-visible{
    border-color:rgba(222,170,53,.40) !important;
    background:#242933 !important;
    color:#f0bd43 !important;
  }

  /* Hide routes already exposed in the primary row. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a[data-route="inventory"],
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a[data-route="collection"],
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a[data-route="sold"]{
    display:none !important;
  }

  /* Theme is a normal tile now — no overlay/floating row. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    transform:none !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
  }

  /* Light mode parity. */
  body.light-mode .shell .sidebar{
    background:#fffdf8 !important;
    border-bottom-color:#e5dfd5 !important;
  }

  body.light-mode .shell .sidebar nav#mainnav > a[data-route="inventory"],
  body.light-mode .shell .sidebar nav#mainnav > a[data-route="collection"],
  body.light-mode .shell .sidebar nav#mainnav > a[data-route="sold"],
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreToggle{
    color:#636a72 !important;
  }

  body.light-mode .shell .sidebar nav#mainnav > a[data-route].active,
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreToggle.active,
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreToggle.open{
    color:#8d6515 !important;
  }

  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    border-color:#d8d1c6 !important;
    background:#fffdf9 !important;
    background-color:#fffdf9 !important;
    box-shadow:0 20px 46px rgba(42,35,24,.20) !important;
  }

  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    border-color:#e2dcd2 !important;
    background:#f7f4ee !important;
    color:#4c535b !important;
  }

  /* Desktop layers never participate in the phone header. */
  .premium-desktop-nav,
  .premium-desktop-utilities,
  .premium-social-strip{
    display:none !important;
  }
}

@media (max-width:380px){
  body .shell .sidebar{
    padding-inline:7px !important;
  }

  body .shell .sidebar nav#mainnav{
    grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) 54px minmax(0,.68fr) minmax(0,.78fr) !important;
    gap:2px !important;
  }

  body .shell .sidebar nav#mainnav > a.mobile-nav-logo,
  body .shell .sidebar nav#mainnav > a.mobile-nav-logo img{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    max-width:54px !important;
    max-height:54px !important;
  }

  body .shell .sidebar nav#mainnav > a[data-route="inventory"],
  body .shell .sidebar nav#mainnav > a[data-route="collection"],
  body .shell .sidebar nav#mainnav > a[data-route="sold"],
  body .shell .sidebar nav#mainnav > #mobileMoreToggle{
    padding-inline:1px !important;
    font-size:8px !important;
    letter-spacing:0 !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    padding:7px !important;
  }
}

@media (min-width:801px) and (max-width:1179px){
   #mainnav > a.mobile-nav-logo{display:none !important;}
}

/* ==========================================================
   V161 BETA — MOBILE HEADER CENTERING + COMPACT MORE
   Exact symmetric header around the centered logo.
   More menu shrink-wraps content with no dead vertical space.
   ========================================================== */
@media (max-width:800px){

  /* True geometric center: equal-width navigation columns on both sides. */
  body .shell .sidebar nav#mainnav{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)
      60px
      minmax(0,1fr)
      minmax(0,1fr) !important;
    gap:4px !important;
  }

  body .shell .sidebar nav#mainnav > a.mobile-nav-logo{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
    justify-self:center !important;
    align-self:center !important;
  }

  body .shell .sidebar nav#mainnav > a.mobile-nav-logo img{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    max-width:56px !important;
  }

  /* Keep labels compact enough that Collection never pushes the center. */
  body .shell .sidebar nav#mainnav > a[data-route="inventory"],
  body .shell .sidebar nav#mainnav > a[data-route="collection"],
  body .shell .sidebar nav#mainnav > a[data-route="sold"],
  body .shell .sidebar nav#mainnav > #mobileMoreToggle{
    padding-inline:2px !important;
    font-size:clamp(8.2px,2.25vw,9.7px) !important;
    letter-spacing:0 !important;
    overflow:visible !important;
  }

  /* Cleaner active state: no large outlined/fill boxes. */
  body .shell .sidebar nav#mainnav > a[data-route].active{
    background:transparent !important;
    border:0 !important;
    box-shadow:inset 0 -2px 0 rgba(240,189,67,.82) !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreToggle.open,
  body .shell .sidebar nav#mainnav > #mobileMoreToggle.active{
    background:rgba(240,189,67,.055) !important;
    border:0 !important;
    box-shadow:inset 0 -2px 0 rgba(240,189,67,.72) !important;
  }

  /*
    Hard shrink-wrap for More. Explicit row sizing prevents any inherited
    mobile rule from stretching the menu or pushing Theme to the bottom.
  */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    top:calc(100% + 6px) !important;
    height:max-content !important;
    min-height:0 !important;
    max-height:min(68dvh,390px) !important;
    align-self:start !important;
    align-content:start !important;
    justify-content:stretch !important;
    grid-auto-flow:row !important;
    grid-auto-rows:minmax(44px,auto) !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:8px !important;
    overflow-y:auto !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    display:grid !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    min-height:44px !important;
    height:44px !important;
    max-height:44px !important;
    padding:8px 10px !important;
    margin:0 !important;
    align-self:start !important;
    grid-column:auto !important;
    transform:none !important;
  }

  /* Theme is just another normal tile, immediately after the other items. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    order:initial !important;
    position:static !important;
  }

  /* Kill the older generated duplicate "LIGHT MODE / DARK MODE" text. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle::before,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle::after{
    content:none !important;
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle .mobile-theme-label{
    display:inline !important;
    font-size:10px !important;
    font-weight:670 !important;
    line-height:1.2 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }
}

@media (max-width:380px){
  body .shell .sidebar nav#mainnav{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)
      56px
      minmax(0,1fr)
      minmax(0,1fr) !important;
    gap:2px !important;
  }

  body .shell .sidebar nav#mainnav > a.mobile-nav-logo,
  body .shell .sidebar nav#mainnav > a.mobile-nav-logo img{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }

  body .shell .sidebar nav#mainnav > a[data-route="inventory"],
  body .shell .sidebar nav#mainnav > a[data-route="collection"],
  body .shell .sidebar nav#mainnav > a[data-route="sold"],
  body .shell .sidebar nav#mainnav > #mobileMoreToggle{
    font-size:7.8px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    gap:5px !important;
    padding:7px !important;
    grid-auto-rows:minmax(42px,auto) !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    min-height:42px !important;
    height:42px !important;
    max-height:42px !important;
  }
}


/* ==========================================================
   V162 BETA — MOBILE MORE + SEARCH/FILTER FINAL CLEANUP
   - More uses flex-wrap so it shrink-wraps real content
   - Theme follows menu items immediately with no dead space
   - Search + Filters are forced into one non-wrapping row
   ========================================================== */
@media (max-width:800px){

  /* ---------- More: content-height only, no stretched grid ---------- */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    align-content:flex-start !important;
    justify-content:flex-start !important;

    height:auto !important;
    min-height:0 !important;
    max-height:min(70dvh,420px) !important;

    grid-template-columns:none !important;
    grid-template-rows:none !important;
    grid-auto-columns:auto !important;
    grid-auto-rows:auto !important;
    grid-auto-flow:initial !important;

    gap:6px !important;
    padding:8px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    flex:0 0 calc(50% - 3px) !important;
    width:calc(50% - 3px) !important;
    min-width:0 !important;
    max-width:calc(50% - 3px) !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:0 !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;

    position:static !important;
    inset:auto !important;
    transform:none !important;
    order:initial !important;
  }

  /* Theme is simply the next menu tile, never a footer. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    margin-top:0 !important;
    margin-bottom:0 !important;
    align-self:stretch !important;
  }

  /* ---------- Search + Filters: one guaranteed row ---------- */
  .listing-filter-tools .mobile-search-filter-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:stretch !important;

    width:100% !important;
    min-width:0 !important;
    gap:7px !important;
    margin:0 0 8px !important;
  }

  .listing-filter-tools .mobile-search-filter-row .mobile-inventory-search{
    display:block !important;
    position:relative !important;

    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    grid-column:auto !important;
    grid-row:auto !important;
    order:1 !important;
    margin:0 !important;
  }

  .listing-filter-tools .mobile-search-filter-row .mobile-inventory-search input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    margin:0 !important;
    border-radius:11px !important;
    box-sizing:border-box !important;
  }

  .listing-filter-tools .mobile-search-filter-row .mobile-search-filter-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    grid-column:auto !important;
    grid-row:auto !important;
    order:2 !important;

    margin:0 !important;
    padding:0 10px !important;
    border-radius:11px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
  }
}

@media (max-width:390px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    gap:5px !important;
    padding:7px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    flex-basis:calc(50% - 2.5px) !important;
    width:calc(50% - 2.5px) !important;
    max-width:calc(50% - 2.5px) !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding-inline:8px !important;
  }

  .listing-filter-tools .mobile-search-filter-row{
    gap:6px !important;
  }

  .listing-filter-tools .mobile-search-filter-row .mobile-inventory-search input[type="search"],
  .listing-filter-tools .mobile-search-filter-row .mobile-search-filter-btn{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
  }

  .listing-filter-tools .mobile-search-filter-row .mobile-search-filter-btn{
    flex-basis:84px !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    padding-inline:8px !important;
  }
}


/* ==========================================================
   V163 BETA — MOBILE RESPONSIVE CONTROL LAYOUT
   Fix the ACTUAL rendered Search/Filters row, remove horizontal
   category scrolling, and balance the More menu footer.
   ========================================================== */
@media (max-width:800px){

  /* ---------- Category pills: all visible, no horizontal scrolling ---------- */
  .listing-filter-tools .desktop-category-filter-block{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    width:100% !important;
    min-width:0 !important;
    gap:6px !important;
    margin:0 0 8px !important;
    padding:0 !important;

    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:auto !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:38px !important;
    height:38px !important;

    margin:0 !important;
    padding:0 5px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:none !important;
    border-radius:999px !important;
    box-sizing:border-box !important;

    font-size:clamp(8.6px,2.35vw,10px) !important;
    font-weight:740 !important;
    letter-spacing:.015em !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;

    scroll-snap-align:none !important;
  }

  /* ---------- Search + Filters: target the actual sibling row ---------- */
  .mobile-search-filter-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(82px,23vw,96px) !important;
    grid-template-rows:46px !important;

    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    gap:7px !important;
    margin:0 0 8px !important;
    padding:0 !important;

    align-items:stretch !important;
    justify-items:stretch !important;

    position:relative !important;
    float:none !important;
    clear:both !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search{
    grid-column:1 !important;
    grid-row:1 !important;

    display:block !important;
    position:relative !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    margin:0 !important;
    padding:0 36px !important;

    border-radius:11px !important;
    box-sizing:border-box !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search input[type="search"]::placeholder{
    font-size:11px !important;
  }

  .mobile-search-filter-row > .mobile-search-filter-btn{
    grid-column:2 !important;
    grid-row:1 !important;

    display:flex !important;
    position:static !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    margin:0 !important;
    padding:0 8px !important;

    align-items:center !important;
    justify-content:center !important;

    float:none !important;
    transform:none !important;
    box-sizing:border-box !important;

    border-radius:11px !important;
    font-size:10px !important;
    font-weight:760 !important;
    line-height:1 !important;
    letter-spacing:.025em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  /* ---------- More: 8 nav tiles + one balanced full-width theme row ---------- */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:0 !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle .mobile-theme-label{
    text-align:center !important;
  }
}

/* Common compact phones: keep three category columns but tighten controls. */
@media (max-width:390px){
  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    gap:5px !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    min-height:36px !important;
    height:36px !important;
    padding-inline:3px !important;
    font-size:clamp(8px,2.3vw,9.2px) !important;
  }

  .mobile-search-filter-row{
    grid-template-columns:minmax(0,1fr) clamp(78px,22vw,86px) !important;
    grid-template-rows:44px !important;
    gap:6px !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search,
  .mobile-search-filter-row > .mobile-inventory-search input[type="search"],
  .mobile-search-filter-row > .mobile-search-filter-btn{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
  }

  .mobile-search-filter-row > .mobile-search-filter-btn{
    padding-inline:5px !important;
    font-size:9.3px !important;
  }
}

/* Very narrow phones: use two category columns so text never clips. */
@media (max-width:340px){
  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    font-size:8.5px !important;
  }

  .mobile-search-filter-row{
    grid-template-columns:minmax(0,1fr) 76px !important;
    gap:5px !important;
  }

  .mobile-search-filter-row > .mobile-search-filter-btn{
    font-size:8.8px !important;
    padding-inline:4px !important;
  }
}


/* ==========================================================
   V164 BETA — BALANCED MOBILE MORE + REMOVE PAGE RESULT COUNT
   Buyer: 4 left / 4 right + full-width theme row.
   Owner: 7 left / 7 right + full-width theme row.
   Visible "N listings" line removed from mobile pages.
   ========================================================== */
@media (max-width:800px){

  /* ---------- More menu: hard 2-column grid, no inherited flex direction ---------- */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:44px !important;

    flex-direction:initial !important;
    flex-wrap:initial !important;
    align-content:start !important;
    align-items:stretch !important;
    justify-content:stretch !important;

    width:min(342px,calc(100vw - 20px)) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:min(70dvh,430px) !important;

    gap:6px !important;
    padding:8px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu[hidden]{
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a{
    display:flex !important;

    grid-column:auto !important;
    grid-row:auto !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    flex:none !important;
    margin:0 !important;
    padding:8px 10px !important;

    align-items:center !important;
    justify-content:flex-start !important;
    align-self:stretch !important;

    position:static !important;
    inset:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  /*
    There are 8 buyer links (14 in owner mode). This final shared theme row
    spans BOTH columns, so the left/right button count remains perfectly even.
  */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    display:flex !important;

    grid-column:1 / -1 !important;
    grid-row:auto !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    flex:none !important;
    margin:0 !important;
    padding:8px 12px !important;

    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;

    position:static !important;
    inset:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  /* ---------- Remove visible mobile page result-count line ---------- */
  .mobile-result-count-copy{
    display:none !important;
  }

  .inventory-mobile-compact-result.inventory-mobile-currency-only{
    min-height:0 !important;
    height:auto !important;
    margin:0 0 7px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    border:0 !important;
    background:transparent !important;
  }

  /* Collection has no currency control, so it now has no compact-result row at all. */
}

/* Compact phones */
@media (max-width:390px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    grid-auto-rows:42px !important;
    gap:5px !important;
    padding:7px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-theme-toggle{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
}


/* ==========================================================
   V165 BETA — STRUCTURAL MOBILE MORE + FRESH INVENTORY MODULE
   Old foundation rules target direct children of #mobileMoreMenu.
   The menu links now live inside .mobile-more-links, insulating the
   balanced grid from those legacy rules.
   ========================================================== */
@media (max-width:800px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    display:block !important;
    width:min(342px,calc(100vw - 20px)) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:min(72dvh,430px) !important;
    padding:8px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu[hidden]{
    display:none !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:44px !important;
    gap:6px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:8px 10px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    border:1px solid #343941 !important;
    border-radius:10px !important;
    background:#1d2128 !important;
    color:#d7dbe1 !important;
    font-size:10px !important;
    font-weight:650 !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow:hidden !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    flex:none !important;
    order:initial !important;
  }

  /* Exact balance including Theme: hide the least-essential Recent tile on
     mobile. Buyer = 7 links + Theme = 8 (4x2). Owner = 13 links + Theme = 14. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-recent{
    display:none !important;
  }

  body:not(.owner-mode) .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .owner-only{
    display:none !important;
  }

  body.owner-mode .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .owner-only:not([hidden]){
    display:flex !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle{
    justify-content:flex-start !important;
  }

  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > a,
  body.light-mode .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle{
    border-color:#e4ded4 !important;
    background:#f7f4ee !important;
    color:#4b5158 !important;
  }

  /* Never show a mobile result-count line; its hidden counter remains only
     as a JS update target. */
  #inventoryMobileCompactResultCount,
  .mobile-result-count-copy{
    display:none !important;
  }
}

@media (max-width:390px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    padding:7px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links{
    grid-auto-rows:42px !important;
    gap:5px !important;
  }

  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > a,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding-inline:8px !important;
    font-size:9.5px !important;
  }
}

/* V165 verification hotfix: Theme is a normal grid cell, not a full-width row. */
@media (max-width:800px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }
}
@media (max-width:800px){
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle::before,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu > .mobile-more-links > .mobile-more-theme-toggle::after{
    content:none !important;
    display:none !important;
  }
}


/* ==========================================================
   V167 BETA — VERIFIED MOBILE LAYOUT CONSOLIDATION
   Fixes remaining iPhone conflicts using final source-order overrides.
   ========================================================== */
@media (max-width:800px){
  /* Filter sheet is a true foreground sheet and cannot sit under header. */
  #mobileFilterBackdrop:not([hidden]){
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:11990 !important;
    background:rgba(0,0,0,.58) !important;
  }

  #filterDrawerShell{
    z-index:12000 !important;
  }

  #filterDrawerShell.open{
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    transform:none !important;
    background:var(--bg) !important;
  }

  #filterDrawerShell.open .filter-drawer-head{
    display:flex !important;
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
    min-height:48px !important;
    margin:0 0 9px !important;
    padding:8px 2px 9px !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:var(--bg) !important;
    box-shadow:0 1px 0 var(--border) !important;
  }

  #filterDrawerShell.open .filter-drawer-head .mobile-filter-close-btn{
    display:inline-flex !important;
  }

  /* More menu: preserve balanced inner grid but anchor panel right. */
  body .shell .sidebar nav#mainnav > #mobileMoreMenu,
  body .shell .sidebar nav#mainnav > #mobileMoreMenu:not([hidden]){
    position:absolute !important;
    top:calc(100% + 6px) !important;
    right:0 !important;
    left:auto !important;
    width:min(342px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
  }

  /* All six category filters in one row, no horizontal scrolling. */
  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:34px !important;
    grid-auto-flow:column !important;
    width:100% !important;
    max-width:100% !important;
    gap:3px !important;
    margin:0 0 7px !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 1px !important;
    border-radius:999px !important;
    font-size:clamp(5.9px,1.79vw,7.7px) !important;
    font-weight:760 !important;
    letter-spacing:-.01em !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  /* Search, Filters and Currency occupy one responsive row. */
  .mobile-search-filter-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(76px,20vw,88px) !important;
    grid-template-rows:46px !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    height:46px !important;
    margin:0 0 8px !important;
    padding:0 !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
  }

  .mobile-search-filter-row.has-mobile-currency{
    grid-template-columns:minmax(0,1fr) clamp(72px,19vw,84px) clamp(88px,24vw,104px) !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    margin:0 !important;
  }

  .mobile-search-filter-row > .mobile-inventory-search input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    min-height:46px !important;
    padding-left:34px !important;
    padding-right:34px !important;
    border-radius:11px !important;
    font-size:clamp(10px,2.75vw,12px) !important;
    box-sizing:border-box !important;
  }

  .mobile-search-filter-row > .mobile-search-filter-btn{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 5px !important;
    margin:0 !important;
    border-radius:11px !important;
    font-size:clamp(8.2px,2.3vw,10px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:4px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:3px !important;
    border:1px solid var(--border) !important;
    border-radius:11px !important;
    background:var(--surface-1) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency > span{
    flex:1 1 auto !important;
    min-width:0 !important;
    color:var(--text-muted) !important;
    font-size:clamp(6.8px,1.9vw,8.2px) !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency select{
    flex:0 0 auto !important;
    width:48px !important;
    min-width:48px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 18px 0 6px !important;
    border-radius:8px !important;
    font-size:10px !important;
    font-weight:760 !important;
  }

  .inventory-mobile-compact-result.inventory-mobile-currency-only{
    display:none !important;
  }

  /* Grade shortcuts wrap inside the sheet instead of clipping horizontally. */
  #filterDrawerShell .grade-shortcuts{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    padding:8px 0 4px !important;
    overflow:visible !important;
  }

  #filterDrawerShell .grade-shortcuts-label{
    grid-column:1 / -1 !important;
    margin:0 0 2px !important;
  }

  #filterDrawerShell .grade-shortcuts button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:34px !important;
    margin:0 !important;
    padding:4px 3px !important;
    font-size:clamp(7.5px,2.1vw,9px) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Remove result counts from mobile filter/sticky control bars. */
  #filterDrawerShell .filter-drawer-footer{
    display:block !important;
    padding:8px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  #filterDrawerShell .filter-drawer-footer-copy,
  .sticky-mobile-results-count{
    display:none !important;
  }

  #filterDrawerShell .filter-drawer-apply{
    width:100% !important;
    min-height:46px !important;
    margin:0 !important;
  }

  .sticky-mobile-results-bar.is-visible{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:360px){
  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    font-size:5.9px !important;
    letter-spacing:-.03em !important;
  }

  .mobile-search-filter-row.has-mobile-currency{
    grid-template-columns:minmax(0,1fr) 70px 70px !important;
    gap:5px !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency > span{
    display:none !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency{
    justify-content:center !important;
  }

  .mobile-search-filter-row > .mobile-inline-currency select{
    width:60px !important;
    min-width:60px !important;
  }

  #filterDrawerShell .grade-shortcuts{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* ==========================================================
   V168 BETA — MOBILE CARD GRID POLISH
   Buyer-first two-column cards: less metadata noise, shorter cards,
   aligned pricing, smaller utility controls and quieter gallery UI.
   Desktop remains unchanged.
   ========================================================== */
@media (max-width:800px){
  /* Card metadata filters already exist above the grid. Repeating every
     metadata pill inside each 2-column card adds noise and vertical height. */
  #invGrid.grid:not(.compact-list) .card-overview-collapsible-pills,
  #invGrid.grid:not(.compact-list) .card-overview-collapsible-pills[hidden],
  #invGrid.grid:not(.compact-list) .clean-all-pills,
  #invGrid.grid:not(.compact-list) .card-overview-pill-toggle{
    display:none !important;
  }

  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    gap:clamp(6px,1.8vw,9px) !important;
    align-items:stretch !important;
  }

  #invGrid.grid:not(.compact-list) .card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    height:100% !important;
    border-radius:11px !important;
    overflow:hidden !important;
  }

  /* Shorter, consistent image stage. Contain protects slab/collage artwork. */
  #invGrid.grid:not(.compact-list) .card > .thumb-wrap,
  #invGrid.grid:not(.compact-list) .card > .thumb-placeholder{
    width:100% !important;
    aspect-ratio:3 / 4 !important;
    height:auto !important;
    min-height:0 !important;
    flex:0 0 auto !important;
    border-radius:10px 10px 0 0 !important;
    background:#090b0e !important;
  }

  #invGrid.grid:not(.compact-list) .card > .thumb-wrap .thumb{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-body{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    min-width:0 !important;
    height:auto !important;
    padding:7px !important;
    gap:0 !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-main{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-title-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    gap:5px !important;
    min-width:0 !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-name{
    min-width:0 !important;
    min-height:25px !important;
    max-height:25px !important;
    margin:0 !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    font-size:clamp(9.2px,2.55vw,10.6px) !important;
    font-weight:780 !important;
    line-height:1.18 !important;
    letter-spacing:.01em !important;
  }

  #invGrid.grid:not(.compact-list) .card-title-actions{
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
    flex:0 0 auto !important;
  }

  #invGrid.grid:not(.compact-list) .compare-card-btn,
  #invGrid.grid:not(.compact-list) .title-favorite-btn{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 !important;
    border-radius:9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  #invGrid.grid:not(.compact-list) .compare-card-btn span{
    display:none !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-reference-toggle-row{
    min-height:17px !important;
    margin-top:1px !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-reference{
    margin:0 !important;
    font-size:clamp(7.5px,2.05vw,8.5px) !important;
    line-height:1.15 !important;
    color:var(--text-muted) !important;
  }

  #invGrid.grid:not(.compact-list) .sold-archive-date{
    margin-top:2px !important;
    font-size:8px !important;
    line-height:1.2 !important;
  }

  /* Grid is a scan surface, not the detail page. Keep notes out of the cards. */
  #invGrid.grid:not(.compact-list) .clean-notes{
    display:none !important;
  }

  /* Push pricing toward the bottom of equal-height cards for easier comparison. */
  #invGrid.grid:not(.compact-list) .clean-price-block{
    margin-top:auto !important;
    padding-top:7px !important;
    border-top:1px solid rgba(255,255,255,.055) !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-primary{
    font-size:clamp(12px,3.45vw,14px) !important;
    line-height:1.05 !important;
  }

  #invGrid.grid:not(.compact-list) .clean-price-secondary{
    margin-top:3px !important;
    font-size:clamp(6.7px,1.85vw,7.8px) !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Important, but no longer allowed to turn one grid card into a tall outlier. */
  #invGrid.grid:not(.compact-list) .high-value-contact-alert.compact{
    margin:6px 0 0 !important;
    padding:5px 6px !important;
    border-radius:8px !important;
    min-height:0 !important;
  }

  #invGrid.grid:not(.compact-list) .high-value-contact-alert.compact strong{
    display:-webkit-box !important;
    overflow:hidden !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    font-size:7px !important;
    line-height:1.18 !important;
  }

  /* Keep gallery controls secondary to the artwork. */
  #invGrid.grid:not(.compact-list) .listing-gallery-arrow{
    width:25px !important;
    min-width:25px !important;
    height:25px !important;
    min-height:25px !important;
    border-radius:50% !important;
    background:rgba(5,7,10,.58) !important;
    border-color:rgba(255,255,255,.15) !important;
    font-size:16px !important;
    opacity:.62 !important;
  }

  #invGrid.grid:not(.compact-list) .listing-gallery-arrow-prev{left:4px !important;}
  #invGrid.grid:not(.compact-list) .listing-gallery-arrow-next{right:4px !important;}

  #invGrid.grid:not(.compact-list) .listing-gallery-counter{
    right:4px !important;
    bottom:4px !important;
    padding:2px 5px !important;
    font-size:6px !important;
    line-height:1 !important;
    opacity:.9 !important;
  }

  #invGrid.grid:not(.compact-list) .image-count-badge{
    padding:2px 4px !important;
    font-size:6px !important;
  }

  #invGrid.grid:not(.compact-list) .overview-grade-overlay{
    min-width:0 !important;
    padding:5px 7px !important;
    border-radius:9px !important;
  }

  #invGrid.grid:not(.compact-list) .overview-grade-overlay strong{
    font-size:8.5px !important;
    line-height:1 !important;
  }

  #invGrid.grid:not(.compact-list) .overview-grade-overlay small{
    margin-top:2px !important;
    font-size:5.7px !important;
    line-height:1 !important;
  }

  #invGrid.grid:not(.compact-list) .new-card-badge{
    min-height:0 !important;
    padding:4px 7px !important;
    border-radius:7px !important;
    font-size:7px !important;
  }

  /* Owner controls stay available but visually secondary. */
  #invGrid.grid:not(.compact-list) .quick-card-actions{
    top:5px !important;
    right:5px !important;
  }

  #invGrid.grid:not(.compact-list) .quick-card-menu-toggle{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    border-radius:8px !important;
  }

  body.light-mode #invGrid.grid:not(.compact-list) .clean-price-block{
    border-top-color:#e1ddd5 !important;
  }
}

/* Keep two columns on normal compact phones; only extremely narrow screens fall back. */
@media (min-width:340px) and (max-width:800px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:339px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:1fr !important;
  }

  #invGrid.grid:not(.compact-list) .clean-card-name{
    font-size:11px !important;
    min-height:auto !important;
    max-height:none !important;
  }
}

/* V168 follow-up: neutralize legacy <=359px card-body minimums once the
   two-column layout is active, and use three columns on small tablets. */
@media (min-width:340px) and (max-width:599px){
  #invGrid.grid:not(.compact-list) .clean-card-body{
    min-height:0 !important;
  }
}

@media (min-width:600px) and (max-width:800px){
  #invGrid.grid:not(.compact-list),
  .inventory-grid:not(.compact-list){
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  #invGrid.grid:not(.compact-list) .clean-card-body{
    min-height:0 !important;
  }
}


/* ==========================================================
   V169 BETA — DEDICATED MOBILE SORT SHEET
   Sticky SORT and FILTERS are now genuinely separate actions.
   ========================================================== */
.mobile-sort-backdrop,
.mobile-sort-sheet{
  display:none;
}

@media (max-width:800px){
  /* Sort is no longer duplicated inside the full mobile Filters sheet. */
  #filterDrawerShell #sortByWrap{
    display:none !important;
  }

  .mobile-sort-backdrop:not([hidden]){
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:12090 !important;
    background:rgba(0,0,0,.58) !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }

  .mobile-sort-sheet:not([hidden]){
    display:block !important;
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    z-index:12100 !important;
    width:auto !important;
    max-width:520px !important;
    max-height:min(72dvh,560px) !important;
    margin:0 auto !important;
    padding:8px 10px 10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:18px !important;
    background:#15181d !important;
    color:var(--text) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.65) !important;
    box-sizing:border-box !important;
  }

  .mobile-sort-sheet-handle{
    width:40px !important;
    height:4px !important;
    margin:1px auto 8px !important;
    border-radius:99px !important;
    background:rgba(255,255,255,.22) !important;
  }

  .mobile-sort-sheet-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:4px 2px 10px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .mobile-sort-sheet-head > div:first-child{
    min-width:0 !important;
    display:grid !important;
    gap:2px !important;
  }

  .mobile-sort-sheet-head strong{
    font-size:15px !important;
    font-weight:820 !important;
    line-height:1.15 !important;
  }

  .mobile-sort-sheet-head span{
    color:var(--text-muted) !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }

  .mobile-sort-close-btn{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:10px !important;
    font-size:10px !important;
    font-weight:760 !important;
  }

  .mobile-sort-options{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    padding-top:8px !important;
  }

  .mobile-sort-option{
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:9px 11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    border:1px solid transparent !important;
    border-radius:11px !important;
    background:#1c2026 !important;
    color:#d9dde3 !important;
    font:inherit !important;
    font-size:11px !important;
    font-weight:690 !important;
    line-height:1.2 !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  .mobile-sort-option.active{
    border-color:rgba(227,179,65,.46) !important;
    background:rgba(227,179,65,.10) !important;
    color:#f1c557 !important;
  }

  .mobile-sort-check{
    flex:0 0 20px !important;
    width:20px !important;
    height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:99px !important;
    background:rgba(255,255,255,.06) !important;
    color:transparent !important;
    font-size:11px !important;
    font-weight:900 !important;
  }

  .mobile-sort-option.active .mobile-sort-check{
    background:#d9a933 !important;
    color:#17191d !important;
  }

  body.mobile-sort-open{
    overflow:hidden !important;
  }

  /* Sticky actions read as two equal peer controls. */
  .sticky-mobile-results-bar.is-visible{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #stickyMobileSortBtn,
  #stickyMobileFilterBtn{
    width:100% !important;
    min-width:0 !important;
  }

  body.light-mode .mobile-sort-sheet:not([hidden]){
    border-color:#d8d2c7 !important;
    background:#fffdf8 !important;
    color:#2e3338 !important;
    box-shadow:0 22px 60px rgba(42,35,24,.25) !important;
  }

  body.light-mode .mobile-sort-sheet-handle{
    background:#d3ccc0 !important;
  }

  body.light-mode .mobile-sort-sheet-head{
    border-bottom-color:#e2ddd4 !important;
  }

  body.light-mode .mobile-sort-option{
    background:#f7f4ee !important;
    color:#454b52 !important;
  }

  body.light-mode .mobile-sort-option.active{
    border-color:#bd8e29 !important;
    background:#fff5d7 !important;
    color:#7b570f !important;
  }
}


/* ==========================================================
   V171 BETA — iOS MOBILE FORM FOCUS / AUTO-ZOOM HOTFIX
   iOS Safari automatically zooms focused form controls whose computed
   font-size is below 16px. Keep the existing compact control dimensions,
   but use a Safari-safe 16px font size for focusable text fields/selects.
   Pinch-to-zoom remains enabled; viewport accessibility is unchanged.
   ========================================================== */
@media (max-width:800px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="color"]),
  textarea,
  select{
    font-size:16px !important;
  }

  /* Keep the compact search placeholder appearance from the current UI.
     Safari's focus zoom decision uses the input's 16px computed size. */
  .mobile-search-filter-row > .mobile-inventory-search input[type="search"]::placeholder,
  .mobile-inventory-search input[type="search"]::placeholder{
    font-size:11px !important;
  }
}

/* ==========================================================
   V172 BETA — TRENDING QUICK FILTER + MOBILE CHAMP LABEL
   ========================================================== */
.quick-filter-label-mobile{
  display:none;
}

@media (max-width:800px){
  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    grid-template-rows:34px !important;
    grid-auto-flow:column !important;
    gap:3px !important;
    overflow:hidden !important;
  }

  .quick-filter-label-desktop{
    display:none !important;
  }

  .quick-filter-label-mobile{
    display:inline !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    min-width:0 !important;
    padding-inline:1px !important;
    font-size:clamp(5.7px,1.62vw,7.2px) !important;
    letter-spacing:-.02em !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }

  .listing-filter-tools #quickFilters .quick-filter[data-quick="trending"],
  .listing-filter-tools #quickFilters .quick-filter[data-quick="championship"]{
    font-size:clamp(5.5px,1.55vw,7px) !important;
  }
}

@media (max-width:360px){
  .listing-filter-tools #quickFilters,
  .listing-filter-tools .quick-filters,
  .listing-filter-tools .desktop-quick-filters-collapsible{
    gap:2px !important;
  }

  .listing-filter-tools #quickFilters .quick-filter,
  .listing-filter-tools .quick-filters .quick-filter,
  .listing-filter-tools .desktop-quick-filters-collapsible .quick-filter{
    font-size:5.55px !important;
    letter-spacing:-.035em !important;
  }

  .listing-filter-tools #quickFilters .quick-filter[data-quick="trending"],
  .listing-filter-tools #quickFilters .quick-filter[data-quick="championship"]{
    font-size:5.35px !important;
  }
}
\n\n/* ==========================================================\n   V177 BETA — HOME DISCOVERY + SMART SEARCH + MOBILE BUY UX\n   ========================================================== */\n.home-discovery-section{\n  scroll-margin-top:90px;\n}\n.home-discovery-section .home-section-head .eyebrow{\n  margin-bottom:4px;\n}\n.home-discovery-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:12px;\n  width:100%;\n}\n.home-discovery-grid > .card{\n  min-width:0;\n  width:100%;\n}\n.home-discovery-grid .clean-notes,\n.home-discovery-grid .high-value-contact-alert,\n.home-discovery-grid .card-overview-pill-toggle,\n.home-discovery-grid .card-overview-collapsible-pills{\n  display:none !important;\n}\n.home-discovery-grid .clean-card-reference-toggle-row{\n  min-height:18px;\n}\n.home-trending-loading{\n  min-height:76px;\n  display:flex;\n  align-items:center;\n}\n\n/* Search suggestion hierarchy: card results first, metadata/recent searches second. */\n.search-suggestions button{\n  text-align:left;\n}\n.search-suggestions button > span{\n  min-width:0;\n  overflow:hidden;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n}\n.search-suggestions button > small{\n  white-space:nowrap;\n}\n\n/* Buyer reassurance in the single global contact sheet. */\n.interest-contact-assurance{\n  display:grid;\n  gap:3px;\n  margin:0 0 12px;\n  padding:10px 12px;\n  border:1px solid rgba(227,179,65,.16);\n  border-radius:11px;\n  background:rgba(227,179,65,.035);\n}\n.interest-contact-assurance strong{\n  color:var(--text);\n  font-size:11px;\n}\n.interest-contact-assurance span{\n  color:var(--text-muted);\n  font-size:9.5px;\n  line-height:1.4;\n}\n\n@media(max-width:1100px){\n  .home-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));}\n}\n\n@media(max-width:800px){\n  .home-discovery-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr)) !important;\n    gap:8px !important;\n  }\n  .home-discovery-grid > .card{\n    display:flex !important;\n    flex-direction:column !important;\n    min-height:0 !important;\n    height:auto !important;\n  }\n  .home-discovery-grid .card > .thumb-wrap,\n  .home-discovery-grid .card > .thumb-placeholder{\n    width:100% !important;\n    min-height:0 !important;\n    height:auto !important;\n    aspect-ratio:4/5 !important;\n  }\n  .home-discovery-grid .card > .thumb-wrap .thumb{\n    width:100% !important;\n    height:100% !important;\n    object-fit:cover !important;\n  }\n  .home-discovery-grid .clean-card-body{\n    min-height:0 !important;\n    height:auto !important;\n    padding:9px !important;\n    gap:6px !important;\n  }\n  .home-discovery-grid .clean-card-name{\n    display:-webkit-box !important;\n    -webkit-line-clamp:2 !important;\n    -webkit-box-orient:vertical !important;\n    overflow:hidden !important;\n    min-height:2.35em !important;\n    font-size:10.5px !important;\n    line-height:1.18 !important;\n  }\n  .home-discovery-grid .card-title-actions{gap:4px !important;}\n  .home-discovery-grid .compare-card-btn,\n  .home-discovery-grid .favorite-btn{\n    width:30px !important;\n    min-width:30px !important;\n    height:30px !important;\n    padding:0 !important;\n  }\n  .home-discovery-grid .compare-card-btn span{display:none !important;}\n  .home-discovery-grid .clean-price-block{\n    margin-top:auto !important;\n    padding-top:7px !important;\n  }\n\n  /* Leave enough scrolling room above the fixed Contact-to-Buy footer. */\n  .modal.card-details-modal #detailsMount{\n    padding-bottom:92px !important;\n  }\n  #mobileDetailCta .mobile-detail-cta-price small{\n    color:#55cbbd !important;\n    letter-spacing:.04em !important;\n    text-transform:none !important;\n  }\n  .interest-contact-assurance{\n    margin-bottom:10px;\n    padding:9px 10px;\n  }\n}\n\n@media(max-width:350px){\n  .home-discovery-grid{grid-template-columns:1fr !important;}\n}\n\nbody.light-mode .interest-contact-assurance{\n  border-color:rgba(148,107,24,.18);\n  background:#fbf7ee;\n}\n
/* ==========================================================
   V180 PRODUCTION — PREMIUM EDITORIAL HOME
   Home is a showcase, not a second inventory page.
   Inventory grid and controls remain unchanged.
   ========================================================== */
.home-premium-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  min-height:520px;
  margin:2px 0 30px;
  overflow:hidden;
  border:1px solid rgba(227,179,65,.17);
  border-radius:24px;
  background:
    radial-gradient(circle at 78% 34%,rgba(227,179,65,.10),transparent 34%),
    linear-gradient(135deg,#111419 0%,#171b21 48%,#0f1216 100%);
  box-shadow:0 28px 72px rgba(0,0,0,.24);
}
.home-premium-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 24%,transparent 76%,rgba(227,179,65,.025));
}
.home-premium-hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(36px,5vw,74px);
}
.home-premium-hero-copy .eyebrow{
  margin-bottom:14px;
  color:#d9b45b;
  letter-spacing:.16em;
}
.home-premium-hero-copy h2{
  max-width:760px;
  margin:0;
  font-size:clamp(32px,4.2vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:780;
  text-wrap:balance;
}
.home-premium-hero-copy > p{
  max-width:650px;
  margin:20px 0 0;
  color:var(--text-muted);
  font-size:clamp(13px,1.25vw,16px);
  line-height:1.65;
}
.home-premium-hero-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:24px;
}
.home-premium-hero-meta span,
.home-premium-hero-meta strong{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c9ced6;
  font-size:10px;
  font-style:normal;
  letter-spacing:.035em;
}
.home-premium-hero-meta strong{
  border-color:rgba(227,179,65,.24);
  background:rgba(227,179,65,.08);
  color:#efc45d;
  font-size:12px;
  font-weight:780;
}
.home-premium-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:28px;
}
.home-premium-hero-actions > a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.home-premium-currency{
  min-height:42px;
}
.home-premium-hero-visual{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 44px 34px 18px;
  text-decoration:none;
  overflow:hidden;
}
.home-premium-hero-visual::before{
  content:"";
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(227,179,65,.15),rgba(227,179,65,.035) 44%,transparent 70%);
  filter:blur(4px);
}
.home-premium-hero-visual img{
  position:relative;
  z-index:2;
  display:block;
  max-width:94%;
  max-height:450px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.42));
  transform:translateY(4px) rotate(1.25deg);
  transition:transform .28s ease,filter .28s ease;
}
.home-premium-hero-visual:hover img{
  transform:translateY(-2px) rotate(.35deg) scale(1.018);
  filter:drop-shadow(0 34px 34px rgba(0,0,0,.5));
}
.home-premium-hero-glow{
  position:absolute;
  inset:auto 10% 4% 10%;
  height:26%;
  background:radial-gradient(ellipse,rgba(227,179,65,.10),transparent 68%);
  filter:blur(16px);
}
.home-premium-hero-placeholder{
  position:relative;
  z-index:2;
  width:min(72%,340px);
  aspect-ratio:.72;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(227,179,65,.20);
  border-radius:22px;
  background:linear-gradient(160deg,#1d2229,#101318);
  color:#d5b15a;
  box-shadow:0 26px 50px rgba(0,0,0,.34);
}
.home-premium-hero-placeholder span{font-size:11px;letter-spacing:.28em;}
.home-premium-hero-placeholder strong{font-size:52px;line-height:1;letter-spacing:-.05em;}

.home-premium-curated,
.home-premium-section{
  margin:34px 0;
}
.home-premium-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.home-premium-section-head .eyebrow{
  margin-bottom:4px;
  color:#b5964e;
}
.home-premium-section-head h3{
  margin:0;
  font-size:clamp(19px,2vw,27px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.home-premium-section-head p{
  max-width:680px;
  margin:7px 0 0;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.5;
}
.home-premium-view-all{
  flex:0 0 auto;
  color:#d4ad51;
  font-size:10px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.home-premium-view-all:hover{color:#f0c765;}

.home-curated-tiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.home-curated-tile{
  position:relative;
  min-height:260px;
  overflow:hidden;
  display:block;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:
    radial-gradient(circle at 65% 30%,rgba(227,179,65,.08),transparent 34%),
    #15191f;
  text-decoration:none;
  box-shadow:0 15px 38px rgba(0,0,0,.15);
}
.home-curated-tile img{
  position:absolute;
  inset:16px 10px 12px 38%;
  width:58%;
  height:88%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.38));
  transition:transform .28s ease,opacity .28s ease;
}
.home-curated-tile:hover img{transform:translateY(-3px) scale(1.025);}
.home-curated-tile-placeholder{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 35%,rgba(227,179,65,.10),transparent 32%);
}
.home-curated-tile-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(11,13,16,.98) 0%,rgba(11,13,16,.84) 34%,rgba(11,13,16,.18) 75%,rgba(11,13,16,.35) 100%);
}
.home-curated-tile-copy{
  position:absolute;
  z-index:2;
  left:22px;
  right:24%;
  bottom:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.home-curated-tile-copy small{
  color:#aaa18e;
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.home-curated-tile-copy strong{
  margin-top:4px;
  color:#f1f3f5;
  font-size:clamp(20px,2.1vw,29px);
  line-height:1;
  letter-spacing:-.035em;
}
.home-curated-tile-copy em{
  margin-top:12px;
  color:#d5b056;
  font-size:9px;
  font-style:normal;
}

.home-premium-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
}
.home-premium-card.card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(180deg,#181c22 0%,#14171c 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.13);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-premium-card.card::before,
.home-premium-card.card::after{display:none !important;}
.home-premium-card.card:hover{
  transform:translateY(-3px);
  border-color:rgba(227,179,65,.20);
  box-shadow:0 20px 44px rgba(0,0,0,.21);
}
.home-premium-card-media{
  position:relative;
  width:100%;
  aspect-ratio:4 / 5;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 38%,rgba(227,179,65,.07),transparent 42%),
    #111419;
}
.home-premium-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:9px;
  box-sizing:border-box;
  transition:transform .22s ease;
}
.home-premium-card:hover .home-premium-card-media img{transform:scale(1.015);}
.home-premium-card-no-image{
  color:var(--text-dim);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.home-premium-card-badges{
  position:absolute;
  top:9px;
  left:9px;
  right:44px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  pointer-events:none;
}
.home-premium-card-badges span{
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,14,18,.82);
  backdrop-filter:blur(8px);
  color:#e0e3e8;
  font-size:8px;
  font-weight:740;
  line-height:1;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.home-premium-card-badges .home-premium-new,
.home-premium-card-badges .home-premium-trending{
  border-color:rgba(227,179,65,.30);
  color:#efc55f;
}
.home-premium-favorite.favorite-btn{
  position:absolute;
  z-index:3;
  top:9px;
  right:9px;
  width:31px;
  min-width:31px;
  height:31px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(12,14,18,.82);
  backdrop-filter:blur(8px);
  color:#e7e9ec;
  font-size:15px;
}
.home-premium-favorite.favorite-btn.active{color:#efbd4b;}
.home-premium-card-copy{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:13px 14px 14px;
}
.home-premium-card-name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.48em;
  color:#f0f2f5;
  font-size:13px;
  font-weight:700;
  line-height:1.24;
  letter-spacing:-.012em;
}
.home-premium-card-reference{
  margin-top:7px;
  min-height:1.3em;
  overflow:hidden;
  color:#858c96;
  font-size:9px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-premium-interest{
  margin-top:8px;
  color:#b9a066;
  font-size:8.5px;
  line-height:1.2;
}
.home-premium-card-price{
  margin-top:auto;
  padding-top:12px;
  color:#f0c45c;
  font-size:14px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.015em;
}
.home-premium-trending-loading{
  min-height:108px;
  display:flex;
  align-items:center;
}

.home-premium-trust{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:28px 44px;
  margin:42px 0 18px;
  padding:30px 32px;
  border:1px solid rgba(227,179,65,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(227,179,65,.045),rgba(255,255,255,.015));
}
.home-premium-trust-copy h3{
  margin:4px 0 0;
  font-size:22px;
  letter-spacing:-.025em;
}
.home-premium-trust-copy p{
  max-width:700px;
  margin:9px 0 0;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.6;
}
.home-premium-trust-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.home-premium-trust-points span{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.home-premium-trust-points strong{font-size:9px;color:#dadddf;}
.home-premium-trust-points small{margin-top:3px;color:#7f8791;font-size:7.5px;line-height:1.35;}
.home-premium-trust-links{
  grid-column:1 / -1;
  display:flex;
  gap:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.055);
}
.home-premium-trust-links a{
  color:#c6a34e;
  font-size:9px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.09em;
}

@media(max-width:1100px) and (min-width:801px){
  .home-premium-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);min-height:470px;}
  .home-premium-hero-visual{min-height:470px;padding-right:28px;}
  .home-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-premium-grid .home-premium-card:nth-child(4){display:none;}
  .home-curated-tile{min-height:230px;}
  .home-premium-trust{grid-template-columns:1fr;}
}

@media(max-width:800px){
  .home-premium-hero{
    display:flex;
    flex-direction:column-reverse;
    min-height:0;
    margin:0 0 24px;
    border-radius:18px;
  }
  .home-premium-hero-copy{
    padding:22px 18px 24px;
  }
  .home-premium-hero-copy .eyebrow{margin-bottom:9px;font-size:8px;}
  .home-premium-hero-copy h2{
    font-size:clamp(27px,8vw,38px);
    line-height:1.02;
  }
  .home-premium-hero-copy > p{
    margin-top:13px;
    font-size:11px;
    line-height:1.55;
  }
  .home-premium-hero-meta{margin-top:16px;gap:5px;}
  .home-premium-hero-meta span,
  .home-premium-hero-meta strong{
    min-height:26px;
    padding:0 8px;
    font-size:8px;
  }
  .home-premium-hero-meta strong{font-size:9.5px;}
  .home-premium-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:7px;
    margin-top:18px;
  }
  .home-premium-hero-actions > a{
    min-width:0;
    justify-content:center;
    text-align:center;
    padding-inline:7px;
    font-size:9px;
  }
  .home-premium-currency{
    grid-column:1 / -1;
    width:100%;
    justify-content:space-between;
  }
  .home-premium-currency select{width:auto !important;min-width:92px !important;}
  .home-premium-hero-visual{
    min-height:300px;
    max-height:360px;
    padding:22px 24px 8px;
    background:linear-gradient(180deg,rgba(227,179,65,.04),transparent);
  }
  .home-premium-hero-visual::before{width:76%;}
  .home-premium-hero-visual img{
    max-height:320px;
    max-width:90%;
    transform:none;
  }

  .home-premium-curated,
  .home-premium-section{margin:26px 0;}
  .home-premium-section-head{
    align-items:flex-end;
    gap:10px;
    margin-bottom:12px;
  }
  .home-premium-section-head h3{font-size:19px;}
  .home-premium-section-head p{font-size:9.5px;line-height:1.45;}
  .home-premium-view-all{font-size:8px;}

  .home-curated-tiles{
    display:flex;
    gap:9px;
    width:calc(100% + 16px);
    margin-right:-16px;
    overflow-x:auto;
    padding:0 16px 4px 0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .home-curated-tiles::-webkit-scrollbar{display:none;}
  .home-curated-tile{
    flex:0 0 min(78vw,310px);
    min-height:205px;
    scroll-snap-align:start;
    border-radius:14px;
  }
  .home-curated-tile img{inset:10px 4px 8px 40%;width:57%;height:90%;}
  .home-curated-tile-copy{left:17px;bottom:17px;right:26%;}
  .home-curated-tile-copy strong{font-size:24px;}

  .home-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  .home-premium-card.card{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    gap:0 !important;
    border-radius:13px !important;
  }
  .home-premium-card-media{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:4/5 !important;
  }
  .home-premium-card-media img{padding:6px;}
  .home-premium-card-badges{top:6px;left:6px;right:36px;gap:3px;}
  .home-premium-card-badges span{
    min-height:19px;
    padding:0 5px;
    font-size:6.4px;
    letter-spacing:.025em;
  }
  .home-premium-favorite.favorite-btn{
    top:6px;
    right:6px;
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
    font-size:13px !important;
  }
  .home-premium-card-copy{padding:9px 9px 10px;}
  .home-premium-card-name{
    min-height:2.42em;
    font-size:10.4px;
    line-height:1.21;
  }
  .home-premium-card-reference{
    margin-top:5px;
    font-size:7.4px;
  }
  .home-premium-interest{
    margin-top:6px;
    font-size:6.9px;
  }
  .home-premium-card-price{
    padding-top:9px;
    font-size:11px;
  }

  .home-premium-trust{
    grid-template-columns:1fr;
    gap:18px;
    margin:30px 0 8px;
    padding:20px 17px;
    border-radius:15px;
  }
  .home-premium-trust-copy h3{font-size:18px;}
  .home-premium-trust-copy p{font-size:9.5px;}
  .home-premium-trust-points{grid-template-columns:1fr;gap:5px;}
  .home-premium-trust-points span{padding:9px 10px;}
  .home-premium-trust-points strong{font-size:8.5px;}
  .home-premium-trust-points small{font-size:7.2px;}
  .home-premium-trust-links{gap:15px;padding-top:11px;}
}

@media(max-width:350px){
  .home-premium-grid{gap:6px !important;}
  .home-premium-card-name{font-size:9.5px;}
  .home-premium-card-price{font-size:10.2px;}
  .home-premium-card-badges .home-premium-trending{display:none;}
}

body.light-mode .home-premium-hero{
  border-color:#ded4bf;
  background:
    radial-gradient(circle at 78% 34%,rgba(168,117,25,.08),transparent 34%),
    linear-gradient(135deg,#fffdf8,#f5f1e8);
  box-shadow:0 24px 58px rgba(88,67,32,.10);
}
body.light-mode .home-premium-hero-copy h2,
body.light-mode .home-premium-card-name,
body.light-mode .home-curated-tile-copy strong{color:#292b2f;}
body.light-mode .home-premium-hero-meta span{border-color:#ddd6ca;background:#faf7f0;color:#65605a;}
body.light-mode .home-premium-hero-meta strong{border-color:#d7b76d;background:#fff5dc;color:#805b14;}
body.light-mode .home-premium-hero-visual::before{background:radial-gradient(circle,rgba(180,128,30,.12),rgba(180,128,30,.025) 44%,transparent 70%);}
body.light-mode .home-curated-tile{
  border-color:#ded9d0;
  background:#f3efe7;
  box-shadow:0 14px 30px rgba(70,58,38,.08);
}
body.light-mode .home-curated-tile-shade{background:linear-gradient(90deg,rgba(249,247,242,.98) 0%,rgba(249,247,242,.86) 36%,rgba(249,247,242,.2) 78%,rgba(249,247,242,.42));}
body.light-mode .home-curated-tile-copy strong{color:#303238;}
body.light-mode .home-curated-tile-copy small{color:#766f64;}
body.light-mode .home-premium-card.card{
  border-color:#dedbd5;
  background:#fff;
  box-shadow:0 12px 28px rgba(67,58,42,.07);
}
body.light-mode .home-premium-card-media{background:radial-gradient(circle at 50% 38%,rgba(178,127,28,.055),transparent 42%),#f7f4ee;}
body.light-mode .home-premium-card-badges span,
body.light-mode .home-premium-favorite.favorite-btn{border-color:rgba(72,62,45,.12);background:rgba(255,255,255,.90);color:#4e5055;}
body.light-mode .home-premium-card-badges .home-premium-new,
body.light-mode .home-premium-card-badges .home-premium-trending{color:#866019;}
body.light-mode .home-premium-card-reference{color:#777b81;}
body.light-mode .home-premium-card-price{color:#8d651b;}
body.light-mode .home-premium-trust{border-color:#dfd7c7;background:#faf7f0;}
body.light-mode .home-premium-trust-points span{border-color:#e3ddd3;background:#fff;}
body.light-mode .home-premium-trust-points strong{color:#43464b;}


/* ==========================================================
   V180 PRODUCTION — PREMIUM MOBILE CONTACT ASSURANCE
   ========================================================== */
.interest-contact-assurance{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 11px !important;
  padding:9px 10px !important;
  border:1px solid rgba(78,210,199,.18) !important;
  border-radius:12px !important;
  background:rgba(78,210,199,.035) !important;
  text-align:left !important;
}
.interest-contact-assurance-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  border:1px solid rgba(78,210,199,.28) !important;
  border-radius:10px !important;
  background:rgba(78,210,199,.065) !important;
  color:#62d5c9 !important;
}
.interest-contact-assurance-icon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.interest-contact-assurance-copy{
  display:block !important;
  min-width:0 !important;
}
.interest-contact-assurance .interest-contact-assurance-copy > strong{
  display:block !important;
  margin:0 !important;
  color:var(--text) !important;
  font-size:12.5px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  letter-spacing:.005em !important;
  text-transform:none !important;
}
.interest-contact-assurance .interest-contact-assurance-copy > span{
  display:block !important;
  margin:3px 0 0 !important;
  color:var(--text-muted) !important;
  font-size:10.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
@media(max-width:800px){
  .interest-contact-assurance{
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:9px !important;
    margin-bottom:10px !important;
    padding:9px 10px !important;
  }
  .interest-contact-assurance-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:9px !important;
  }
  .interest-contact-assurance-icon svg{
    width:16px !important;
    height:16px !important;
  }
  .interest-contact-assurance .interest-contact-assurance-copy > strong{
    font-size:13px !important;
  }
  .interest-contact-assurance .interest-contact-assurance-copy > span{
    font-size:11px !important;
  }
}
@media(max-width:350px){
  .interest-contact-assurance .interest-contact-assurance-copy > strong{font-size:12.5px !important;}
  .interest-contact-assurance .interest-contact-assurance-copy > span{font-size:10.5px !important;}
}
body.light-mode .interest-contact-assurance{
  border-color:rgba(30,145,133,.20) !important;
  background:rgba(30,145,133,.045) !important;
}
body.light-mode .interest-contact-assurance-icon{
  border-color:rgba(30,145,133,.25) !important;
  background:rgba(30,145,133,.07) !important;
  color:#168f83 !important;
}


/* ==========================================================
   V181 BETA — DESKTOP PURCHASE / CONTACT POLISH
   Desktop only. Mobile contact flow remains unchanged.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    grid-template-columns:minmax(230px,.92fr) minmax(280px,1.08fr) !important;
    gap:12px !important;
    padding:13px !important;
    border-radius:16px !important;
  }

  .modal.card-details-modal .detail-purchase-location{
    padding:12px 14px !important;
    gap:12px !important;
    border-radius:13px !important;
  }

  .modal.card-details-modal .detail-purchase-location-icon{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    border-radius:10px !important;
    font-size:15px !important;
  }

  .modal.card-details-modal .detail-purchase-location > span:last-child{
    gap:4px !important;
  }

  .modal.card-details-modal .detail-purchase-location strong{
    font-size:13px !important;
    font-weight:760 !important;
    line-height:1.22 !important;
    letter-spacing:-.01em !important;
  }

  .modal.card-details-modal .detail-purchase-location small{
    max-width:330px !important;
    color:#9297a0 !important;
    font-size:9.75px !important;
    font-weight:520 !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    min-height:74px !important;
    padding:12px 18px !important;
    gap:4px !important;
    border-radius:13px !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > span{
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:-.01em !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > small{
    font-size:9.75px !important;
    font-weight:620 !important;
    line-height:1.25 !important;
  }

  .modal.card-details-modal .detail-buy-chooser{
    top:calc(100% + 10px) !important;
    width:min(344px,calc(100vw - 48px)) !important;
    padding:16px !important;
    gap:12px !important;
    border-radius:16px !important;
    box-shadow:0 22px 54px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-of-type{
    display:grid !important;
    gap:5px !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-of-type strong{
    color:#f3f0e9 !important;
    font-size:12.5px !important;
    font-weight:740 !important;
    line-height:1.22 !important;
    letter-spacing:-.01em !important;
  }

  .modal.card-details-modal .detail-buy-chooser > div:first-of-type span{
    max-width:310px !important;
    color:#9297a0 !important;
    font-size:9.75px !important;
    font-weight:430 !important;
    line-height:1.45 !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon{
    min-height:44px !important;
    height:44px !important;
    min-width:0 !important;
    padding:0 13px !important;
    justify-content:flex-start !important;
    gap:9px !important;
    border-radius:11px !important;
    border-color:rgba(227,179,65,.16) !important;
    background:rgba(255,255,255,.025) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon:hover,
  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon:focus-visible{
    border-color:rgba(227,179,65,.42) !important;
    background:rgba(227,179,65,.065) !important;
    transform:translateY(-1px) !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon > span{
    width:25px !important;
    min-width:25px !important;
    height:25px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(227,179,65,.17) !important;
    border-radius:8px !important;
    background:rgba(227,179,65,.045) !important;
    color:#f0c65b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1 !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon small{
    display:none !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon::after{
    color:#e6e8ec !important;
    font-size:9.5px !important;
    font-weight:680 !important;
    line-height:1.2 !important;
    letter-spacing:.005em !important;
    white-space:nowrap !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links a[aria-label*="WhatsApp"]::after{
    content:"WhatsApp";
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links a[aria-label*="Facebook"]::after{
    content:"Facebook";
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links a[aria-label*="Carousell"]::after{
    content:"Carousell";
  }

  body.light-mode .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon{
    border-color:rgba(148,107,24,.16) !important;
    background:#fffdf8 !important;
  }

  body.light-mode .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon > span{
    border-color:rgba(148,107,24,.18) !important;
    background:#fbf3e2 !important;
    color:#8b6416 !important;
  }

  body.light-mode .modal.card-details-modal .detail-buy-chooser .details-buy-social-links .collect-social-icon::after{
    color:#35383d !important;
  }
}


/* ==========================================================
   V182 BETA — DESKTOP CONTACT CTA BOUNDS FIX
   Prevent the purchase CTA from overflowing the detail panel.
   Desktop only; mobile remains unchanged.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .modal.card-details-modal .detail-purchase-location,
  .modal.card-details-modal .detail-buy-cta{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > span,
  .modal.card-details-modal .detail-buy-cta > summary > small{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  .modal.card-details-modal .detail-buy-chooser{
    max-width:min(344px,calc(100vw - 48px)) !important;
    box-sizing:border-box !important;
  }
}


/* ==========================================================
   V183 BETA — DESKTOP CONTACT CTA HEIGHT FIT
   Match CTA height to the location card in the purchase row.
   Desktop only; mobile remains unchanged.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    align-items:stretch !important;
  }

  .modal.card-details-modal .detail-purchase-location,
  .modal.card-details-modal .detail-buy-cta{
    height:100% !important;
    align-self:stretch !important;
  }

  .modal.card-details-modal .detail-buy-cta{
    display:flex !important;
    flex-direction:column !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
  }
}


/* ==========================================================
   V185 BETA — CARD DETAILS FLOATING MENU BOUNDS
   Keep the desktop More menu inside the details modal.
   Also harden floating contact/menu content against long labels.
   Mobile behavior remains unchanged.
   ========================================================== */
@media (min-width:801px){
  .modal.card-details-modal .details-more-wrap{
    position:relative !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  /* Override the older outward-opening left:0 rule.
     The menu now opens inward from the right edge of More. */
  .modal.card-details-modal .details-more-menu{
    left:auto !important;
    right:0 !important;
    transform:none !important;
    width:min(240px,calc(100vw - 48px)) !important;
    min-width:min(190px,calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  .modal.card-details-modal .details-more-menu button{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    line-height:1.28 !important;
    text-align:left !important;
  }

  /* Other details popover: already right-anchored, but make its
     width containment explicit so future copy cannot force overflow. */
  .modal.card-details-modal .detail-buy-chooser{
    right:0 !important;
    left:auto !important;
    max-width:min(344px,calc(100vw - 48px)) !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  .modal.card-details-modal .detail-buy-chooser a,
  .modal.card-details-modal .detail-buy-chooser button{
    min-width:0 !important;
    max-width:100% !important;
  }
}


/* ==========================================================
   V191 — SAFARI-SAFE DESKTOP CONTACT CTA HEIGHT
   Avoid percentage-height resolution against the tall details column.
   Let the purchase grid row define the shared height instead.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    align-items:stretch !important;
  }

  .modal.card-details-modal .detail-purchase-location{
    height:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
  }

  .modal.card-details-modal .detail-buy-cta{
    height:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:74px !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }
}


/* ==========================================================
   V194 BETA — OWNER STORAGE AUDIT
   ========================================================== */
.storage-audit-panel{
  display:grid;
  gap:16px;
}
.storage-audit-status{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.storage-audit-status strong{font-size:14px}
.storage-audit-status span{font-size:12px;color:var(--muted)}
.storage-audit-status.ok{border-color:rgba(57,211,164,.26)}
.storage-audit-status.warn{border-color:rgba(235,183,61,.34)}
.storage-audit-actions,.storage-audit-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.storage-audit-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.storage-audit-summary article{
  display:grid;
  gap:4px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.storage-audit-summary article.needs-attention{border-color:rgba(235,183,61,.32)}
.storage-audit-summary strong{font-size:20px;line-height:1}
.storage-audit-summary span{font-size:11px;font-weight:700}
.storage-audit-summary small{font-size:10px;color:var(--muted);line-height:1.35}
.storage-audit-section{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}
.storage-audit-danger-zone{border-color:rgba(235,183,61,.22)}
.storage-audit-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.storage-audit-section-head h3{margin:0 0 4px;font-size:15px}
.storage-audit-section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.storage-audit-table-wrap{overflow:auto}
.storage-audit-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
}
.storage-audit-table th,
.storage-audit-table td{
  padding:9px 10px;
  border-bottom:1px solid rgba(255,255,255,.065);
  text-align:left;
  vertical-align:top;
  font-size:11px;
}
.storage-audit-table th{
  color:var(--muted);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.storage-audit-table td strong{
  display:block;
  max-width:520px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.storage-audit-table td small{
  display:block;
  max-width:620px;
  margin-top:3px;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.storage-audit-check{width:32px}
.storage-audit-safety-note{
  display:grid;
  gap:3px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(57,211,164,.06);
  border:1px solid rgba(57,211,164,.18);
}
.storage-audit-safety-note strong{font-size:11px}
.storage-audit-safety-note span{font-size:10px;color:var(--muted);line-height:1.4}
.storage-audit-duplicate-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  font-size:11px;
}
.storage-audit-duplicate-summary span{color:var(--muted)}
.storage-audit-duplicate-groups{display:grid;gap:8px}
.storage-audit-duplicate-groups details{
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  padding:10px 12px;
}
.storage-audit-duplicate-groups summary{
  cursor:pointer;
  font-size:11px;
  font-weight:700;
}
@media (max-width:899px){
  .storage-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .storage-audit-section-head{display:grid}
  .storage-audit-inline-actions{width:100%}
}


/* ==========================================================
   V195 BETA — STORAGE OPTIMIZER ANALYSIS
   ========================================================== */
.storage-optimizer-projection{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.storage-optimizer-projection>div{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.storage-optimizer-projection span{
  font-size:10px;
  color:var(--muted);
}
.storage-optimizer-projection strong{
  font-size:17px;
}
.storage-optimizer-table .storage-optimizer-ref{
  display:block;
  max-width:320px;
  margin-bottom:3px;
  font-size:10px;
  line-height:1.35;
}
.storage-optimizer-card-list{
  display:grid;
  gap:8px;
}
.storage-optimizer-card-list article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) minmax(150px,.65fr);
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
}
.storage-optimizer-card-list article>span{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
.storage-optimizer-card-list article>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.storage-optimizer-card-list strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.storage-optimizer-card-list small{
  color:var(--muted);
  font-size:9.5px;
  line-height:1.35;
}
.storage-optimizer-pair-list{
  display:grid;
  gap:8px;
}
.storage-optimizer-pair-list article{
  display:grid;
  grid-template-columns:minmax(150px,1fr) repeat(4,minmax(90px,.55fr));
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
}
.storage-optimizer-pair-list article>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.storage-optimizer-pair-list span,
.storage-optimizer-pair-list small{
  color:var(--muted);
  font-size:9.5px;
}
.storage-optimizer-pair-list strong{
  font-size:10.5px;
}
@media (max-width:899px){
  .storage-optimizer-projection{grid-template-columns:1fr}
  .storage-optimizer-card-list article{
    grid-template-columns:28px minmax(0,1fr);
  }
  .storage-optimizer-card-list article>div:last-child{
    grid-column:2;
  }
  .storage-optimizer-pair-list article{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .storage-optimizer-pair-list article>div:first-child{
    grid-column:1/-1;
  }
}


/* ==========================================================
   V197 — SAFARI DESKTOP PURCHASE ROW EXACT HEIGHT ALIGNMENT
   The location card defines the grid row height. The <details>
   CTA stretches to that row, while its summary fills the row
   via absolute positioning. This avoids Safari percentage-height
   bugs and removes the empty space under Contact to Buy.
   ========================================================== */
@media (min-width:900px){
  .modal.card-details-modal .detail-purchase-panel{
    align-items:stretch !important;
  }

  .modal.card-details-modal .detail-purchase-location{
    align-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
  }

  .modal.card-details-modal .detail-buy-cta{
    position:relative !important;
    align-self:stretch !important;
    display:block !important;
    height:auto !important;
    min-height:74px !important;
    max-height:none !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .modal.card-details-modal .detail-buy-chooser{
    top:calc(100% + 10px) !important;
  }
}


/* V205 — shared contact intent presets */
.interest-contact-intents{display:grid;gap:8px;margin:12px 0 2px}
.interest-contact-intents>span{font-size:10px;font-weight:700;color:var(--muted)}
.interest-contact-intents>div{display:flex;flex-wrap:wrap;gap:7px}
.interest-contact-intents button{min-height:34px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03);color:inherit;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.interest-contact-intents button.active{border-color:rgba(241,188,57,.5);background:rgba(241,188,57,.12);color:#f4c64f}
.purchase-copy-desktop{display:none}

/* ==========================================================
   V199 — UNIFIED CONTACT INTENTS + SLIM DESKTOP PURCHASE CTA
   Desktop uses the same buyer-intent flow as mobile while
   keeping Safari-safe exact row alignment.
   ========================================================== */
.purchase-copy-desktop{display:none;}

@media (min-width:900px){
  .purchase-copy-mobile{display:none !important;}
  .purchase-copy-desktop{display:inline !important;}

  .modal.card-details-modal .detail-purchase-panel{
    grid-template-columns:minmax(0,1fr) minmax(0,1.02fr) !important;
    gap:9px !important;
    padding:9px !important;
    margin:12px 0 4px !important;
    border-radius:14px !important;
  }

  .modal.card-details-modal .detail-purchase-location{
    padding:9px 11px !important;
    gap:9px !important;
    border-radius:11px !important;
  }

  .modal.card-details-modal .detail-purchase-location-icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
    border-radius:9px !important;
    font-size:13px !important;
  }

  .modal.card-details-modal .detail-purchase-location > span:last-child{
    gap:2px !important;
  }

  .modal.card-details-modal .detail-purchase-location strong{
    font-size:12px !important;
    line-height:1.18 !important;
  }

  .modal.card-details-modal .detail-purchase-location small{
    max-width:none !important;
    font-size:9px !important;
    line-height:1.3 !important;
  }

  .modal.card-details-modal .detail-buy-cta{
    min-height:58px !important;
    border-radius:11px !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary{
    border-radius:11px !important;
    padding:8px 13px !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > span{
    font-size:13px !important;
    line-height:1.12 !important;
  }

  .modal.card-details-modal .detail-buy-cta > summary > small{
    margin-top:2px !important;
    font-size:9px !important;
    line-height:1.15 !important;
  }

  .modal.card-details-modal .detail-buy-chooser{
    width:min(390px,calc(100vw - 48px)) !important;
    max-width:min(390px,calc(100vw - 48px)) !important;
    padding:12px !important;
    gap:9px !important;
  }

  .modal.card-details-modal .details-contact-intents{
    display:grid !important;
    gap:6px !important;
  }

  .modal.card-details-modal .details-contact-intents > span{
    color:#8f949e !important;
    font-size:9px !important;
    font-weight:700 !important;
  }

  .modal.card-details-modal .details-contact-intents > div{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .modal.card-details-modal .details-contact-intents button{
    min-height:32px !important;
    padding:6px 8px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.025) !important;
    color:#c9cbd0 !important;
    font:inherit !important;
    font-size:9px !important;
    font-weight:700 !important;
    cursor:pointer !important;
  }

  .modal.card-details-modal .details-contact-intents button.active{
    border-color:rgba(227,179,65,.42) !important;
    background:rgba(227,179,65,.10) !important;
    color:#f0c454 !important;
  }

  .modal.card-details-modal .detail-buy-chooser .details-buy-social-links a{
    min-height:36px !important;
  }

  body.light-mode .modal.card-details-modal .details-contact-intents button{
    border-color:#ded9cf !important;
    background:#fff !important;
    color:#555b61 !important;
  }

  body.light-mode .modal.card-details-modal .details-contact-intents button.active{
    border-color:rgba(148,107,24,.38) !important;
    background:#fbf3e2 !important;
    color:#8b6416 !important;
  }
}

@media (max-width:899px){
  .purchase-copy-mobile{display:inline !important;}
  .purchase-copy-desktop{display:none !important;}
}

/* Home V04: clearer display hierarchy without changing the existing layout. */
.home-premium-hero-copy h2,
.home-premium-section-head h3,
.home-curated-tile-copy strong,
.home-premium-trust-copy .eyebrow,
.home-premium-trust-copy h3,
.home-premium-trust-points strong{
  text-transform:uppercase;
}

.home-premium-trust-copy .eyebrow{
  font-size:clamp(12px,.72vw,15px);
  line-height:1.25;
}
.home-premium-trust-copy h3{
  font-size:clamp(23px,1.55vw,30px);
  line-height:1.15;
}
.home-premium-trust-copy p{
  font-size:clamp(13px,.82vw,16px);
  line-height:1.55;
}
.home-premium-trust-points strong{
  font-size:clamp(12px,.78vw,15px);
  line-height:1.25;
}
.home-premium-trust-points small{
  font-size:clamp(10.5px,.68vw,13px);
  line-height:1.45;
}
.home-premium-trust-links a{
  font-size:clamp(11px,.7vw,14px);
}

@media(max-width:800px){
  .home-premium-trust-copy .eyebrow{font-size:12px;}
  .home-premium-trust-copy h3{font-size:22px;}
  .home-premium-trust-copy p{font-size:13px;}
  .home-premium-trust-points strong{font-size:12px;}
  .home-premium-trust-points small{font-size:10.5px;}
  .home-premium-trust-links a{font-size:11px;}
}

/* Home V05: make the currency control as readable as the primary actions. */
.home-premium-currency > span:not(.sr-only){
  font-size:12px !important;
  font-weight:760 !important;
  letter-spacing:.045em !important;
}
.home-premium-currency select{
  font-size:11px !important;
  font-weight:700 !important;
}

@media(max-width:800px){
  .home-premium-currency > span:not(.sr-only){font-size:12px !important;}
  .home-premium-currency select{font-size:11px !important;}
}

/* Home V06: trust-point descriptions stay on one clean line. */
.home-premium-trust-points small{
  white-space:nowrap;
  font-size:clamp(9.5px,.66vw,12px);
  letter-spacing:-.012em;
}

/* Collection V06: use the established gold accent instead of purple. */
#invGrid.collection-game-grouped .collection-game-group-header{
  border-color:rgba(227,179,65,.28);
  background:
    linear-gradient(180deg,rgba(227,179,65,.075),rgba(227,179,65,.025)),
    var(--surface-1);
}
#invGrid.collection-game-grouped .collection-game-group-header:hover,
#invGrid.collection-game-grouped .collection-game-group-header:focus-visible{
  border-color:rgba(240,196,92,.66);
  box-shadow:0 0 0 3px rgba(227,179,65,.07);
}
#invGrid.collection-game-grouped .collection-game-chevron{
  background:rgba(227,179,65,.10);
  color:#efc45d;
}
body.light-mode #invGrid.collection-game-grouped .collection-game-group-header{
  background:
    linear-gradient(180deg,rgba(227,179,65,.07),rgba(227,179,65,.02)),
    var(--surface-1);
}

/* Collection V07: NFS cards use the same gold accent as the Collection page. */
#invGrid .card.nfs-collection-card{
  --stripe:#e3b341 !important;
  border-color:rgba(227,179,65,.34) !important;
  box-shadow:
    inset 3px 0 0 rgba(227,179,65,.70),
    0 8px 22px rgba(0,0,0,.12) !important;
}
#invGrid .card.nfs-collection-card:hover{
  border-color:rgba(240,196,92,.62) !important;
}

/* Inventory / Sold V08: keep listing card stripes aligned to the gold brand accent. */
#invGrid.gold-card-stripes .card{
  --stripe:#e3b341 !important;
}