/* 2026-08-18 Sitewide theme color normalization.
   Purpose: make light/dark modes coherent everywhere without changing layout or click behavior. */
:root,
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4faf6;
  --surface:#ffffff;
  --surface-2:#f7fbf8;
  --surface-3:#eef7f1;
  --ink:#14211b;
  --muted:#506357;
  --line:rgba(29,87,57,.18);
  --shadow:0 12px 30px rgba(22,59,39,.11);
  --shadow-strong:0 18px 44px rgba(22,59,39,.17);
  --green:#35c982;
  --green-dark:#188b57;
  --gold:#d99d12;
  --gold-soft:#fff4cc;
  --navy:#173025;
  --danger:#b91c1c;
  --st-bg:#f4faf6;
  --st-ink:#14211b;
  --st-muted:#506357;
  --st-card:#ffffff;
  --st-line:rgba(29,87,57,.18);
  --st-green:#35c982;
  --st-navy:#173025;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07110c;
  --surface:#10251c;
  --surface-2:#132d22;
  --surface-3:#0b1b15;
  --ink:#f8fbf3;
  --muted:#c2d2c8;
  --line:rgba(88,242,160,.22);
  --shadow:0 16px 36px rgba(0,0,0,.38);
  --shadow-strong:0 22px 52px rgba(0,0,0,.52);
  --green:#58f2a0;
  --green-dark:#26a76d;
  --gold:#e2c270;
  --gold-soft:#2e2612;
  --navy:#9ecbff;
  --danger:#f87171;
  --st-bg:#07110c;
  --st-ink:#f8fbf3;
  --st-muted:#c2d2c8;
  --st-card:#10251c;
  --st-line:rgba(88,242,160,.22);
  --st-green:#58f2a0;
  --st-navy:#9ecbff;
}
html[data-theme] body{
  background:
    radial-gradient(circle at 88% 0%, color-mix(in srgb,var(--green) 14%, transparent) 0, transparent 34rem),
    var(--bg)!important;
  color:var(--ink)!important;
}
html[data-theme] main.site-main{
  background:transparent!important;
  color:var(--ink)!important;
}
html[data-theme] .compact-card,
html[data-theme] .detail-panel,
html[data-theme] .safety-card,
html[data-theme] .related-section,
html[data-theme] .profile-form,
html[data-theme] .dashboard-card,
html[data-theme] .ops-card,
html[data-theme] .browse-search-card,
html[data-theme] .filters,
html[data-theme] .browse-end-cta,
html[data-theme] .browse-join-nudge,
html[data-theme] .listing-card,
html[data-theme] .wishlist-card,
html[data-theme] .member-listing-card,
html[data-theme] .public-profile-card{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow)!important;
  text-shadow:none!important;
}
html[data-theme] .site-header,
html[data-theme] header.site-header{
  background:linear-gradient(180deg,var(--surface),var(--surface-2))!important;
  color:var(--ink)!important;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 42%, var(--line))!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] header.site-header{
  background:linear-gradient(180deg,#0b1218,#07110c)!important;
  border-bottom-color:rgba(226,194,112,.72)!important;
}
html[data-theme] .brand-name{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme] .brand-tagline{
  color:var(--green-dark)!important;
  -webkit-text-fill-color:var(--green-dark)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .brand-tagline{color:var(--green)!important;-webkit-text-fill-color:var(--green)!important;}
html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] h4,
html[data-theme] .browse-page-title,
html[data-theme] .listing-title,
html[data-theme] .listing-title a{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-shadow:none!important;
  opacity:1!important;
}
html[data-theme] p,
html[data-theme] small,
html[data-theme] .muted,
html[data-theme] .helper-text,
html[data-theme] .browse-page-subtitle,
html[data-theme] .listing-desc,
html[data-theme] .listing-location-text,
html[data-theme] .card-copy,
html[data-theme] .fine-print{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
  text-shadow:none!important;
  opacity:1!important;
}
html[data-theme] .input,
html[data-theme] .select,
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] .browse-page-header-section,
html[data-theme="light"] .browse-secondary-header,
html[data-theme="light"] .add-product-shell>div:first-child{
  background:linear-gradient(180deg,#ffffff,#edf8f1)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--gold) 44%, var(--line))!important;
  box-shadow:var(--shadow)!important;
}
html[data-theme="dark"] .browse-page-header-section,
html[data-theme="dark"] .browse-secondary-header,
html[data-theme="dark"] .add-product-shell>div:first-child{
  background:linear-gradient(135deg,#07110c,#0c141c)!important;
  color:var(--ink)!important;
  border-color:rgba(226,194,112,.72)!important;
}
html[data-theme] .primary-btn,
html[data-theme] .button,
html[data-theme] .browse-hero-add-listing,
html[data-theme] button[type="submit"]{
  background:linear-gradient(135deg,var(--green),var(--green-dark))!important;
  color:#061a11!important;
  border-color:rgba(6,26,17,.12)!important;
  text-shadow:none!important;
}
html[data-theme] .secondary-btn,
html[data-theme] .browse-search-toggle,
html[data-theme] .browse-view-toggle,
html[data-theme] .browse-view-button,
html[data-theme] .menu-toggle,
html[data-theme] .theme-toggle-pill,
html[data-theme] .profile-chip,
html[data-theme] .nav-link{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  text-shadow:none!important;
}
html[data-theme] .listing-card .listing-body{
  background:linear-gradient(180deg,var(--surface),var(--surface-2))!important;
  color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme] .image-type-pill,
html[data-theme] .browse-card-reaction-pair{
  background:linear-gradient(135deg,var(--green),var(--green-dark))!important;
  color:#061a11!important;
  border-color:rgba(6,26,17,.18)!important;
  text-shadow:none!important;
}
html[data-theme] .image-location-pill,
html[data-theme] .image-rating-pill.listing-rating-sort-pill,
html[data-theme] .type-pill,
html[data-theme] .status-pill,
html[data-theme] .footer-stat-pill{
  background:var(--gold-soft)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--gold) 52%, var(--line))!important;
  text-shadow:none!important;
}
html[data-theme] .rating-star{color:var(--gold)!important;text-shadow:none!important;}

