/* ═══════════════════════════════════════════════════════════════════════
   COPY 17 — "BlueBid Auto"  ·  Pixel rebuild from Figma (Site-1)
   White surfaces · blue #1d4ed8 · navy #0f1a2e · Plus Jakarta Sans
   Loaded last — overrides the inherited IBM theme.
   ═══════════════════════════════════════════════════════════════════════ */
:root, [data-theme] {
    --bb-blue:#1d4ed8; --bb-blue-d:#1e40af; --bb-blue-soft:#eff4ff; --bb-blue-100:#bedbff;
    --bb-ink:#0f1a2e; --bb-mut:#4b6290; --bb-faint:#7c8db3;
    --bb-navy:#0b1730; --bb-navy-2:#0f2247; --bb-navy-card:#132a52;
    --bb-line:rgba(29,78,216,.10); --bb-line-2:#e6ecf7; --bb-bg:#f6f8fc; --bb-white:#fff;
}

/* ── base ── */
html, body { background:#ffffff; }
body { color:var(--bb-ink); font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; }
.bb h1, .bb h2, .bb h3, .bb h4 { font-family:'Plus Jakarta Sans', sans-serif; letter-spacing:-.02em; }
.bb ::selection { background:rgba(29,78,216,.16); }
.bb-wrap { max-width:1280px; margin:0 auto; padding-left:24px; padding-right:24px; }

/* ═══ HEADER ═══ */
.bb-header { position:sticky; top:0; z-index:200; background:rgba(255,255,255,.95); backdrop-filter:saturate(1.4) blur(8px); border-bottom:.667px solid var(--bb-line); box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1); }
.bb-hdr { max-width:1440px; margin:0 auto; height:64px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.bb-logo { display:inline-flex; align-items:center; gap:8px; text-decoration:none; flex:none; }
.bb-logo-mark { width:32px; height:32px; border-radius:10px; background:var(--bb-blue); display:grid; place-items:center; flex:none; }
.bb-logo-mark svg { width:16px; height:16px; color:#fff; }
.bb-logo-mark img { width:32px; height:32px; border-radius:10px; object-fit:cover; }
.bb-logo-txt { font-weight:800; font-size:18px; letter-spacing:-.45px; color:var(--bb-ink); white-space:nowrap; }
.bb-logo-txt span { color:var(--bb-blue); }
.bb-nav { display:none; align-items:center; gap:28px; }
@media (min-width:1000px){ .bb-nav { display:flex; } }
.bb-nav a { font-weight:600; font-size:14px; color:var(--bb-mut); text-decoration:none; white-space:nowrap; transition:color .15s; }
.bb-nav a:hover { color:var(--bb-ink); }
.bb-nav a.active { color:var(--bb-blue); }
.bb-hdr-cta { display:none; align-items:center; gap:12px; }
@media (min-width:1000px){ .bb-hdr-cta { display:flex; } }
.bb-signin { font-weight:600; font-size:14px; color:var(--bb-ink); text-decoration:none; padding:8px 16px; white-space:nowrap; }
.bb-signin:hover { color:var(--bb-blue); }

/* ═══ buttons ═══ */
.bb-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:14px; line-height:20px; border-radius:14px; padding:10px 20px; text-decoration:none; cursor:pointer; border:1.5px solid transparent; white-space:nowrap; transition:background .15s,border-color .15s,color .15s,transform .1s; }
.bb-btn:active { transform:translateY(1px); }
.bb-btn-primary { background:var(--bb-blue); color:#fff; box-shadow:0 1px 1.5px var(--bb-blue-100),0 1px 1px var(--bb-blue-100); }
.bb-btn-primary:hover { background:var(--bb-blue-d); }
.bb-btn-ghost { background:transparent; color:var(--bb-ink); border-color:var(--bb-line-2); }
.bb-btn-ghost:hover { border-color:var(--bb-blue); color:var(--bb-blue); }
.bb-btn-white { background:#fff; color:var(--bb-ink); }
.bb-btn-white:hover { background:var(--bb-blue-soft); }
.bb-btn-lg { padding:14px 26px; font-size:15px; border-radius:16px; }

/* ═══ mobile menu / burger ═══ */
.bb-burger { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; border:1px solid var(--bb-line-2); background:#fff; color:var(--bb-ink); cursor:pointer; }
.bb-burger svg { width:22px; height:22px; }
@media (min-width:1000px){ .bb-burger { display:none; } }

/* ═══ HERO (Figma 53:30598) ═══ */
.bb-hero { position:relative; overflow:hidden; background:linear-gradient(153deg,#0f1a2e 0%,#15295e 46%,#1d4ed8 100%); color:#fff; }
.bb-hero__glow { position:absolute; border-radius:50%; background:rgba(255,255,255,.05); filter:blur(64px); pointer-events:none; }
.bb-hero__glow--1 { width:500px; height:500px; right:-120px; top:-250px; }
.bb-hero__glow--2 { width:300px; height:300px; left:-75px; bottom:-100px; }
.bb-hero__inner { position:relative; padding-bottom:64px; }
.bb-hero__crumb { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; padding-top:32px; }
.bb-hero__crumb a { color:rgba(255,255,255,.5); text-decoration:none; } .bb-hero__crumb span { color:rgba(255,255,255,.8); } .bb-hero__crumb svg { width:14px; height:14px; color:rgba(255,255,255,.4); }
.bb-hero__grid { display:grid; grid-template-columns:1fr; gap:44px; padding-top:32px; align-items:start; }
@media (min-width:1000px){ .bb-hero__grid { grid-template-columns:1fr 1fr; gap:64px; } }
.bb-hero__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:9px 17px; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:rgba(255,255,255,.8); } .bb-hero__badge svg { width:14px; height:14px; color:#93c5fd; }
.bb-hero__h1 { font-size:clamp(34px,5vw,48px); font-weight:800; letter-spacing:-1.2px; line-height:1.1; margin:24px 0 0; color:#fff; } .bb-hero__h1 span { color:#93c5fd; }
.bb-hero__p { font-size:18px; line-height:1.625; color:rgba(255,255,255,.65); max-width:576px; margin:20px 0 0; }
.bb-hero__cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.bb-hero__ghost { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); color:#fff; } .bb-hero__ghost:hover { background:rgba(255,255,255,.18); color:#fff; border-color:rgba(255,255,255,.4); }
.bb-hero__trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:40px; }
.bb-hero__trust span { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:rgba(255,255,255,.6); } .bb-hero__trust svg { width:14px; height:14px; color:#93c5fd; }
.bb-hero__steps { display:flex; flex-direction:column; gap:12px; }
.bb-step { display:flex; align-items:center; gap:16px; background:rgba(255,255,255,.08); border:.667px solid rgba(255,255,255,.1); border-radius:16px; padding:16px 20px; text-decoration:none; transition:background .15s,border-color .15s,transform .15s; }
.bb-step:hover { background:rgba(255,255,255,.13); transform:translateX(3px); }
.bb-step--active { background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.3); }
.bb-step__ic { flex:none; width:40px; height:40px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)); box-shadow:0 10px 7.5px rgba(0,0,0,.1),0 4px 3px rgba(0,0,0,.1); } .bb-step__ic svg { width:20px; height:20px; color:#fff; }
.bb-step__b { flex:1; display:flex; flex-direction:column; min-width:0; } .bb-step__b b { font-size:14px; font-weight:800; color:rgba(255,255,255,.85); } .bb-step--active .bb-step__b b { color:#fff; } .bb-step__b small { font-size:12px; font-weight:600; color:rgba(255,255,255,.45); margin-top:2px; }
.bb-step__chev { width:16px; height:16px; color:rgba(255,255,255,.5); flex:none; }

/* ═══ kill inherited IBM chrome not in the BlueBid Figma ═══ */
.utility-bar, .marquee-bar { display:none !important; }

/* ═══ generic section bits ═══ */
.bb-sec { padding:80px 0; }
.bb-seclabel { display:flex; align-items:center; justify-content:center; gap:8px; }
.bb-seclabel i { width:16px; height:2px; background:#1d4ed8; border-radius:2px; display:block; }
.bb-seclabel span { font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#1d4ed8; }
.bb-sec-h2 { font-size:clamp(28px,4vw,36px); font-weight:800; color:#0f1a2e; text-align:center; margin:16px 0 0; letter-spacing:-.02em; line-height:1.1; }
.bb-sec-sub { font-size:18px; line-height:1.55; color:#4b6290; text-align:center; max-width:576px; margin:16px auto 0; }

/* ═══ Process (Figma 53:30710) ═══ */
.bb-proc-card { margin-top:64px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:24px; overflow:hidden; box-shadow:0 20px 25px -5px rgba(219,234,254,.4),0 8px 10px -6px rgba(219,234,254,.4); }
.bb-proc-tabs { display:flex; border-bottom:.667px solid rgba(29,78,216,.08); overflow-x:auto; }
.bb-proc-tab { flex:1 0 auto; min-width:120px; display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px; background:none; border:0; border-bottom:2px solid transparent; cursor:pointer; }
.bb-proc-tab.is-on { background:#eff6ff; border-bottom-color:#1d4ed8; }
.bb-proc-tab__ic { width:36px; height:36px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)); box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); } .bb-proc-tab__ic svg { width:18px; height:18px; color:#fff; }
.bb-proc-tab__n { font-size:12px; font-weight:800; color:#4b6290; } .bb-proc-tab.is-on .bb-proc-tab__n { color:#1d4ed8; }
.bb-proc-tab__t { font-size:12px; font-weight:700; color:#4b6290; text-align:center; } .bb-proc-tab.is-on .bb-proc-tab__t { color:#0f1a2e; }
.bb-proc-body { display:grid; grid-template-columns:1fr; } @media (min-width:900px){ .bb-proc-body { grid-template-columns:1fr 1fr; } }
.bb-proc-detail { padding:40px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.bb-proc-detail__ic { width:56px; height:56px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)); box-shadow:0 20px 12.5px rgba(0,0,0,.1),0 8px 5px rgba(0,0,0,.1); margin-bottom:24px; } .bb-proc-detail__ic svg { width:28px; height:28px; color:#fff; }
.bb-proc-step { font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#1d4ed8; margin-bottom:8px; }
.bb-proc-detail h3 { font-size:30px; font-weight:800; color:#0f1a2e; margin:0 0 16px; letter-spacing:-.01em; }
.bb-proc-detail p { font-size:16px; line-height:1.625; color:#4b6290; margin:0 0 32px; }
.bb-proc-visual { position:relative; overflow:hidden; background:linear-gradient(147deg,#f0f7ff,#dbeafe); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px; min-height:320px; }
.bb-proc-visual__ic { width:96px; height:96px; border-radius:24px; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)); box-shadow:0 25px 25px rgba(0,0,0,.25); } .bb-proc-visual__ic svg { width:48px; height:48px; color:#fff; }
.bb-proc-visual h4 { font-size:20px; font-weight:800; color:#0f1a2e; text-align:center; margin:24px 0 0; }
.bb-proc-visual .sub { font-size:14px; color:#4b6290; text-align:center; margin:8px 0 0; }
.bb-proc-dots { display:flex; gap:8px; justify-content:center; margin-top:24px; }
.bb-proc-dots i { height:8px; border-radius:8px; background:rgba(29,78,216,.15); width:16px; } .bb-proc-dots i.on { background:#1d4ed8; width:32px; }
.bb-proc-count { font-size:12px; font-weight:600; color:#4b6290; text-align:center; margin-top:8px; }
.bb-proc-mini { position:relative; margin-top:40px; display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } @media (min-width:900px){ .bb-proc-mini { grid-template-columns:repeat(5,1fr); } }
.bb-mini { position:relative; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; text-align:center; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-mini__ic { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; margin:0 auto; background:linear-gradient(135deg,var(--g1),var(--g2)); box-shadow:0 10px 7.5px rgba(0,0,0,.1),0 4px 3px rgba(0,0,0,.1); } .bb-mini__ic svg { width:24px; height:24px; color:#fff; }
.bb-mini h5 { font-size:14px; font-weight:800; color:#0f1a2e; margin:12px 0 0; } .bb-mini small { font-size:12px; color:#4b6290; display:block; margin-top:4px; }
.bb-mini__n { position:absolute; top:-12px; left:50%; transform:translateX(-50%); width:24px; height:24px; border-radius:50%; background:#fff; border:2px solid #1d4ed8; display:grid; place-items:center; font-size:9px; font-weight:800; color:#1d4ed8; }

.bb [x-cloak], [x-cloak] { display:none !important; }

/* ═══ Register (Figma 53:30876) ═══ */
.bb-reg { background:#fff; }
.bb-seclabel--left { justify-content:flex-start; }
.bb-reg__grid { display:grid; grid-template-columns:1fr; gap:44px; align-items:start; } @media (min-width:1000px){ .bb-reg__grid { grid-template-columns:1fr 1fr; gap:64px; } }
.bb-reg h2 { font-size:clamp(28px,4vw,36px); font-weight:800; color:#0f1a2e; margin:16px 0 0; letter-spacing:-.02em; line-height:1.25; }
.bb-reg__lead { font-size:18px; line-height:1.625; color:#4b6290; margin:20px 0 0; max-width:576px; }
.bb-reg__list { display:flex; flex-direction:column; gap:16px; margin-top:28px; }
.bb-reg__item { display:flex; gap:16px; align-items:flex-start; }
.bb-reg__ic { flex:none; width:40px; height:40px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; } .bb-reg__ic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-reg__item b { display:block; font-size:14px; font-weight:700; color:#0f1a2e; } .bb-reg__item small { font-size:12px; color:#4b6290; line-height:1.4; }
.bb-reg__cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.bb-btn-outline { background:transparent; color:#1d4ed8; border:2px solid rgba(29,78,216,.2); } .bb-btn-outline:hover { border-color:#1d4ed8; background:#eff6ff; color:#1d4ed8; }
.bb-reg__card { position:relative; overflow:hidden; border-radius:24px; padding:32px; background:linear-gradient(143deg,#0f1a2e 0%,#1e3a8a 100%); color:#fff; }
.bb-reg__card .g { position:absolute; border-radius:50%; background:rgba(255,255,255,.05); }
.bb-reg__kicker { position:relative; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#93c5fd; }
.bb-reg__checks { position:relative; display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.bb-reg__check { display:flex; gap:12px; align-items:center; font-size:14px; font-weight:600; color:rgba(255,255,255,.8); } .bb-reg__check svg { width:16px; height:16px; color:#93c5fd; flex:none; }
.bb-reg__social { position:relative; display:flex; gap:16px; align-items:center; margin-top:32px; padding-top:24px; border-top:.667px solid rgba(255,255,255,.1); }
.bb-reg__avatars { display:flex; } .bb-reg__avatars span { width:32px; height:32px; border-radius:50%; border:2px solid #1e3a8a; display:grid; place-items:center; font-size:9px; font-weight:800; color:#fff; margin-left:-8px; } .bb-reg__avatars span:first-child { margin-left:0; }
.bb-reg__social p { font-size:12px; color:rgba(255,255,255,.5); margin:0; } .bb-reg__social b { color:rgba(255,255,255,.8); font-weight:700; }

/* ═══ split layout + Search mockup (Figma 53:31008) ═══ */
.bb-split { display:grid; grid-template-columns:1fr; gap:44px; align-items:center; } @media (min-width:1000px){ .bb-split { grid-template-columns:1fr 1fr; gap:64px; } }
.bb-mock { display:flex; flex-direction:column; gap:16px; }
.bb-mock-bar { display:flex; gap:12px; align-items:center; background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:16px; padding:16px; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-mock-bar__ic { width:36px; height:36px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-mock-bar__ic svg { width:18px; height:18px; color:#1d4ed8; }
.bb-mock-bar__in { flex:1; min-width:0; background:#f8faff; border:.667px solid rgba(29,78,216,.1); border-radius:14px; padding:10px 16px; font-size:14px; font-weight:600; color:#94a3b8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bb-mock-bar__btn { background:#1d4ed8; color:#fff; border-radius:14px; padding:10px 16px; font-size:12px; font-weight:700; flex:none; }
.bb-mock-filters { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; box-shadow:0 1px 1.5px rgba(0,0,0,.1); }
.bb-mock-filters__h { display:flex; gap:8px; align-items:center; font-size:14px; font-weight:800; color:#0f1a2e; } .bb-mock-filters__h svg { width:16px; height:16px; color:#1d4ed8; }
.bb-mock-chips { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.bb-chip { background:#f8faff; border:.667px solid rgba(29,78,216,.08); border-radius:14px; padding:12px; }
.bb-chip .k { font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#4b6290; } .bb-chip .v { font-size:12px; font-weight:600; color:#0f1a2e; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bb-mock-lot { display:flex; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); }
.bb-mock-lot__img { width:128px; flex:none; background:linear-gradient(135deg,#dbeafe,#93c5fd); display:grid; place-items:center; color:rgba(29,78,216,.4); } .bb-mock-lot__img svg { width:48px; height:48px; }
.bb-mock-lot__body { flex:1; padding:12px 16px; min-width:0; }
.bb-mock-lot__badges { display:flex; gap:8px; }
.bb-badge-live { background:#00c950; color:#fff; font-size:9px; font-weight:700; border-radius:999px; padding:2px 8px; display:inline-flex; align-items:center; gap:4px; } .bb-badge-live i { width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.8); }
.bb-badge-feat { background:#1d4ed8; color:#fff; font-size:9px; font-weight:700; border-radius:999px; padding:2px 8px; }
.bb-mock-lot__t { font-size:14px; font-weight:800; color:#0f1a2e; margin:6px 0 0; }
.bb-mock-lot__meta { display:flex; gap:8px; font-size:10px; color:#4b6290; margin-top:4px; } .bb-mock-lot__meta span { display:inline-flex; align-items:center; gap:2px; } .bb-mock-lot__meta svg { width:11px; height:11px; }
.bb-mock-lot__foot { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.bb-mock-lot__bid .k { font-size:9px; font-weight:600; color:#4b6290; } .bb-mock-lot__bid .v { font-size:16px; font-weight:800; color:#1d4ed8; }
.bb-mock-lot__r { display:flex; gap:8px; align-items:center; }
.bb-mock-lot__timer { display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:700; color:#ff2056; } .bb-mock-lot__timer svg { width:12px; height:12px; }
.bb-mock-lot__btn { background:#1d4ed8; color:#fff; border-radius:10px; padding:6px 12px; font-size:10px; font-weight:700; }
.bb-feats { display:flex; flex-direction:column; gap:12px; margin-top:28px; }
.bb-feat { display:flex; gap:12px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:14px; padding:15px 17px; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-feat__ic { flex:none; width:36px; height:36px; border-radius:10px; background:#eff6ff; display:grid; place-items:center; } .bb-feat__ic svg { width:16px; height:16px; color:#1d4ed8; }
.bb-feat b { display:block; font-size:14px; font-weight:700; color:#0f1a2e; } .bb-feat p { font-size:12px; color:#4b6290; line-height:1.4; margin:2px 0 0; }

/* ═══ Bidding (Figma 53:31166) ═══ */
.bb-bid-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:640px){ .bb-bid-grid { grid-template-columns:1fr 1fr; } } @media (min-width:1000px){ .bb-bid-grid { grid-template-columns:repeat(3,1fr); } }
.bb-bid-card { background:#f8faff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:24px; }
.bb-bid-card__ic { width:40px; height:40px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; } .bb-bid-card__ic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-bid-card h3 { font-size:18px; font-weight:800; color:#0f1a2e; margin:16px 0 0; letter-spacing:-.01em; }
.bb-bid-card p { font-size:14px; line-height:1.625; color:#4b6290; margin:8px 0 0; }
.bb-fee { position:relative; overflow:hidden; margin-top:48px; border-radius:24px; background:linear-gradient(90deg,#0f1a2e,#1e3a8a); display:grid; grid-template-columns:1fr; gap:32px; padding:32px; align-items:center; } @media (min-width:900px){ .bb-fee { grid-template-columns:1fr 1fr; } }
.bb-fee .g { position:absolute; width:256px; height:256px; border-radius:50%; background:rgba(255,255,255,.05); right:-80px; top:-85px; }
.bb-fee__l { position:relative; }
.bb-fee__k { font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#93c5fd; }
.bb-fee__l h3 { font-size:24px; font-weight:800; color:#fff; margin:12px 0 0; }
.bb-fee__l p { font-size:14px; line-height:1.625; color:rgba(255,255,255,.6); margin:16px 0 0; }
.bb-fee__card { position:relative; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.15); border-radius:16px; padding:20px; }
.bb-fee__ex { font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:8px; }
.bb-fee__row { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:.667px solid rgba(255,255,255,.1); }
.bb-fee__row .l { font-size:14px; font-weight:600; color:rgba(255,255,255,.6); } .bb-fee__row .r { font-size:16px; font-weight:800; color:#fff; }
.bb-fee__row--hi .l { font-weight:800; color:#fff; } .bb-fee__row--hi .r { color:#93c5fd; font-size:18px; }
.bb-fee__total { display:flex; align-items:center; justify-content:space-between; padding-top:16px; margin-top:4px; border-top:2px solid rgba(255,255,255,.2); }
.bb-fee__total .l { font-size:16px; font-weight:800; color:#fff; } .bb-fee__total .r { font-size:20px; font-weight:800; color:#fff; }

/* ═══ After You Win (Figma 53:31275) ═══ */
.bb-win-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:1000px){ .bb-win-grid { grid-template-columns:1fr 1fr; } }
.bb-wincard { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:24px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); }
.bb-wincard__head { display:flex; gap:12px; align-items:center; padding:20px 28px; color:#fff; }
.bb-wincard__head--orange { background:linear-gradient(90deg,#fe9a00,#ff6900); }
.bb-wincard__head--purple { background:linear-gradient(90deg,#8e51ff,#7008e7); }
.bb-wincard__hic { width:36px; height:36px; border-radius:14px; background:rgba(255,255,255,.2); display:grid; place-items:center; flex:none; } .bb-wincard__hic svg { width:20px; height:20px; color:#fff; }
.bb-wincard__hk { font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(255,255,255,.7); } .bb-wincard__ht { font-size:16px; font-weight:800; color:#fff; margin-top:1px; }
.bb-wincard__body { padding:24px 28px; }
.bb-tl__item { display:flex; gap:16px; }
.bb-tl__l { display:flex; flex-direction:column; align-items:center; }
.bb-tl__ic { width:36px; height:36px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-tl__ic svg { width:18px; height:18px; color:#1d4ed8; }
.bb-tl__line { width:1px; flex:1; background:rgba(29,78,216,.1); margin:8px 0; min-height:20px; }
.bb-tl__item:last-child .bb-tl__line { display:none; }
.bb-tl__b { padding-bottom:16px; } .bb-tl__b b { font-size:14px; font-weight:700; color:#0f1a2e; } .bb-tl__b p { font-size:12px; line-height:1.6; color:#4b6290; margin:4px 0 0; }
.bb-win-intro { font-size:14px; line-height:1.625; color:#4b6290; }
.bb-docs { display:flex; flex-direction:column; gap:12px; margin-top:20px; }
.bb-doc { display:flex; gap:12px; background:#f8faff; border:.667px solid rgba(29,78,216,.07); border-radius:14px; padding:15px; }
.bb-doc__ic { width:32px; height:32px; border-radius:10px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-doc__ic svg { width:16px; height:16px; color:#1d4ed8; }
.bb-doc b { font-size:14px; font-weight:700; color:#0f1a2e; } .bb-doc p { font-size:12px; line-height:1.4; color:#4b6290; margin:2px 0 0; }

/* ═══ Delivery (Figma 53:31413) ═══ */
.bb-del-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:1000px){ .bb-del-grid { grid-template-columns:1fr 1fr; } }
.bb-delcard { background:#f8faff; border:.667px solid rgba(29,78,216,.08); border-radius:24px; overflow:hidden; }
.bb-delcard__head { display:flex; gap:16px; align-items:center; padding:20px 28px; border-bottom:.667px solid rgba(29,78,216,.07); }
.bb-delcard__ic { width:48px; height:48px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-delcard__ic svg { width:24px; height:24px; color:#1d4ed8; }
.bb-delcard__hrow { display:flex; gap:8px; align-items:center; } .bb-delcard__hrow h3 { font-size:18px; font-weight:800; color:#0f1a2e; }
.bb-badge-pop { background:#1d4ed8; color:#fff; font-size:10px; font-weight:800; border-radius:999px; padding:4px 10px; }
.bb-badge-free { background:#00bc7d; color:#fff; font-size:10px; font-weight:800; border-radius:999px; padding:4px 10px; }
.bb-delcard__price { font-size:12px; font-weight:700; color:#009966; margin-top:2px; }
.bb-delcard__body { padding:20px 28px; }
.bb-delcard__body>p { font-size:14px; line-height:1.625; color:#4b6290; margin:0; }
.bb-del-checks { display:flex; flex-direction:column; gap:8px; margin-top:20px; }
.bb-del-check { display:flex; gap:10px; align-items:center; font-size:14px; font-weight:600; color:#0f1a2e; } .bb-del-check svg { width:16px; height:16px; color:#00bc7d; flex:none; }
.bb-del-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-top:48px; border:.667px solid rgba(29,78,216,.15); border-radius:16px; padding:24px; background:linear-gradient(90deg,#eff6ff,#dbeafe); }
.bb-del-banner__l { display:flex; gap:16px; align-items:center; }
.bb-del-banner__ic { width:48px; height:48px; border-radius:14px; background:#1d4ed8; display:grid; place-items:center; flex:none; } .bb-del-banner__ic svg { width:24px; height:24px; color:#fff; }
.bb-del-banner__t { font-size:16px; font-weight:800; color:#0f1a2e; } .bb-del-banner__s { font-size:14px; color:#4b6290; margin-top:2px; }
.bb-del-stats { display:flex; gap:24px; }
.bb-del-stat { text-align:center; } .bb-del-stat b { display:block; font-size:18px; font-weight:800; color:#1d4ed8; } .bb-del-stat span { font-size:12px; font-weight:600; color:#4b6290; }

/* ═══ Buyer Support (Figma 53:31542) ═══ */
.bb-sup-cards { display:flex; flex-direction:column; gap:16px; margin-top:28px; }
.bb-sup-card { display:flex; gap:16px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-sup-card__ic { width:40px; height:40px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-sup-card__ic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-sup-card__hrow { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .bb-sup-card__hrow b { font-size:14px; font-weight:800; color:#0f1a2e; }
.bb-sup-pill { font-size:10px; font-weight:700; color:#1d4ed8; background:#eff6ff; border:.667px solid rgba(29,78,216,.2); border-radius:999px; padding:3px 9px; white-space:nowrap; }
.bb-sup-card p { font-size:12px; line-height:1.6; color:#4b6290; margin:4px 0 0; }
.bb-sup-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.bb-team { position:relative; overflow:hidden; border-radius:24px; padding:32px; background:linear-gradient(139deg,#0f1a2e,#1e3a8a); color:#fff; }
.bb-team .g { position:absolute; width:192px; height:192px; border-radius:50%; background:rgba(255,255,255,.05); right:-40px; top:0; }
.bb-team__head { position:relative; display:flex; gap:12px; align-items:center; }
.bb-team__hic { width:48px; height:48px; border-radius:16px; background:rgba(255,255,255,.1); display:grid; place-items:center; } .bb-team__hic svg { width:24px; height:24px; color:#fff; }
.bb-team__ht { font-size:16px; font-weight:800; color:#fff; } .bb-team__hs { font-size:12px; font-weight:600; color:#93c5fd; margin-top:1px; }
.bb-team__list { position:relative; display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.bb-team__row { display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.08); border-radius:14px; padding:12px 16px; }
.bb-team__av { position:relative; width:36px; height:36px; border-radius:10px; display:grid; place-items:center; font-size:12px; font-weight:800; color:#fff; flex:none; }
.bb-team__dot { position:absolute; width:12px; height:12px; border-radius:50%; background:#05df72; border:2px solid #1e3a8a; right:-3px; bottom:-3px; }
.bb-team__b { flex:1; min-width:0; } .bb-team__b b { font-size:12px; font-weight:700; color:#fff; display:block; } .bb-team__b span { font-size:10px; color:rgba(255,255,255,.45); }
.bb-team__st { font-size:9px; font-weight:700; border-radius:999px; padding:2px 8px; white-space:nowrap; } .bb-team__st--on { background:rgba(5,223,114,.15); color:#05df72; } .bb-team__st--away { background:rgba(255,255,255,.1); color:rgba(255,255,255,.4); }
.bb-team__note { position:relative; display:flex; gap:12px; margin-top:24px; background:rgba(29,78,216,.3); border:.667px solid rgba(29,78,216,.3); border-radius:14px; padding:16px; } .bb-team__note svg { width:16px; height:16px; color:#93c5fd; flex:none; margin-top:2px; }
.bb-team__note p { font-size:12px; line-height:1.6; color:rgba(255,255,255,.65); margin:0; } .bb-team__note b { color:#fff; }

/* ═══ FAQ (Figma 53:31669) ═══ */
.bb-faq { max-width:768px; margin:48px auto 0; display:flex; flex-direction:column; gap:12px; }
.bb-faq-item { border:.667px solid rgba(29,78,216,.08); border-radius:16px; background:#fff; overflow:hidden; }
.bb-faq-item.is-open { border-color:rgba(29,78,216,.2); box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); }
.bb-faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; background:#fff; border:0; padding:16px 24px; text-align:left; cursor:pointer; font-size:14px; font-weight:700; color:#0f1a2e; }
.bb-faq-item.is-open .bb-faq-q { color:#1d4ed8; }
.bb-faq-ic { flex:none; width:28px; height:28px; border-radius:50%; background:#f0f7ff; color:#1d4ed8; display:grid; place-items:center; } .bb-faq-item.is-open .bb-faq-ic { background:#1d4ed8; color:#fff; } .bb-faq-ic svg { width:14px; height:14px; }
.bb-faq-a { padding:16px 24px 20px; border-top:.667px solid rgba(29,78,216,.06); font-size:14px; line-height:1.625; color:#4b6290; }
.bb-faq-more { display:flex; align-items:center; justify-content:center; margin-top:40px; }
.bb-faq-more a { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:800; color:#1d4ed8; text-decoration:none; } .bb-faq-more a:hover { gap:12px; } .bb-faq-more svg { width:16px; height:16px; }

/* ═══ CTA (Figma 53:31732) ═══ */
.bb-ctawrap { padding:48px 0; }
.bb-cta { position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(160deg,#1e3a8a 0%,#1d4ed8 100%); padding:64px 40px; text-align:center; }
.bb-cta .g { position:absolute; border-radius:50%; background:rgba(255,255,255,.05); }
.bb-cta__in { position:relative; max-width:672px; margin:0 auto; }
.bb-cta__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:9px 17px; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:rgba(255,255,255,.75); } .bb-cta__badge svg { width:14px; height:14px; }
.bb-cta h2 { font-size:clamp(26px,4vw,36px); font-weight:800; color:#fff; margin:24px 0 0; letter-spacing:-.01em; line-height:1.1; }
.bb-cta__p { font-size:18px; line-height:1.625; color:rgba(255,255,255,.65); max-width:672px; margin:16px auto 0; }
.bb-cta__btns { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-top:32px; }
.bb-cta__ghost { background:transparent; border:2px solid rgba(255,255,255,.35); color:#fff; } .bb-cta__ghost:hover { background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.5); }
.bb-cta__trust { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; margin-top:32px; }
.bb-cta__trust span { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:rgba(255,255,255,.55); } .bb-cta__trust svg { width:14px; height:14px; color:#93c5fd; }

/* ═══════ HOMEPAGE (Figma 12:758) ═══════ */
.bb-hhero { position:relative; overflow:hidden; background:linear-gradient(150deg,#0f1a2e 0%,#15295e 46%,#1d4ed8 100%); color:#fff; }
.bb-hhero__grid { display:grid; grid-template-columns:1fr; gap:56px; align-items:center; padding-top:72px; padding-bottom:96px; } @media (min-width:1000px){ .bb-hhero__grid { grid-template-columns:1fr 1fr; gap:64px; } }
.bb-hhero__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:9px 17px; font-size:12px; font-weight:600; color:rgba(255,255,255,.8); } .bb-hhero__badge i { width:8px; height:8px; border-radius:50%; background:#05df72; }
.bb-hhero__h1 { font-size:clamp(34px,5.2vw,52px); font-weight:800; letter-spacing:-1.3px; line-height:1.12; margin:24px 0 0; } .bb-hhero__h1 span { color:#93c5fd; display:block; }
.bb-hhero__p { font-size:18px; line-height:1.625; color:rgba(255,255,255,.7); max-width:576px; margin:24px 0 0; }
.bb-hhero__search { display:flex; align-items:center; background:#fff; border-radius:16px; box-shadow:0 25px 50px -12px rgba(0,0,0,.2); margin-top:32px; overflow:hidden; max-width:576px; }
.bb-hhero__search>svg { width:20px; height:20px; color:#4b6290; margin-left:20px; flex:none; }
.bb-hhero__search input { flex:1; border:0; outline:0; padding:16px; font-size:14px; font-weight:600; color:#0f1a2e; min-width:0; background:transparent; } .bb-hhero__search input::placeholder { color:#4b6290; }
.bb-hhero__search button { background:#1d4ed8; color:#fff; border:0; padding:16px 24px; font-size:14px; font-weight:700; cursor:pointer; align-self:stretch; } .bb-hhero__search button:hover { background:#1e40af; }
.bb-hhero__cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.bb-hhero__ghost { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); color:#fff; } .bb-hhero__ghost:hover { background:rgba(255,255,255,.18); color:#fff; border-color:rgba(255,255,255,.4); }
.bb-hhero__trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:32px; }
.bb-hhero__trust span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:rgba(255,255,255,.75); } .bb-hhero__trust svg { width:16px; height:16px; color:#93c5fd; }
.bb-hhero__media { position:relative; }
.bb-hhero__img { width:100%; aspect-ratio:575/420; object-fit:cover; border-radius:24px; box-shadow:0 25px 50px -12px rgba(0,0,0,.4); display:block; }
.bb-hhero__scrim { position:absolute; inset:0; border-radius:24px; background:linear-gradient(90deg,rgba(30,58,138,.55),transparent 60%); pointer-events:none; }
.bb-hhero__bidcard { position:absolute; left:24px; bottom:-28px; display:flex; gap:16px; align-items:center; background:#fff; border-radius:16px; padding:16px; box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1); }
.bb-hhero__bidic { width:40px; height:40px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; flex:none; } .bb-hhero__bidic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-hhero__bidk { font-size:12px; font-weight:600; color:#4b6290; } .bb-hhero__bidv { font-size:20px; font-weight:800; color:#1d4ed8; }
.bb-hhero__bidend { text-align:right; padding-left:8px; } .bb-hhero__bidend .k { font-size:12px; color:#4b6290; } .bb-hhero__bidend .v { font-size:16px; font-weight:700; color:#0f1a2e; }

/* ═══ Home Smart Search (Figma 12:851) ═══ */
.bb-kicker { font-size:14px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#1d4ed8; text-align:center; }
.bb-qsearch { background:#fff; border:.667px solid rgba(29,78,216,.07); border-radius:24px; padding:32px; box-shadow:0 20px 12.5px rgba(219,234,254,.5),0 8px 5px rgba(219,234,254,.5); margin-top:40px; }
.bb-qsearch__row { display:grid; grid-template-columns:1fr; gap:16px; align-items:end; } @media (min-width:700px){ .bb-qsearch__row { grid-template-columns:repeat(2,1fr); } } @media (min-width:1000px){ .bb-qsearch__row { grid-template-columns:repeat(3,1fr); } } @media (min-width:1200px){ .bb-qsearch__row { grid-template-columns:repeat(6,1fr); } }
.bb-qf { display:flex; flex-direction:column; gap:6px; }
.bb-qf label { font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:#4b6290; }
.bb-qf select, .bb-qf input { height:45px; border:.667px solid rgba(29,78,216,.15); border-radius:14px; padding:0 16px; font-size:14px; font-weight:600; color:#0f1a2e; background:#fff; outline:0; width:100%; }
.bb-qf select:focus, .bb-qf input:focus { border-color:#1d4ed8; }
.bb-qsearch__btn { height:46px; background:#1d4ed8; color:#fff; border:0; border-radius:14px; font-size:16px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 4px 3px #bedbff,0 2px 2px #bedbff; } .bb-qsearch__btn:hover { background:#1e40af; } .bb-qsearch__btn svg { width:16px; height:16px; }

/* ═══ Featured Auctions (Figma 12:901) ═══ */
.bb-fa-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.bb-fa-head .bb-kicker { text-align:left; }
.bb-fa-head h2 { font-size:clamp(28px,4vw,36px); font-weight:800; color:#0f1a2e; margin:8px 0 0; letter-spacing:-.02em; }
.bb-fa-viewall { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:#1d4ed8; text-decoration:none; } .bb-fa-viewall svg { width:16px; height:16px; } .bb-fa-viewall:hover { gap:10px; }
.bb-fa-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:40px; } @media (min-width:600px){ .bb-fa-grid { grid-template-columns:1fr 1fr; } } @media (min-width:1000px){ .bb-fa-grid { grid-template-columns:repeat(4,1fr); } }
.bb-ac { display:flex; flex-direction:column; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); text-decoration:none; color:inherit; transition:transform .18s,box-shadow .18s; }
.bb-ac:hover { transform:translateY(-4px); box-shadow:0 18px 34px -22px rgba(15,23,42,.4); }
.bb-ac__img { position:relative; height:192px; background:#f1f5f9; overflow:hidden; } .bb-ac__img img { width:100%; height:100%; object-fit:cover; } .bb-ac__noimg { width:100%; height:100%; display:grid; place-items:center; color:#cbd5e1; } .bb-ac__noimg svg { width:48px; height:48px; }
.bb-ac__scrim { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.3),transparent 50%); }
.bb-ac__status { position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#fff; border-radius:999px; padding:4px 10px; } .bb-ac__status i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.8); }
.bb-ac__status--live { background:#00c950; } .bb-ac__status--soon { background:#fe9a00; } .bb-ac__status--sold { background:#0f1a2e; }
.bb-ac__tag { position:absolute; top:12px; right:12px; background:rgba(255,255,255,.9); color:#1d4ed8; font-size:12px; font-weight:700; border-radius:999px; padding:4px 10px; }
.bb-ac__body { flex:1; display:flex; flex-direction:column; padding:20px; }
.bb-ac__t { font-size:18px; font-weight:700; color:#0f1a2e; line-height:1.25; }
.bb-ac__meta { display:flex; gap:12px; margin-top:6px; flex-wrap:wrap; } .bb-ac__meta span { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:#4b6290; } .bb-ac__meta svg { width:14px; height:14px; }
.bb-ac__foot { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; border-top:.667px solid rgba(29,78,216,.08); }
.bb-ac__bk { font-size:12px; font-weight:600; color:#4b6290; } .bb-ac__bv { font-size:24px; font-weight:800; color:#1d4ed8; }
.bb-ac__tk { font-size:12px; font-weight:600; color:#4b6290; display:flex; align-items:center; gap:4px; justify-content:flex-end; } .bb-ac__tk svg { width:14px; height:14px; }
.bb-ac__tv { font-size:16px; font-weight:700; color:#0f1a2e; text-align:right; }
.bb-ac__btn { display:block; text-align:center; background:#1d4ed8; color:#fff; border-radius:14px; padding:12px; font-size:14px; font-weight:700; margin-top:16px; } .bb-ac:hover .bb-ac__btn { background:#1e40af; }

/* ═══ Home How It Works 4-step (Figma 12:1085) ═══ */
.bb-hiw4-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:600px){ .bb-hiw4-grid { grid-template-columns:1fr 1fr; } } @media (min-width:1000px){ .bb-hiw4-grid { grid-template-columns:repeat(4,1fr); } }
.bb-hiw4-card { position:relative; background:#f0f7ff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px; }
.bb-hiw4-card__top { display:flex; align-items:flex-start; justify-content:space-between; }
.bb-hiw4-card__ic { width:48px; height:48px; border-radius:14px; background:#dbeafe; display:grid; place-items:center; } .bb-hiw4-card__ic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-hiw4-card__n { font-size:48px; font-weight:800; color:#dbeafe; line-height:1; }
.bb-hiw4-card h3 { font-size:18px; font-weight:700; color:#0f1a2e; margin:20px 0 0; }
.bb-hiw4-card p { font-size:14px; line-height:1.625; color:#4b6290; margin:8px 0 0; }

/* ═══ Why Buyers Trust Us (Figma 12:1156) ═══ */
.bb-trust-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:640px){ .bb-trust-grid { grid-template-columns:1fr 1fr; } } @media (min-width:1000px){ .bb-trust-grid { grid-template-columns:repeat(3,1fr); } }
.bb-trust-card { display:flex; gap:20px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-trust-card__ic { flex:none; width:48px; height:48px; border-radius:14px; background:#eff6ff; display:grid; place-items:center; } .bb-trust-card__ic svg { width:20px; height:20px; color:#1d4ed8; }
.bb-trust-card h3 { font-size:18px; font-weight:700; color:#0f1a2e; }
.bb-trust-card p { font-size:14px; line-height:1.625; color:#4b6290; margin:6px 0 0; }

/* ═══ Stats bar (Figma 12:1227) ═══ */
.bb-statswrap { padding:64px 0; }
.bb-statsbar { position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(90deg,#0f1a2e,#1d4ed8); padding:56px 40px; }
.bb-statsbar__grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; } @media (min-width:900px){ .bb-statsbar__grid { grid-template-columns:repeat(4,1fr); } }
.bb-stat2 { text-align:center; } .bb-stat2 b { display:block; font-size:clamp(36px,5vw,48px); font-weight:800; color:#fff; line-height:1; } .bb-stat2 span { font-size:14px; font-weight:600; color:#93c5fd; margin-top:8px; display:block; }

/* ═══ Popular Categories (Figma 12:1250) ═══ */
.bb-cat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:48px; } @media (min-width:700px){ .bb-cat-grid { grid-template-columns:repeat(3,1fr); } } @media (min-width:1000px){ .bb-cat-grid { grid-template-columns:repeat(6,1fr); } }
.bb-cat { display:flex; flex-direction:column; align-items:center; gap:12px; background:#f0f7ff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; text-decoration:none; text-align:center; transition:transform .15s,box-shadow .15s,border-color .15s; }
.bb-cat:hover { transform:translateY(-3px); border-color:#1d4ed8; box-shadow:0 12px 24px -14px rgba(29,78,216,.4); }
.bb-cat__ic { width:48px; height:48px; border-radius:14px; background:#dbeafe; display:grid; place-items:center; color:#1d4ed8; } .bb-cat__ic svg { width:26px; height:26px; }
.bb-cat__t { font-size:14px; font-weight:700; color:#0f1a2e; }
.bb-cat__n { font-size:12px; font-weight:600; color:#4b6290; }

/* ═══ Transparent Pricing (Figma 12:1289) ═══ */
.bb-tp__h2 { font-size:clamp(28px,4vw,36px); font-weight:800; color:#0f1a2e; margin:12px 0 0; letter-spacing:-.02em; line-height:1.1; }
.bb-tp__p { font-size:16px; line-height:1.625; color:#4b6290; margin:20px 0 0; max-width:584px; }
.bb-tp__list { display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.bb-tp__item { display:flex; gap:12px; align-items:center; font-size:14px; font-weight:600; color:#0f1a2e; } .bb-tp__item svg { width:20px; height:20px; color:#1d4ed8; flex:none; }
.bb-tp-card { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:24px; padding:32px; box-shadow:0 20px 12.5px rgba(219,234,254,.6),0 8px 5px rgba(219,234,254,.6); }
.bb-tp-card__k { font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#4b6290; }
.bb-tp-row { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:.667px solid rgba(29,78,216,.07); }
.bb-tp-row .l { font-size:16px; font-weight:600; color:#4b6290; } .bb-tp-row .r { font-size:16px; font-weight:700; color:#0f1a2e; }
.bb-tp-row--hi .l { color:#0f1a2e; } .bb-tp-row--hi .r { color:#1d4ed8; font-size:18px; }
.bb-tp-total { display:flex; align-items:center; justify-content:space-between; padding-top:16px; }
.bb-tp-total .l { font-size:18px; font-weight:800; color:#0f1a2e; } .bb-tp-total .r { font-size:24px; font-weight:800; color:#1d4ed8; }
.bb-tp-card__btn { display:block; text-align:center; background:#1d4ed8; color:#fff; border-radius:14px; padding:14px; font-size:16px; font-weight:700; margin-top:24px; text-decoration:none; } .bb-tp-card__btn:hover { background:#1e40af; }

/* ═══ Buyer Stories (Figma 12:1351) ═══ */
.bb-revsec { background:linear-gradient(180deg,#eff6ff 0%,#fff 100%); }
.bb-rev-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:56px; } @media (min-width:700px){ .bb-rev-grid { grid-template-columns:1fr 1fr; } } @media (min-width:1000px){ .bb-rev-grid { grid-template-columns:repeat(3,1fr); } }
.bb-rev { display:flex; flex-direction:column; gap:20px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px; box-shadow:0 1px 1.5px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1); }
.bb-rev__stars { display:flex; gap:2px; color:#fe9a00; } .bb-rev__stars svg { width:16px; height:16px; }
.bb-rev__quote { font-size:14px; line-height:1.625; color:#0f1a2e; flex:1; margin:0; }
.bb-rev__by { display:flex; gap:12px; align-items:center; padding-top:16px; border-top:.667px solid rgba(29,78,216,.07); }
.bb-rev__av { width:40px; height:40px; border-radius:50%; background:#dbeafe; color:#1d4ed8; display:grid; place-items:center; font-size:14px; font-weight:700; flex:none; }
.bb-rev__n { font-size:14px; font-weight:700; color:#0f1a2e; } .bb-rev__loc { font-size:12px; color:#4b6290; }

/* ═══ Final CTA (Figma 12:1426) ═══ */
.bb-cta2wrap { padding:80px 0; }
.bb-cta2 { position:relative; overflow:hidden; max-width:896px; margin:0 auto; border-radius:24px; background:linear-gradient(160deg,#1e3a8a 0%,#1d4ed8 100%); padding:64px 32px; text-align:center; box-shadow:0 25px 50px -12px rgba(142,197,255,.3); }
.bb-cta2 .g { position:absolute; border-radius:50%; background:rgba(255,255,255,.05); }
.bb-cta2__in { position:relative; }
.bb-cta2 h2 { font-size:clamp(26px,4vw,36px); font-weight:800; color:#fff; letter-spacing:-.01em; }
.bb-cta2 p { font-size:18px; line-height:1.55; color:rgba(255,255,255,.7); max-width:512px; margin:16px auto 0; }
.bb-cta2__btns { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-top:32px; }
.bb-cta2__ghost { background:transparent; border:2px solid rgba(255,255,255,.4); color:#fff; } .bb-cta2__ghost:hover { background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.6); }

/* ═══════ INVENTORY (Figma 13:3516) ═══════ */
.bb-inv { padding-top:32px; padding-bottom:64px; }
.bb-inv__crumb { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#4b6290; margin-bottom:8px; } .bb-inv__crumb a { color:#4b6290; text-decoration:none; } .bb-inv__crumb svg { width:13px; height:13px; color:#94a3b8; }
.bb-inv__title { font-size:clamp(26px,4vw,32px); font-weight:800; color:#0f1a2e; letter-spacing:-.02em; }
.bb-inv__layout { display:grid; grid-template-columns:1fr; gap:24px; margin-top:24px; } @media (min-width:1000px){ .bb-inv__layout { grid-template-columns:288px 1fr; } }
.bb-side { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; align-self:start; box-shadow:0 1px 3px rgba(0,0,0,.05); } @media (min-width:1000px){ .bb-side { position:sticky; top:84px; } }
.bb-side__h { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:800; color:#0f1a2e; padding-bottom:16px; border-bottom:.667px solid rgba(29,78,216,.08); } .bb-side__h svg { width:18px; height:18px; color:#1d4ed8; }
.bb-fg { padding:16px 0; border-bottom:.667px solid rgba(29,78,216,.06); }
.bb-fg__h { display:flex; align-items:center; justify-content:space-between; width:100%; font-size:12px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:#0f1a2e; background:none; border:0; cursor:pointer; padding:0; }
.bb-fg__h svg { width:14px; height:14px; color:#94a3b8; transition:transform .2s; } .bb-fg.is-open .bb-fg__h svg { transform:rotate(180deg); }
.bb-fg__body { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.bb-check { display:flex; align-items:center; gap:10px; font-size:14px; color:#4b6290; cursor:pointer; } .bb-check input { width:16px; height:16px; accent-color:#1d4ed8; flex:none; }
.bb-range { display:flex; align-items:center; gap:8px; } .bb-range input { flex:1; min-width:0; border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:9px 10px; font-size:13px; font-weight:600; color:#0f1a2e; outline:0; } .bb-range input:focus { border-color:#1d4ed8; } .bb-range span { color:#94a3b8; }
.bb-mileage { position:relative; } .bb-mileage input { width:100%; border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:9px 34px 9px 10px; font-size:13px; font-weight:600; outline:0; } .bb-mileage .u { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:12px; color:#1d4ed8; font-weight:600; }
.bb-fg select { width:100%; border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:9px 10px; font-size:13px; font-weight:600; color:#0f1a2e; background:#fff; outline:0; }
.bb-fg__more { font-size:12px; font-weight:700; color:#1d4ed8; background:none; border:0; cursor:pointer; padding:0; margin-top:2px; text-align:left; }
.bb-side__apply { width:100%; margin-top:20px; background:#1d4ed8; color:#fff; border:0; border-radius:12px; padding:12px; font-size:14px; font-weight:700; cursor:pointer; } .bb-side__apply:hover { background:#1e40af; }
.bb-side__reset { display:block; text-align:center; margin-top:10px; font-size:13px; font-weight:600; color:#4b6290; text-decoration:none; } .bb-side__reset:hover { color:#1d4ed8; }
.bb-inv__rhead { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.bb-inv__count { font-size:14px; color:#4b6290; } .bb-inv__count b { color:#0f1a2e; }
.bb-inv__sort { border:.667px solid rgba(29,78,216,.15); border-radius:12px; padding:9px 14px; font-size:14px; font-weight:600; color:#0f1a2e; background:#fff; cursor:pointer; }
.bb-inv__grid { display:grid; grid-template-columns:1fr; gap:20px; } @media (min-width:560px){ .bb-inv__grid { grid-template-columns:1fr 1fr; } } @media (min-width:1320px){ .bb-inv__grid { grid-template-columns:repeat(3,1fr); } }
.bb-inv__empty { text-align:center; padding:64px 24px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; } .bb-inv__empty svg { width:44px; height:44px; color:#cbd5e1; } .bb-inv__empty h3 { font-size:20px; font-weight:800; color:#0f1a2e; margin:12px 0 4px; } .bb-inv__empty p { color:#4b6290; margin:0; }
.bb-pg { display:flex; justify-content:center; gap:6px; margin-top:40px; flex-wrap:wrap; }
.bb-pg a, .bb-pg span { min-width:40px; text-align:center; padding:10px; border-radius:10px; font-size:14px; font-weight:600; text-decoration:none; color:#4b6290; }
.bb-pg a:hover { background:#eff6ff; color:#1d4ed8; } .bb-pg .on { background:#1d4ed8; color:#fff; } .bb-pg .off { color:#cbd5e1; pointer-events:none; }

/* ═══ Inventory hero (Figma 13:4687) ═══ */
.bb-invhero { background:linear-gradient(150deg,#0f1a2e 0%,#15295e 50%,#1d4ed8 100%); color:#fff; padding:32px 0 40px; }
.bb-invhero__crumb { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; } .bb-invhero__crumb a { color:rgba(255,255,255,.5); text-decoration:none; } .bb-invhero__crumb span { color:rgba(255,255,255,.8); } .bb-invhero__crumb svg { width:14px; height:14px; color:rgba(255,255,255,.4); }
.bb-invhero h1 { font-size:clamp(28px,4vw,36px); font-weight:800; color:#fff; letter-spacing:-.025em; margin-top:20px; }
.bb-invhero__sub { font-size:16px; color:rgba(255,255,255,.6); margin-top:8px; } .bb-invhero__sub b { color:#fff; font-weight:700; }
.bb-invhero__search { display:flex; align-items:center; background:#fff; border-radius:16px; box-shadow:0 25px 50px -12px rgba(0,0,0,.2); margin-top:28px; overflow:hidden; max-width:768px; }
.bb-invhero__search>svg { width:20px; height:20px; color:#4b6290; margin-left:20px; flex:none; }
.bb-invhero__search input { flex:1; min-width:0; border:0; outline:0; padding:16px; font-size:14px; font-weight:600; color:#0f1a2e; background:transparent; } .bb-invhero__search input::placeholder { color:#4b6290; }
.bb-invhero__search button { background:#1d4ed8; color:#fff; border:0; padding:16px 28px; font-size:14px; font-weight:700; cursor:pointer; align-self:stretch; } .bb-invhero__search button:hover { background:#1e40af; }
.bb-invhero__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.bb-invhero__chip { background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 17px; font-size:12px; font-weight:600; color:rgba(255,255,255,.8); text-decoration:none; transition:background .15s; } .bb-invhero__chip:hover { background:rgba(255,255,255,.2); color:#fff; }
.bb-inv { padding-top:24px; }

/* ═══ Inventory results toolbar (Figma 13:3730) ═══ */
.bb-inv__layout--full { grid-template-columns:1fr !important; }
.bb-tb { display:flex; align-items:center; gap:16px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:12px 20px; box-shadow:0 1px 1.5px rgba(0,0,0,.1); margin-bottom:20px; flex-wrap:wrap; }
.bb-tb__hide { display:inline-flex; align-items:center; gap:6px; border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:7px 13px; font-size:14px; font-weight:600; color:#4b6290; background:#fff; cursor:pointer; } .bb-tb__hide svg { width:16px; height:16px; }
.bb-tb__count { flex:1; font-size:14px; font-weight:700; color:#0f1a2e; min-width:120px; } .bb-tb__count span { color:#4b6290; font-weight:600; }
.bb-tb__sort { border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:7px 12px; font-size:14px; font-weight:600; color:#0f1a2e; background:#fff; cursor:pointer; }
.bb-tb__view { display:flex; border:.667px solid rgba(29,78,216,.15); border-radius:10px; overflow:hidden; } .bb-tb__view button { padding:8px; background:#fff; border:0; cursor:pointer; color:#4b6290; display:grid; place-items:center; } .bb-tb__view button svg { width:16px; height:16px; } .bb-tb__view button.on { background:#1d4ed8; color:#fff; }
.bb-inv__grid--list { grid-template-columns:1fr !important; }
.bb-inv__grid--list .bb-ac { flex-direction:row; } .bb-inv__grid--list .bb-ac__img { width:240px; height:auto; flex:none; } @media (max-width:600px){ .bb-inv__grid--list .bb-ac { flex-direction:column; } .bb-inv__grid--list .bb-ac__img { width:100%; height:192px; } }

/* ═══════ LOT / VEHICLE DETAILS (Figma 18:7070) ═══════ */
.bb-lot { padding-top:24px; padding-bottom:64px; }
.bb-lot__crumb { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#4b6290; margin-bottom:20px; flex-wrap:wrap; } .bb-lot__crumb a { color:#4b6290; text-decoration:none; } .bb-lot__crumb span { color:#cbd5e1; } .bb-lot__crumb em { color:#0f1a2e; font-style:normal; }
.bb-lot__grid { display:grid; grid-template-columns:1fr; gap:24px; align-items:start; } @media (min-width:1000px){ .bb-lot__grid { grid-template-columns:1fr 400px; gap:32px; } }
.bb-lot__main { display:flex; flex-direction:column; gap:24px; min-width:0; }
.bb-gal { display:flex; flex-direction:column; gap:12px; }
.bb-gal__stage { position:relative; aspect-ratio:16/10; background:#f1f5f9; border-radius:16px; overflow:hidden; } .bb-gal__stage img { width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
.bb-gal__noimg { width:100%; height:100%; display:grid; place-items:center; color:#cbd5e1; } .bb-gal__noimg svg { width:64px; height:64px; }
.bb-gal__arw { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.9); border:0; display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 14px rgba(15,26,46,.15); color:#0f1a2e; } .bb-gal__arw svg { width:18px; height:18px; } .bb-gal__arw--l { left:12px; } .bb-gal__arw--r { right:12px; }
.bb-gal__count { position:absolute; bottom:12px; right:12px; background:rgba(15,26,46,.7); color:#fff; font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; }
.bb-gal__thumbs { display:flex; gap:8px; overflow-x:auto; padding-bottom:2px; }
.bb-gal__thumb { flex:none; width:88px; height:64px; border-radius:10px; overflow:hidden; border:2px solid transparent; background:#eef2f7; cursor:pointer; padding:0; } .bb-gal__thumb img { width:100%; height:100%; object-fit:cover; } .bb-gal__thumb.is-on { border-color:#1d4ed8; }
.bb-gal__carfax { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#eff6ff; border:.667px solid rgba(29,78,216,.12); border-radius:12px; padding:14px 16px; text-decoration:none; } .bb-gal__carfax>span:first-child { display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:#0f1a2e; } .bb-gal__carfax svg { width:20px; height:20px; color:#1d4ed8; } .bb-gal__carfax-link { font-size:14px; font-weight:700; color:#1d4ed8; white-space:nowrap; }
.bb-lot__card { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:24px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-lot__h2 { font-size:20px; font-weight:800; color:#0f1a2e; margin:0 0 16px; }
.bb-lot__specgrid { display:grid; grid-template-columns:1fr; gap:0; } @media (min-width:520px){ .bb-lot__specgrid { grid-template-columns:1fr 1fr; column-gap:32px; } }
.bb-lot__spec { display:flex; align-items:center; justify-content:space-between; padding:11px 0; border-bottom:.667px solid #f1f5f9; font-size:14px; } .bb-lot__spec .k { color:#4b6290; } .bb-lot__spec .v { color:#0f1a2e; font-weight:700; text-align:right; }
.bb-lot__prose { font-size:15px; line-height:1.7; color:#4b6290; }
.bb-lot__cond { display:flex; gap:16px; align-items:center; margin-bottom:16px; }
.bb-lot__score { flex:none; width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#1d4ed8 calc(var(--pct)*1%),#e5e7eb 0); } .bb-lot__score span { width:50px; height:50px; border-radius:50%; background:#fff; display:grid; place-items:center; font-weight:800; font-size:18px; color:#0f1a2e; }
.bb-lot__cond-lbl { font-size:16px; font-weight:800; color:#0f1a2e; } .bb-lot__cond-desc { font-size:13px; color:#4b6290; margin:4px 0 0; }
.bb-lot__condgrid { display:grid; grid-template-columns:1fr; gap:8px; } @media (min-width:520px){ .bb-lot__condgrid { grid-template-columns:1fr 1fr; } }
.bb-lot__conditem { display:flex; align-items:center; gap:8px; font-size:14px; color:#0f1a2e; padding:8px 0; } .bb-lot__conditem svg { width:22px; height:22px; padding:4px; border-radius:50%; background:#dcfce7; color:#16a34a; flex:none; } .bb-lot__conditem--note svg { background:#fef3c7; color:#b45309; } .bb-lot__conditem--fail svg { background:#fee2e2; color:#dc2626; }
.bb-lot__shipk { font-size:14px; color:#4b6290; margin-bottom:12px; } .bb-lot__shipk b { color:#0f1a2e; }
.bb-lot__shiprow { display:flex; gap:8px; } .bb-lot__shiprow input { flex:1; min-width:0; border:.667px solid rgba(29,78,216,.15); border-radius:10px; padding:10px 12px; font-size:14px; outline:0; } .bb-lot__shiprow input:focus { border-color:#1d4ed8; } .bb-lot__shiprow .bb-btn { flex:none; }
.bb-lot__shipres { display:flex; justify-content:space-between; margin-top:12px; padding:12px; background:#eff6ff; border-radius:10px; font-size:14px; } .bb-lot__shipres span:last-child { font-weight:800; color:#1d4ed8; }
.bb-lot__shiperr { color:#dc2626; font-size:13px; margin:8px 0 0; }
.bb-lot__rules { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.bb-lot__rules li { display:flex; gap:12px; font-size:14px; line-height:1.55; color:#4b6290; } .bb-lot__rules .n { flex:none; width:24px; height:24px; border-radius:50%; background:#eff6ff; color:#1d4ed8; font-size:12px; font-weight:800; display:grid; place-items:center; }
.bb-lot__aside { min-width:0; } @media (min-width:1000px){ .bb-lot__aside { position:sticky; top:84px; } }
.bb-bid { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:20px; padding:24px; box-shadow:0 20px 25px -5px rgba(219,234,254,.5),0 8px 10px -6px rgba(219,234,254,.5); }
.bb-bid__live { display:inline-flex; align-items:center; gap:6px; background:#dcfce7; color:#16a34a; font-size:12px; font-weight:800; border-radius:999px; padding:5px 12px; } .bb-bid__live i { width:6px; height:6px; border-radius:50%; background:#16a34a; }
.bb-bid__live--soon { background:#fef3c7; color:#b45309; } .bb-bid__live--sold { background:#0f1a2e; color:#fff; }
.bb-bid__title { font-size:20px; font-weight:800; color:#0f1a2e; margin:12px 0 0; line-height:1.25; }
.bb-bid__price { margin-top:20px; padding:20px; background:#f8faff; border-radius:14px; }
.bb-bid__k { font-size:12px; font-weight:600; color:#4b6290; } .bb-bid__v { font-size:32px; font-weight:800; color:#1d4ed8; letter-spacing:-.02em; margin-top:2px; }
.bb-bid__meta { display:flex; gap:16px; margin-top:8px; } .bb-bid__meta span { display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; color:#4b6290; } .bb-bid__meta svg { width:14px; height:14px; }
.bb-bid__timer { margin-top:16px; text-align:center; }
.bb-bid__timerk { font-size:12px; font-weight:600; color:#4b6290; margin-bottom:8px; }
.bb-bid__clocks { display:flex; align-items:center; justify-content:center; gap:6px; } .bb-bid__clocks>span { font-size:20px; font-weight:800; color:#cbd5e1; }
.bb-bid__clock { background:#0f1a2e; border-radius:10px; padding:8px 12px; min-width:52px; } .bb-bid__clock b { display:block; font-size:20px; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; } .bb-bid__clock small { font-size:9px; font-weight:600; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.05em; }
.bb-bid__form { margin-top:20px; }
.bb-bid__label { font-size:12px; font-weight:700; color:#0f1a2e; }
.bb-bid__input { display:flex; align-items:center; border:1.5px solid rgba(29,78,216,.15); border-radius:12px; margin-top:8px; overflow:hidden; } .bb-bid__input button { width:44px; align-self:stretch; background:#f8faff; border:0; font-size:20px; color:#1d4ed8; cursor:pointer; } .bb-bid__input .cur { padding-left:12px; color:#4b6290; font-weight:600; } .bb-bid__input input { flex:1; min-width:0; border:0; outline:0; padding:12px 8px; font-size:18px; font-weight:800; color:#0f1a2e; }
.bb-bid__quick { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:12px; } .bb-bid__quick button { border:.667px solid rgba(29,78,216,.15); background:#fff; border-radius:10px; padding:8px 0; font-size:13px; font-weight:700; color:#1d4ed8; cursor:pointer; } .bb-bid__quick button:hover { background:#eff6ff; }
.bb-bid__place { width:100%; margin-top:14px; background:#1d4ed8; color:#fff; border:0; border-radius:14px; padding:16px; font-size:16px; font-weight:800; cursor:pointer; box-shadow:0 10px 7.5px rgba(28,57,142,.2),0 4px 3px rgba(28,57,142,.2); } .bb-bid__place:hover { background:#1e40af; }
.bb-bid__closed { margin-top:20px; background:#f8faff; border:.667px dashed rgba(29,78,216,.2); border-radius:12px; padding:16px; font-size:14px; color:#4b6290; text-align:center; }
.bb-bid__buynow { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding:14px 16px; background:#eff6ff; border-radius:12px; } .bb-bid__buynow span { font-size:13px; font-weight:600; color:#4b6290; } .bb-bid__buynow b { font-size:18px; font-weight:800; color:#1d4ed8; }
.bb-bid__actions { margin-top:14px; }
.bb-bid__trust { display:flex; justify-content:space-between; gap:8px; margin-top:20px; padding-top:16px; border-top:.667px solid #f1f5f9; } .bb-bid__trust span { display:flex; flex-direction:column; align-items:center; gap:4px; font-size:10px; font-weight:600; color:#4b6290; text-align:center; } .bb-bid__trust svg { width:18px; height:18px; color:#1d4ed8; }
.bb-bid__ifwin { margin-top:20px; padding:16px; background:#f8faff; border-radius:12px; }
.bb-bid__ifwin-h { font-size:13px; font-weight:800; color:#0f1a2e; margin-bottom:10px; }
.bb-bid__ifwin-row { display:flex; justify-content:space-between; padding:6px 0; font-size:13px; } .bb-bid__ifwin-row span { color:#4b6290; } .bb-bid__ifwin-row b { color:#0f1a2e; font-weight:700; }
.bb-bid__ifwin-total { display:flex; justify-content:space-between; padding-top:10px; margin-top:4px; border-top:.667px solid rgba(29,78,216,.1); } .bb-bid__ifwin-total span { font-weight:800; color:#0f1a2e; } .bb-bid__ifwin-total b { font-size:18px; font-weight:800; color:#1d4ed8; }
.bb-lot__similar { margin-top:48px; }
.bb-lb[x-cloak] { display:none !important; }
.bb-lb { position:fixed; inset:0; z-index:9999; background:rgba(8,12,20,.94); display:flex; align-items:center; justify-content:center; padding:3rem 1rem; } .bb-lb img { max-width:min(1100px,94vw); max-height:88vh; object-fit:contain; border-radius:8px; }
.bb-lb__x { position:absolute; top:1.1rem; right:1.3rem; width:44px; height:44px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:1.8rem; cursor:pointer; }

/* ═══ lot bid panel — dark navy header refit (Figma 18:7168) ═══ */
.bb-bid { padding:0; overflow:hidden; }
.bb-bid__hdr { background:linear-gradient(135deg,#0f1a2e 0%,#15295e 55%,#1e3a8a 100%); padding:22px 24px; }
.bb-bid__hdr .bb-bid__live { background:transparent; color:#fff; padding:0; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.bb-bid__hdr .bb-bid__live i { background:#4ade80; box-shadow:0 0 0 3px rgba(74,222,128,.25); }
.bb-bid__hdr .bb-bid__live--soon { color:#fbbf24; }
.bb-bid__hdr .bb-bid__live--sold { color:#fff; }
.bb-bid__hdr-main { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:12px; }
.bb-bid__hdr .bb-bid__k { color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.05em; font-size:11px; font-weight:700; }
.bb-bid__hdr .bb-bid__v { color:#fff; font-size:34px; font-weight:800; letter-spacing:-.02em; margin-top:2px; }
.bb-bid__hdr-meta { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; }
.bb-bid__hdr-meta span { font-size:12px; font-weight:600; color:rgba(255,255,255,.7); }
.bb-bid__hdr-meta span:first-child { color:#fff; font-weight:700; }
.bb-bid__body { padding:24px; }
.bb-bid__body>*:first-child { margin-top:0 !important; }
.bb-bid__history { display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding:12px 14px; border:.667px solid rgba(29,78,216,.12); border-radius:12px; text-decoration:none; }
.bb-bid__history span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:#0f1a2e; }
.bb-bid__history>svg { width:16px; height:16px; color:#4b6290; }
.bb-bid__history span svg { width:16px; height:16px; color:#1d4ed8; }
.bb-bid__ifwin { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; margin-top:16px; box-shadow:0 1px 3px rgba(0,0,0,.05); }

/* lot title head */
.bb-lot__head { margin:-8px 0 20px; }
.bb-lot__title { font-size:clamp(24px,3.4vw,32px); font-weight:800; color:#0f1a2e; letter-spacing:-.02em; line-height:1.15; }
.bb-lot__headmeta { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:10px; }
.bb-lot__headmeta span { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:#4b6290; } .bb-lot__headmeta svg { width:16px; height:16px; color:#1d4ed8; }
.bb-lot__headlot { background:#eff6ff; color:#1d4ed8 !important; font-weight:800 !important; padding:3px 10px; border-radius:999px; font-size:12px !important; }

/* ═══════ ABOUT US (Figma 31:11148) ═══════ */
.bb-abhero { position:relative; overflow:hidden; background:linear-gradient(146deg,#0f1a2e 0%,#15295e 50%,#1d4ed8 100%); color:#fff; padding:56px 0 64px; }
.bb-abhero__glow { position:absolute; width:600px; height:600px; right:-200px; top:-300px; background:rgba(29,78,216,.25); filter:blur(64px); border-radius:50%; pointer-events:none; }
.bb-abhero__in { position:relative; display:grid; grid-template-columns:1fr; gap:40px; align-items:center; } @media (min-width:900px){ .bb-abhero__in { grid-template-columns:1.05fr .95fr; } }
.bb-abhero__crumb { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; margin-bottom:20px; } .bb-abhero__crumb a { color:rgba(255,255,255,.5); text-decoration:none; } .bb-abhero__crumb span { color:rgba(255,255,255,.8); } .bb-abhero__crumb svg { width:14px; height:14px; color:rgba(255,255,255,.4); }
.bb-abhero__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:8px 16px; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.85); } .bb-abhero__badge svg { width:14px; height:14px; }
.bb-abhero h1 { font-size:clamp(32px,4.8vw,48px); font-weight:800; letter-spacing:-.025em; line-height:1.1; margin:24px 0 0; color:#fff; } .bb-abhero h1 span { color:#93c5fd; }
.bb-abhero__sub { font-size:18px; line-height:1.62; color:rgba(255,255,255,.65); margin:24px 0 0; max-width:576px; }
.bb-abhero__btns { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.bb-abhero__stats { display:flex; gap:24px; flex-wrap:wrap; margin-top:40px; padding-top:32px; border-top:.667px solid rgba(255,255,255,.15); } .bb-abhero__stats div { display:flex; flex-direction:column; } .bb-abhero__stats b { font-size:24px; font-weight:800; color:#fff; } .bb-abhero__stats small { font-size:12px; font-weight:600; color:rgba(255,255,255,.5); margin-top:2px; }
.bb-abhero__media { position:relative; }
.bb-abhero__img { height:440px; border-radius:24px; box-shadow:0 25px 50px -12px rgba(0,0,0,.4); background:linear-gradient(160deg,#1e3a8a,#2563eb 55%,#60a5fa); position:relative; overflow:hidden; }
.bb-abhero__img::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(15,26,46,.55),transparent 55%); }
.bb-abhero__chip { position:absolute; background:#fff; border-radius:16px; box-shadow:0 20px 12.5px rgba(0,0,0,.1),0 8px 5px rgba(0,0,0,.1); padding:16px 20px; z-index:2; }
.bb-abhero__chip--save { top:-20px; right:16px; display:flex; flex-direction:column; } .bb-abhero__chip--save .k { font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#4b6290; } .bb-abhero__chip--save .v { font-size:24px; font-weight:800; color:#1d4ed8; margin-top:4px; } .bb-abhero__chip--save .s { font-size:12px; color:#4b6290; }
.bb-abhero__chip--ver { bottom:-20px; left:-8px; display:flex; align-items:center; gap:14px; } .bb-abhero__chip--ver .i { width:40px; height:40px; border-radius:12px; background:#f0fdf4; display:grid; place-items:center; flex:none; } .bb-abhero__chip--ver .i svg { width:20px; height:20px; color:#16a34a; } .bb-abhero__chip--ver b { display:block; font-size:14px; font-weight:800; color:#0f1a2e; } .bb-abhero__chip--ver em { font-style:normal; font-size:12px; color:#4b6290; }
/* generic section */
.bb-ab-sec { padding:64px 0; } .bb-ab-sec--alt { background:#f8faff; }
.bb-kicker { display:block; text-align:center; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#1d4ed8; margin-bottom:12px; }
.bb-ab-h2 { text-align:center; font-size:clamp(26px,3.6vw,36px); font-weight:800; color:#0f1a2e; letter-spacing:-.02em; line-height:1.2; margin:0; }
.bb-ab-intro { text-align:center; max-width:640px; margin:16px auto 0; font-size:16px; line-height:1.6; color:#4b6290; }
.bb-ab-lead { font-size:16px; line-height:1.7; color:#4b6290; margin:16px 0 0; }
.bb-ab-quote { margin:24px 0 0; padding:20px 24px; border-left:3px solid #1d4ed8; background:#f8faff; border-radius:0 12px 12px 0; font-size:16px; font-style:italic; color:#0f1a2e; line-height:1.6; } .bb-ab-quote cite { display:block; margin-top:12px; font-style:normal; font-size:13px; font-weight:700; color:#4b6290; }
.bb-ab-checks { display:flex; flex-wrap:wrap; gap:20px; margin-top:24px; } .bb-ab-checks span { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:#0f1a2e; } .bb-ab-checks svg { width:18px; height:18px; padding:3px; border-radius:50%; background:#dcfce7; color:#16a34a; }
/* split */
.bb-ab-split { display:grid; grid-template-columns:1fr; gap:40px; align-items:center; } @media (min-width:900px){ .bb-ab-split { grid-template-columns:1fr 1fr; gap:56px; } }
.bb-ab-split__media { position:relative; }
.bb-ab-mimg { height:400px; border-radius:20px; background:linear-gradient(160deg,#e0ecff,#93c5fd 60%,#1d4ed8); box-shadow:0 20px 40px -16px rgba(29,78,216,.35); }
.bb-ab-sat { position:absolute; right:-12px; bottom:24px; background:#1d4ed8; color:#fff; border-radius:16px; padding:16px 20px; box-shadow:0 16px 30px -8px rgba(29,78,216,.5); text-align:center; } .bb-ab-sat b { display:block; font-size:26px; font-weight:800; } .bb-ab-sat span { font-size:12px; font-weight:600; color:rgba(255,255,255,.8); }
/* card grids */
.bb-ab-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-top:40px; } @media (min-width:640px){ .bb-ab-grid--3, .bb-ab-grid--4 { grid-template-columns:1fr 1fr; } } @media (min-width:960px){ .bb-ab-grid--3 { grid-template-columns:repeat(3,1fr); } .bb-ab-grid--4 { grid-template-columns:repeat(4,1fr); } }
.bb-ab-card { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px 24px; box-shadow:0 1px 3px rgba(0,0,0,.05); transition:transform .15s,box-shadow .15s; } .bb-ab-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px -12px rgba(29,78,216,.25); }
.bb-ab-ic { display:grid; place-items:center; width:52px; height:52px; border-radius:14px; background:#eff6ff; color:#1d4ed8; margin-bottom:16px; } .bb-ab-ic svg { width:24px; height:24px; }
.bb-ab-card h3 { font-size:18px; font-weight:800; color:#0f1a2e; margin:0 0 8px; }
.bb-ab-card p { font-size:14px; line-height:1.6; color:#4b6290; margin:0; }
/* steps */
.bb-ab-steps { display:grid; grid-template-columns:1fr; gap:20px; margin-top:40px; counter-reset:s; } @media (min-width:640px){ .bb-ab-steps { grid-template-columns:1fr 1fr; } } @media (min-width:960px){ .bb-ab-steps { grid-template-columns:repeat(4,1fr); } }
.bb-ab-step { position:relative; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px 24px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-ab-step__n { display:inline-grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#1d4ed8; color:#fff; font-size:16px; font-weight:800; margin-bottom:16px; }
.bb-ab-step h3 { font-size:16px; font-weight:800; color:#0f1a2e; margin:0 0 8px; } .bb-ab-step p { font-size:13px; line-height:1.55; color:#4b6290; margin:0; }
/* numbers band */
.bb-ab-numwrap { padding:0 0 8px; }
.bb-ab-num { position:relative; overflow:hidden; background:linear-gradient(135deg,#1e3a8a,#1d4ed8); border-radius:24px; padding:48px 32px; display:grid; grid-template-columns:1fr 1fr; gap:32px; text-align:center; } @media (min-width:760px){ .bb-ab-num { grid-template-columns:repeat(4,1fr); } }
.bb-ab-num .g { position:absolute; background:rgba(255,255,255,.06); border-radius:50%; pointer-events:none; }
.bb-ab-num div { position:relative; } .bb-ab-num b { display:block; font-size:clamp(30px,4vw,44px); font-weight:800; color:#fff; letter-spacing:-.02em; } .bb-ab-num small { font-size:13px; font-weight:600; color:rgba(255,255,255,.7); margin-top:4px; display:block; }
/* team */
.bb-ab-member { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px 20px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-ab-av { display:inline-grid; place-items:center; width:64px; height:64px; border-radius:50%; color:#fff; font-size:22px; font-weight:800; margin-bottom:14px; }
.bb-ab-av--sm { width:44px; height:44px; font-size:15px; margin:0; }
.bb-ab-member__n { font-size:16px; font-weight:800; color:#0f1a2e; } .bb-ab-member__r { font-size:13px; color:#4b6290; margin-top:2px; }
.bb-ab-online { display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:12px; font-weight:700; color:#16a34a; } .bb-ab-online i { width:7px; height:7px; border-radius:50%; background:#16a34a; }
.bb-ab-talk { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-top:32px; background:#eff6ff; border:.667px solid rgba(29,78,216,.12); border-radius:16px; padding:20px 24px; }
.bb-ab-talk__l { display:flex; align-items:center; gap:14px; } .bb-ab-talk__l svg { width:28px; height:28px; color:#1d4ed8; flex:none; } .bb-ab-talk__l b { display:block; font-size:15px; font-weight:800; color:#0f1a2e; } .bb-ab-talk__l span { font-size:13px; color:#4b6290; }
.bb-ab-talk__b { display:flex; gap:10px; }
/* commitments (dark) */
.bb-ab-commit { padding:64px 0; background:#0f1a2e; color:#fff; }
.bb-ab-commit .bb-ab-h2 { color:#fff; } .bb-ab-commit h2 { color:#fff; font-size:clamp(24px,3.4vw,32px); font-weight:800; letter-spacing:-.02em; line-height:1.2; margin:0; }
.bb-ab-commit__card { background:linear-gradient(150deg,rgba(29,78,216,.25),rgba(15,26,46,.3)); border:.667px solid rgba(255,255,255,.12); border-radius:20px; padding:32px; }
.bb-ab-commit__card p { font-size:15px; line-height:1.65; color:rgba(255,255,255,.7); margin:16px 0 0; }
.bb-ab-commit__badge { display:inline-flex; align-items:center; gap:8px; margin-top:24px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:8px 16px; font-size:13px; font-weight:700; } .bb-ab-commit__badge svg { width:16px; height:16px; color:#93c5fd; }
.bb-ab-commitlist { list-style:none; margin:20px 0 0; padding:0; display:flex; flex-direction:column; gap:16px; }
.bb-ab-commitlist li { display:flex; gap:12px; font-size:15px; line-height:1.5; color:rgba(255,255,255,.85); } .bb-ab-commitlist svg { width:22px; height:22px; padding:4px; border-radius:50%; background:rgba(74,222,128,.15); color:#4ade80; flex:none; }
/* reviews */
.bb-ab-review { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:28px 24px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-ab-stars { display:flex; gap:2px; color:#f59e0b; margin-bottom:14px; } .bb-ab-stars svg { width:18px; height:18px; }
.bb-ab-review p { font-size:15px; line-height:1.65; color:#0f1a2e; margin:0 0 18px; }
.bb-ab-review__by { display:flex; align-items:center; gap:12px; } .bb-ab-review__by b { display:block; font-size:14px; font-weight:800; color:#0f1a2e; } .bb-ab-review__by em { font-style:normal; font-size:12px; color:#4b6290; }

/* ═══════ CONTACT (Figma 36:16640) ═══════ */
.bb-ct-hero { align-items:start; }
.bb-ct-pill { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 14px; font-size:12px; font-weight:700; color:rgba(255,255,255,.85); } .bb-ct-pill svg { width:14px; height:14px; color:#4ade80; }
.bb-ct-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.bb-ct-stat { background:rgba(255,255,255,.08); border:.667px solid rgba(255,255,255,.14); border-radius:16px; padding:20px; } .bb-ct-stat b { display:block; font-size:26px; font-weight:800; color:#fff; } .bb-ct-stat small { font-size:12px; color:rgba(255,255,255,.6); }
.bb-ct-ch { display:flex; flex-direction:column; background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:16px; padding:24px; text-decoration:none; box-shadow:0 1px 3px rgba(0,0,0,.05); transition:transform .15s,box-shadow .15s; position:relative; } .bb-ct-ch:hover { transform:translateY(-3px); box-shadow:0 14px 30px -14px rgba(29,78,216,.3); }
.bb-ct-ch--blue { background:linear-gradient(150deg,#1d4ed8,#1e40af); }
.bb-ct-ch__tag { position:absolute; top:20px; right:20px; font-size:10px; font-weight:800; padding:4px 9px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em; } .bb-ct-ch__tag--g { background:#dcfce7; color:#16a34a; } .bb-ct-ch__tag--b { background:#dbeafe; color:#1d4ed8; } .bb-ct-ch__tag--v { background:#f3e8ff; color:#7c3aed; }
.bb-ct-ch__ic { width:48px; height:48px; border-radius:14px; background:#eff6ff; color:#1d4ed8; display:grid; place-items:center; margin-bottom:16px; } .bb-ct-ch__ic svg { width:22px; height:22px; }
.bb-ct-ch h3 { font-size:18px; font-weight:800; color:#0f1a2e; margin:0 0 8px; } .bb-ct-ch p { font-size:13px; line-height:1.55; color:#4b6290; margin:0 0 18px; flex:1; }
.bb-ct-ch__btn { display:inline-block; text-align:center; background:#1d4ed8; color:#fff; border-radius:10px; padding:10px; font-size:14px; font-weight:700; }
.bb-ct-ch--blue .bb-ct-ch__ic { background:rgba(255,255,255,.15); color:#fff; } .bb-ct-ch--blue h3 { color:#fff; } .bb-ct-ch--blue p { color:rgba(255,255,255,.8); } .bb-ct-ch--blue .bb-ct-ch__btn { background:#fff; color:#1d4ed8; } .bb-ct-ch--blue .bb-ct-ch__tag { background:rgba(255,255,255,.9); color:#16a34a; }
.bb-ct-split { display:grid; grid-template-columns:1fr; gap:24px; align-items:start; } @media (min-width:920px){ .bb-ct-split { grid-template-columns:1.4fr 1fr; } }
.bb-ct-form { background:#0f1a2e; border-radius:20px; padding:28px; }
.bb-ct-form__h { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; color:#fff; margin-bottom:20px; } .bb-ct-form__h svg { width:20px; height:20px; color:#93c5fd; }
.bb-ct-form__body { display:flex; flex-direction:column; gap:16px; }
.bb-ct-row2 { display:grid; grid-template-columns:1fr; gap:16px; } @media (min-width:560px){ .bb-ct-row2 { grid-template-columns:1fr 1fr; } }
.bb-ct-form label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:700; color:rgba(255,255,255,.75); text-transform:uppercase; letter-spacing:.03em; }
.bb-ct-form input, .bb-ct-form textarea { background:rgba(255,255,255,.06); border:.667px solid rgba(255,255,255,.15); border-radius:10px; padding:12px 14px; font-size:14px; color:#fff; outline:0; font-family:inherit; text-transform:none; letter-spacing:0; font-weight:500; } .bb-ct-form input::placeholder, .bb-ct-form textarea::placeholder { color:rgba(255,255,255,.4); } .bb-ct-form input:focus, .bb-ct-form textarea:focus { border-color:#93c5fd; }
.bb-ct-alert { border-radius:10px; padding:12px 14px; font-size:14px; font-weight:600; margin-bottom:16px; } .bb-ct-alert--ok { background:#dcfce7; color:#15803d; } .bb-ct-alert--err { background:#fee2e2; color:#b91c1c; }
.bb-ct-info { background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:20px; padding:28px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-ct-info__h { font-size:16px; font-weight:800; color:#0f1a2e; margin-bottom:18px; }
.bb-ct-info__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.bb-ct-info__list li { display:flex; gap:12px; } .bb-ct-info__list .i { width:38px; height:38px; border-radius:10px; background:#eff6ff; color:#1d4ed8; display:grid; place-items:center; flex:none; } .bb-ct-info__list .i svg { width:18px; height:18px; } .bb-ct-info__list b { display:block; font-size:14px; font-weight:800; color:#0f1a2e; } .bb-ct-info__list em { font-style:normal; font-size:13px; color:#4b6290; } .bb-ct-info__list a { color:#1d4ed8; text-decoration:none; }
.bb-ct-info__urgent { margin-top:20px; background:#fffbeb; border:.667px solid #fde68a; border-radius:12px; padding:14px; font-size:13px; line-height:1.5; color:#92400e; } .bb-ct-info__urgent a { color:#b45309; font-weight:800; }
.bb-ct-teamlink { display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:#1d4ed8; text-decoration:none; }
.bb-ct-trust { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:32px; } @media (min-width:760px){ .bb-ct-trust { grid-template-columns:repeat(4,1fr); } }
.bb-ct-trustitem { text-align:center; } .bb-ct-trustitem span { display:inline-grid; place-items:center; width:52px; height:52px; border-radius:14px; background:#eff6ff; color:#1d4ed8; margin-bottom:12px; } .bb-ct-trustitem svg { width:24px; height:24px; } .bb-ct-trustitem b { display:block; font-size:15px; font-weight:800; color:#0f1a2e; } .bb-ct-trustitem em { font-style:normal; font-size:13px; color:#4b6290; }

/* ═══════ FAQ (Figma 34:13684) ═══════ */
.bb-faq-search { display:flex; align-items:center; gap:12px; max-width:640px; margin:28px auto 0; background:#fff; border-radius:16px; box-shadow:0 25px 50px -12px rgba(0,0,0,.25); padding:0 18px; }
.bb-faq-search svg { width:20px; height:20px; color:#4b6290; flex:none; } .bb-faq-search input { flex:1; border:0; outline:0; padding:16px 0; font-size:15px; color:#0f1a2e; background:transparent; } .bb-faq-search input::placeholder { color:#94a3b8; }
.bb-faq-pills { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:20px; }
.bb-faq-pill { background:rgba(255,255,255,.1); border:.667px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 15px; font-size:12px; font-weight:600; color:rgba(255,255,255,.85); cursor:pointer; } .bb-faq-pill:hover { background:rgba(255,255,255,.2); }
.bb-faq-topics { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:40px; } @media (min-width:640px){ .bb-faq-topics { grid-template-columns:repeat(4,1fr); } }
.bb-faq-topic { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:16px; padding:24px 16px; text-decoration:none; box-shadow:0 1px 3px rgba(0,0,0,.05); transition:transform .15s,box-shadow .15s; } .bb-faq-topic:hover { transform:translateY(-3px); box-shadow:0 12px 26px -14px rgba(29,78,216,.3); }
.bb-faq-topic span { width:48px; height:48px; border-radius:14px; background:#eff6ff; color:#1d4ed8; display:grid; place-items:center; } .bb-faq-topic svg { width:22px; height:22px; } .bb-faq-topic b { font-size:14px; font-weight:800; color:#0f1a2e; } .bb-faq-topic em { font-style:normal; font-size:12px; color:#4b6290; }
.bb-faq-group { margin-bottom:40px; scroll-margin-top:80px; }
.bb-faq-grouphead { display:flex; align-items:center; gap:12px; margin-bottom:16px; } .bb-faq-groupic { width:40px; height:40px; border-radius:12px; background:#1d4ed8; color:#fff; display:grid; place-items:center; flex:none; } .bb-faq-groupic svg { width:20px; height:20px; } .bb-faq-grouphead h3 { font-size:20px; font-weight:800; color:#0f1a2e; margin:0; flex:1; } .bb-faq-grouphead em { font-style:normal; font-size:12px; font-weight:700; color:#94a3b8; }
.bb-faq-acc { display:flex; flex-direction:column; gap:10px; }
.bb-faq-item { background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:12px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.bb-faq-q { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; text-align:left; background:none; border:0; padding:18px 20px; font-size:15px; font-weight:700; color:#0f1a2e; cursor:pointer; } .bb-faq-q svg { width:18px; height:18px; color:#1d4ed8; flex:none; transition:transform .2s; } .bb-faq-item.is-open .bb-faq-q svg { transform:rotate(180deg); }
.bb-faq-a { padding:0 20px 18px; } .bb-faq-a p { margin:0; font-size:14px; line-height:1.65; color:#4b6290; }

/* ═══════ AUTH — login/register (Figma 36:19462) ═══════ */
.bb-auth { padding:48px 0 64px; background:#f8faff; }
.bb-auth__grid { display:grid; grid-template-columns:1fr; gap:40px; align-items:start; } @media (min-width:940px){ .bb-auth__grid { grid-template-columns:1.05fr .95fr; gap:56px; } }
.bb-auth__intro h1 { font-size:clamp(30px,4vw,42px); font-weight:800; color:#0f1a2e; letter-spacing:-.025em; line-height:1.1; margin:20px 0 0; } .bb-auth__intro h1 span { color:#1d4ed8; }
.bb-auth__intro p { font-size:16px; line-height:1.6; color:#4b6290; margin:16px 0 0; max-width:520px; }
.bb-auth__badge { display:inline-flex; align-items:center; gap:8px; background:#eff6ff; border:.667px solid rgba(29,78,216,.15); border-radius:999px; padding:7px 15px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#1d4ed8; } .bb-auth__badge i { width:7px; height:7px; border-radius:50%; background:#16a34a; }
.bb-auth__media { margin-top:28px; } .bb-auth__mimg { height:230px; border-radius:20px; background:linear-gradient(160deg,#1e3a8a,#2563eb 55%,#60a5fa); box-shadow:0 20px 40px -16px rgba(29,78,216,.4); position:relative; overflow:hidden; } .bb-auth__mimg::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(15,26,46,.5),transparent 60%); }
.bb-auth__benefits { display:grid; grid-template-columns:1fr; gap:12px; margin-top:24px; } @media (min-width:560px){ .bb-auth__benefits { grid-template-columns:1fr 1fr; } }
.bb-auth__benefits span { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; color:#0f1a2e; } .bb-auth__benefits svg { width:18px; height:18px; padding:3px; border-radius:50%; background:#dcfce7; color:#16a34a; flex:none; }
.bb-auth__card { background:#fff; border:.667px solid rgba(29,78,216,.1); border-radius:20px; overflow:hidden; box-shadow:0 20px 40px -16px rgba(29,78,216,.2); align-self:start; }
.bb-auth__cardhead { display:flex; align-items:center; gap:12px; background:linear-gradient(135deg,#0f1a2e,#1e3a8a); padding:20px 24px; color:#fff; } .bb-auth__cardhead svg { width:26px; height:26px; color:#93c5fd; flex:none; } .bb-auth__cardhead small { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.55); } .bb-auth__cardhead b { display:block; font-size:16px; font-weight:800; }
.bb-auth__tabs { display:flex; border-bottom:.667px solid rgba(29,78,216,.1); }
.bb-auth__tab { flex:1; text-align:center; padding:14px; font-size:14px; font-weight:700; color:#4b6290; text-decoration:none; cursor:pointer; border-bottom:2px solid transparent; } .bb-auth__tab.is-on { color:#1d4ed8; border-bottom-color:#1d4ed8; }
.bb-auth__body { padding:24px; }
.bb-auth__field { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:700; color:#0f1a2e; text-transform:uppercase; letter-spacing:.03em; margin-bottom:16px; position:relative; }
.bb-auth__field input { border:.667px solid rgba(29,78,216,.18); border-radius:10px; padding:12px 14px; font-size:15px; color:#0f1a2e; outline:0; text-transform:none; letter-spacing:0; font-weight:500; } .bb-auth__field input:focus { border-color:#1d4ed8; }
.bb-auth__forgot { position:absolute; right:0; top:0; font-size:11px; font-weight:700; color:#1d4ed8; text-decoration:none; text-transform:none; letter-spacing:0; }
.bb-auth__err { color:#dc2626; font-size:12px; font-weight:600; margin:-10px 0 14px; }
.bb-auth__remember, .bb-auth__toggle { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; color:#4b6290; cursor:pointer; margin-bottom:16px; } .bb-auth__remember input, .bb-auth__toggle input { width:16px; height:16px; accent-color:#1d4ed8; }
.bb-auth__submit { width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#1d4ed8; color:#fff; border:0; border-radius:12px; padding:14px; font-size:15px; font-weight:800; cursor:pointer; } .bb-auth__submit:hover { background:#1e40af; } .bb-auth__submit svg { width:18px; height:18px; }
.bb-auth__fine { font-size:12px; line-height:1.5; color:#94a3b8; margin:16px 0 0; text-align:center; } .bb-auth__fine a { color:#1d4ed8; text-decoration:none; }
.bb-auth__alt { text-align:center; font-size:14px; color:#4b6290; margin:16px 0 0; } .bb-auth__alt a { color:#1d4ed8; font-weight:700; text-decoration:none; }
.bb-auth [x-cloak] { display:none !important; }

/* ═══════ FOOTER (Figma 12:1443) ═══════ */
.bb-ft { background:#0f1a2e; padding:64px 0 40px; }
.bb-ft__top { display:grid; grid-template-columns:1fr 1fr; gap:40px 24px; } @media (min-width:760px){ .bb-ft__top { grid-template-columns:1.7fr 1fr 1fr 1fr; } }
.bb-ft__brand { grid-column:1 / -1; } @media (min-width:760px){ .bb-ft__brand { grid-column:auto; } }
.bb-ft__logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.bb-ft__mark { width:32px; height:32px; border-radius:10px; background:#1d4ed8; display:grid; place-items:center; color:#fff; } .bb-ft__mark svg { width:18px; height:18px; }
.bb-ft__logo b { font-size:18px; font-weight:800; color:#fff; letter-spacing:-.02em; } .bb-ft__logo b span { color:#93c5fd; }
.bb-ft__tag { font-size:14px; line-height:1.6; color:rgba(255,255,255,.5); margin:16px 0 0; max-width:320px; }
.bb-ft__contact { display:flex; flex-direction:column; gap:8px; margin-top:24px; }
.bb-ft__contact a, .bb-ft__contact span { display:inline-flex; align-items:center; gap:8px; font-size:14px; color:rgba(255,255,255,.5); text-decoration:none; } .bb-ft__contact svg { width:15px; height:15px; flex:none; } .bb-ft__contact a:hover { color:#93c5fd; }
.bb-ft__col h4 { font-size:14px; font-weight:700; color:#fff; margin:0 0 20px; }
.bb-ft__col a { display:block; font-size:14px; color:rgba(255,255,255,.5); text-decoration:none; margin-bottom:12px; } .bb-ft__col a:hover { color:#fff; }
.bb-ft__trust { display:flex; flex-wrap:wrap; gap:16px; margin-top:56px; padding:24px 0; border-top:.667px solid rgba(255,255,255,.1); border-bottom:.667px solid rgba(255,255,255,.1); }
.bb-ft__trust span { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.05); border:.667px solid rgba(255,255,255,.1); border-radius:999px; padding:8px 16px; font-size:12px; font-weight:600; color:rgba(255,255,255,.5); } .bb-ft__trust svg { width:14px; height:14px; }
.bb-ft__bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:40px; }
.bb-ft__bottom>span { font-size:12px; color:rgba(255,255,255,.35); }
.bb-ft__legal { display:flex; flex-wrap:wrap; gap:20px; } .bb-ft__legal a { font-size:12px; color:rgba(255,255,255,.35); text-decoration:none; } .bb-ft__legal a:hover { color:rgba(255,255,255,.7); }

.bb-legacy-nudge { display:none !important; }

/* ═══════ BUYER DASHBOARD (Figma 40:23545) ═══════ */
.bb-dash { background:#f8faff; padding:24px 0 56px; min-height:70vh; }
.bb-dash__grid { display:grid; grid-template-columns:1fr; gap:24px; align-items:start; } @media (min-width:1000px){ .bb-dash__grid { grid-template-columns:260px 1fr; } }
/* sidebar */
.bb-dash__side { display:flex; flex-direction:column; gap:16px; } @media (min-width:1000px){ .bb-dash__side { position:sticky; top:84px; } }
.bb-dash__nav { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:12px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-dash__navlabel { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; padding:8px 12px 6px; }
.bb-dash__navitem { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:10px; text-decoration:none; font-size:14px; font-weight:600; color:#4b6290; } .bb-dash__navitem svg { width:18px; height:18px; flex:none; } .bb-dash__navitem span { flex:1; } .bb-dash__navitem em { font-style:normal; font-size:11px; font-weight:800; background:#eff6ff; color:#1d4ed8; border-radius:999px; padding:2px 8px; } .bb-dash__navitem:hover { background:#f8faff; color:#0f1a2e; }
.bb-dash__navitem.is-on { background:#1d4ed8; color:#fff; } .bb-dash__navitem.is-on em { background:rgba(255,255,255,.2); color:#fff; }
.bb-dash__help { background:linear-gradient(150deg,#1e3a8a,#1d4ed8); border-radius:16px; padding:20px; color:#fff; } .bb-dash__help svg { width:24px; height:24px; color:rgba(255,255,255,.85); } .bb-dash__help b { display:block; font-size:15px; font-weight:800; margin-top:10px; } .bb-dash__help span { display:block; font-size:12px; color:rgba(255,255,255,.7); margin-top:4px; } .bb-dash__help a { display:block; text-align:center; margin-top:14px; background:#fff; color:#1d4ed8; border-radius:10px; padding:9px; font-size:13px; font-weight:700; text-decoration:none; }
.bb-dash__user { display:flex; align-items:center; gap:12px; background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:14px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-dash__av { width:40px; height:40px; border-radius:50%; background:#1d4ed8; color:#fff; display:grid; place-items:center; font-size:14px; font-weight:800; flex:none; }
.bb-dash__user b { display:block; font-size:14px; font-weight:800; color:#0f1a2e; } .bb-dash__user em { font-style:normal; font-size:12px; color:#4b6290; word-break:break-all; }
/* main */
.bb-dash__main { display:flex; flex-direction:column; gap:20px; min-width:0; }
.bb-dash__hello { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.bb-dash__hello h1 { font-size:clamp(22px,3vw,28px); font-weight:800; color:#0f1a2e; letter-spacing:-.02em; margin:0; } .bb-dash__hello p { font-size:14px; color:#4b6290; margin:6px 0 0; } .bb-dash__hello b { color:#1d4ed8; }
/* stat cards */
.bb-dash__stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; } @media (min-width:760px){ .bb-dash__stats { grid-template-columns:repeat(4,1fr); } }
.bb-dash__stat { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-dash__stat .i { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; margin-bottom:12px; } .bb-dash__stat .i svg { width:22px; height:22px; } .i--blue { background:#eff6ff; color:#1d4ed8; } .i--pink { background:#fce7f3; color:#db2777; } .i--green { background:#dcfce7; color:#16a34a; } .i--amber { background:#fef3c7; color:#d97706; }
.bb-dash__stat b { display:block; font-size:28px; font-weight:800; color:#0f1a2e; line-height:1; } .bb-dash__stat small { display:block; font-size:13px; color:#4b6290; margin-top:4px; } .bb-dash__stat em { font-style:normal; display:block; font-size:12px; font-weight:700; margin-top:6px; color:#94a3b8; } .bb-dash__stat em.warn { color:#dc2626; }
/* cards */
.bb-dash__card { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px 24px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-dash__cardhead { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.bb-dash__cardhead h2 { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; color:#0f1a2e; margin:0; } .bb-dash__cardhead h2 svg { width:20px; height:20px; color:#1d4ed8; } .bb-dash__cardhead h2 i { font-style:normal; font-size:12px; font-weight:800; background:#eff6ff; color:#1d4ed8; border-radius:999px; padding:2px 9px; } .bb-dash__cardhead h2 i.red { background:#fee2e2; color:#dc2626; }
.bb-dash__cardhead a { font-size:13px; font-weight:700; color:#1d4ed8; text-decoration:none; white-space:nowrap; }
.bb-dash__rows { display:flex; flex-direction:column; }
.bb-dash__row { display:flex; align-items:center; gap:16px; padding:14px 0; border-top:.667px solid #f1f5f9; text-decoration:none; flex-wrap:wrap; } .bb-dash__row:first-child { border-top:0; }
.bb-dash__thumb { width:72px; height:52px; border-radius:10px; overflow:hidden; background:#eef2f7; display:grid; place-items:center; color:#cbd5e1; flex:none; } .bb-dash__thumb img { width:100%; height:100%; object-fit:cover; } .bb-dash__thumb svg { width:28px; height:28px; }
.bb-dash__rowmain { flex:1; min-width:140px; } .bb-dash__rowmain b { display:block; font-size:15px; font-weight:700; color:#0f1a2e; }
.bb-dash__tag { display:inline-block; margin-top:5px; font-size:11px; font-weight:800; border-radius:999px; padding:3px 10px; } .bb-dash__tag.win { background:#dcfce7; color:#16a34a; } .bb-dash__tag.out { background:#fee2e2; color:#dc2626; }
.bb-dash__rowfig { text-align:right; min-width:88px; } .bb-dash__rowfig small { display:block; font-size:11px; color:#94a3b8; } .bb-dash__rowfig b { font-size:15px; font-weight:800; color:#0f1a2e; } .bb-dash__rowfig b.ok { color:#16a34a; } .bb-dash__rowfig b.bad { color:#dc2626; }
.bb-dash__empty { padding:24px; text-align:center; font-size:14px; color:#4b6290; } .bb-dash__empty a { color:#1d4ed8; font-weight:700; text-decoration:none; }
/* watchlist */
.bb-dash__watchgrid { display:grid; grid-template-columns:1fr; gap:16px; } @media (min-width:560px){ .bb-dash__watchgrid { grid-template-columns:1fr 1fr; } } @media (min-width:960px){ .bb-dash__watchgrid { grid-template-columns:repeat(3,1fr); } }
.bb-dash__watchcard { border:.667px solid rgba(29,78,216,.08); border-radius:14px; overflow:hidden; text-decoration:none; transition:transform .15s,box-shadow .15s; } .bb-dash__watchcard:hover { transform:translateY(-3px); box-shadow:0 12px 26px -14px rgba(29,78,216,.3); }
.bb-dash__watchimg { position:relative; aspect-ratio:16/10; background:#eef2f7; display:grid; place-items:center; color:#cbd5e1; } .bb-dash__watchimg img { width:100%; height:100%; object-fit:cover; } .bb-dash__watchimg svg { width:40px; height:40px; }
.bb-dash__watchimg .live, .bb-dash__watchimg .soon { position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:800; color:#fff; border-radius:999px; padding:4px 10px; } .bb-dash__watchimg .live { background:#16a34a; } .bb-dash__watchimg .live i { width:6px; height:6px; border-radius:50%; background:#fff; } .bb-dash__watchimg .soon { background:#d97706; }
.bb-dash__watchbody { padding:14px; } .bb-dash__watchbody>b { display:block; font-size:14px; font-weight:700; color:#0f1a2e; margin-bottom:10px; }
.bb-dash__watchfoot { display:flex; align-items:center; justify-content:space-between; } .bb-dash__watchfoot small { display:block; font-size:11px; color:#94a3b8; } .bb-dash__watchfoot b { font-size:15px; font-weight:800; color:#1d4ed8; } .bb-dash__bidnow { background:#1d4ed8; color:#fff; font-size:12px; font-weight:700; border-radius:8px; padding:7px 14px; }
/* alerts */
.bb-dash__alerts { display:flex; flex-direction:column; }
.bb-dash__alert { display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-top:.667px solid #f1f5f9; text-decoration:none; } .bb-dash__alert:first-child { border-top:0; }
.bb-dash__alertic { width:36px; height:36px; border-radius:10px; background:#eff6ff; color:#1d4ed8; display:grid; place-items:center; flex:none; } .bb-dash__alertic svg { width:18px; height:18px; }
.bb-dash__alert b { display:block; font-size:14px; font-weight:700; color:#0f1a2e; } .bb-dash__alert em { font-style:normal; display:block; font-size:13px; color:#4b6290; margin-top:2px; } .bb-dash__alert small { display:block; font-size:11px; color:#94a3b8; margin-top:4px; }
.bb-dash__alert .dot { width:8px; height:8px; border-radius:50%; background:#1d4ed8; flex:none; margin-top:6px; }
/* protected */
.bb-dash__protect { background:#fff; border:.667px solid rgba(29,78,216,.08); border-radius:16px; padding:20px 24px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.bb-dash__protectlabel { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin-bottom:14px; }
.bb-dash__protectrow { display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media (min-width:760px){ .bb-dash__protectrow { grid-template-columns:repeat(4,1fr); } }
.bb-dash__protectrow span { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:#4b6290; } .bb-dash__protectrow svg { width:18px; height:18px; color:#16a34a; flex:none; }

/* dashboard sub-pages */
.bb-dash__when { display:block; font-size:12px; color:#94a3b8; margin-top:5px; }
.bb-dash__tag.end { background:#f1f5f9; color:#64748b; }
.bb-dash__alert.is-unread { background:#f8faff; margin-left:-12px; margin-right:-12px; padding-left:12px; padding-right:12px; border-radius:10px; }
.bb-dash__form textarea:focus { border-color:#1d4ed8; }

/* ═══ mobile: hide legacy search bar + BlueBid mobile menu ═══ */
.bb-legacy-msearch { display:none !important; }
.bb-mnav[x-cloak] { display:none !important; }
.bb-mnav { position:fixed; inset:0; z-index:1000; background:#fff; display:flex; flex-direction:column; padding:14px 20px 32px; overflow-y:auto; }
.bb-mnav__head { display:flex; align-items:center; justify-content:space-between; height:48px; margin-bottom:12px; }
.bb-mnav__x { width:40px; height:40px; border-radius:10px; border:1px solid var(--bb-line-2); background:#fff; display:grid; place-items:center; color:var(--bb-ink); cursor:pointer; } .bb-mnav__x svg { width:22px; height:22px; }
.bb-mnav__links { display:flex; flex-direction:column; border-top:.667px solid rgba(29,78,216,.08); }
.bb-mnav__links a { display:flex; align-items:center; justify-content:space-between; padding:16px 4px; font-size:17px; font-weight:700; color:#0f1a2e; text-decoration:none; border-bottom:.667px solid rgba(29,78,216,.08); } .bb-mnav__links a svg { width:18px; height:18px; color:#94a3b8; }
.bb-mnav__cta { display:flex; flex-direction:column; gap:12px; margin-top:24px; } .bb-mnav__cta .bb-btn { width:100%; justify-content:center; }
.bb-mnav--enter { transition:opacity .2s ease, transform .2s ease; } .bb-mnav--start { opacity:0; transform:translateY(-8px); } .bb-mnav--end { opacity:1; transform:translateY(0); }