/* GENERATED by tools/build_market_css.py from blk-market.css — do not edit.
   The Shop view inside index.html (#listview), confined to that container. */
#listview { --blk-mut:#4B5563; --blk-faint:#6B7280;--ink:#0f1113;--g2:#E3B356;--g3:#D9A23E;--g4:#BC8529;
        --gold:linear-gradient(135deg,#F0D089 0%,#E3B356 38%,#D9A23E 68%,#BC8529 100%)}
  #listview * {box-sizing:border-box}
  #listview {margin:0;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
       background:#f6f7f9;color:var(--ink)}
  #listview .bar {height:56px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--ink)}
  #listview .mark {width:30px;height:30px;border-radius:8px;background:var(--gold);color:#0f1113;
        display:grid;place-items:center;font-weight:800;font-size:13.5px}
  #listview .word {font-weight:800;font-size:19px;color:#fff;letter-spacing:-.3px}
  #listview .word .b2b {background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
  #listview .word .dot {font-weight:600;opacity:.55;font-size:15px}
  
  
  #listview .bar .tag {flex:1 1 0;min-width:0;display:block;margin:0 24px;overflow:hidden;
            color:rgba(255,255,255,.72)}
  #listview .bar .tag .ti {display:flex;justify-content:space-between;white-space:nowrap;
                font-weight:700;text-transform:uppercase;letter-spacing:.13em;
                font-size:clamp(8.5px,calc(2.93vw - 20px),36px)}
  @supports (container-type:inline-size){
    #listview .bar .tag {container-type:inline-size}
    #listview .bar .tag .ti {font-size:clamp(8.5px,2.93cqi,36px)}
  }
  #listview .bar .tag .g {color:#E3B356}
  #listview .bar .signin {margin-left:auto}   
  #listview .bar .signin {color:rgba(255,255,255,.8);font-size:12.5px;font-weight:700;text-decoration:none;
        padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.2)}
  #listview .bar .signin:hover {border-color:var(--g3);color:#fff}
  #listview .bar .joinb {background:var(--gold);color:#231a08;font-size:12.5px;font-weight:800;
        text-decoration:none;padding:9px 15px;border-radius:9px}
  
  @media(max-width:1040px){#listview .bar .tag {display:none}}

  #listview .hero {background:var(--ink);color:#fff;padding:32px 20px 38px}
  #listview .hero .in {max-width:1120px;margin:0 auto}
  #listview .hero h1 {margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.6px}
  #listview .hero p {margin:0 0 20px;font-size:14px;color:rgba(255,255,255,.68);line-height:1.6;max-width:62ch}
  #listview .hero .tot {color:#E3B356;font-weight:700}

  
  #listview .srow {display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
  #listview .search {display:flex;gap:8px;background:#fff;border-radius:12px;padding:8px;flex:1 1 520px;
          min-width:280px;box-shadow:0 14px 40px rgba(0,0,0,.35);position:relative}
  #listview .search input {flex:1;min-width:0;border:1px solid #dde3ea;border-radius:8px;padding:11px 13px;
          font:inherit;font-size:13.5px}
  #listview .search input.place {flex:0 1 190px}
  #listview .search button {border:0;border-radius:8px;padding:0 20px;font:inherit;font-weight:700;font-size:13.5px;
          background:var(--gold);color:#231a08;cursor:pointer}
  
  #listview .toggle3 {display:flex;background:#F0F3F7;border:1px solid #C6CFDA;border-radius:999px;padding:3px;gap:2px;align-self:center}
  #listview .toggle3 a {padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#44566E;white-space:nowrap;text-decoration:none;display:flex;align-items:center;min-height:32px}
  #listview .toggle3 a.on {background:linear-gradient(180deg,#F6C35B,#E9A31F);color:#231A02}
  #listview .geo {background:none;border:0;color:#E3B356;font:inherit;font-size:12px;font-weight:700;
       cursor:pointer;padding:6px 0;margin-top:8px}
  #listview .sortnote {margin-top:8px;font-size:12px;color:rgba(255,255,255,.78)}
  #listview .hdr-signout {color:rgba(255,255,255,.9);font-size:13.5px;font-weight:700;text-decoration:none;margin-right:14px}
  #listview .bar .signin {margin-right:10px}
  #listview .listlink {text-align:center;margin-top:12px}
  #listview .listlink a {color:#E3B356;font-weight:700;font-size:13.5px;text-decoration:none;letter-spacing:.01em}
  #listview .listlink a:hover {text-decoration:underline}
  #listview .listlink[hidden] {display:none}

  
  #listview .sug {position:absolute;left:8px;right:8px;top:calc(100% - 2px);background:#fff;border:1px solid #dde3ea;
       border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.22);z-index:40;overflow:hidden;display:none}
  #listview .sug.on {display:block}
  #listview .sug div {padding:10px 13px;font-size:13.5px;cursor:pointer;color:#0f1113}
  #listview .sug div:hover, #listview .sug div.sel {background:#FFF7E6}
  #listview .sug div small {color:#6B7280;font-weight:600;margin-left:6px}
  
  #listview .psug {left:auto;right:96px;width:min(320px,42vw)}
  
  #listview .outdiv {margin:18px 0 10px;padding:9px 12px;border-radius:9px;
    background:#FFF7E6;border:1px solid #F0D089;color:#5b4a1f;
    font-size:13px;font-weight:700}

  #listview .wrap {max-width:1120px;margin:0 auto;padding:26px 20px 40px}
  #listview .grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
  #listview .grid > .outdiv, #listview .rows > .outdiv {grid-column:1 / -1}   
  #listview .gh {font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;margin:0 0 10px}
  #listview .card .blurb {font-size:12.5px;color:#6B7280;margin-top:4px;line-height:1.45}
  #listview .gtypes {margin:10px 0 4px;padding:12px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}
  #listview .gtypes .gt {display:inline-block;margin:4px 6px 4px 0;padding:7px 12px;border:1px solid #E5E7EB;border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
  #listview .gtypes .gt:hover {border-color:#BC8529}
  #listview .gtypes .gt.on {background:#FFF8E6;border-color:#BC8529}
  #listview .card.gsel {outline:2px solid #BC8529}
  #listview .card {position:relative;display:block;width:100%;text-align:left;font:inherit;border:0;cursor:pointer;
        border-radius:14px;background:var(--gold);color:#231a08;padding:18px;min-height:210px;
        overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}
  #listview .card:hover {transform:translateY(-3px);box-shadow:0 16px 34px rgba(188,133,41,.32)}
  
  #listview .card .objs {display:flex;gap:16px;margin-bottom:30px}
  #listview .card .objs svg {width:58px;height:58px;fill:none;stroke:#fff;stroke-width:1.25;
        stroke-linecap:round;stroke-linejoin:round;opacity:.96}
  #listview .card .body {position:absolute;left:18px;right:18px;bottom:16px}
  #listview .card h3 {margin:0 0 3px;font-size:15px;font-weight:800;line-height:1.25}
  #listview .card .n {font-size:13.5px;font-weight:800;opacity:1}
  #listview .card .n small {font-weight:700;opacity:.95}

  #listview .rhead {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:4px 0 12px}
  #listview .rhead h2 {margin:0;font-size:20px;font-weight:800}
  #listview .rhead .c {font-size:13.5px;color:#4B5563;font-weight:600}
  #listview .rhead .back {margin-left:auto;background:none;border:0;font:inherit;font-size:13.5px;font-weight:700;
        color:#BC8529;cursor:pointer}
  #listview .startstrip {background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:13px 15px;margin-bottom:14px}
  #listview .startstrip b {font-size:12.5px}
  #listview .startstrip .ss {display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  #listview .startstrip a {font-size:12px;font-weight:700;text-decoration:none;color:#BC8529;border:1px solid #f0e2c4;
        background:#FFFBF2;border-radius:20px;padding:6px 12px}
  #listview .startstrip a:hover {border-color:var(--g3)}
  #listview .rows {display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}
  #listview .biz {background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:14px 15px}
  #listview .biz .nm {display:block;font-size:14px;font-weight:800;margin-bottom:3px;color:#0f1113;
        text-decoration:none}
  #listview .biz .nm:hover {color:#BC8529}
  #listview .biz .addr {color:#3f4750;text-decoration:underline;text-decoration-color:#c9d2db;
        text-underline-offset:2px}
  #listview .biz .addr:hover {color:#BC8529;text-decoration-color:#BC8529}
  
  #listview .pf {position:fixed;inset:0;background:rgba(15,17,19,.55);display:none;z-index:90;
      align-items:center;justify-content:center;padding:20px}
  #listview .pf.on {display:flex}
  #listview .pfc {background:#fff;border-radius:16px;max-width:520px;width:100%;padding:24px;
       box-shadow:0 30px 90px rgba(0,0,0,.4);max-height:88vh;overflow:auto}
  #listview .pfc h3 {margin:0 0 4px;font-size:20px;font-weight:800}
  #listview .pfc .s {font-size:13.5px;color:#4B5563;margin-bottom:12px}
  #listview .biz .lo .blkicon, #listview .pfc .s .blkicon {width:18px;height:18px;vertical-align:-4px;margin-right:5px}
  #listview .blkicon-flat {color:#0f172a}   
  #listview .pfc .d {font-size:13.5px;line-height:1.6;color:#374151;margin:12px 0}
  #listview .pfc .x {float:right;border:0;background:#F3F4F6;border-radius:9px;width:30px;height:30px;
       cursor:pointer;font-size:15px}
  #listview .pfc .acts {display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
  #listview .biz .acts {display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
  #listview .biz .btn, #listview .pfc .btn {font-size:12px;font-weight:700;text-decoration:none;border-radius:8px;
        padding:8px 13px;background:var(--gold);color:#231a08;display:inline-block}
  #listview .pfc .btn {font-size:13.5px;padding:10px 16px;font-weight:800}
  #listview .biz .btn.ghost, #listview .pfc .btn.ghost {background:#fff;border:1px solid #dde3ea;color:#3f4750}
  #listview .biz .btn.ghost:hover, #listview .pfc .btn.ghost:hover {border-color:var(--g3);color:#BC8529}
  #listview .biz .lo {font-size:12.5px;color:#4B5563}
  #listview .biz .mi {font-weight:700;color:#166534}
  #listview .biz .de {font-size:12px;color:#475569;line-height:1.5;margin-top:6px}
  #listview .biz .tags {margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}
  #listview .tg {font-size:12px;font-weight:700;border-radius:20px;padding:3px 9px}
  #listview .tg.v {background:#FEF3C7;color:#92400E}#listview .tg.u {background:#F3F4F6;color:#6B7280}
  #listview .tg.c {background:#DCFCE7;color:#166534}
  #listview .empty {background:#fff;border:1px dashed #d9e0e7;border-radius:12px;padding:22px;text-align:center;
         color:#4B5563;font-size:13.5px}
  #listview .more {display:block;margin:16px auto 0;background:#fff;border:1px solid #dde3ea;border-radius:10px;
        padding:11px 22px;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}

  #listview .funnels {background:#fff;border-top:1px solid #e5e9ee;padding:30px 20px 34px}
  #listview .fin {max-width:1120px;margin:0 auto}
  #listview .fin h4 {margin:0 0 14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#4B5563;font-weight:800}
  #listview .frow {display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:12px}
  #listview .fcard {display:block;text-decoration:none;border:1px solid #e5e9ee;border-radius:12px;padding:14px 15px;
         background:#fbfcfd;transition:border-color .18s,transform .18s}
  #listview .fcard:hover {border-color:var(--g3);transform:translateY(-2px)}
  #listview .fcard b {display:block;font-size:13.5px;color:#0f1113;margin-bottom:4px}
  #listview .fcard span {display:block;font-size:12.5px;line-height:1.55;color:#3D4652}
  #listview .aff {margin-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
       background:var(--ink);border-radius:14px;padding:16px 18px}
  #listview .afft {color:#fff;font-weight:800;font-size:15px}
  #listview .affs {color:rgba(255,255,255,.62);font-size:12.5px;margin-top:3px}
  #listview .affb {margin-left:auto;background:var(--gold);color:#231a08;border-radius:10px;padding:11px 20px;
        font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap}
  #listview .note {max-width:1120px;margin:0 auto;padding:16px 20px 0;color:#6B7280;font-size:12px;line-height:1.6}
  #listview .foot {padding:20px;text-align:center;color:#6b737c;font-size:12.5px}
  #listview .foot a {color:#BC8529;font-weight:700;text-decoration:none}
  
  #listview .fchips {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 16px}
  #listview .fchips .fl {font-size:12px;font-weight:800;color:#4a515a;letter-spacing:.02em;
    text-transform:uppercase}
  #listview .fchips .fl2 {margin-left:8px}
  #listview .fchip {background:#fff;border:1.5px solid #cfd4da;border-radius:999px;padding:6px 13px;
    font:inherit;font-size:12.5px;font-weight:700;color:#3f464e;cursor:pointer;
    line-height:1.2}
  #listview .fchip:hover {border-color:#BC8529;color:#231a08}
  #listview .fchip.on {background:linear-gradient(135deg,#F0D089,#E3B356 38%,#D9A23E 68%,#BC8529);
    border-color:#BC8529;color:#231a08}
  #listview .fchip.clr {border-style:dashed;color:#6b737c}
  #listview .fclear {background:none;border:0;color:#BC8529;font:inherit;font-size:inherit;
    font-weight:800;cursor:pointer;text-decoration:underline;padding:0}
  @media(max-width:640px){#listview .hero h1 {font-size:24px}#listview .search {flex-direction:column}
    
    #listview .search input, #listview .search input.place {flex:0 0 auto;min-height:44px;font-size:16px}
    #listview .search button {min-height:44px;padding:12px 20px}
    #listview .card .objs svg {width:46px;height:46px}#listview .card .objs {gap:12px;margin-bottom:22px}}
  
  #listview .mo {margin:6px 0 22px}
  #listview .mo-h {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:10px}
  #listview .mo-h h3 {margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px}
  #listview .mo-h .sub {font-size:13px;color:var(--blk-mut)}
  #listview .mo-chips {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
  #listview .mo-chips button {display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid #cfd4da;background:#fff;
    font:inherit;font-size:13px;font-weight:700;color:#3f464e;cursor:pointer}
  #listview .mo-chips button[aria-pressed="true"] {border-color:var(--g4);background:#FCF3DE;color:#231a08}
  #listview .mo-chips button span {color:var(--blk-faint);font-weight:600}
  #listview .mo-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}
  #listview .mo-card {display:flex;flex-direction:column;background:#fff;border:1px solid #e3e7ec;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .15s}
  #listview .mo-card:hover {box-shadow:0 6px 18px rgba(15,17,19,.10)}
  #listview .mo-card:focus-visible {outline:2px solid var(--g4);outline-offset:2px}
  #listview .mo-pic {position:relative;aspect-ratio:1/1;background:#EEF1F4}
  #listview .mo-pic img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  #listview .mo-pic .na {position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:12.5px;color:#5B6B80;padding:10px;text-align:center}
  #listview .mo-badge {position:absolute;left:9px;top:9px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;background:#0f1113;color:#fff}
  #listview .mo-badge.p {background:#fff;color:#0f1113}
  #listview .mo-b {display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;flex:1}
  #listview .mo-t {font-size:14.5px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
  #listview .mo-s {font-size:12.5px;color:var(--blk-mut)}
  #listview .mo-s b {color:#0a7d43;font-weight:700}
  #listview .mo-go {margin-top:auto;padding-top:8px;font-size:13px;font-weight:800;color:var(--g4)}
  #listview .mo-more {margin-top:12px}
  @media (prefers-reduced-motion:reduce){#listview .mo-card {transition:none}}