/* Higher-specificity overrides for legacy late dark Browse/card rules. Keep this in the
   sitewide theme layer so mode colors remain centralized rather than page-bandaged. */
html[data-theme="light"] body main.site-main .container.browse-page .browse-page-header-section,
html[data-theme="light"] body main.site-main .container.browse-page .browse-secondary-header,
html[data-theme="light"] body main.site-main .product-page .add-product-shell>div:first-child{
  background:linear-gradient(180deg,#ffffff 0%,#edf8f1 100%)!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#edf8f1 100%)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--gold) 44%, var(--line))!important;
  box-shadow:var(--shadow)!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f4faf6 100%)!important;
  color:var(--ink)!important;
  border-color:rgba(29,87,57,.22)!important;
  box-shadow:0 14px 30px rgba(22,59,39,.13)!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap{
  background:#e6eee9!important;
  color:var(--ink)!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-body{
  background:linear-gradient(180deg,#ffffff 0%,#f2f8f4 100%)!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f2f8f4 100%)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-title,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-title a,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .title-type-icon-pill{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-desc,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-location-text,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card p,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card small{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-location-pill{
  background:#fff4cc!important;
  background-image:none!important;
  color:#14211b!important;
  border-color:rgba(217,157,18,.42)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-type-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .browse-card-reaction-pair{
  background:#35c982!important;
  background-image:linear-gradient(135deg,#49d990,#22a969)!important;
  color:#061a11!important;
  border-color:rgba(255,255,255,.72)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body .toast-host .game-toast,
html[data-theme="light"] body article.game-toast,
html[data-theme="light"] body main.site-main .browse-join-nudge,
html[data-theme="light"] body main.site-main .browse-page .infinite-sentinel .browse-join-nudge{
  background:linear-gradient(180deg,#ffffff 0%,#fff8df 100%)!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#fff8df 100%)!important;
  color:var(--ink)!important;
  border-color:rgba(217,157,18,.62)!important;
  box-shadow:0 18px 42px rgba(43,31,5,.18),0 0 0 1px rgba(255,255,255,.82) inset!important;
  text-shadow:none!important;
}
html[data-theme="light"] body .toast-host .game-toast strong,
html[data-theme="light"] body article.game-toast strong,
html[data-theme="light"] body main.site-main .browse-join-nudge strong{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body .toast-host .game-toast p,
html[data-theme="light"] body article.game-toast p,
html[data-theme="light"] body main.site-main .browse-join-nudge span{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
  text-shadow:none!important;
}
html[data-theme="light"] body article.game-toast .game-toast-icon,
html[data-theme="light"] body .toast-host .game-toast .game-toast-icon{
  background:radial-gradient(circle at 35% 25%,#ffffff,#f7d56d 54%,#d99d12)!important;
  color:#14211b!important;
}

/* Light mode header controls and logo shell: legacy mobile header files force black
   circular controls. Keep the treatment mode-aware here instead of scattering fixes. */
html[data-theme="light"] body header.site-header .header-actions .browse-search-toggle,
html[data-theme="light"] body header.site-header .header-actions [data-header-search-toggle],
html[data-theme="light"] body header.site-header .header-actions .menu-toggle,
html[data-theme="light"] body header.site-header .site-menu-toggle,
html[data-theme="light"] body header.site-header button[data-menu-toggle],
html[data-theme="light"] body header.site-header .nav-theme-toggle.theme-toggle-pill,
html[data-theme="light"] body header.site-header .theme-toggle-pill{
  background:linear-gradient(180deg,#ffffff 0%,#fff7df 100%)!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#fff7df 100%)!important;
  color:#14211b!important;
  border:1px solid rgba(217,157,18,.58)!important;
  box-shadow:0 10px 24px rgba(43,31,5,.18),0 0 0 1px rgba(255,255,255,.82) inset!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-theme="light"] body header.site-header .menu-toggle span,
html[data-theme="light"] body header.site-header button[data-menu-toggle] span{
  background:#14211b!important;
  color:#14211b!important;
  box-shadow:none!important;
}
html[data-theme="light"] body header.site-header .browse-search-toggle svg,
html[data-theme="light"] body header.site-header [data-header-search-toggle] svg,
html[data-theme="light"] body header.site-header .menu-toggle svg,
html[data-theme="light"] body header.site-header button[data-menu-toggle] svg,
html[data-theme="light"] body header.site-header .theme-toggle-pill svg,
html[data-theme="light"] body header.site-header .browse-search-toggle *,
html[data-theme="light"] body header.site-header [data-header-search-toggle] *{
  color:#14211b!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  text-shadow:none!important;
}
html[data-theme="light"] body header.site-header .brand-logo-wrap{
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body header.site-header .brand-logo-bg,
html[data-theme="light"] body header.site-header .brand-logo::before,
html[data-theme="light"] body header.site-header .brand-logo::after{
  background:transparent!important;
  fill:rgba(255,255,255,.72)!important;
  stroke:rgba(217,157,18,.50)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body header.site-header .brand-logo-svg{
  background:transparent!important;
  filter:none!important;
  box-shadow:none!important;
}
html[data-theme="light"] body header.site-header .brand-logo{
  background:transparent!important;
  filter:none!important;
  opacity:0!important;
  box-shadow:none!important;
}

/* Light-mode overlay pills: rating and location match the listing type pill. */
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-location-pill{
  background:#35c982!important;
  background-image:linear-gradient(135deg,#49d990,#22a969)!important;
  color:#061a11!important;
  -webkit-text-fill-color:#061a11!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 6px 14px rgba(22,59,39,.16),0 0 0 1px rgba(255,255,255,.42) inset!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill *,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill .rating-star,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-location-pill *,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-location-pill .listing-location-text{
  color:#061a11!important;
  -webkit-text-fill-color:#061a11!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill .rating-star{
  color:#ffd84d!important;
  -webkit-text-fill-color:#ffd84d!important;
  text-shadow:0 1px 1px rgba(6,17,11,.38)!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card .image-rating-pill.listing-rating-sort-pill .rating-star.is-empty{
  color:#1b5e45!important;
  -webkit-text-fill-color:#1b5e45!important;
}

/* Service listings: overlay metadata pills match the blue Service type pill, not Thing green. */
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-type-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-type-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-location-pill,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-location-pill{
  background:#9ecbff!important;
  background-image:linear-gradient(135deg,#bfddff 0%,#74b4ff 100%)!important;
  color:#061a2d!important;
  -webkit-text-fill-color:#061a2d!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 6px 14px rgba(20,68,120,.16),0 0 0 1px rgba(255,255,255,.42) inset!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-type-pill *,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill *,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill .rating-star,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-location-pill *,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-location-pill .listing-location-text{
  color:#061a2d!important;
  -webkit-text-fill-color:#061a2d!important;
  text-shadow:none!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill .rating-star.is-empty{
  color:#1b5e45!important;
  -webkit-text-fill-color:#1b5e45!important;
}
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
html[data-theme="light"] body main.site-main .container.browse-page #listing-grid article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill .rating-star{
  color:#ffd84d!important;
  -webkit-text-fill-color:#ffd84d!important;
  text-shadow:0 1px 1px rgba(6,17,11,.38)!important;
}

/* Final specificity bump for mobile hamburger: header menu CSS uses very specific
   black/gold rules, so light mode needs to beat that exact component path. */
html[data-theme="light"] body header.site-header .site-header-inner .header-actions button.menu-toggle,
html[data-theme="light"] body header.site-header .site-header-inner button.menu-toggle[data-menu-toggle],
html[data-theme="light"] body header.site-header button.menu-toggle.menu-toggle[data-menu-toggle]{
  background:linear-gradient(180deg,#ffffff 0%,#fff7df 100%)!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#fff7df 100%)!important;
  color:#14211b!important;
  border-color:rgba(217,157,18,.58)!important;
  box-shadow:0 10px 24px rgba(43,31,5,.18),0 0 0 1px rgba(255,255,255,.82) inset!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-theme="light"] body header.site-header .site-header-inner .header-actions button.menu-toggle span,
html[data-theme="light"] body header.site-header .site-header-inner button.menu-toggle[data-menu-toggle] span,
html[data-theme="light"] body header.site-header button.menu-toggle.menu-toggle[data-menu-toggle] span{
  background:#14211b!important;
  color:#14211b!important;
  box-shadow:none!important;
}

/* 2026-08-20 compact mobile site header: sizing/spacing only; preserve animations. */
@media (max-width:760px){
  html body .site-header .site-header-inner,
  html body .site-header-inner{
    min-height:58px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    padding:4px 0!important;
    column-gap:7px!important;
    row-gap:0!important;
  }
  html body .site-header .brand,
  html body .site-header-inner .brand{
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:7px!important;
    row-gap:0!important;
    max-width:calc(100vw - 122px)!important;
    min-height:50px!important;
  }
  html body .site-header .brand-logo,
  html body .site-header-inner .brand-logo,
  html body .site-header .brand-logo-svg,
  html body .site-header-inner .brand-logo-svg{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }
  html body .site-header .brand-name,
  html body .site-header-inner .brand-name{
    font-size:clamp(1.16rem,5.25vw,1.46rem)!important;
    line-height:.94!important;
  }
  html body .site-header .brand-tagline,
  html body .site-header-inner .brand-tagline{
    font-size:clamp(.68rem,2.75vw,.82rem)!important;
    line-height:1!important;
  }
  html body .site-header .header-actions,
  html body .site-header-inner .header-actions{
    gap:5px!important;
  }
  html body .site-header .theme-toggle-pill,
  html body .site-header .menu-toggle,
  html body .site-header .profile-section-menu-toggle,
  html body .site-header-inner .theme-toggle-pill,
  html body .site-header-inner .menu-toggle,
  html body .site-header-inner .profile-section-menu-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex:0 0 40px!important;
  }
  html body .site-header .nav.is-open{
    top:64px!important;
  }
}
@media (max-width:430px){
  html body .site-header .brand,
  html body .site-header-inner .brand{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  html body .site-header .brand-logo,
  html body .site-header-inner .brand-logo,
  html body .site-header .brand-logo-svg,
  html body .site-header-inner .brand-logo-svg{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }
}


/* 2026-08-20 compact mobile site header hard clamps: wrapper/tap-target sizing only. */
@media (max-width:760px){
  html body .site-header .brand-logo-wrap,
  html body .site-header-inner .brand-logo-wrap,
  html body .site-header .brand-logo,
  html body .site-header-inner .brand-logo,
  html body .site-header .brand-logo-svg,
  html body .site-header-inner .brand-logo-svg{
    box-sizing:border-box!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    flex:0 0 52px!important;
    flex-basis:52px!important;
  }
  html body .site-header .brand,
  html body .site-header-inner .brand{
    grid-template-columns:52px minmax(0,1fr)!important;
    min-height:52px!important;
    height:52px!important;
    max-height:52px!important;
  }
  html body .site-header .header-actions,
  html body .site-header-inner .header-actions{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }
  html body .site-header .header-search-button,
  html body .site-header-inner .header-search-button,
  html body .site-header .menu-toggle,
  html body .site-header-inner .menu-toggle{
    box-sizing:border-box!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex:0 0 38px!important;
    flex-basis:38px!important;
  }
  html body .site-header .menu-toggle span,
  html body .site-header-inner .menu-toggle span{
    width:18px!important;
  }
}

/* 2026-08-20 align Browse header under compact mobile site header. */
@media (max-width:760px){
  html body main.site-main .container.browse-page .browse-page-header-section,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,
  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{
    top:61px!important;
  }
}



/* AEGIS browse mobile-landscape overflow repair 2026-08-23 */
@media (max-width: 920px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html body main.site-main,
  html body main.site-main .container.browse-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow-x:hidden!important;
  }
  html body main.site-main .container.browse-page{
    padding-left:clamp(10px,2.6vw,18px)!important;
    padding-right:clamp(10px,2.6vw,18px)!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section,
  html body main.site-main .container.browse-page .browse-secondary-header,
  html body main.site-main .container.browse-page .browse-header-row,
  html body main.site-main .container.browse-page .browse-heading-copy,
  html body main.site-main .container.browse-page .browse-after-hero-action{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page .browse-header-row{
    display:block!important;
  }
  html body main.site-main .container.browse-page .browse-heading-copy{
    display:block!important;
    text-align:left!important;
  }
  html body main.site-main .container.browse-page .browse-page-title{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  html body main.site-main .container.browse-page .browse-page-subtitle{
    display:block!important;
    max-width:100%!important;
    margin-top:.55rem!important;
  }
  html body main.site-main .container.browse-page .browse-after-hero-action{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.45rem!important;
    padding:.42rem 0 0!important;
    border-top:2px solid rgba(217,157,18,.62)!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  html body main.site-main .container.browse-page .browse-after-hero-action .browse-hero-add-listing{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:calc(100% - 128px)!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  html body main.site-main .container.browse-page .browse-header-controls{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.28rem!important;
    width:auto!important;
    max-width:124px!important;
    min-width:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid::before{
    width:100%!important;
    max-width:100%!important;
    left:0!important;
    transform:none!important;
  }
}


/* AEGIS mobile listing card refinement 2026-08-23 */
@media (max-width: 920px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fit,minmax(clamp(148px,44vw,230px),1fr))!important;
    align-items:start!important;
    gap:clamp(10px,2.4vw,18px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
    min-width:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    min-height:clamp(142px,31vw,205px)!important;
    height:clamp(142px,31vw,205px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img{
    height:100%!important;
  }

  /* Mobile: image overlay type pill becomes icon-only; category text stays accessible via aria-label. */
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-type-pill{
    width:clamp(42px,10.5vw,52px)!important;
    min-width:clamp(42px,10.5vw,52px)!important;
    max-width:clamp(42px,10.5vw,52px)!important;
    height:clamp(38px,9.5vw,44px)!important;
    min-height:clamp(38px,9.5vw,44px)!important;
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
    font-size:0!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-type-pill .type-icon{
    font-size:clamp(20px,5.2vw,25px)!important;
    line-height:1!important;
    margin:0!important;
  }

  /* Mobile: drop the image location pill; use inline location directly below title. */
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill{
    display:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-body .listing-location-text{
    display:flex!important;
    align-items:center!important;
    gap:.28rem!important;
    margin:.18rem 0 .42rem!important;
    color:rgba(248,251,243,.84)!important;
    font-size:clamp(.72rem,2.8vw,.86rem)!important;
    font-weight:800!important;
    line-height:1.15!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-body .listing-location-inline-pin,
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-body .listing-location-inline-pin svg{
    width:1em!important;
    height:1em!important;
    flex:0 0 auto!important;
    color:#ff4c5d!important;
    fill:#ff4c5d!important;
  }

  /* Mobile: make rating stars legible and balanced; remove cramped owner/sort clutter. */
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    min-width:clamp(76px,20vw,96px)!important;
    width:auto!important;
    height:clamp(34px,8.7vw,40px)!important;
    min-height:clamp(34px,8.7vw,40px)!important;
    max-height:clamp(34px,8.7vw,40px)!important;
    padding:0 .48rem!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label,
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
    display:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.02rem!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{
    font-size:clamp(14px,3.65vw,18px)!important;
    line-height:1!important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))!important;
  }
}