/* BLOOOW Business marketplace · BA screen 4 visual redesign.
   All selectors are business-index-page scoped. Loaded after legacy layers.
   Reuses the existing homepage hero artwork: static/images/home/hero.webp. */
.business-index-page {
    --home-width: 1450px;
    --home-blue: #1548e5;
    --home-ink: #10192c;
    --home-subtle: #42526c;
    --home-surface: rgba(255,255,255,.96);
    --home-glass: rgba(255,255,255,.94);
    --home-outline: #cdd6e5;
    --home-shadow: 0 7px 23px rgba(18,40,80,.12);
    --market-border: #c7d2e3;
    --market-ink: #11192b;
    --market-muted: #485976;
    --market-panel: #fff;
    --market-panel-soft: #f3f6fc;
}
:root[data-theme="dark"] .business-index-page {
    --home-blue: #9ab3ff;
    --home-ink: #fafbff;
    --home-subtle: #d3ddf2;
    --home-surface: rgba(18,29,54,.95);
    --home-glass: rgba(23,33,59,.96);
    --home-outline: #475679;
    --home-shadow: 0 11px 34px rgba(0,0,0,.37);
    --market-border: #465776;
    --market-ink: #f8faff;
    --market-muted: #bdcbe6;
    --market-panel: #171f32;
    --market-panel-soft: #222e48;
}
.business-index-page .blooow-header {
    position: relative;
    z-index: 30;
    padding: 16px 26px 8px;
    background: var(--page-bg);
    border-bottom: 0;
}
.business-index-page .blooow-header-top,
.business-index-page .blooow-header-frame {
    width: min(100%, var(--home-width));
    max-width: var(--home-width);
    min-height: 72px;
    display: grid;
    grid-template-columns: 140px minmax(0,1fr) auto;
    align-items: center;
    gap: clamp(12px,2vw,32px);
}
.business-index-page .blooow-header-brand {align-self:center;justify-self:start;}
.business-index-page .blooow-header-slogan {display:none !important;}
.business-index-page .blooow-header-center {min-width:0;width:100%;}
.business-index-page .blooow-header-actions {width:auto;min-width:0;gap:12px;justify-content:flex-end;}
.business-index-page .blooow-main-nav-shell {margin:0;padding:0;width:100%;}
.business-index-page .blooow-main-nav-desktop {display:flex;justify-content:center;gap:2px;}
.business-index-page .blooow-main-nav-mobile {display:none;}
.business-index-page .blooow-main-nav a,
.business-index-page .blooow-nav-more summary {
    color:var(--home-ink);
    opacity:1;
    padding:12px clamp(8px,1.05vw,15px);
    font-weight:750;
    font-size:clamp(.68rem,.87vw,.8rem);
    line-height:1.1;
}
.business-index-page .blooow-main-nav-desktop {
    width:fit-content;
    max-width:100%;
    min-height:56px;
    margin:auto;
    padding:5px;
    border:1px solid var(--home-outline);
    border-radius:999px;
    background:var(--home-glass);
    box-shadow:var(--home-shadow);
}
.business-index-page .blooow-main-nav a.active,
.business-index-page .blooow-main-nav a:hover,
.business-index-page .blooow-main-nav a:focus-visible,
.business-index-page .blooow-nav-more.active > summary {
    background:color-mix(in srgb, #2758f8 13%, var(--home-surface));
    color:var(--home-blue);
}
.business-index-page .home-language-switcher {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    min-height:42px;
    padding:3px;
    gap:1px;
    border:1px solid var(--home-outline);
    border-radius:999px;
    background:var(--home-glass);
    box-shadow:var(--home-shadow);
}
.business-index-page .home-language-switcher form {margin:0;display:flex;}
.business-index-page .home-language-choice {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    min-width:0;
    min-height:34px;
    padding:7px clamp(7px,.85vw,11px);
    background:transparent;
    color:var(--home-ink);
    font-size:.73rem;
    font-weight:800;
    font-family:Inter,"Noto Sans Sinhala","Noto Sans Tamil",system-ui,sans-serif;
    line-height:1.15;
    cursor:pointer;
    text-decoration:none;
    white-space:nowrap;
}
.business-index-page .home-language-choice.is-current {background:color-mix(in srgb,#2758f8 14%,var(--home-surface));color:var(--home-blue);cursor:default;}
.business-index-page .home-language-choice:not(.is-current):hover {background:color-mix(in srgb,var(--home-ink) 7%,transparent);}
/* Circular homepage theme control: the global control is a sliding switch,
   so reset its inherited stage and icon transforms completely here. */
.business-index-page .blooow-header-actions .blooow-theme-toggle {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #b67a22;
    border-radius: 50%;
    background: linear-gradient(145deg, #fffefa, #ffedc8);
    box-shadow: 0 2px 10px rgba(134, 82, 10, .13);
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.business-index-page .blooow-header-actions .blooow-theme-toggle::before {display:none;}
.business-index-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="dark"] .business-index-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="light"] .business-index-page .blooow-header-actions .blooow-theme-icon-stage {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    border-radius: 50%;
    transform: none !important;
}
.business-index-page .blooow-header-actions .blooow-theme-icon {
    position: absolute;
    inset: auto;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 23px;
    height: 23px;
    stroke-width: 2.2;
    transform: translate(-50%, -50%) !important;
}
:root[data-theme="dark"] .business-index-page .blooow-header-actions .blooow-theme-toggle {
    background: linear-gradient(145deg, #202c51, #101b36);
    border-color: #6885dd;
    box-shadow: 0 0 0 1px rgba(116, 147, 255, .1), 0 3px 12px rgba(0, 0, 0, .35);
}
:root[data-theme="dark"] .business-index-page .blooow-header-actions .blooow-theme-sun,
:root[data-theme="light"] .business-index-page .blooow-header-actions .blooow-theme-moon {
    display: none;
}
:root[data-theme="dark"] .business-index-page .blooow-header-actions .blooow-theme-moon {
    display: block;
    opacity: 1;
    color: #f8faff;
    filter: drop-shadow(0 0 3px rgba(193, 211, 255, .36));
}
:root[data-theme="light"] .business-index-page .blooow-header-actions .blooow-theme-sun {
    display: block;
    opacity: 1;
    color: #c76e00;
    filter: drop-shadow(0 0 2px rgba(255, 180, 44, .18));
}
.business-index-page .blooow-header-actions .blooow-theme-toggle:hover {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--home-blue) 16%, transparent);
}
.business-index-page .blooow-header-actions .blooow-theme-toggle:focus-visible {
    outline: 2px solid var(--home-blue);
    outline-offset: 3px;
}


/* Hero/header: landscape is a decorative CSS layer; content stays real text. */
.business-index-page .blooow-header {
    width:min(calc(100% - 28px), 1560px);
    margin:12px auto 0;
    padding:14px clamp(16px,3.1vw,48px) clamp(21px,2.5vw,36px);
    position:relative; isolation:isolate; overflow:visible;
    border:1px solid var(--home-outline);
    border-radius:24px;
    background:var(--market-panel);
    box-shadow:var(--home-shadow);
}
.business-index-page .blooow-header::before {
    content:"";
    position:absolute;inset:0;z-index:-1;pointer-events:none;
    border-radius:inherit;
    background-image:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.96) 31%,rgba(255,255,255,.72) 54%,rgba(255,255,255,.30) 100%),url("../images/home/businesses.b8a44842eaf0.webp");
    background-size:cover,cover;
    background-position:center,center right;
}
:root[data-theme="dark"] .business-index-page .blooow-header::before {
    background-image:linear-gradient(90deg,rgba(10,17,32,.98) 0%,rgba(10,17,32,.95) 34%,rgba(10,17,32,.77) 63%,rgba(10,17,32,.49) 100%),url("../images/home/businesses.b8a44842eaf0.webp");
}
/* Override old Business-only absolute left rail from earlier CSS layers. */
.business-index-page .blooow-header-top,
.business-index-page .blooow-header-frame {
    position:relative; margin:0 auto;
    padding:0; max-width:100%; width:100%;
}
.business-index-page .blooow-header-brand {
    position:relative !important; top:auto !important;left:auto !important;
    bottom:auto !important;right:auto !important;z-index:1;
    width:clamp(112px,10vw,146px) !important;
    height:auto !important;aspect-ratio:1134/780;
    max-width:100%; margin:0; padding:0;
}
.business-index-page .blooow-header-brand .blooow-brand-lockup {width:100%;height:100%;}
.business-index-page .blooow-header-slogan {display:none !important;}
.business-index-page .blooow-header-center {min-width:0;}
.business-index-page .blooow-main-nav-desktop {background:transparent;box-shadow:none;border-color:transparent;}
.business-index-page .blooow-main-nav a.active {color:var(--home-blue);}
.business-index-page .blooow-header-actions {display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:8px;}
.business-index-page .business-header-add,
.business-index-page .business-mobile-add {
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:43px;padding:10px 17px;border-radius:13px;
    border:1px solid #163dc7;background:#194ae9;color:#fff;
    text-decoration:none;white-space:nowrap;line-height:1.2;
    font-size:.75rem;font-weight:800;
    box-shadow:0 5px 14px rgba(18,61,197,.22);
}
.business-index-page .business-header-add:hover,
.business-index-page .business-header-add:focus-visible,
.business-index-page .business-mobile-add:hover,
.business-index-page .business-mobile-add:focus-visible {background:#0c32bf;color:#fff;border-color:#102e98;box-shadow:0 0 0 3px rgba(54,101,247,.25);}
.business-index-page .business-mobile-add {display:none;}
.business-index-page .business-marketplace-hero {width:min(100%,1360px);margin:0 auto;}
.business-index-page .business-hero-intro {margin:17px 0 18px;}
.business-index-page .business-hero-eyebrow {
    display:block;margin-bottom:8px;color:var(--market-ink);
    font-size:.7rem;letter-spacing:.19em;font-weight:900;line-height:1.5;
}
.business-index-page .business-hero-intro h1 {
    margin:0;color:var(--market-ink);font-size:clamp(2.15rem,3.9vw,3.9rem);
    letter-spacing:-.055em;line-height:1.08;font-weight:900;text-wrap:balance;
}
.business-index-page .business-hero-intro h1 span {color:var(--home-blue);}
.business-index-page .business-hero-intro p {
    margin:10px 0 0;max-width:660px;font-size:clamp(.86rem,1.12vw,1.03rem);
    color:var(--market-muted);line-height:1.55;font-weight:520;
}
.business-index-page .business-search-shell {width:100%;padding:0;margin:0;}
.business-index-page .business-search-form {grid-template-columns:minmax(0,1fr) minmax(178px,220px) 126px;gap:9px;}
.business-index-page .business-search-field,
.business-index-page .bw-dropdown-trigger,
.business-index-page .business-search-button {min-height:48px;border-radius:12px;}
.business-index-page .business-search-field,
.business-index-page .bw-dropdown-trigger,
.business-index-page .listing-sort-trigger {
    background:var(--market-panel);color:var(--market-ink);
    border:1.4px solid var(--market-border);box-shadow:0 2px 10px rgba(17,31,61,.06);
}
.business-index-page .business-search-field input {color:var(--market-ink);}
.business-index-page .business-search-field input::placeholder {color:var(--market-muted);opacity:1;}
.business-index-page .business-search-field:hover,
.business-index-page .bw-dropdown-trigger:hover,
.business-index-page .listing-sort-trigger:hover {border-color:var(--home-blue);}
.business-index-page .business-search-button {background:#194ae9;color:white;border:1px solid #1740d0;box-shadow:0 5px 15px rgba(25,74,233,.24);}
.business-index-page .business-search-button:hover {background:#103acb;color:white;}
.business-index-page .bw-dropdown-menu {
    background:var(--market-panel);color:var(--market-ink);
    border:1px solid var(--market-border);box-shadow:0 12px 32px rgba(0,0,0,.22);
}
.business-index-page .bw-dropdown-option {color:var(--market-ink);}
.business-index-page .bw-dropdown-option:hover {background:var(--market-panel-soft);}
/* The original top intake banner is removed; preserve the original lower CTA. */
.business-index-page .business-marketplace {width:min(calc(100% - 48px),1400px);padding:18px 0 50px;}
.business-index-page .category-discovery {padding-bottom:17px;}
.business-index-page .category-tile {
    border:1.5px solid var(--market-border);border-radius:14px;
    background:var(--market-panel);
    box-shadow:0 2px 7px rgba(15,35,69,.055);
    color:var(--market-ink);
}
.business-index-page .category-tile.selected,
.business-index-page .category-tile[aria-current] {
    color:var(--home-blue);
    background:color-mix(in srgb,var(--market-panel) 88%,#315efa);
    border-color:#3c69ec;box-shadow:inset 0 0 0 1px rgba(49,94,250,.20);
}
.business-index-page .category-tile:hover,
.business-index-page .category-tile:focus-visible {border-color:var(--home-blue);box-shadow:0 5px 15px rgba(30,65,146,.18);}
.business-index-page .category-all-art {display:grid;place-items:center;color:var(--home-blue);background:color-mix(in srgb,var(--market-panel) 78%,#2b5ef4);border-radius:10px;}
.business-index-page .category-all-art svg {width:28px;height:28px;}
.business-index-page .category-label {color:inherit;font-weight:800;}
.business-index-page .marketplace-subcategory-card {
    background:var(--market-panel);color:var(--market-ink);
    border:1.4px solid var(--market-border);
}
.business-index-page .marketplace-subcategory-card:hover,
.business-index-page .marketplace-subcategory-card.selected {border-color:var(--home-blue);background:var(--market-panel-soft);color:var(--home-blue);}
.business-index-page .discovery-results-toolbar {border-top:1.5px solid var(--market-border);padding-top:16px;}
.business-index-page .listing-kind-tabs {gap:7px;}
.business-index-page .listing-filter-chip {
    min-height:39px;gap:7px;padding:5px 12px;
    border:1.4px solid var(--market-border);
    background:var(--market-panel);color:var(--market-ink);
    box-shadow:0 1px 5px rgba(18,32,68,.035);
}
.business-index-page .listing-filter-chip.selected {background:#1a4ce6;color:white;border-color:#113cca;box-shadow:0 5px 14px rgba(20,76,208,.20);}
.business-index-page .listing-filter-chip:hover:not(.selected),
.business-index-page .listing-filter-chip:focus-visible:not(.selected) {background:var(--market-panel-soft);border-color:var(--home-blue);color:var(--market-ink);}
.business-index-page .listing-filter-chip .kind-count {
    display:inline-flex;align-items:center;justify-content:center;
    min-width:23px;min-height:21px;padding:2px 6px;border-radius:99px;
    background:#e1e8f4;color:#1d365e;font-size:.69rem;font-weight:900;font-variant-numeric:tabular-nums;
}
:root[data-theme="dark"] .business-index-page .kind-count {background:#344360;color:#edf3ff;}
.business-index-page .listing-filter-chip.selected .kind-count {background:rgba(255,255,255,.23);color:white;}
.business-index-page .listing-count {display:inline-flex!important;color:var(--market-muted);font-weight:750;}
.business-index-page .listing-sort-trigger {min-height:40px;}
.business-index-page .business-view-switch {display:flex;flex:0 0 auto;align-items:center;gap:6px;}
.business-index-page .business-view-button {
    width:40px;height:40px;display:grid;place-items:center;
    border:1.4px solid var(--market-border);border-radius:11px;
    background:var(--market-panel);color:var(--market-ink);cursor:pointer;
}
.business-index-page .business-view-button svg {width:19px;height:19px;}
.business-index-page .business-view-button:hover,
.business-index-page .business-view-button:focus-visible,
.business-index-page .business-view-button.is-active {
    border-color:#4574f7;background:color-mix(in srgb,var(--market-panel) 85%,#315efa);color:var(--home-blue);
}
.business-index-page .business-view-button:focus-visible {outline:2px solid var(--home-blue);outline-offset:2px;}
.business-index-page .marketplace-card {
    border:1.5px solid var(--market-border);background:var(--market-panel);
    box-shadow:0 3px 14px rgba(11,26,57,.09);
}
:root[data-theme="dark"] .business-index-page .marketplace-card {box-shadow:0 4px 18px rgba(0,0,0,.32);}
.business-index-page .marketplace-card:hover,
.business-index-page .marketplace-card:focus-visible {border-color:#4c7dff;box-shadow:0 7px 27px rgba(36,75,155,.22);}
.business-index-page .marketplace-card-body,
.business-index-page .marketplace-card:hover .marketplace-card-body {background:var(--market-panel);color:var(--market-ink);}
.business-index-page .listing-title {color:var(--market-ink);}
.business-index-page .listing-advertiser,
.business-index-page .listing-subcategory,
.business-index-page .listing-location {color:var(--market-muted);opacity:1;}
/* Proper list mode: reuse existing cards without changing their links/actions. */
.business-index-page .listing-grid.business-grid-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.business-index-page .listing-grid.business-grid-list .marketplace-card {display:grid;grid-template-columns: minmax(124px,34%) minmax(0,1fr);min-height:175px;}
.business-index-page .listing-grid.business-grid-list .marketplace-card-media {min-height:175px;height:100%;aspect-ratio:auto;border-right:1px solid var(--market-border);border-bottom:0;}
.business-index-page .listing-grid.business-grid-list .marketplace-card-body {min-height:175px;}
/* Bottom CTA: clearly separate on light backgrounds and retain high contrast. */
.business-index-page .business-owner-cta {
    border:1.5px solid #edaab6;border-radius:16px;
    background:linear-gradient(105deg,#fff9fa,#ffedf2);
    color:#1a2234;box-shadow:0 4px 16px rgba(163,36,69,.07);
}
.business-index-page .business-owner-cta:hover,
.business-index-page .business-owner-cta:focus-visible {border-color:#df395c;background:#ffedf2;color:#1a2234;}
.business-index-page .business-owner-copy p {color:#43516c;opacity:1;}
.business-index-page .cta-eyebrow {color:#b91942;opacity:1;}
.business-index-page .business-owner-button {border:1px solid #c51e48;background:#e62c57;color:#fff;}
.business-index-page .business-owner-cta:hover .business-owner-button {background:#c51c45;color:#fff;}
:root[data-theme="dark"] .business-index-page .business-owner-cta {background:linear-gradient(110deg,#261c30,#351c32);border-color:#88445d;color:#fff6f8;}
:root[data-theme="dark"] .business-index-page .business-owner-copy p {color:#d7c3d2;}
:root[data-theme="dark"] .business-index-page .cta-eyebrow {color:#ff8aa8;}
.business-index-page .business-empty {background:var(--market-panel);color:var(--market-ink);border:1.5px solid var(--market-border);}
.business-index-page .pagination-page,
.business-index-page .pagination-action {border-color:var(--market-border);background:var(--market-panel);color:var(--market-ink);}
.business-index-page .pagination-page.current {border-color:#4b76f4;background:#254cf0;color:#fff;}
.business-index-page :is(a,button,input):focus-visible {outline:2px solid var(--home-blue);outline-offset:3px;}
/* Tablet and mobile header use the same proven two-row navigation pattern as homepage. */
@media (max-width:1140px) {
    .business-index-page .blooow-header-top,.business-index-page .blooow-header-frame {
        grid-template-columns:minmax(100px,1fr) auto;grid-template-areas:'brand actions' 'nav nav';gap:8px 12px;min-height:0;
    }
    .business-index-page .blooow-header-brand {grid-area:brand;width:clamp(110px,17vw,158px)!important;}
    .business-index-page .blooow-header-center {grid-area:nav;}
    .business-index-page .blooow-header-actions {grid-area:actions;}
    .business-index-page .business-header-add {display:none;}
    .business-index-page .business-mobile-add {display:inline-flex;margin-top:15px;}
    .business-index-page .blooow-main-nav-desktop {display:none;}
    .business-index-page .blooow-main-nav-mobile {
        display:flex;justify-content:center;gap:clamp(2px,2vw,18px);min-height:43px;
        border:1px solid var(--home-outline);border-radius:999px;padding:3px 6px;background:var(--home-glass);
    }
    .business-index-page .blooow-nav-more-menu {background:var(--market-panel);}
    .business-index-page .blooow-main-nav-mobile > a,
    .business-index-page .blooow-main-nav-mobile > .blooow-nav-more > summary {font-size:.78rem;padding:9px 14px;}
}
@media (max-width:820px) {
    .business-index-page .blooow-header {padding:12px 16px 20px;width:calc(100% - 22px);}
    .business-index-page .business-marketplace {width:calc(100% - 24px);}
    .business-index-page .business-search-form {grid-template-columns:minmax(0,1fr) 178px 115px;}
    .business-index-page .listing-grid.business-grid-list {grid-template-columns:1fr;}
}
@media (max-width:640px) {
    .business-index-page .blooow-header {margin-top:8px;padding:9px 12px 19px;width:calc(100% - 18px);border-radius:18px;}
    .business-index-page .blooow-header-top,.business-index-page .blooow-header-frame {grid-template-columns:minmax(0,1fr) auto;gap:9px 7px;}
    .business-index-page .blooow-header-brand {width:clamp(96px,29vw,144px)!important;max-width:none;}
    .business-index-page .home-language-switcher {min-height:38px;padding:2px;}
    .business-index-page .home-language-choice {min-height:32px;min-width:0;padding:6px clamp(5px,1.3vw,8px);font-size:clamp(.7rem,2.8vw,.78rem);}
    .business-index-page .blooow-header-actions {gap:8px;}
    .business-index-page .blooow-header-actions .blooow-theme-toggle {width:40px;height:40px;min-width:40px;flex-basis:40px;}
    .business-index-page .blooow-main-nav-mobile {gap:0;justify-content:space-around;min-height:38px;}
    .business-index-page .blooow-main-nav-mobile>a,
    .business-index-page .blooow-main-nav-mobile>.blooow-nav-more>summary {font-size:clamp(.62rem,2.7vw,.75rem);padding:9px 10px;}
    .business-index-page .business-hero-intro {margin:20px 0 16px;}
    .business-index-page .business-hero-intro h1 {font-size:clamp(2.05rem,7.4vw,2.9rem);}
    .business-index-page .business-hero-intro p {font-size:.84rem;max-width:360px;}
    .business-index-page .blooow-header::before {background-image:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.93) 58%,rgba(255,255,255,.60)),url("../images/home/businesses.b8a44842eaf0.webp");}
    :root[data-theme="dark"] .business-index-page .blooow-header::before {background-image:linear-gradient(180deg,rgba(10,17,32,.98),rgba(10,17,32,.91) 58%,rgba(10,17,32,.70)),url("../images/home/businesses.b8a44842eaf0.webp");}
    .business-index-page .business-search-form {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;}
    .business-index-page .business-search-field {grid-column:1/-1;}
    .business-index-page .business-search-button {justify-content:center;}
    .business-index-page .business-marketplace {width:calc(100% - 20px);padding-top:15px;}
    .business-index-page .discovery-results-toolbar {gap:9px;}
    .business-index-page .listing-kind-tabs {width:100%;gap:6px;overflow-x:auto;}
    .business-index-page .listing-filter-chip {padding-inline:11px;min-height:38px;}
    .business-index-page .listing-count {font-size:.68rem;}
    .business-index-page .listing-toolbar-right {gap:8px;}
    .business-index-page .listing-sort-dropdown {width:125px;min-width:125px;flex:0 0 125px;}
    .business-index-page .business-view-switch {gap:4px;}
    .business-index-page .business-view-button {width:35px;height:38px;}
    .business-index-page .business-grid-list .marketplace-card {grid-template-columns:clamp(112px,34%,136px) minmax(0,1fr)!important;min-height:142px!important;}
    .business-index-page .business-grid-list .marketplace-card-media,
    .business-index-page .business-grid-list .marketplace-card-body {min-height:142px!important;}
    .business-index-page .business-owner-cta {padding:16px;}
}
@media (max-width:360px) {
    .business-index-page .blooow-header-brand {width:clamp(88px,28vw,100px)!important;}
    .business-index-page .blooow-header-actions {gap:5px;}
    .business-index-page .home-language-switcher {min-height:34px;padding:2px 1px;}
    .business-index-page .home-language-choice {min-height:30px;min-width:0;font-size:.61rem;padding-inline:4px;}
    .business-index-page .blooow-header-actions .blooow-theme-toggle {width:36px;height:36px;min-width:36px;flex-basis:36px;}
    .business-index-page .blooow-header-actions .blooow-theme-icon {width:20px;height:20px;}
    .business-index-page .blooow-main-nav-mobile>a,
    .business-index-page .blooow-main-nav-mobile>.blooow-nav-more>summary {padding-inline:7px;}
    .business-index-page .business-hero-intro h1 {font-size:1.95rem;}
}
@media (prefers-reduced-motion:reduce) {
    .business-index-page .marketplace-card,
    .business-index-page .business-view-button,
    .business-index-page .listing-filter-chip {transition:none;}
}

/* Final header reset: old Business CSS laid out the logo over two rows and
   reserved a left-side search rail. This new design does neither. */
.business-index-page .business-search-shell {
    width:100% !important; max-width:none !important;
    padding:0 !important; margin:0 !important;
}
.business-index-page .business-search-shell::before {display:none !important;}
.business-index-page .business-search-form {
    width:100% !important;max-width:none !important;margin:0 !important;
}
.business-index-page .blooow-header-brand {transform:none !important;}
@media (max-width:1350px) {
    .business-index-page .blooow-header-top,
    .business-index-page .blooow-header-frame {
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-rows:auto auto !important;
        grid-template-areas:'brand actions' 'nav nav' !important;
        gap:9px 10px;
    }
    .business-index-page .blooow-header-brand {grid-area:brand !important;}
    .business-index-page .blooow-header-center {grid-area:nav!important;}
    .business-index-page .blooow-header-actions {grid-area:actions!important;}
    .business-index-page .business-header-add {display:none;}
    .business-index-page .business-mobile-add {display:inline-flex;margin-top:15px;}
    .business-index-page .blooow-main-nav-desktop {display:none;}
    .business-index-page .blooow-main-nav-mobile {
        display:flex;justify-content:center;gap:clamp(2px,2vw,18px);min-height:43px;
        border:1px solid var(--home-outline);border-radius:999px;
        padding:3px 6px;background:var(--home-glass);
    }
}
@media (min-width:1351px) {
    .business-index-page .blooow-header-top,
    .business-index-page .blooow-header-frame {grid-template-rows:auto!important;grid-template-areas:none!important;}
}

/* High-contrast dark mode: older discovery rules used medium-gray surfaces,
   which flattened interactive hierarchy. These theme-scoped colors win over
   legacy specificity without touching Events/Offers. */
:root[data-theme="dark"] .business-index-page .category-tile {
    background:#202c45!important;border-color:#586d97!important;color:#f4f7ff!important;
    box-shadow:0 2px 10px rgba(0,0,0,.25);
}
:root[data-theme="dark"] .business-index-page .category-tile.selected,
:root[data-theme="dark"] .business-index-page .category-tile[aria-current] {
    background:#293d6b!important;border-color:#91a9ff!important;color:#d8e4ff!important;
    box-shadow:inset 0 0 0 1px rgba(156,180,255,.35);
}
:root[data-theme="dark"] .business-index-page .category-tile:hover,
:root[data-theme="dark"] .business-index-page .category-tile:focus-visible {
    border-color:#b4c5ff!important;background:#303f61!important;
}
:root[data-theme="dark"] .business-index-page .category-all-art {
    background:#304876!important;color:#d1deff!important;
}
:root[data-theme="dark"] .business-index-page .category-label {color:inherit!important;}
:root[data-theme="dark"] .business-index-page .listing-filter-chip:not(.selected) {
    background:#202c45!important;border-color:#586d97!important;color:#f4f7ff!important;
}
:root[data-theme="dark"] .business-index-page .listing-filter-chip.selected {
    background:#2454f0!important;border-color:#7194ff!important;color:#fff!important;
}
:root[data-theme="dark"] .business-index-page .listing-filter-chip:hover:not(.selected) {
    background:#304466!important;border-color:#b2c6ff!important;
}
:root[data-theme="dark"] .business-index-page .business-search-field,
:root[data-theme="dark"] .business-index-page .bw-dropdown-trigger,
:root[data-theme="dark"] .business-index-page .listing-sort-trigger {
    background:#202c45!important;border-color:#60749a!important;color:#fff!important;
}
:root[data-theme="dark"] .business-index-page .business-search-field input {color:#fff!important;}
:root[data-theme="dark"] .business-index-page .business-search-field input::placeholder {color:#d1d9e9!important;}
:root[data-theme="dark"] .business-index-page .business-view-button {
    background:#202c45!important;border-color:#60749a!important;color:#fff!important;
}
:root[data-theme="dark"] .business-index-page .business-view-button.is-active {
    background:#304b88!important;border-color:#98b0ff!important;color:#e2eaff!important;
}
:root[data-theme="dark"] .business-index-page .business-search-button {
    background:#2454f0!important;border-color:#84a3ff!important;color:#fff!important;
}

/* Light-mode scenic fade (the Events/Offers layer extends this separately). */
:root:not([data-theme="dark"]) .business-index-page .blooow-header::before {
  background-image:linear-gradient(90deg, #fff 0%, rgba(255,255,255,.995) 24%, rgba(255,255,255,.97) 40%, rgba(255,255,255,.79) 56%, rgba(255,255,255,.38) 77%, rgba(255,255,255,.06) 100%),url("../images/home/businesses.b8a44842eaf0.webp");
}
@media(max-width:640px) {
  :root:not([data-theme="dark"]) .business-index-page .blooow-header::before {
    background-image:linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(255,255,255,.985) 43%, rgba(255,255,255,.92) 68%, rgba(255,255,255,.68) 100%),url("../images/home/businesses.b8a44842eaf0.webp");
  }
}


/* BLOOOW balanced scenic refinement — October 19 */
/* Balanced light fade; preserve dark-mode art treatment. */
:root:not([data-theme="dark"]) .business-index-page .blooow-header::before {background-image:linear-gradient(96deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.96) 20%,rgba(255,255,255,.84) 37%,rgba(255,255,255,.48) 58%,rgba(255,255,255,.14) 79%,rgba(255,255,255,.02) 100%),url("../images/home/businesses.b8a44842eaf0.webp");}
@media(max-width:640px) {:root:not([data-theme="dark"]) .business-index-page .blooow-header::before {background-image:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 26%,rgba(255,255,255,.94) 46%,rgba(255,255,255,.71) 65%,rgba(255,255,255,.27) 83%,rgba(255,255,255,.07) 100%),linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 65%),url("../images/home/businesses.b8a44842eaf0.webp");background-size:cover,cover,cover;}}