:root {
  --bg: #f7f9fd;
  --surface: #ffffff;
  --surface-2: #f1f5fb;
  --ink: #132038;
  --text: #40506a;
  --muted: #738098;
  --line: #dfe6f1;
  --primary: #315ff4;
  --primary-2: #6789ff;
  --primary-soft: #edf2ff;
  --green: #149b70;
  --green-soft: #e9f8f2;
  --amber: #c87908;
  --amber-soft: #fff5df;
  --red: #d94658;
  --red-soft: #fff0f2;
  --purple: #7254d6;
  --shadow-sm: 0 4px 16px rgba(22, 42, 82, .07);
  --shadow-md: 0 18px 50px rgba(28, 48, 92, .12);
  --radius: 20px;
  --max: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background-color: var(--bg); background-image: radial-gradient(circle at 8% 8%, rgba(78, 124, 255, .07), transparent 25rem), radial-gradient(circle at 92% 34%, rgba(20, 155, 112, .055), transparent 28rem); background-attachment: fixed; color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Georgian", Arial, sans-serif; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img { max-width: 100%; }
a { color: inherit; }
.no-scroll { overflow: hidden; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 1000; padding: 10px 16px; border-radius: 10px; background: var(--ink); color: #fff; text-decoration: none; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid rgba(49, 95, 244, .32); outline-offset: 2px; }
[hidden] { display: none !important; }

.topbar { position: sticky; top: 0; z-index: 80; height: 72px; display: flex; align-items: center; gap: 26px; padding: 0 max(22px, calc((100vw - var(--max)) / 2)); border-bottom: 1px solid rgba(223, 230, 241, .86); background: rgba(255, 255, 255, .94); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 15px; font-weight: 900; letter-spacing: 2.2px; white-space: nowrap; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--primary), #5f8bff); box-shadow: 0 8px 20px rgba(49, 95, 244, .22); font-size: 16px; font-weight: 900; letter-spacing: 0; }
.brand-mark.large { width: 56px; height: 56px; margin: 0 auto 18px; border-radius: 18px; font-size: 22px; }
.desktop-nav { display: flex; align-items: center; gap: 4px; margin-right: auto; }
.desktop-nav a { padding: 10px 12px; border-radius: 11px; color: var(--text); text-decoration: none; font-size: 12px; font-weight: 750; white-space: nowrap; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--primary); background: var(--primary-soft); }
.top-actions { display: flex; align-items: center; gap: 9px; }
.language-control { min-height: 42px; display: inline-flex; align-items: center; gap: 5px; padding: 0 7px 0 10px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.88); color: var(--primary); box-shadow: 0 4px 14px rgba(31,55,105,.04); }
.language-control span { font-size: 15px; }
.language-control select { width: 48px; min-height: 34px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 9px; font-weight: 850; cursor: pointer; }
.icon-button { width: 42px; height: 42px; position: relative; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--ink); font-size: 20px; }
.notification-dot { position: absolute; right: -5px; top: -5px; min-width: 19px; height: 19px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 20px; background: var(--red); color: #fff; font-size: 9px; }
.account-button { min-width: 170px; display: flex; align-items: center; gap: 9px; padding: 5px 9px 5px 6px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--ink); text-align: left; }
.avatar, .seller-avatar { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--primary-soft); color: var(--primary); font-size: 10px; font-weight: 900; }
.account-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.account-copy b { max-width: 110px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-copy small { color: var(--muted); font-size: 9px; }
.environment-bar { position: relative; z-index: 60; display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 30px; padding: 5px 20px; background: #10213e; color: #fff; font-size: 10px; }
.environment-bar span { padding: 2px 7px; border-radius: 5px; background: rgba(255,255,255,.14); font-weight: 800; }
.environment-bar small { color: #c6d4ef; }

#app { min-height: calc(100vh - 72px); outline: none; }
.page-shell { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.page-pad { padding-top: 56px; padding-bottom: 90px; }
.page-shell.narrow { max-width: 900px; }
.eyebrow { display: inline-flex; align-items: center; gap: 7px; color: var(--primary); font-size: 10px; font-weight: 900; letter-spacing: 1.25px; text-transform: uppercase; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px var(--green-soft); }
h1, h2, h3, p { margin-top: 0; }
.page-intro { margin-bottom: 30px; }
.page-intro h1 { max-width: 820px; margin: 9px 0 8px; font-size: clamp(30px, 4vw, 47px); line-height: 1.08; letter-spacing: -1.4px; }
.page-intro p { max-width: 700px; margin-bottom: 0; color: var(--text); font-size: 14px; }
.page-intro.row, .section-heading.row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.page-intro.row > .button { flex: 0 0 auto; }
.section-heading { margin-bottom: 24px; }
.section-heading.center { max-width: 700px; margin-right: auto; margin-left: auto; text-align: center; }
.section-heading h2 { margin: 8px 0; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.8px; }
.section-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.section-heading a, .panel-title a { color: var(--primary); font-size: 12px; font-weight: 850; text-decoration: none; }

.button { min-height: 44px; display: inline-flex; justify-content: center; align-items: center; gap: 7px; padding: 10px 18px; border: 1px solid transparent; border-radius: 13px; font-size: 12px; font-weight: 850; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity: .58; cursor: wait; transform: none; }
.button.primary { background: linear-gradient(135deg, var(--primary), #4d78ff); color: #fff; box-shadow: 0 9px 20px rgba(49, 95, 244, .18); }
.button.secondary { border-color: var(--line); background: var(--surface); color: var(--ink); }
.button.danger { background: var(--red-soft); color: var(--red); }
.button.white { background: #fff; color: var(--primary); }
.button.small { min-height: 36px; padding: 7px 12px; border-radius: 10px; font-size: 10px; }
.button.full, .text-button.full { width: 100%; }
.text-button { padding: 5px; border: 0; background: transparent; color: var(--primary); font-size: 10px; font-weight: 850; }
.text-button.danger { color: var(--red); }

.hero { min-height: 650px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: center; gap: 70px; padding-top: 64px; padding-bottom: 64px; }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 72px 0 auto; height: 570px; background: radial-gradient(circle at 78% 35%, rgba(91, 137, 255, .14), transparent 28%), radial-gradient(circle at 12% 72%, rgba(27, 177, 131, .08), transparent 26%), linear-gradient(180deg, #fff, #f7f9fd); }
.hero-copy h1 { margin: 19px 0 20px; font-size: clamp(42px, 5.2vw, 70px); line-height: 1.03; letter-spacing: -3px; }
.hero-copy h1 em { color: var(--primary); font-style: normal; }
.hero-copy > p { max-width: 660px; margin-bottom: 28px; color: var(--text); font-size: 16px; line-height: 1.75; }
.hero-search { max-width: 680px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 4px; padding: 6px 6px 6px 13px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: var(--shadow-md); }
.hero-search > span { color: var(--primary); font-size: 22px; }
.hero-search input { min-width: 0; height: 45px; border: 0; outline: 0; color: var(--ink); font-size: 14px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 18px; color: var(--muted); font-size: 10px; font-weight: 750; }
.hero-trust span::first-letter { color: var(--green); }
.hero-visual { position: relative; padding: 24px; border: 1px solid rgba(49,95,244,.12); border-radius: 27px; background: rgba(255,255,255,.92); box-shadow: 0 30px 70px rgba(41, 63, 112, .16); }
.hero-visual::before, .hero-visual::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; }
.hero-visual::before { width: 110px; height: 110px; right: -34px; top: -38px; background: var(--green-soft); }
.hero-visual::after { width: 86px; height: 86px; left: -28px; bottom: -28px; background: var(--amber-soft); }
.visual-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; font-weight: 800; }
.visual-request { display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center; padding: 21px 0; }
.part-symbol { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: var(--primary-soft); color: var(--primary); font-size: 24px; }
.part-symbol.small { width: 40px; height: 40px; border-radius: 13px; font-size: 18px; }
.visual-request div { display: flex; flex-direction: column; }
.visual-request small, .visual-request span { color: var(--muted); font-size: 9px; }
.visual-request b { margin: 3px 0; font-size: 14px; }
.visual-divider { display: flex; align-items: center; gap: 10px; color: var(--green); font-size: 9px; font-weight: 850; }
.visual-divider::before, .visual-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.visual-offer { display: grid; grid-template-columns: 40px 1fr auto; gap: 11px; align-items: center; margin-top: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 15px; }
.visual-offer.best { border-color: rgba(20,155,112,.27); background: var(--green-soft); }
.seller-avatar.purple { color: var(--purple); background: #f0edff; }
.visual-offer div { display: flex; flex-direction: column; }
.visual-offer b { font-size: 11px; }
.visual-offer small { color: var(--muted); font-size: 8px; }
.visual-offer strong { font-size: 14px; }

.home-content { padding-bottom: 80px; }
.campaign { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; margin-bottom: 24px; padding: 17px 20px; border-radius: 17px; background: linear-gradient(135deg, var(--primary), #5f83f5); color: #fff; box-shadow: var(--shadow-sm); }
.campaign.green { background: linear-gradient(135deg, #128961, #22ae83); }
.campaign.amber { background: linear-gradient(135deg, #ae6708, #de962a); }
.campaign-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.16); font-weight: 900; }
.campaign b { font-size: 13px; }
.campaign p { margin: 2px 0 0; color: rgba(255,255,255,.8); font-size: 10px; }
.micro-dashboard { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 0; align-items: center; margin-bottom: 78px; padding: 18px 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow-sm); }
.micro-dashboard > div { display: flex; align-items: center; gap: 11px; padding: 0 18px; border-right: 1px solid var(--line); }
.micro-dashboard > div:first-child { padding-left: 0; }
.metric-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; font-size: 15px; }
.metric-icon.blue { color: var(--primary); background: var(--primary-soft); }
.metric-icon.green { color: var(--green); background: var(--green-soft); }
.metric-icon.amber { color: var(--amber); background: var(--amber-soft); }
.micro-dashboard p { display: flex; flex-direction: column; margin: 0; }
.micro-dashboard strong { font-size: 18px; }
.micro-dashboard small { color: var(--muted); font-size: 9px; }
.micro-dashboard > a { padding-left: 20px; color: var(--primary); font-size: 10px; font-weight: 850; text-decoration: none; }
.section-block { margin-bottom: 78px; }
.how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.how-grid article { position: relative; min-height: 260px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.how-grid article > span { position: absolute; right: 20px; top: 14px; color: #e6ebf4; font-size: 52px; font-weight: 900; }
.how-grid article > i { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 35px; border-radius: 15px; background: var(--primary-soft); color: var(--primary); font-size: 21px; font-style: normal; }
.how-grid article:nth-child(2) > i { color: var(--green); background: var(--green-soft); }
.how-grid article:nth-child(3) > i { color: var(--amber); background: var(--amber-soft); }
.how-grid h3 { margin-bottom: 9px; font-size: 17px; }
.how-grid p { margin-bottom: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.trust-band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--line); }
.trust-band > div { display: grid; grid-template-columns: 42px 1fr; column-gap: 12px; padding: 24px; background: var(--surface); }
.trust-band > div > span { grid-row: 1/3; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; background: var(--green-soft); color: var(--green); font-weight: 900; }
.trust-band b { font-size: 12px; }
.trust-band small { margin-top: 3px; color: var(--muted); font-size: 9px; }

.filter-bar { display: grid; grid-template-columns: minmax(260px, 1fr) 210px 230px; gap: 10px; margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-sm); }
.search-field { min-height: 45px; display: flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.search-field span { color: var(--primary); font-size: 17px; }
.search-field input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); }
.search-field.compact { width: min(340px, 100%); }
.filter-bar select, .admin-status-select { min-height: 45px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); }
.results-head { display: flex; justify-content: space-between; align-items: center; margin: 20px 0 13px; color: var(--muted); font-size: 10px; }
.results-head b { color: var(--ink); font-size: 12px; }
.listing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.listing-card { overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); box-shadow: var(--shadow-sm); transition: transform .18s ease, box-shadow .18s ease; }
.listing-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.listing-photo { height: 176px; position: relative; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg, #eef3fb, #f8fbff); color: #a8b7d0; font-size: 42px; }
.listing-photo img { width: 100%; height: 100%; object-fit: cover; }
.listing-photo small { position: absolute; left: 12px; bottom: 10px; padding: 4px 7px; border-radius: 6px; background: rgba(16,33,62,.72); color: #fff; font-size: 7px; font-weight: 900; letter-spacing: 1px; }
.listing-body { padding: 16px; }
.listing-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; }
.listing-body h3 { min-height: 42px; margin: 12px 0 3px; font-size: 14px; line-height: 1.45; }
.listing-body > p { margin-bottom: 14px; color: var(--muted); font-size: 9px; }
.seller-line { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; margin-bottom: 15px; padding-top: 12px; border-top: 1px solid var(--line); }
.seller-avatar.tiny { width: 28px; height: 28px; border-radius: 9px; font-size: 8px; }
.seller-line > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.seller-line b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.seller-line small { color: var(--green); font-size: 7.5px; }
.listing-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.listing-bottom strong { font-size: 17px; white-space: nowrap; }

.badge { display: inline-flex; align-items: center; width: fit-content; padding: 5px 8px; border-radius: 8px; font-size: 8px; font-weight: 900; white-space: nowrap; }
.badge.info { color: var(--primary); background: var(--primary-soft); }
.badge.success { color: var(--green); background: var(--green-soft); }
.badge.warning { color: var(--amber); background: var(--amber-soft); }
.badge.danger { color: var(--red); background: var(--red-soft); }
.badge.neutral { color: var(--text); background: var(--surface-2); }
.request-list, .order-list { display: grid; gap: 18px; }
.request-card, .order-card, .panel { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.request-head, .order-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.request-head h2, .order-head h2 { margin: 6px 0 3px; font-size: 20px; }
.request-head p, .order-head p { margin: 0; color: var(--muted); font-size: 11px; }
.request-id { color: var(--primary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; font-weight: 900; letter-spacing: .7px; }
.request-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.request-meta span, .order-details span { padding: 6px 9px; border-radius: 9px; background: var(--surface-2); color: var(--text); font-size: 8.5px; }
.request-image { width: 120px; height: 90px; margin-top: 15px; border-radius: 12px; object-fit: cover; }
.request-description { margin: 13px 0 0; color: var(--text); font-size: 11px; }
.offer-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.offer-section-head, .panel-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 14px; }
.offer-section-head > div { display: flex; flex-direction: column; }
.offer-section-head b { font-size: 12px; }
.offer-section-head small { margin-top: 2px; color: var(--muted); font-size: 8.5px; }
.offer-list { display: grid; gap: 10px; }
.offer-card { position: relative; display: grid; grid-template-columns: 82px minmax(0, 1fr) 180px; gap: 15px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 16px; }
.offer-card.best { border-color: rgba(20,155,112,.34); background: linear-gradient(90deg, rgba(233,248,242,.7), #fff 45%); }
.best-label { position: absolute; right: 12px; top: -9px; padding: 3px 8px; border-radius: 7px; background: var(--green); color: #fff; font-size: 7px; font-weight: 900; }
.offer-photo { width: 82px; height: 68px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: var(--surface-2); color: #a8b7d0; font-size: 26px; }
.offer-photo img { width: 100%; height: 100%; object-fit: cover; }
.offer-seller { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.offer-seller > span:last-child { display: flex; flex-direction: column; }
.offer-seller b { font-size: 9px; }
.offer-seller small { color: var(--muted); font-size: 7.5px; }
.offer-main h3 { margin: 0 0 7px; font-size: 13px; }
.offer-main > p { margin: 7px 0 0; color: var(--muted); font-size: 9px; }
.offer-facts { display: flex; flex-wrap: wrap; gap: 5px; }
.offer-facts span { padding: 4px 6px; border-radius: 6px; background: var(--surface-2); color: var(--text); font-size: 7.5px; }
.offer-facts .fit-vin_confirmed { color: var(--green); background: var(--green-soft); font-weight: 850; }
.offer-facts .fit-seller_confirmed { color: var(--primary); background: var(--primary-soft); font-weight: 850; }
.offer-facts .fit-unknown { color: var(--amber); background: var(--amber-soft); }
.offer-price { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.offer-price > small, .offer-price > span { color: var(--muted); font-size: 7.5px; }
.offer-price > strong { margin: 2px 0; font-size: 19px; }
.offer-price > div { display: flex; gap: 6px; margin-top: 9px; }
.waiting-line { display: flex; align-items: center; gap: 9px; padding: 14px; border-radius: 12px; background: var(--surface-2); color: var(--muted); font-size: 9px; }
.waiting-line i { width: 9px; height: 9px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 5px var(--amber-soft); }

.conversation-list { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.conversation-card { width: 100%; display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; padding: 16px 18px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }
.conversation-card:last-child { border-bottom: 0; }
.conversation-card:hover, .conversation-card.unread { background: var(--primary-soft); }
.conversation-copy { min-width: 0; display: flex; flex-direction: column; }
.conversation-copy b { font-size: 11px; }
.conversation-copy small { color: var(--primary); font-size: 8px; }
.conversation-copy p { margin: 4px 0 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-time { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.conversation-time time { color: var(--muted); font-size: 7.5px; }
.conversation-time i { min-width: 18px; height: 18px; display: grid; place-items: center; border-radius: 10px; background: var(--primary); color: #fff; font-size: 7px; font-style: normal; }

.order-seller { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; margin: 18px 0; padding: 13px; border-radius: 13px; background: var(--surface-2); }
.order-seller > div { display: flex; flex-direction: column; }
.order-seller b { font-size: 10px; }
.order-seller small { color: var(--muted); font-size: 8px; }
.order-seller strong { font-size: 17px; }
.order-progress { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); margin: 26px 0 20px; }
.order-progress::before { content: ""; position: absolute; left: 7%; right: 7%; top: 13px; height: 2px; background: var(--line); }
.order-progress span { z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; }
.order-progress i { width: 28px; height: 28px; display: grid; place-items: center; border: 3px solid var(--surface); border-radius: 10px; background: var(--surface-2); color: var(--muted); font-size: 8px; font-style: normal; font-weight: 900; }
.order-progress span.done i { background: var(--green); color: #fff; }
.order-progress small { color: var(--muted); font-size: 7px; }
.order-progress span.done small { color: var(--green); font-weight: 800; }
.order-details { display: flex; flex-wrap: wrap; gap: 7px; }
.agreement-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 18px 0 10px; }
.agreement-details > div { min-height: 62px; display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; border: 1px solid #e4eaf4; border-radius: 13px; background: linear-gradient(145deg, #fbfcff, #f4f7fc); }
.agreement-details small { color: var(--muted); font-size: 7.5px; }
.agreement-details b { margin-top: 2px; font-size: 9px; }
.agreement-details > p { grid-column: 1/-1; margin: 0; padding: 11px 13px; border-left: 3px solid var(--primary-2); border-radius: 0 11px 11px 0; background: var(--primary-soft); color: var(--text); font-size: 9px; }
.contact-strip { display: flex; justify-content: space-between; align-items: center; margin: 10px 0 16px; padding: 10px 13px; border: 1px solid rgba(20,155,112,.15); border-radius: 12px; background: var(--green-soft); color: var(--green); text-decoration: none; }
.contact-strip span { font-size: 8px; font-weight: 800; }
.contact-strip b { font-size: 10px; }
.contact-strip.muted { border-color: var(--line); background: var(--surface-2); color: var(--muted); }
.card-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 15px; }

.kpi-grid { display: grid; gap: 12px; margin-bottom: 24px; }
.kpi-grid.four { grid-template-columns: repeat(4, 1fr); }
.kpi-grid article { display: grid; grid-template-columns: 38px 1fr; gap: 2px 11px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: var(--shadow-sm); }
.kpi-grid article > span { grid-row: 1/4; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--primary-soft); color: var(--primary); font-weight: 900; }
.kpi-grid article small { color: var(--muted); font-size: 8px; }
.kpi-grid article strong { font-size: 21px; line-height: 1.15; }
.kpi-grid article em { color: var(--muted); font-size: 7.5px; font-style: normal; }
.dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); gap: 18px; align-items: start; }
.dashboard-columns.listings-layout { grid-template-columns: minmax(320px, .65fr) minmax(0, 1.35fr); }
.panel { margin-bottom: 18px; }
.panel h2 { margin-bottom: 16px; font-size: 18px; }
.panel-title h2 { margin: 5px 0 0; }
.panel-title > span { color: var(--muted); font-size: 9px; }
.seller-request-row { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.seller-request-row:last-child { border-bottom: 0; }
.seller-request-row h3 { margin: 3px 0; font-size: 12px; }
.seller-request-row p { margin: 0; color: var(--muted); font-size: 8px; }
.row-side { display: flex; align-items: center; gap: 12px; }
.row-side > span { color: var(--muted); font-size: 8px; }
.profile-score { display: flex; align-items: center; gap: 12px; margin: 18px 0; padding: 15px; border-radius: 14px; background: var(--amber-soft); }
.profile-score strong { color: var(--amber); font-size: 30px; }
.profile-score span { font-size: 10px; font-weight: 800; }
.profile-score small { color: var(--muted); font-weight: 500; }
.check-list { display: grid; gap: 9px; margin: 0 0 20px; padding: 0; list-style: none; }
.check-list li { color: var(--muted); font-size: 9px; }
.check-list li::before { content: "○"; display: inline-block; width: 18px; }
.check-list li.done { color: var(--green); }
.check-list li.done::before { content: "✓"; }
.request-feed { overflow: hidden; padding: 0 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.offer-management { display: grid; gap: 10px; }
.offer-management article { display: grid; grid-template-columns: 1fr auto auto auto; gap: 16px; align-items: center; padding: 17px 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.offer-management h3 { margin: 3px 0; font-size: 12px; }
.offer-management p { margin: 0; color: var(--muted); font-size: 8px; }
.offer-management > article > strong { font-size: 16px; }
.seller-listings { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }

form label, .stack-form label { display: flex; flex-direction: column; gap: 6px; color: var(--text); font-size: 9px; font-weight: 800; }
input, select, textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; outline: none; background: var(--surface); color: var(--ink); font-size: 11px; }
textarea { min-height: 86px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.stack-form { display: grid; gap: 14px; }
.form-grid { display: grid; gap: 12px; }
.form-grid.two { grid-template-columns: repeat(2, 1fr); }
.form-grid.three { grid-template-columns: repeat(3, 1fr); }
.span-2 { grid-column: span 2; }
fieldset { padding: 15px; border: 1px solid var(--line); border-radius: 14px; }
legend { padding: 0 6px; color: var(--ink); font-size: 10px; font-weight: 850; }
.choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.choice-grid.horizontal { grid-template-columns: repeat(3, 1fr); }
.choice-grid label { flex-direction: row; align-items: center; gap: 6px; font-size: 8px; font-weight: 650; }
.choice-grid input { width: 16px; min-height: 16px; margin: 0; }

.admin-shell { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 26px; align-items: start; }
.admin-sidebar { position: sticky; top: 116px; display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: #14223b; box-shadow: var(--shadow-md); }
.admin-label { padding: 9px 10px 13px; color: #8fa3c8; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.admin-sidebar a { display: flex; align-items: center; gap: 9px; padding: 10px 11px; border-radius: 10px; color: #cbd6ea; font-size: 9px; font-weight: 750; text-decoration: none; }
.admin-sidebar a span { width: 20px; color: #90a6cc; text-align: center; }
.admin-sidebar a:hover, .admin-sidebar a.active { background: #263957; color: #fff; }
.admin-sidebar a.active span { color: #7fa2ff; }
.admin-content { min-width: 0; }
.admin-kpis { grid-template-columns: repeat(5, 1fr); }
.admin-kpis article.attention > span { color: var(--red); background: var(--red-soft); }
.admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.admin-grid .span-2 { grid-column: span 2; }
.legend { display: flex; gap: 12px; color: var(--muted); font-size: 8px; }
.legend span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 2px; }
.legend .blue::before { background: var(--primary); }
.legend .green::before { background: var(--green); }
.bar-chart { height: 210px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; align-items: end; padding-top: 12px; }
.bar-group { height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 7px; text-align: center; }
.bar-group > div { display: flex; justify-content: center; align-items: end; gap: 4px; }
.bar { width: 12px; min-height: 4px; display: block; border-radius: 5px 5px 2px 2px; }
.bar.blue { background: linear-gradient(var(--primary-2), var(--primary)); }
.bar.green { background: linear-gradient(#5dc9a5, var(--green)); }
.bar.h-0 { height: 4%; } .bar.h-1 { height: 10%; } .bar.h-2 { height: 20%; } .bar.h-3 { height: 30%; } .bar.h-4 { height: 40%; } .bar.h-5 { height: 50%; } .bar.h-6 { height: 60%; } .bar.h-7 { height: 70%; } .bar.h-8 { height: 80%; } .bar.h-9 { height: 90%; } .bar.h-10 { height: 100%; }
.bar-group small { color: var(--muted); font-size: 7px; }
.funnel { display: grid; gap: 8px; }
.funnel div { display: flex; justify-content: space-between; padding: 11px 13px; border-radius: 10px; background: var(--primary-soft); color: var(--text); font-size: 9px; }
.funnel div:nth-child(2) { margin: 0 8px; background: #eef7ff; }
.funnel div:nth-child(3) { margin: 0 16px; background: var(--green-soft); }
.funnel div:nth-child(4) { margin: 0 24px; background: var(--amber-soft); }
.compact-table { display: grid; }
.compact-table > div { display: grid; grid-template-columns: 100px 1.4fr 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 9px; }
.compact-table > div:last-child { border-bottom: 0; }
.audit-mini { display: grid; }
.audit-mini p { display: grid; grid-template-columns: auto 1fr auto; gap: 7px; margin: 0; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 8px; }
.audit-mini p:last-child { border-bottom: 0; }
.audit-mini span { color: var(--primary); }
.audit-mini small { color: var(--muted); }
.table-panel { padding: 0; overflow: hidden; }
.table-panel > .panel-title { padding: 20px 22px 0; }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 9px; }
th { padding: 11px 14px; background: var(--surface-2); color: var(--muted); font-size: 7px; letter-spacing: .5px; text-align: left; text-transform: uppercase; white-space: nowrap; }
td { padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--text); vertical-align: middle; }
td b { color: var(--ink); }
td > small, td b + small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }
.table-user { display: flex; align-items: center; gap: 8px; }
.table-user > span:last-child { display: flex; flex-direction: column; }
.table-actions { display: flex; gap: 4px; }
.admin-status-select { min-width: 140px; min-height: 34px; padding: 5px 8px; font-size: 8px; }
code { color: var(--muted); font-size: 7px; white-space: pre-wrap; }
.service-admin-list { display: grid; }
.service-admin-list article { display: grid; grid-template-columns: 80px 1fr 100px 42px; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.service-admin-list article:last-child { border-bottom: 0; }
.service-code { width: fit-content; padding: 5px 7px; border-radius: 7px; background: var(--surface-2); color: var(--primary); font-family: ui-monospace, monospace; font-size: 7px; font-weight: 900; }
.service-admin-list b { font-size: 11px; }
.service-admin-list p { margin: 3px 0; color: var(--muted); font-size: 8px; }
.service-admin-list small { color: var(--primary); font-size: 7px; }
.service-admin-list label { font-size: 7px; }
.service-admin-list input { min-height: 36px; }
.toggle { width: 42px; height: 24px; position: relative; padding: 0; border: 0; border-radius: 20px; background: #cdd6e5; }
.toggle i { width: 18px; height: 18px; position: absolute; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: left .18s ease; }
.toggle.on { background: var(--green); }
.toggle.on i { left: 21px; }
.promo-admin-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.promo-admin-card { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, #fff, var(--primary-soft)); }
.promo-admin-card.inactive { opacity: .58; background: var(--surface-2); }
.promo-admin-card > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.promo-code { padding: 5px 8px; border: 1px dashed var(--primary); border-radius: 7px; color: var(--primary); font-family: ui-monospace, monospace; font-size: 9px; font-weight: 900; letter-spacing: .5px; }
.promo-admin-card h3 { margin: 12px 0 2px; font-size: 11px; }
.promo-admin-card strong { font-size: 22px; }
.promo-admin-card p { margin: 5px 0; color: var(--muted); font-size: 8px; }
.campaign-title { margin-top: 25px; }
.campaign-admin-list article { display: grid; grid-template-columns: 38px 1fr auto auto; gap: 11px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.campaign-admin-list article:last-child { border-bottom: 0; }
.campaign-admin-list b { font-size: 10px; }
.campaign-admin-list p { margin: 2px 0; color: var(--muted); font-size: 8px; }
.campaign-admin-list small { color: var(--primary); font-size: 7px; }
.review-admin-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.review-admin-list article { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; }
.review-admin-list .stars { color: var(--amber); letter-spacing: 2px; }
.review-admin-list p { grid-column: 1/-1; margin: 0; color: var(--text); font-size: 10px; }
.review-admin-list small { color: var(--muted); font-size: 7px; }
.review-admin-list > article > div:last-child { grid-column: 1/-1; display: flex; justify-content: flex-end; gap: 7px; }
.settings-panel { max-width: 780px; }
.subscription-banner { position: relative; display: grid; grid-template-columns: 46px 1fr auto; gap: 14px; align-items: center; margin-bottom: 24px; padding: 18px 20px; overflow: hidden; border: 1px solid rgba(49,95,244,.16); border-radius: 19px; background: linear-gradient(125deg, rgba(255,255,255,.98), rgba(237,242,255,.96)); box-shadow: var(--shadow-sm); }
.subscription-banner::after { content: ""; position: absolute; right: 9%; bottom: -70px; width: 150px; height: 150px; border-radius: 50%; background: rgba(103,137,255,.09); pointer-events: none; }
.subscription-banner.warning { border-color: rgba(200,121,8,.2); background: linear-gradient(125deg, #fff, var(--amber-soft)); }
.subscription-symbol { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: #fff; color: var(--primary); box-shadow: 0 8px 20px rgba(49,95,244,.11); font-size: 20px; }
.subscription-banner b { font-size: 12px; }
.subscription-banner p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.subscription-banner .button { position: relative; z-index: 1; }
.plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.plan-card { position: relative; min-height: 340px; display: flex; flex-direction: column; padding: 25px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.92); box-shadow: var(--shadow-sm); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.plan-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--primary), #7ca4ff, #55c6a3); opacity: 0; }
.plan-card.current { border-color: rgba(49,95,244,.32); box-shadow: 0 18px 46px rgba(49,95,244,.1); }
.plan-card.current::before { opacity: 1; }
.plan-card > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.plan-card > div > span { color: var(--text); font-size: 11px; font-weight: 850; }
.plan-card > strong { margin: 22px 0; font-size: 31px; letter-spacing: -1px; }
.plan-card > strong small { margin-left: 4px; color: var(--muted); font-size: 9px; font-weight: 650; letter-spacing: 0; }
.plan-card ul { display: grid; gap: 10px; flex: 1; margin: 0 0 24px; padding: 0; list-style: none; color: var(--text); font-size: 9px; }
.plan-card li::first-letter { color: var(--green); }
.subscription-note { max-width: 760px; border-color: rgba(20,155,112,.15); background: linear-gradient(145deg, #fff, #f3fbf8); }
.subscription-note b { font-size: 12px; }
.subscription-note p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.admin-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.admin-plan-card { display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, #fff, #f8faff); }
.admin-plan-card.inactive { opacity: .58; }
.admin-plan-card > div { display: flex; justify-content: space-between; gap: 8px; }
.admin-plan-card h3 { margin: 14px 0 10px; font-size: 14px; }
.admin-plan-card label { color: var(--muted); font-size: 8px; }
.admin-plan-card input { min-height: 38px; }
.admin-plan-card ul { min-height: 66px; margin: 12px 0; padding-left: 17px; color: var(--text); font-size: 8px; }
.admin-plan-card .text-button { align-self: flex-start; }
.setting-callout { margin: 4px 0 18px; padding: 16px 18px; border: 1px solid rgba(49,95,244,.13); border-radius: 15px; background: var(--primary-soft); }
.setting-callout b { font-size: 11px; }
.setting-callout p { margin: 4px 0 0; color: var(--text); font-size: 9px; }

@media (hover: hover) and (pointer: fine) {
  .request-card, .order-card, .listing-card, .panel, .how-grid article { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
  .request-card:hover, .order-card:hover, .listing-card:hover, .how-grid article:hover { transform: translateY(-3px); border-color: rgba(49,95,244,.18); box-shadow: 0 18px 42px rgba(28,48,92,.1); }
  .plan-card:hover { transform: translateY(-5px); border-color: rgba(49,95,244,.25); box-shadow: 0 22px 50px rgba(28,48,92,.12); }
  .contact-strip:hover { border-color: rgba(20,155,112,.3); }
}

/* The app re-renders live data (messages, counters and orders). A global
   enter animation made those updates look like a page refresh, especially
   inside the chat workspace, so only the initial loading state may animate. */
#app > .loading-screen { animation: loading-enter .16s ease both; }
@keyframes loading-enter { from { opacity: 0; } }
.setting-callout { padding: 15px; border-left: 3px solid var(--green); border-radius: 0 12px 12px 0; background: var(--green-soft); }
.setting-callout b { font-size: 10px; }
.setting-callout p { margin: 4px 0 0; color: var(--text); font-size: 8px; }
.panel hr { height: 1px; margin: 24px 0; border: 0; background: var(--line); }

.empty-state { min-height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; text-align: center; }
.empty-state > span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 17px; background: var(--primary-soft); color: var(--primary); font-size: 25px; }
.empty-state h3 { margin-bottom: 6px; font-size: 15px; }
.empty-state p { max-width: 430px; margin-bottom: 17px; color: var(--muted); font-size: 10px; }
.loading-screen, .fatal-state { min-height: 70vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; text-align: center; }
.loader-mark, .fatal-state > span { width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 19px; background: linear-gradient(145deg, var(--primary), #5e87ff); color: #fff; box-shadow: 0 16px 35px rgba(49,95,244,.22); font-size: 24px; font-weight: 900; animation: pulse 1.5s ease-in-out infinite; }
.loading-screen h1, .fatal-state h1 { margin-bottom: 6px; font-size: 24px; }
.loading-screen p, .fatal-state p { color: var(--muted); font-size: 11px; }
@keyframes pulse { 50% { transform: scale(1.04); box-shadow: 0 20px 42px rgba(49,95,244,.3); } }

.side-panel { width: min(410px, 100%); position: fixed; z-index: 150; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; padding: 22px; transform: translateX(105%); border-left: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-md); transition: transform .22s ease; }
.side-panel.open { transform: translateX(0); }
.panel-head, .modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 18px; }
.panel-head h2, .modal-head h2 { margin: 5px 0 0; font-size: 21px; }
.notification-list { flex: 1; overflow-y: auto; }
.notification-item { display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.notification-item.unread { padding-right: 8px; padding-left: 8px; border-radius: 12px; background: var(--primary-soft); }
.notification-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-2); color: var(--primary); }
.notification-item > span:last-child { display: flex; flex-direction: column; }
.notification-item b { font-size: 10px; }
.notification-item small { color: var(--muted); font-size: 8px; }
.notification-item time { margin-top: 4px; color: #a2adbe; font-size: 7px; }
.scrim { position: fixed; z-index: 120; inset: 0; background: rgba(9, 19, 36, .48); backdrop-filter: blur(3px); }
.modal { position: fixed; z-index: 140; inset: 0; display: none; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; }
.modal.open { display: flex; }
.modal-card { width: min(580px, 100%); max-height: calc(100vh - 40px); padding: 25px; overflow-y: auto; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: 0 34px 90px rgba(9, 25, 53, .28); }
.modal-card.modal-wide { width: min(820px, 100%); }
.auth-card { width: min(440px, 100%); text-align: center; }
.auth-card > p { margin-bottom: 22px; color: var(--muted); font-size: 10px; }
.auth-card form { display: grid; gap: 13px; text-align: left; }
.step-indicator { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 23px; }
.step-indicator span { padding: 9px; border-radius: 9px; background: var(--surface-2); color: var(--muted); font-size: 8px; font-weight: 850; text-align: center; }
.step-indicator span.active { background: var(--primary-soft); color: var(--primary); }
.form-step { display: none; }
.form-step.active { display: block; }
.form-actions { display: flex; gap: 9px; margin-top: 22px; }
.form-actions.end { justify-content: flex-end; }
.form-actions .button.primary { margin-left: auto; }
.upload-zone { min-height: 105px; display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; margin-top: 13px; padding: 15px; border: 1px dashed #bdc9dc; border-radius: 14px; background: var(--surface-2); cursor: pointer; }
.upload-zone.compact { min-height: 84px; }
.upload-zone .upload-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--surface); color: var(--primary); font-size: 20px; }
.upload-zone > span:nth-child(3) { display: flex; flex-direction: column; }
.upload-zone b { font-size: 10px; }
.upload-zone small { color: var(--muted); font-size: 8px; }
.upload-zone img { width: 80px; height: 65px; border-radius: 9px; object-fit: cover; }
.summary-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }
.summary-box > div { display: flex; flex-direction: column; padding: 12px; border-radius: 11px; background: var(--surface-2); }
.summary-box small { color: var(--muted); font-size: 7px; }
.summary-box b { margin-top: 3px; font-size: 9px; }
.consent-line { flex-direction: row; align-items: center; gap: 8px; margin-top: 15px; font-weight: 600; }
.consent-line input { width: 16px; min-height: 16px; }
.context-card { display: grid; grid-template-columns: 40px 1fr; gap: 11px; align-items: center; margin-bottom: 17px; padding: 13px; border-radius: 13px; background: var(--primary-soft); }
.context-card div { display: flex; flex-direction: column; }
.context-card b { font-size: 11px; }
.context-card small { color: var(--muted); font-size: 8px; }
.promo-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 12px; }
.form-note { min-height: 18px; margin: 5px 0; color: var(--muted); font-size: 8px; }
.form-note.success { color: var(--green); }
.form-note.error { color: var(--red); }
.checkout-offer { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; margin-bottom: 16px; padding: 13px; border-radius: 13px; background: var(--surface-2); }
.checkout-offer > div { display: flex; flex-direction: column; }
.checkout-offer b { font-size: 10px; }
.checkout-offer small { color: var(--muted); font-size: 8px; }
.checkout-offer strong { font-size: 16px; }
#checkout-form { display: grid; gap: 12px; }
.checkout-total { padding: 13px; border: 1px solid var(--line); border-radius: 12px; }
.checkout-total p { display: flex; justify-content: space-between; margin: 0 0 7px; color: var(--muted); font-size: 9px; }
.checkout-total p:last-child { margin-bottom: 0; }
.checkout-total p.discount { color: var(--green); }
.checkout-total p.total { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); color: var(--ink); font-size: 12px; }
.chat-modal-card { width: min(690px, 100%); height: min(760px, calc(100vh - 40px)); display: flex; flex-direction: column; }
.chat-context { display: flex; justify-content: space-between; gap: 12px; padding: 11px 13px; border-radius: 12px; background: var(--surface-2); }
.chat-context div { display: flex; flex-direction: column; }
.chat-context b { font-size: 10px; }
.chat-context small { color: var(--muted); font-size: 8px; }
.chat-log { flex: 1; display: flex; flex-direction: column; gap: 8px; margin: 14px 0; padding: 10px 3px; overflow-y: auto; }
.chat-message { max-width: 78%; padding: 10px 12px; border-radius: 13px; background: var(--surface-2); }
.chat-message.mine { align-self: flex-end; border-bottom-right-radius: 4px; background: var(--primary); color: #fff; }
.chat-message.theirs { align-self: flex-start; border-bottom-left-radius: 4px; }
.chat-message.system { max-width: 90%; align-self: center; padding: 7px 11px; background: var(--green-soft); color: var(--green); text-align: center; }
.chat-message p { margin: 0; font-size: 10px; }
.chat-message small { display: block; margin-bottom: 3px; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.chat-message time { display: block; margin-top: 4px; opacity: .68; font-size: 6.5px; text-align: right; }
.chat-message img { max-width: 220px; margin-top: 6px; border-radius: 9px; }
.chat-loading { margin: auto; color: var(--muted); font-size: 9px; }
.chat-composer { display: grid; grid-template-columns: 1fr auto; gap: 8px; }

.toast-stack { position: fixed; z-index: 300; right: 18px; bottom: 18px; display: grid; gap: 8px; }
.toast { max-width: 360px; padding: 12px 15px; border: 1px solid rgba(20,155,112,.18); border-radius: 12px; background: var(--green-soft); color: #0d6c4e; box-shadow: var(--shadow-md); font-size: 9px; font-weight: 800; animation: toast-in .2s ease; }
.toast.danger { border-color: rgba(217,70,88,.2); background: var(--red-soft); color: var(--red); }
.toast.warning { border-color: rgba(200,121,8,.2); background: var(--amber-soft); color: var(--amber); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
.mobile-nav { display: none; }

@media (max-width: 1120px) {
  .desktop-nav a { padding: 9px 8px; font-size: 10px; }
  .account-button { min-width: auto; }
  .account-copy { display: none; }
  .hero { grid-template-columns: 1fr .88fr; gap: 35px; }
  .hero-copy h1 { font-size: 52px; }
  .listing-grid { grid-template-columns: repeat(3, 1fr); }
  .admin-kpis { grid-template-columns: repeat(3, 1fr); }
  .admin-plan-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .topbar { height: 64px; padding: 0 18px; }
  .desktop-nav { display: none; }
  .top-actions { margin-left: auto; }
  .environment-bar { margin-top: 0; }
  #app { min-height: calc(100vh - 64px); }
  .page-shell { width: min(100% - 28px, var(--max)); }
  .page-pad { padding-top: 34px; padding-bottom: 100px; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 45px; padding-bottom: 45px; }
  .hero::before { inset: 64px 0 auto; }
  .hero-copy { text-align: center; }
  .hero-copy > p, .hero-search { margin-right: auto; margin-left: auto; }
  .hero-trust { justify-content: center; }
  .hero-visual { max-width: 600px; width: 100%; margin: 0 auto; }
  .micro-dashboard { grid-template-columns: repeat(3, 1fr); }
  .micro-dashboard > a { grid-column: 1/-1; padding: 16px 0 0; text-align: center; }
  .listing-grid { grid-template-columns: repeat(2, 1fr); }
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .filter-bar .search-field { grid-column: 1/-1; }
  .offer-card { grid-template-columns: 72px 1fr; }
  .offer-price { grid-column: 2; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
  .offer-price > small { display: none; }
  .offer-price > div { margin-top: 0; }
  .dashboard-columns, .dashboard-columns.listings-layout { grid-template-columns: 1fr; }
  .kpi-grid.four { grid-template-columns: repeat(2, 1fr); }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; display: flex; overflow-x: auto; }
  .admin-label { display: none; }
  .admin-sidebar a { flex: 0 0 auto; }
  .admin-grid { grid-template-columns: 1fr; }
  .admin-grid .span-2 { grid-column: auto; }
  .admin-kpis { grid-template-columns: repeat(2, 1fr); }
  .plan-grid { grid-template-columns: 1fr; max-width: 620px; }
  .plan-card { min-height: 0; }
  .mobile-nav { position: fixed; z-index: 90; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); height: 66px; display: grid; grid-template-columns: repeat(5, 1fr); padding: 5px; border: 1px solid rgba(223,230,241,.9); border-radius: 20px; background: rgba(255,255,255,.95); box-shadow: 0 14px 40px rgba(26,43,79,.19); backdrop-filter: blur(18px); }
  .mobile-nav a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; border-radius: 14px; color: var(--muted); text-decoration: none; }
  .mobile-nav a span { font-size: 16px; }
  .mobile-nav a small { font-size: 6.5px; font-weight: 800; }
  .mobile-nav a.active { background: var(--primary-soft); color: var(--primary); }
}

@media (max-width: 620px) {
  .brand { font-size: 13px; }
  .brand-mark { width: 34px; height: 34px; }
  .topbar .icon-button { width: 38px; height: 38px; }
  .language-control { min-height: 38px; padding-left: 7px; }
  .language-control span { display: none; }
  .language-control select { width: 42px; }
  .account-button { min-width: 38px; padding: 2px; border: 0; }
  .account-button > span:last-child { display: none; }
  .hero { gap: 28px; padding-top: 34px; }
  .hero-copy h1 { margin-top: 15px; font-size: 39px; letter-spacing: -2px; }
  .hero-copy > p { font-size: 13px; line-height: 1.65; }
  .hero-search { grid-template-columns: 26px 1fr; padding: 7px 9px; }
  .hero-search .button { grid-column: 1/-1; width: 100%; }
  .hero-trust { gap: 8px; font-size: 8px; }
  .hero-visual { padding: 16px; border-radius: 21px; }
  .visual-offer { grid-template-columns: 34px 1fr; }
  .visual-offer > strong { grid-column: 2; }
  .campaign { grid-template-columns: 38px 1fr; }
  .campaign .button { grid-column: 1/-1; }
  .micro-dashboard { grid-template-columns: 1fr; padding: 6px 18px; }
  .micro-dashboard > div { padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .how-grid, .trust-band { grid-template-columns: 1fr; }
  .how-grid article { min-height: 220px; }
  .listing-grid, .seller-listings { grid-template-columns: 1fr; }
  .listing-photo { height: 210px; }
  .page-intro.row, .section-heading.row { align-items: flex-start; flex-direction: column; }
  .page-intro h1 { font-size: 31px; }
  .filter-bar { grid-template-columns: 1fr; }
  .filter-bar .search-field { grid-column: auto; }
  .request-card, .order-card, .panel { padding: 18px; }
  .request-head, .order-head { flex-direction: column; gap: 9px; }
  .offer-card { grid-template-columns: 1fr; }
  .offer-photo { width: 100%; height: 160px; }
  .offer-price { grid-column: auto; justify-content: space-between; align-items: center; text-align: left; }
  .offer-price > div { width: 100%; }
  .offer-price .button { flex: 1; }
  .order-progress { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .order-progress::before { display: none; }
  .agreement-details { grid-template-columns: 1fr 1fr; }
  .seller-request-row { grid-template-columns: 40px 1fr; }
  .row-side { grid-column: 1/-1; justify-content: flex-end; }
  .offer-management article { grid-template-columns: 1fr auto; }
  .offer-management article .button { grid-column: 1/-1; }
  .kpi-grid.four, .admin-kpis { grid-template-columns: 1fr; }
  .admin-sidebar { margin-right: -14px; margin-left: -14px; border-radius: 0; }
  .admin-content .page-intro { margin-bottom: 22px; }
  .promo-admin-grid, .review-admin-list { grid-template-columns: 1fr; }
  .service-admin-list article { grid-template-columns: 1fr auto; }
  .service-admin-list article > div { grid-column: 1/-1; }
  .service-admin-list article > label { grid-column: 1; }
  .subscription-banner { grid-template-columns: 40px 1fr; padding: 15px; }
  .subscription-banner .button { grid-column: 1/-1; }
  .admin-plan-grid { grid-template-columns: 1fr; }
  .campaign-admin-list article { grid-template-columns: 38px 1fr; }
  .campaign-admin-list .badge, .campaign-admin-list .text-button { grid-column: 2; }
  .form-grid.two, .form-grid.three, .summary-box { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .choice-grid, .choice-grid.horizontal { grid-template-columns: 1fr 1fr; }
  .modal { padding: 0; align-items: flex-end; }
  .modal-card, .modal-card.modal-wide { width: 100%; max-height: 94vh; padding: 19px; border-radius: 22px 22px 0 0; }
  .step-indicator span { padding: 8px 3px; font-size: 7px; }
  .upload-zone { grid-template-columns: 42px 1fr; }
  .upload-zone img { grid-column: 1/-1; width: 100%; height: 140px; }
  .chat-modal-card { height: 94vh; }
  .chat-message { max-width: 88%; }
  .toast-stack { right: 10px; bottom: 88px; left: 10px; }
  .toast { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Calm surfaces and accessible discovery controls. */
:root{--bg:#f6f8f7;--ink:#18353c;--text:#415b63;--muted:#60737a;--primary:#176476;--primary-2:#267c89;--primary-soft:#e9f4f3;--line:#dce6e5;--shadow-md:0 16px 40px rgba(27,62,66,.08)}
body{background-image:none}.brand-logo{width:40px;height:40px;flex-shrink:0}.brand{letter-spacing:1.6px}.hero{padding-top:52px;padding-bottom:36px}.hero h1{letter-spacing:-1.4px}.hero-visual{background:#fff;box-shadow:var(--shadow-md);transform:none;border:1px solid var(--line)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.hero-trust{flex-wrap:wrap}.visual-head .badge{background:#edf2f2;color:#4e656a}.listing-card{box-shadow:none;border:1px solid var(--line)}.listing-card h3 a{text-decoration:none}.listing-photo{background:#edf3f1}.button.primary{background:var(--primary);box-shadow:none}.brand-mark{background:var(--primary);box-shadow:none}.discovery-options{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:16px 0}.discovery-options label{display:grid;gap:6px}.discovery-options select{min-height:44px;min-width:180px;border:1px solid var(--line);border-radius:12px;padding:8px;background:white}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:30px 22px 100px;color:var(--text);border-top:1px solid var(--line);font-size:13px}.site-footer p{flex:1}.analytics-panel{margin:24px 0}.analytics-panel .admin-grid{grid-template-columns:1fr 1fr}.analytics-panel .compact-table div{flex-wrap:wrap}.analytics-panel h3{margin-top:26px}.auth-card{position:relative}.auth-close{position:absolute;right:12px;top:12px}.auth-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.auth-card form{display:grid;gap:14px}.hero-search input{min-width:0}.listing-grid{align-items:stretch}.button{min-height:44px}.form-note{color:var(--muted)}
@media(max-width:700px){.hero{padding-top:28px}.hero-actions>*{width:100%}.hero h1{font-size:38px}.analytics-panel .admin-grid{grid-template-columns:1fr}.discovery-options label{flex:1;min-width:130px}.discovery-options select{min-width:0;width:100%}.site-footer{gap:14px}.analytics-panel .panel-title{flex-wrap:wrap}.compact-table{overflow-x:auto}.hero-trust{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.analytics-panel .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-panel .kpi-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.analytics-panel .kpi-grid article small{font-size:12px}.analytics-panel .kpi-grid article em{font-size:11px}.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-content .page-intro.row{flex-wrap:wrap}.page-intro h1{overflow-wrap:anywhere}.analytics-panel .panel-title{flex-wrap:wrap}.topbar{gap:16px}.desktop-nav{min-width:0;overflow-x:auto}.analytics-panel .compact-table>div{gap:12px}.side-panel:not(.open){visibility:hidden;pointer-events:none}
@media(max-width:700px){.analytics-panel .kpi-grid,.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel .kpi-grid article{padding:12px}.analytics-panel .kpi-grid article strong{font-size:20px}}

/* moar.ge brand, based on the supplied vector. */
.wordmark{font-family:Arial,sans-serif;font-size:27px;line-height:1;font-weight:900;letter-spacing:-1px;color:#0f172a}.wordmark>span{color:#10b981}.brand-logo{width:40px;height:40px}.auth-logo{display:block;margin:0 auto 18px}.brand{color:#0f172a}.hero-copy h1 em{color:#087f5b}.button.primary{background:#087f5b}.button.primary:hover{background:#066847}:root{--primary:#087f5b;--primary-soft:#e9f7f1;--primary-2:#0b8964}.hero-trust{color:#087f5b}

/* Public landing page: search first, with no fabricated offer cards. */
.hero.hero-official { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: 64px; padding-bottom: 56px; gap: 0; }
.hero-official .hero-copy { width: 100%; max-width: 780px; margin: 0 auto; text-align: center; }
.hero-official .hero-copy > p, .hero-official .hero-search { margin-left: auto; margin-right: auto; }
.hero-official .hero-actions, .hero-official .hero-trust { justify-content: center; }
@media (max-width: 600px) { .hero.hero-official { padding-top: 32px; padding-bottom: 32px; } }

/* Georgian brand remains dominant on compact screens. */
.wordmark {display:flex;flex-direction:column;line-height:1.1;font-size:clamp(21px,4vw,30px);letter-spacing:0}
.wordmark small {font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--muted,#64748b);margin-top:4px}
.hero h1 .hero-brand-subtitle {font-size:clamp(24px,4vw,42px);font-style:normal;line-height:1.35}

.hero-copy h1.hero-fit-title {font-size:clamp(30px,4.5vw,58px);line-height:1.4;letter-spacing:-.02em;max-width:900px;margin-inline:auto}
.hero-fit-title .hero-fit-accent {display:inline-block;font-style:normal;font-weight:900;color:#087f5b;background:#e4f5ed;padding:0 .22em;border-radius:.22em;box-shadow:inset 0 -.065em 0 #8cd9b6}
@media(max-width:480px){.hero-copy h1.hero-fit-title{font-size:30px;line-height:1.45}.wordmark{font-size:25px}}

.account-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.account-shop{margin-top:24px}.account-photo{width:88px;height:88px;object-fit:cover;border-radius:24px}

.listing-upload-preview{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:16px;background:#f1f5f3}.listing-upload-preview[hidden]{display:none}

/* Moarge discovery system: shared by the buyer, shop and admin journeys. */
:root { --bg:#f7f9f7; --ink:#18352d; --text:#405b52; --muted:#64786e; --line:#dce6df; --surface-2:#f1f5f1; --primary:#087751; --primary-soft:#e9f4ed; --green:#087751; --radius:22px; --shadow-sm:0 5px 22px rgba(25,55,39,.035); --shadow-md:0 18px 45px rgba(25,55,39,.08); }
body { background:var(--bg); }
.topbar { background:rgba(255,255,255,.96); }
.desktop-nav a { font-size:13px; }
.button { font-size:13px; min-height:46px; border-radius:12px; }
.button.small { font-size:12px; min-height:40px; }
.text-button,.section-heading a { font-size:13px; }
.eyebrow { font-size:11px; letter-spacing:.08em; }
.hero::before { display:none; }
.hero.hero-official.discovery-hero { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:64px;padding:72px 0 60px;align-items:center; }
.discovery-hero .hero-copy { max-width:none;text-align:left; }
.discovery-hero .hero-copy h1.hero-fit-title {font-size:clamp(32px,3.7vw,51px);line-height:1.36;letter-spacing:-.035em;margin:22px 0;}
.discovery-hero .hero-copy > p {font-size:16px;max-width:580px;line-height:1.85;margin-bottom:24px;}
.discovery-hero .hero-fit-accent {background:transparent;padding:0;box-shadow:none;position:relative;color:var(--primary);}
.discovery-hero .hero-fit-accent::after {content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:#c6e5bd;border-radius:4px;}
.discovery-hero .hero-search {box-shadow:var(--shadow-sm);border-radius:15px;grid-template-columns:28px minmax(0,1fr) auto;}
.discovery-hero .hero-trust {justify-content:flex-start;font-size:11px;gap:12px;}
.quick-brands {display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;}
.quick-brands>span {font-size:11px;color:var(--muted);margin-right:4px;}
.quick-brands button {border:1px solid var(--line);background:white;border-radius:99px;padding:7px 11px;min-height:38px;font-size:11px;color:var(--text);}
.quick-brands button:hover {background:var(--primary-soft);border-color:var(--primary);}
.request-guide {position:relative;background:#edf4e9;border:1px solid #d9e7d3;border-radius:28px;padding:32px;overflow:hidden;}
.guide-symbol {position:absolute;right:24px;top:18px;font-size:35px;color:#416940;}
.request-guide>.eyebrow {max-width:85%;font-size:10px;}
.request-guide h2 {font-size:26px;line-height:1.5;margin:18px 0 10px;letter-spacing:-.03em;}
.request-guide>p {font-size:14px;color:var(--text);line-height:1.8;}
.request-guide ol {padding:0;list-style:none;margin:25px 0;display:grid;gap:20px;}
.request-guide li {display:flex;align-items:center;gap:14px;}
.request-guide li>span {font-size:11px;color:var(--primary);border:1px solid #c6d9be;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}
.request-guide li div {display:grid;gap:3px;}
.request-guide b {font-size:13px;}.request-guide li small {font-size:11px;color:var(--muted);}
.guide-note {display:block;text-align:center;font-size:10px;color:var(--text);margin-top:12px;}
.category-section {padding-top:32px;border-top:1px solid var(--line);}
.category-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.category-grid button {display:grid;grid-template-columns:1fr auto;gap:16px;min-height:110px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:16px;background:white;color:var(--ink);transition:background .15s,border-color .15s;}
.category-grid button:hover {background:var(--primary-soft);border-color:#80b494;}
.category-number {grid-column:1/-1;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.category-grid b {font-size:13px;}.category-grid button>span:last-child {color:var(--primary);}
.how-grid article {box-shadow:none;background:transparent;min-height:240px;}
.how-grid article>span {font-size:42px;color:#b9cabe;}.how-grid article>i {margin-bottom:24px;}
.how-grid p {font-size:13px;line-height:1.8;color:var(--text);}
.how-grid h3 {font-size:17px;}
.section-block {margin-bottom:64px;}.section-heading p {font-size:14px;}
.seller-invitation {display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:40px;background:#fff;border:1px solid var(--line);border-radius:24px;}
.seller-invitation h2 {font-size:29px;line-height:1.5;margin:12px 0;letter-spacing:-.03em;}
.seller-invitation p {color:var(--text);font-size:14px;line-height:1.9;}
.seller-benefits {border-left:1px solid var(--line);padding-left:36px;}
.seller-benefits p {display:flex;align-items:center;gap:14px;margin-bottom:18px;}.seller-benefits b {font-size:13px;font-weight:600;}
.seller-benefits p>span {background:var(--primary-soft);color:var(--primary);width:38px;height:38px;display:grid;place-items:center;border-radius:11px;flex-shrink:0;}
.seller-benefits a {font-size:13px;color:var(--primary);text-decoration:none;}
.faq-section {display:grid;grid-template-columns:1fr 1.7fr;gap:44px;}.faq-list {border-top:1px solid var(--line);}.faq-list details {border-bottom:1px solid var(--line);padding:20px 0;}.faq-list summary {cursor:pointer;font-size:15px;font-weight:650;line-height:1.7;}.faq-list p {margin:14px 0 0;color:var(--text);font-size:14px;line-height:1.9;max-width:620px;}
.trust-band b {font-size:13px;}.trust-band small {font-size:11px;line-height:1.7;}
.listing-body h3 {font-size:16px;}.listing-body>p,.listing-top {font-size:12px;}.seller-line b {font-size:12px;}.seller-line small {font-size:10px;}.listing-bottom {flex-wrap:wrap;}.listing-bottom strong {margin-right:auto;font-size:20px;}.listing-photo small {letter-spacing:0;font-size:10px;}.listing-thumbs {display:flex;gap:7px;padding:10px 14px 0;}.listing-thumbs button {padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;width:48px;height:42px;background:white;}.listing-thumbs img {width:100%;height:100%;object-fit:cover;}
.listing-photo-editor {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.listing-photo-editor img {width:100%;height:110px;object-fit:cover;border-radius:12px;}.listing-photo-editor .text-button {font-size:10px;}.listing-photo-editor>div {min-width:0;}
.badge {font-size:10px;white-space:normal;}.supplier-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}.supplier-card {display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0;}.supplier-top {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px;}.supplier-top .badge {max-width:160px;text-align:center;}.shop-monogram {display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-weight:750;font-size:17px;flex-shrink:0;}.supplier-card h2 {font-size:21px;overflow-wrap:anywhere;margin-bottom:6px;}.supplier-card h2 a {text-decoration:none;}.shop-location {font-size:12px;color:var(--muted);}.shop-specialties {display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px;}.shop-specialties span {font-size:11px;padding:4px 9px;border-radius:6px;background:var(--surface-2);}.shop-description {color:var(--text);font-size:13px;line-height:1.8;flex:1;overflow-wrap:anywhere;}.shop-facts {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text);padding:16px 0;border-top:1px solid var(--line);}.shop-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}.shop-actions .text-button {text-decoration:none;font-size:11px;}.supplier-filters {padding:20px;border:1px solid var(--line);border-radius:18px;background:white;}.supplier-filters label {font-size:12px;flex:1;}.supplier-filters .filter-toggle {display:flex;align-items:center;gap:10px;min-height:44px;}.filter-toggle input {width:18px;min-height:18px;height:18px;accent-color:var(--primary);}
.offer-comparison {min-width:0;margin:20px 0;background:#f4f8f3;border:1px solid var(--line);border-radius:16px;overflow:hidden;}.offer-comparison summary {padding:18px 20px;font-size:14px;font-weight:750;cursor:pointer;}.offer-comparison .table-wrap {padding-bottom:6px;}.offer-comparison th {font-size:12px;text-transform:none;letter-spacing:0;background:#ecf3ea;white-space:normal;min-width:160px;}.offer-comparison td {font-size:13px;min-width:180px;}.offer-comparison .form-note {padding:10px 20px;}.offer-comparison tr:first-child td {font-size:18px;font-weight:800;color:var(--primary);}.offer-facts span {font-size:11px;}.offer-seller b {font-size:13px;}.offer-seller small,.offer-price>span,.offer-price>small {font-size:11px;}.offer-main h3 {font-size:16px;}.offer-main>p {font-size:12px;}.request-meta span,.offer-section-head small {font-size:11px;}.offer-section-head b {font-size:14px;}
.operations-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.operations-grid a {position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--bg);}.operations-grid strong {font-size:27px;color:var(--primary);}.operations-grid span {font-size:12px;}.operations-grid i {position:absolute;right:16px;top:15px;font-style:normal;color:var(--muted);}.operations-grid a:hover {border-color:var(--primary);}.form-note {font-size:12px;line-height:1.7;}.empty-state p {font-size:14px;}.empty-state h3 {font-size:19px;}.empty-state {grid-column:1/-1;}.results-head {font-size:12px;}.results-head b {font-size:13px;}
input,select,textarea {font-size:14px;}form label,.stack-form label {font-size:12px;}.table-wrap {overscroll-behavior-x:contain;}.mobile-nav {grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:1fr;}.site-footer {font-size:12px;}.site-footer .brand {font-size:24px;letter-spacing:0;}
@media(max-width:1000px){.hero.hero-official.discovery-hero {gap:30px;grid-template-columns:1.1fr 1fr;padding-top:45px;}.request-guide {padding:25px;}.request-guide h2 {font-size:22px;}.supplier-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.category-grid {grid-template-columns:repeat(4,minmax(0,1fr));}.category-grid b {font-size:11px;}}
@media(max-width:760px){.hero.hero-official.discovery-hero {grid-template-columns:1fr;gap:28px;padding:34px 0;}.discovery-hero .hero-copy h1.hero-fit-title {font-size:36px;max-width:600px;margin-inline:0;}.discovery-hero .hero-copy>p {font-size:14px;}.request-guide {padding:26px;}.request-guide h2 {font-size:25px;max-width:400px;}.request-guide ol {grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}.request-guide li {align-items:flex-start;flex-direction:column;gap:10px;}.request-guide li small {font-size:10px;}.request-guide b {font-size:12px;}.category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.category-grid b {font-size:13px;}.seller-invitation {grid-template-columns:1fr;padding:26px;gap:24px;}.seller-benefits {border-left:0;border-top:1px solid var(--line);padding:24px 0 0;}.faq-section {grid-template-columns:1fr;gap:0;}.operations-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.section-block {margin-bottom:44px;}.supplier-grid {gap:14px;}.supplier-card {padding:20px;}}
@media(max-width:480px){.discovery-hero .hero-copy h1.hero-fit-title {font-size:32px;}.discovery-hero .hero-search {grid-template-columns:22px minmax(0,1fr);}.discovery-hero .hero-search .button {grid-column:1/-1;}.discovery-hero .hero-search input {font-size:16px;}.discovery-hero .hero-trust {font-size:10px;}.quick-brands>span {width:100%;}.supplier-grid {grid-template-columns:1fr;}.seller-invitation h2 {font-size:25px;}.request-guide ol {grid-template-columns:1fr;gap:16px;}.request-guide li {flex-direction:row;align-items:center;}.request-guide li small {font-size:12px;}.request-guide b {font-size:13px;}.mobile-nav a small {font-size:9px;}input,select,textarea {font-size:16px;}.topbar {gap:8px;}.top-actions {gap:6px;}.wordmark {font-size:23px;}.brand-logo {width:34px;height:34px;}.language-control select {font-size:10px;}.category-grid button {min-height:105px;}.operations-grid {grid-template-columns:1fr 1fr;}.operations-grid span {font-size:11px;}.shop-actions .text-button {font-size:12px;}}

.listing-photo-item{display:flex;flex-direction:column;gap:5px;min-width:0}.listing-photo-item small{font-size:10px;color:var(--primary);text-align:center}body>main>.listing-grid:has(>article:only-child){grid-template-columns:1fr;max-width:900px}

/* Listing detail: the same calm storefront, with touch-first photo browsing. */
a.listing-photo {display:block;cursor:pointer;color:inherit;text-decoration:none}
a.listing-photo:focus-visible {outline:3px solid var(--primary,#078665);outline-offset:3px}
.part-breadcrumb {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px;color:#64766d;font-size:14px}
.part-detail {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}
.part-gallery {min-width:0;overflow:hidden;border-radius:24px;background:#edf3ef;padding:14px}
.part-slides {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;border-radius:16px;background:#fff}
.part-slide {flex:0 0 100%;min-width:0;scroll-snap-align:start;display:flex;aspect-ratio:1.15;align-items:center;justify-content:center}
.part-slide img {width:100%;height:100%;object-fit:contain;display:block}
.gallery-controls {display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.gallery-controls button {border:1px solid #d9e5dd;background:white;color:#164834;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}
.gallery-controls button:disabled {opacity:.35;cursor:default}
.part-thumbnails {display:flex;gap:10px;margin-top:12px}
.part-thumbnails button {width:72px;height:62px;padding:3px;background:white;border:2px solid transparent;border-radius:12px;cursor:pointer}
.part-thumbnails button[aria-pressed="true"] {border-color:#078665}
.part-thumbnails img {width:100%;height:100%;object-fit:contain;border-radius:8px}
.part-gallery .form-note {text-align:center;margin:12px 0 2px}
.part-no-photo {min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#70877b}
.part-no-photo>span {font-size:70px}
.part-summary h1 {font-size:clamp(26px,4vw,40px);line-height:1.25;margin:12px 0;overflow-wrap:anywhere}
.part-car {color:#607469;margin:0 0 18px}
.part-price {display:block;font-size:36px;color:#087e5e;margin-bottom:22px}
.part-specs {display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0 0 24px}
.part-specs>div {border-bottom:1px solid #e5ece7;padding:12px 0;min-width:0}
.part-specs dt {font-size:12px;color:#6b7e71;margin-bottom:5px}
.part-specs dd {margin:0;font-weight:650;overflow-wrap:anywhere}
.part-summary>.button {width:100%;text-align:center}
.part-shop {display:flex;flex-direction:column;gap:5px;border-top:1px solid #e5ece7;padding-top:18px;margin-top:20px}
.part-shop span {font-size:12px;color:#6b7e71}
.part-copy,.part-buying-guide {margin-top:26px}
.part-description {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.part-buying-guide>div {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:22px 0}
.part-buying-guide p {line-height:1.7;color:#62776a;font-size:14px}
.offer-sort {display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:14px;margin:15px 0}
.offer-sort select {width:auto;max-width:75%;background:white}
.offer-comparison tfoot td {padding:14px}
@media(max-width:760px){.part-detail{grid-template-columns:1fr;gap:18px}.part-slide{aspect-ratio:1.2}.part-gallery{border-radius:18px}.part-buying-guide>div{grid-template-columns:1fr;gap:12px}.part-summary{padding:22px}.part-breadcrumb{margin-bottom:16px}.part-specs{gap:0 14px}}
.detail-topbar .brand {flex-shrink:0;letter-spacing:0;font-size:22px}
.detail-topbar>select {width:86px;min-width:0;margin-left:auto;flex-shrink:0}
.detail-topbar>.brand img {flex-shrink:0}
.detail-topbar>a:not(.brand) {margin-left:auto;font-size:14px}
@media(max-width:480px){.detail-topbar .brand{font-size:18px;gap:8px}.detail-topbar .brand img{width:34px;height:34px}.detail-topbar>select{width:74px;font-size:13px}.detail-topbar{padding:0 14px}}
.lead-metrics {margin:24px 0}.lead-metrics .panel-title {flex-wrap:wrap;gap:12px}.lead-metrics .panel-title>span {color:var(--muted);font-size:13px}.lead-metrics .kpi-grid article {min-width:0}.lead-metrics .kpi-grid small {line-height:1.6}.seller-request-row .row-side {gap:8px}.lead-metrics .table-wrap {margin-top:20px}
.quote-request-details {width:100%;min-width:0}.quote-request-details h3{margin:8px 0}.quote-request-details>p{line-height:1.65}.quote-request-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.quote-request-details dt,.quote-revision dt{font-size:12px;color:var(--muted)}.quote-request-details dd{margin:4px 0 0;overflow-wrap:anywhere}.quote-request-photo{max-height:180px;width:auto;max-width:100%;border-radius:14px;object-fit:contain}.quote-actions{display:flex;gap:8px;flex-wrap:wrap}.quote-revision{display:grid;gap:8px;text-align:left;background:#fff;border-radius:12px;padding:12px}.quote-revision>div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.quote-revision dd{margin:0}.quote-revision dd>span{color:var(--muted)}

/* Marketplace service pages */
.hub-nav{display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px;background:#f1faf6;border-bottom:1px solid #d9ebe3}.hub-nav a{font-size:.86rem;color:#17624d;text-decoration:none;padding:6px 0}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.hub-grid .panel{margin:0}.donor-photos{display:flex;gap:8px;overflow:auto;margin:12px 0}.donor-photos img{width:130px;height:100px;object-fit:cover;border-radius:12px}.live-analytics{margin:14px 20px;background:#effbf4}.live-analytics strong{font-size:1.8rem;color:#087f5b}.live-analytics small{display:block;color:#596b62}.hub-grid p,.quote-revision p{overflow-wrap:anywhere;white-space:pre-wrap}#hub-body> .panel{margin-bottom:18px}#hub-body details summary{cursor:pointer;padding:8px;font-weight:700}#hub-body dt{font-weight:600}#hub-body dd{margin:4px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}#additional-parts fieldset{margin-top:16px}#offer-stock-choice{width:100%;padding:12px;margin:12px 0;border:1px solid #cddfd5;border-radius:12px}.chat-composer{flex-wrap:wrap}.chat-message img{max-width:100%;max-height:360px;object-fit:contain}

/* Keep consent controls aligned with their labels on narrow screens. */
#hub-body .consent-line { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:12px; text-align:start; }
#hub-body .consent-line input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; margin:3px 0 0; }
@media (max-width:600px) { .hub-nav { flex-wrap:nowrap; overflow-x:auto; padding:14px 18px; } .hub-nav a { flex:0 0 auto; } }

/* Moarge UI refinement — one shared visual hierarchy for public and account pages. */
:root {
  --bg:#f5f8f7; --surface:#fff; --surface-2:#edf4f1;
  --ink:#18382f; --text:#456158; --muted:#61776e;
  --line:#dce7e1; --primary:#087653; --primary-2:#14916b;
  --primary-soft:#e7f4ee; --radius:20px;
  --shadow-sm:0 4px 18px #16392b06;
  --shadow-md:0 16px 40px #16392b0c;
}
body { background:var(--bg); }
.topbar { height:80px; gap:24px; box-shadow:0 2px 16px #17382e04; }
.desktop-nav { scrollbar-width:thin; scrollbar-color:#cadbd1 transparent; }
.desktop-nav a { padding:11px 14px; font-weight:650; border-radius:10px; }
.desktop-nav a.active { background:#e8f4ee; color:#066447; }
.top-actions { margin-left:auto; flex-shrink:0; }
.account-button,.language-control,.icon-button { border-color:var(--line); box-shadow:none; }
:focus-visible { outline:3px solid #399c78; outline-offset:4px; }
.hero-search:focus-within { border-color:#399c78; box-shadow:0 0 0 4px #dcefe5; }
.hub-nav { width:min(var(--max),calc(100% - 40px)); margin:16px auto 0; padding:6px; gap:5px; background:#eaf1ed; border:1px solid #e0e9e3; border-radius:14px; }
.hub-nav a { min-height:40px; padding:10px 15px; border-radius:9px; color:#49665a; font-size:12px; font-weight:600; }
.hub-nav a:hover { background:#f9fcfa; }
.hub-nav a[aria-current=page] { background:white; color:#076c4a; box-shadow:0 2px 8px #244e3610; }
.hero.hero-official.discovery-hero { min-height:0; gap:48px; padding:52px 0 60px; grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr); }
.discovery-hero .hero-copy { padding:22px 0; }
.discovery-hero .hero-copy .eyebrow { padding:8px 12px; border-radius:8px; background:#e8f3ed; font-size:11px; }
.discovery-hero .hero-copy h1.hero-fit-title { font-size:clamp(34px,3.6vw,49px); line-height:1.35; margin:24px 0 20px; letter-spacing:-.035em; }
.discovery-hero .hero-fit-accent { color:#087653; }
.discovery-hero .hero-fit-accent::after { height:7px; background:#bfe4cc; bottom:1px; }
.discovery-hero .hero-copy>p { text-align:left; margin-inline:0; font-size:15px; line-height:1.9; max-width:570px; margin-bottom:26px; }
.discovery-hero .hero-search { padding:8px 8px 8px 18px; border-radius:16px; border-color:#bdd4c8; box-shadow:0 8px 25px #193e2e08; }
.hero-search input { background:transparent; font-size:16px; height:48px; }
.hero-search .button { padding-inline:26px; min-height:48px; }
.quick-brands { margin-top:18px; gap:8px; }
.quick-brands button { border-color:#d9e5dd; background:#fff; font-size:12px; min-height:38px; padding:8px 13px; }
.discovery-hero .hero-trust { gap:18px; margin-top:24px; color:#526d60; }
.request-guide { background:linear-gradient(145deg,#f0faf4,#e5f2e9); border:1px solid #cce0d2; padding:30px; border-radius:26px; box-shadow:0 18px 45px #1b503a0a; }
.request-guide .guide-symbol { color:#368366; width:40px;height:40px; display:grid;place-items:center; font-size:25px; background:#fff9; border-radius:12px; }
.request-guide h2 { font-size:26px; line-height:1.45; margin-top:24px; max-width:350px; }
.request-guide>p { font-size:13px; line-height:1.8; }
.request-guide ol { gap:0; margin:22px 0; }
.request-guide li { padding:13px 0; border-bottom:1px solid #cbded1; }
.request-guide li:last-child { border-bottom:0; }
.request-guide li>span { border:0; background:white; border-radius:11px; font-weight:750; width:36px;height:36px; }
.request-guide li small { font-size:12px; }
.request-guide .button { min-height:50px; }
.guide-note { line-height:1.6; font-size:11px; }
.button { font-weight:650; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
.button.primary { background:#087653; box-shadow:0 3px 8px #08765315; }
.button.primary:hover { background:#066346; box-shadow:0 5px 14px #08765325; }
.button.secondary:hover { background:#f0f7f3; border-color:#b6d3c4; }
.section-heading h2 { font-size:clamp(24px,2.7vw,32px); line-height:1.4; }
.section-heading.row { align-items:center; }
.category-section { border-top:0; padding:30px; background:#fff; border:1px solid var(--line); border-radius:24px; }
.category-grid { gap:12px; }
.category-grid button { grid-template-columns:44px 1fr auto; align-items:center; gap:12px; min-height:94px; padding:16px; background:#f8faf9; border:1px solid #e4ece6; border-radius:14px; }
.category-grid button:hover { background:#edf8f1; border-color:#9fc9b4; }
.category-grid b { font-size:12px; line-height:1.65; }
.category-icon { display:grid; place-items:center; width:44px;height:44px; background:#e8f2ec; border-radius:12px; color:#2c7758; }
.category-icon svg { width:27px;height:27px; }
.how-grid article { background:#fff; border:1px solid var(--line); border-radius:20px; padding:26px; min-height:245px; }
.how-grid article>span { font-size:30px; color:#ccdcd2; }
.how-grid article>i { margin-bottom:20px; }
.seller-invitation { background:#ebf4ef; padding:36px; border-color:#d6e5dc; }
.faq-list details { background:white; border:1px solid var(--line); border-radius:14px; margin-bottom:10px; padding:0 20px; }
.faq-list summary { padding:19px 0; }
.faq-list details[open] { border-color:#9fc9b4; }
.page-pad { padding-top:36px; }
.page-intro h1,#hub-body>h1 { font-size:clamp(27px,3.2vw,38px); line-height:1.35; letter-spacing:-.03em; margin-bottom:12px; }
#hub-body>h2 { margin-top:36px; font-size:23px; line-height:1.5; }
#hub-body>p { color:var(--text); max-width:760px; line-height:1.8; margin-bottom:26px; }
.panel,.request-card,.order-card,.listing-card,.supplier-card { border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-sm); }
.panel { padding:26px; }
.stack-form { gap:18px; }
.stack-form label,.form-grid label { color:#405c50; font-size:13px; font-weight:600; }
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea { border-color:#d5e2d9; border-radius:11px; }
.stack-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.stack-form select,.stack-form textarea { background:#fbfdfb; padding:12px; }
.filter-bar { padding:14px; border-radius:18px; box-shadow:none; }
.listing-card { overflow:hidden; }
.listing-grid { gap:20px; }
.listing-card:hover,.supplier-card:hover { border-color:#accfbb; box-shadow:0 10px 25px #2143320b; }
.admin-label {color:#61776e;font-size:10px;}
.admin-sidebar { background:white; border-color:var(--line); box-shadow:none; }
.admin-sidebar a { color:var(--text); font-size:12px; padding:12px; }
.admin-sidebar a span { color:#608570; }
.admin-sidebar a:hover,.admin-sidebar a.active { background:#e8f4ed; color:#086447; }
.admin-sidebar a.active span { color:#086447; }
.kpi-grid article { border-color:var(--line); box-shadow:none; border-radius:17px; }
.quote-revision { border-radius:12px; background:#f3f7f4; padding:16px; }
.site-footer { margin-top:36px; background:#edf3ef; border-color:var(--line); padding-inline:max(22px,calc((100vw - var(--max))/2)); }
@media(min-width:1001px) { .category-grid {grid-template-columns:repeat(4,minmax(0,1fr));} }
@media(max-width:1100px) { .topbar {gap:14px;} .desktop-nav a {padding:10px 9px;font-size:12px;} .hero.hero-official.discovery-hero {gap:28px;} .category-grid button {grid-template-columns:38px 1fr;gap:10px;} .category-grid button>span:last-child {display:none;} .category-icon {width:38px;height:38px;} }
@media(max-width:760px) {
 .topbar {height:68px;} .hub-nav {margin-top:12px;width:calc(100% - 28px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;} .hub-nav a {flex-shrink:0;}
 .hero.hero-official.discovery-hero {grid-template-columns:1fr;padding:24px 0 36px;gap:24px;}
 .discovery-hero .hero-copy {padding:0;} .discovery-hero .hero-copy h1.hero-fit-title {font-size:36px;line-height:1.4;}
 .request-guide {padding:24px;} .request-guide ol {grid-template-columns:1fr;gap:0;} .request-guide li {flex-direction:row;align-items:center;}
 .category-section {padding:22px;} .category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .category-grid button {min-height:90px;} .section-block {margin-bottom:40px;} .panel {padding:22px;}
 .seller-invitation {padding:26px;} .listing-grid {gap:14px;} .page-pad {padding-top:28px;}
}
@media(max-width:480px) {
 .topbar {gap:8px;padding-inline:14px;} .brand {gap:7px;} .wordmark {font-size:24px;}
 .discovery-hero .hero-copy h1.hero-fit-title {font-size:31px;margin:20px 0 16px;}
 .discovery-hero .hero-copy>p {font-size:14px;} .discovery-hero .hero-search {padding:8px;grid-template-columns:24px minmax(0,1fr);}
 .hero-search .button {width:100%;} .discovery-hero .hero-trust {gap:10px;font-size:10px;}
 .quick-brands>span {width:100%;} .request-guide h2 {font-size:24px;}
 .category-section {padding:18px;} .category-grid {gap:9px;} .category-grid button {grid-template-columns:1fr;gap:10px;padding:14px;min-height:118px;}
 .category-grid b {font-size:12px;} .section-heading.row {align-items:flex-start;gap:12px;} .section-heading.row>a {font-size:11px;flex-shrink:0;margin-top:8px;}
 .panel {padding:18px;} .page-intro.row {align-items:flex-start;flex-direction:column;} .page-intro.row>.button {width:100%;}
 .mobile-nav {border-color:var(--line);box-shadow:0 -4px 22px #193e2e0a;} .mobile-nav a.active {background:#e8f4ee;color:#086447;}
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} .button,.listing-card,.supplier-card,.category-grid button {transition:none;transform:none;} }

/* Discoverable navigation and consistent interaction surfaces. */
.navigation-trigger {flex:0 0 42px;font-size:20px;}
.navigation-card {width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;border:1px solid #dce8e0;border-radius:26px;background:#fbfdfc;}
.navigation-card .modal-head {position:sticky;top:-28px;z-index:1;padding:16px 0;background:#fbfdfcf5;backdrop-filter:blur(16px);}
.navigation-card .modal-head h2 {font-size:28px;}
#navigation-directory section {margin-bottom:24px;}
#navigation-directory h3 {font-size:12px;color:#60776b;font-weight:650;margin-bottom:12px;}
.directory-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.directory-item a {display:flex;align-items:center;gap:12px;min-height:68px;padding:13px;border:1px solid #dee8e2;border-radius:14px;text-decoration:none;background:white;color:#284c3d;}
.directory-item a>span {display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#eef5f0;border-radius:11px;color:#197553;font-size:20px;}
.directory-item small {font-size:13px;font-weight:650;line-height:1.55;}
.directory-item a:hover,.directory-item a[aria-current=page] {border-color:#8bbca2;background:#eaf6ee;}
.directory-item a[aria-current=page]>span {background:#087653;color:#fff;}
.mobile-nav>button {appearance:none;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:13px;background:transparent;color:var(--muted);min-width:0;min-height:52px;padding:9px 4px;font:inherit;}
.mobile-nav>button>span {font-size:20px;line-height:1;}
.mobile-nav>button>small {font-size:9px;font-weight:650;}
.mobile-nav a,.mobile-nav>button {min-width:0;}
.mobile-nav {grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:max(8px,env(safe-area-inset-bottom));}
.button,.icon-button,.account-button,.language-control,select {touch-action:manipulation;}
.icon-button:hover,.account-button:hover {border-color:#a3c8b5;background:#f0f8f3;}
.button:focus-visible,.icon-button:focus-visible {outline-offset:3px;}
button:disabled {cursor:not-allowed;}
input::placeholder,textarea::placeholder {color:#73857b;opacity:1;}
input:focus,select:focus,textarea:focus {border-color:#409771;}
.modal-card {box-shadow:0 32px 90px #14362926;border:1px solid #e0eae3;}
.modal-head h2 {line-height:1.45;}
.modal-card .form-grid {gap:16px;}
.panel-title {gap:16px;}
.panel-title h2 {line-height:1.5;}
.empty-state {border:1px dashed #cbded1;border-radius:22px;background:linear-gradient(135deg,#fff,#f1f7f3);padding:40px 24px;}
.empty-state>span {box-shadow:0 8px 24px #1b6a4410;border:1px solid #d5e7dc;}
.filter-bar {background:#fff;}
.discovery-options {background:#ecf3ef;padding:14px;border-radius:14px;gap:14px;}
.discovery-options label {font-size:12px;color:#4e695b;}
.listing-photo {background:linear-gradient(145deg,#edf5f0,#f7faf8);}
.listing-card h3 {line-height:1.55;}
.kpi-grid article {position:relative;background:linear-gradient(145deg,#fff,#fafdfb);}
.kpi-grid article>strong {letter-spacing:-.035em;}
.request-guide {background:radial-gradient(ellipse at 100% 0,#d7efe0,transparent 65%),linear-gradient(145deg,#f0faf4,#e5f2e9);}
.category-icon {box-shadow:inset 0 1px 0 #ffffffaa;}
.category-grid button:nth-child(3n+2) .category-icon {background:#edf1fc;color:#566fa0;}
.category-grid button:nth-child(3n+3) .category-icon {background:#faf2e5;color:#946b30;}
.site-footer a:not(.brand):hover {color:#087653;}
@media(min-width:901px) and (max-width:1150px) {.desktop-nav a {font-size:11px;padding-inline:8px;}.account-button {min-width:44px;}.account-button .account-copy,.account-button>span:last-child {display:none;}.topbar{gap:12px;}.top-actions{gap:6px;}}
@media(max-width:900px) {.topbar{gap:12px;}.top-actions{gap:7px;}}
@media(max-width:480px) {
 .navigation-card {padding:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:22px;}
 .navigation-card .modal-head {top:-18px;padding:10px 0;}.directory-grid{gap:8px;}.directory-item a{min-height:74px;padding:10px;gap:9px;}.directory-item small{font-size:11px;}.directory-item a>span{width:30px;height:30px;font-size:18px;}
 .topbar {gap:6px;padding-inline:12px;}.top-actions{gap:5px;}.navigation-trigger{flex-basis:36px;width:36px;}.topbar .icon-button{width:36px;height:40px;}.language-control{padding-inline:6px;}.wordmark{font-size:22px;}.brand-logo{width:32px;height:32px;}
 .discovery-options {padding:12px;}.discovery-options label{min-width:115px;}
 .modal-card:not(.navigation-card) {padding:20px;}.button{white-space:normal;text-align:center;line-height:1.5;}
}
@media(max-width:359px){.wordmark{font-size:19px;}.brand-logo{width:28px;height:28px;}.language-control select{width:39px;}.top-actions{gap:4px;}.topbar .icon-button{width:32px;}.navigation-trigger{flex-basis:32px;}}

.mobile-nav small {max-width:100%;overflow-wrap:anywhere;line-height:1.35;text-align:center;}

/* The offer context has a single content column, not the icon/text context grid. */
#offer-request-context {display:block;min-width:0;}
#offer-request-context .quote-request-details {display:block;width:100%;min-width:0;}
#offer-request-context .quote-request-details dl>div {display:block;min-width:0;}
#offer-request-context .quote-request-details p {white-space:normal;overflow-wrap:break-word;}
#offer-request-context .request-id {font-size:11px;}
img[data-photo-zoom] {cursor:zoom-in;}
.photo-viewer {position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0c181ff5;color:white;overflow:hidden;}
.photo-viewer::backdrop {background:#081219e8;}
.photo-toolbar {height:72px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px max(16px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top));}
.photo-toolbar button {min-width:46px;height:44px;border:1px solid #ffffff50;border-radius:12px;background:#ffffff15;color:white;font-size:22px;cursor:pointer;}
.photo-toolbar button[data-photo-action=reset] {min-width:76px;font-size:15px;}
.photo-stage {height:calc(100% - 72px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;padding-bottom:env(safe-area-inset-bottom);}
.photo-stage:active {cursor:grabbing;}
.photo-stage img {flex-shrink:0;max-width:none;max-height:none;object-fit:contain;user-select:none;pointer-events:none;}
@media(max-width:480px){#offer-request-context .quote-request-details dl{grid-template-columns:1fr;}}

.photo-error {position:absolute;inset:50% 16px auto;text-align:center;color:white;}

.catalog-pagination {display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0;}

.readiness-list>div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);}.readiness-list span{color:var(--muted);}

/* Searchable make selection stays compact as the catalogue grows. */
.brand-choice-list{max-height:320px;overflow:auto;padding:8px;overscroll-behavior:contain}.brand-choice-list label[hidden]{display:none!important}

.filter-bar>input,.supplier-filters label>input{min-width:0;width:100%;min-height:46px;border:1px solid var(--line,#d9e5df);border-radius:12px;padding:12px;background:#fff;color:inherit;font:inherit}

/* Conversation workspace: independent panes, preserved drafts, mobile expansion. */
.chat-dock{position:fixed;right:16px;bottom:0;z-index:90;display:flex;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px);pointer-events:none}
.dock-window{width:324px;flex:0 0 324px;background:#fff;border:1px solid #dce7e5;border-radius:16px 16px 0 0;box-shadow:0 10px 40px #123b3326;overflow:hidden;pointer-events:auto}
.dock-head{display:flex;align-items:center;gap:2px;background:#eff8f4;padding:8px}
.dock-head button{border:0;background:transparent;color:#16453c;cursor:pointer;min-width:34px;min-height:36px;border-radius:8px;font-size:19px}
.dock-head button:hover{background:#dcefe5}.dock-head button:first-child{flex:1;min-width:0;text-align:left;font-size:14px}.dock-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-body{display:flex;flex-direction:column;height:390px;max-height:calc(100dvh - 160px)}.dock-context{padding:9px 12px;margin:0;border-bottom:1px solid #edf1f0;font-size:12px;color:#506760;overflow-wrap:anywhere}.dock-log{flex:1;min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain}.dock-log .chat-message{max-width:90%;overflow-wrap:anywhere}.dock-log img{max-width:100%;max-height:190px;object-fit:contain;cursor:zoom-in;border-radius:10px}.dock-status{margin:0;padding:0 10px;font-size:12px;color:#9c342d}.dock-status:empty{display:none}
.dock-composer{display:flex;align-items:center;gap:7px;padding:10px;border-top:1px solid #edf1f0}.dock-composer textarea{flex:1;min-width:0;resize:none;border:1px solid #dce7e5;border-radius:12px;padding:9px;font:inherit;font-size:14px;max-height:110px}.dock-composer button,.dock-attach{display:grid;place-items:center;min-width:34px;min-height:38px;border:0;border-radius:10px;background:#e7f5ed;color:#087e61;cursor:pointer}.dock-attach input{position:absolute;width:1px;height:1px;opacity:0}.dock-attach:focus-within{outline:2px solid #087e61}.dock-window.minimized{width:180px;flex-basis:180px}.dock-window.minimized .dock-body,.dock-window.minimized [data-chat-expand],.dock-window.minimized [data-chat-minimize]{display:none}.dock-window.expanded{position:fixed;inset:7vh max(16px,calc((100vw - 1000px)/2)) 7vh;width:auto;border-radius:18px;display:flex;flex-direction:column;z-index:76}.dock-window.expanded .dock-body{height:auto;max-height:none;flex:1;min-height:0}
@media(max-width:700px){.chat-dock{right:8px;bottom:86px;max-width:calc(100vw - 16px);gap:6px;flex-wrap:wrap;justify-content:flex-end}.dock-window{width:min(360px,calc(100vw - 16px));flex-basis:min(360px,calc(100vw - 16px))}.dock-window.minimized{width:130px;flex-basis:130px}.dock-window.expanded{inset:8px 8px 86px}.dock-body{height:55dvh;max-height:calc(100dvh - 200px)}}

.chat-dock{flex-wrap:wrap;justify-content:flex-end}.dock-head button:focus-visible,.dock-composer button:focus-visible{outline:2px solid #087e61;outline-offset:-2px}

.dock-log{display:flex;flex-direction:column;gap:10px}.dock-log .chat-message{flex-shrink:0}.dock-log .chat-message p{font-size:14px;line-height:1.55;white-space:pre-wrap}.dock-log .chat-message time{font-size:11px}.dock-log .chat-message small{font-size:12px}

/* Moarge visual language: fitment records and real inventory take precedence over decoration. */
:root{--bg:#f3f5f1;--surface:#fff;--surface-2:#e8eee9;--ink:#142d2c;--text:#45605a;--muted:#71817b;--line:#cbd8d1;--primary:#007b5b;--primary-2:#00664c;--primary-soft:#e3f2e9;--signal:#c7dc55;--radius:10px;--shadow-sm:0 1px 0 rgba(20,45,44,.06),0 12px 30px rgba(20,45,44,.045);--shadow-md:0 20px 48px rgba(20,45,44,.09)}
body{background-color:var(--bg);background-image:linear-gradient(90deg,transparent 0,transparent calc(50% - 1px),rgba(20,45,44,.025) calc(50% - 1px),rgba(20,45,44,.025) 50%,transparent 50%);}
.topbar{border-bottom:1px solid var(--line);box-shadow:none}.brand-logo{filter:none}.desktop-nav a{font-weight:650;letter-spacing:.01em}.desktop-nav a.active,.desktop-nav a:hover{color:var(--primary)}
.button{border-radius:7px;font-weight:760;letter-spacing:.005em}.button.primary{background:var(--primary);box-shadow:inset 0 -2px 0 rgba(0,0,0,.16)}.button.primary:hover{background:var(--primary-2);transform:translateY(-1px)}.button.secondary{border-color:var(--line);background:#fff}.page-shell{max-width:1220px}
.hero.hero-official.discovery-hero{position:relative;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(38px,6vw,86px);padding:76px 0 72px;border-bottom:1px solid var(--line)}
.discovery-hero .hero-copy{position:relative;padding-left:24px}.discovery-hero .hero-copy:before{content:"";position:absolute;left:0;top:4px;width:4px;height:102px;background:var(--primary)}
.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.12em}.discovery-hero .hero-copy h1.hero-fit-title{max-width:700px;font-size:clamp(38px,4.1vw,62px);line-height:1.22;margin:20px 0 24px}.discovery-hero .hero-fit-accent{color:var(--primary-2);padding:0 .08em}.discovery-hero .hero-fit-accent:after{left:.08em;right:.08em;height:7px;background:var(--signal);opacity:.82;z-index:-1;border-radius:0}.discovery-hero .hero-copy>p{max-width:550px;font-size:15px;line-height:1.8;color:var(--text)}
.discovery-hero .hero-search{max-width:660px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);padding:7px 7px 7px 16px;background:#fff}.discovery-hero .hero-search>span{font-family:Arial,sans-serif;font-size:23px;color:var(--primary)}.discovery-hero .hero-search input{font-weight:550}.quick-brands button{border-radius:5px;font-weight:650}.quick-brands button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.discovery-hero .hero-trust{margin-top:21px;padding-top:15px;border-top:1px solid var(--line);max-width:660px;color:var(--text)}
.fitment-ledger.request-guide{border-radius:0;border:1px solid var(--ink);background:#f9fbf8;padding:0;box-shadow:8px 8px 0 var(--signal);overflow:visible}.fitment-ledger:before{content:"";position:absolute;inset:10px -10px -10px 10px;border:1px solid #aabbb2;z-index:-1}.ledger-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff}.ledger-head .eyebrow{font-size:10px}.ledger-state{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:10px;font-weight:750;white-space:nowrap}.ledger-state i{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.ledger-vehicle{height:109px;padding:11px 24px 0;background:var(--ink);border-bottom:4px solid var(--signal);display:flex;align-items:flex-end}.ledger-vehicle svg{width:100%;height:88px;stroke:#e8f0eb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fitment-ledger h2{margin:23px 24px 8px;font-size:25px;line-height:1.25;letter-spacing:-.025em}.fitment-ledger>p{margin:0 24px;color:var(--text);font-size:13px;line-height:1.7}.fitment-ledger ol{margin:22px 0 0;padding:0;border-top:1px solid var(--line);gap:0}.fitment-ledger li{gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:31px minmax(0,1fr) auto}.fitment-ledger li>span{width:25px;height:25px;border:0;border-radius:0;background:var(--primary-soft);color:var(--primary);font-size:10px}.fitment-ledger li div{gap:1px}.fitment-ledger b{font-size:12px;line-height:1.3}.fitment-ledger li small{font-size:10px}.fitment-ledger li>i{font-size:9px;color:var(--muted);font-style:normal;text-align:right;white-space:nowrap}.fitment-ledger .full{margin:20px 18px 0;width:calc(100% - 36px)}.fitment-ledger .guide-note{padding:11px 18px 17px;margin:0;font-size:10px;text-align:left}
.home-content{padding-top:54px}.section-heading h2{font-size:clamp(25px,2.7vw,35px);letter-spacing:-.03em}.category-section{padding-top:0;border-top:0}.category-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-grid button{position:relative;min-height:152px;padding:17px 17px 15px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:4px 12px}.category-grid button:hover{background:var(--ink);border-color:var(--line);color:#fff}.category-grid button:hover .category-icon,.category-grid button:hover .category-number,.category-grid button:hover>span:last-child{color:var(--signal)}.category-number{grid-column:1/-1;font-size:10px;letter-spacing:.1em;font-weight:800}.category-icon{grid-row:2;align-self:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:var(--primary)}.category-icon svg{width:20px;height:20px}.category-grid b{grid-row:2;align-self:center;font-size:14px;line-height:1.4}.category-grid button>span:last-child{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted)}
.how-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.how-grid article{min-height:268px;padding:24px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent}.how-grid article>span{font-size:13px;color:var(--primary);font-weight:850;letter-spacing:.08em}.how-grid article>i{display:block;width:42px;height:42px;margin:28px 0 22px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--primary);font-size:20px;line-height:42px;text-align:center;font-style:normal}.how-grid h3{font-size:18px;letter-spacing:-.02em}.how-grid p{font-size:13px;max-width:265px}.micro-dashboard,.trust-band{border-radius:0;background:#fff;border:1px solid var(--line);box-shadow:none}.seller-invitation{border-radius:0;border-color:var(--ink);box-shadow:8px 8px 0 var(--primary-soft)}.seller-benefits p>span{border-radius:0}.faq-list details:first-child{border-top:1px solid var(--line)}
.listing-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.listing-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:#fff}.listing-card:hover{box-shadow:inset 0 4px 0 var(--primary)}.listing-photo{border-radius:0}.listing-photo img{filter:saturate(.92) contrast(1.03)}.listing-body{padding:18px}.listing-top{font-variant-numeric:tabular-nums}.listing-bottom strong{color:var(--ink)}.supplier-card{border-radius:0;box-shadow:none}.supplier-card:hover{box-shadow:inset 0 4px 0 var(--primary)}
.site-footer{border-top:1px solid var(--ink);background:#e8eee9}.mobile-nav{border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(20,45,44,.06)}
@media(max-width:900px){.hero.hero-official.discovery-hero{grid-template-columns:1fr 390px;gap:34px}.discovery-hero .hero-copy h1.hero-fit-title{font-size:43px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid button{min-height:135px}}
@media(max-width:760px){body{background-image:none}.hero.hero-official.discovery-hero{grid-template-columns:1fr;padding:42px 0 46px}.discovery-hero .hero-copy{padding-left:17px}.discovery-hero .hero-copy:before{height:82px;width:3px}.discovery-hero .hero-copy h1.hero-fit-title{font-size:38px;line-height:1.26}.fitment-ledger.request-guide{box-shadow:5px 5px 0 var(--signal)}.fitment-ledger:before{display:none}.home-content{padding-top:38px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid button{min-height:132px}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:auto}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.discovery-hero .hero-copy h1.hero-fit-title{font-size:33px}.ledger-vehicle{height:94px}.fitment-ledger h2{font-size:22px}.fitment-ledger li{padding:12px 14px;grid-template-columns:28px minmax(0,1fr)}.fitment-ledger li>i{display:none}.category-grid button{min-height:122px;padding:14px 12px}.category-grid b{font-size:13px}.listing-grid{grid-template-columns:1fr}.hero-fit-title .hero-fit-accent:after{height:5px}}

/* Product workspaces — a shared visual system for catalog, seller tools, chat and control centre. */
.page-pad{padding-top:48px;padding-bottom:74px}.page-intro{position:relative}.page-intro h1{max-width:780px;letter-spacing:-.045em;line-height:1.18}.page-intro>p{max-width:650px;line-height:1.8}.page-intro.row{align-items:flex-end;padding-bottom:24px;border-bottom:1px solid var(--line)}
.catalog-workbench .page-intro,.seller-workbench .page-intro,.conversation-workspace .page-intro{padding-left:22px}.catalog-workbench .page-intro:before,.seller-workbench .page-intro:before,.conversation-workspace .page-intro:before{content:"";position:absolute;inset:0 auto 24px 0;width:4px;background:var(--primary)}
.filter-bar{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:var(--shadow-sm)}.filter-bar input,.filter-bar select{border-radius:5px;background:#f8faf8}.discovery-options{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.results-head{padding:10px 0 16px;font-variant-numeric:tabular-nums}.catalog-pagination{border-top:1px solid var(--line);padding-top:24px}
.catalog-workbench .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));background:#fff}.catalog-workbench .listing-card{min-height:100%;display:flex;flex-direction:column}.catalog-workbench .listing-body{display:flex;flex:1;flex-direction:column}.catalog-workbench .listing-bottom{margin-top:auto;padding-top:16px}.listing-card .badge{border-radius:3px}.listing-card .seller-avatar{border-radius:6px}.listing-card .listing-photo:after{background:linear-gradient(0deg,rgba(10,35,31,.56),transparent 42%)}
.seller-workbench{--work-surface:#f9fbf8}.seller-workbench .page-intro{background:linear-gradient(90deg,#fff 0%,#f0f6f1 100%);border:1px solid var(--line);padding:25px 28px 25px 50px;margin-bottom:20px}.seller-workbench .page-intro:before{inset:22px auto 22px 22px}.seller-workbench .kpi-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.seller-workbench .kpi-grid article{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:21px}.seller-workbench .kpi-grid article:after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:transparent}.seller-workbench .kpi-grid article:hover:after{background:var(--signal)}.seller-workbench .kpi-grid article>span{border-radius:4px;background:var(--primary-soft);color:var(--primary)}.seller-workbench .dashboard-columns{gap:0;border:1px solid var(--line);background:#fff}.seller-workbench .dashboard-columns>.panel{border:0;border-radius:0;box-shadow:none;padding:28px}.seller-workbench .dashboard-columns>.panel+ .panel{border-left:1px solid var(--line);background:#f8faf8}.seller-workbench .seller-request-row{margin:0;border-radius:0;border:0;border-top:1px solid var(--line);padding:17px 0}.seller-workbench .seller-request-row:first-of-type{border-top:0}.seller-workbench .part-symbol{border-radius:4px;background:var(--ink);color:var(--signal)}.seller-workbench .profile-score{border-radius:0;border-left:4px solid var(--primary);background:var(--primary-soft)}
.conversation-workspace{max-width:1120px}.conversation-workspace .page-intro{padding-bottom:26px;border-bottom:1px solid var(--line)}.conversation-workspace .conversation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.conversation-workspace .conversation-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;min-height:118px;padding:18px;text-align:left}.conversation-workspace .conversation-card:hover,.conversation-workspace .conversation-card.unread{background:#edf7f1;box-shadow:inset 4px 0 0 var(--primary)}.conversation-workspace .seller-avatar{border-radius:7px}.conversation-workspace .conversation-time i{border-radius:4px;background:var(--primary)}
.chat-dock{right:20px;gap:8px}.dock-window{border-radius:0;border-color:var(--ink);box-shadow:7px 7px 0 var(--primary-soft)}.dock-head{border-bottom:1px solid var(--line);background:#fff}.dock-head button{border-radius:4px}.dock-head button:hover{background:var(--primary-soft)}.dock-context{background:#f6f8f6}.dock-log{background:#fbfcfb}.dock-log .chat-message{border-radius:8px}.dock-composer{background:#fff}.dock-composer textarea{border-radius:5px}.dock-composer button,.dock-attach{border-radius:4px;background:var(--primary);color:#fff}
.admin-command{max-width:1380px;grid-template-columns:214px minmax(0,1fr);gap:22px}.admin-command .admin-sidebar{position:sticky;top:94px;align-self:start;border-radius:0;border:1px solid var(--ink);background:var(--ink);padding:12px;box-shadow:8px 8px 0 var(--signal)}.admin-command .admin-label{color:var(--signal);padding:12px 10px 16px;letter-spacing:.11em;font-weight:800}.admin-command .admin-sidebar a{color:#dcebe4;border-radius:4px;padding:12px 10px}.admin-command .admin-sidebar a span{color:var(--signal)}.admin-command .admin-sidebar a:hover,.admin-command .admin-sidebar a.active{background:#0d6049;color:#fff}.admin-command .admin-sidebar a.active span{color:var(--signal)}.admin-command .page-intro.row{border:0;background:#fff;padding:26px;border-left:4px solid var(--primary)}.admin-command .admin-kpis{gap:0;border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));background:#fff}.admin-command .admin-kpis article{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:20px}.admin-command .admin-kpis article>span{border-radius:0;background:var(--primary-soft);color:var(--primary)}.admin-command .admin-kpis article.attention>span{background:#fff0ef;color:#b8433c}.admin-command .panel{border-radius:0;box-shadow:none;border-color:var(--line);padding:24px}.admin-command .analytics-panel{border-top:4px solid var(--primary);background:#f9fbf8}.admin-command .analytics-panel .kpi-grid{gap:0;border:1px solid var(--line);background:#fff}.admin-command .analytics-panel .kpi-grid article{border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.admin-command .operations-grid a{border-radius:0;background:#fff}.admin-command .operations-grid a:hover{box-shadow:inset 4px 0 var(--primary)}.admin-command .compact-table>div{border-bottom:1px solid var(--line);padding:14px 0}.admin-command .compact-table>div:last-child{border:0}.admin-command .promo-admin-card,.admin-command .admin-plan-card,.admin-command .review-admin-list article{border-radius:0;background:#fff}.admin-command table th{background:#eef4ef}.admin-command .bar-chart{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1000px){.catalog-workbench .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search-field{grid-column:1/-1}.admin-command{grid-template-columns:1fr}.admin-command .admin-sidebar{position:static;display:flex;overflow:auto;box-shadow:none}.admin-command .admin-label{display:none}.admin-command .admin-sidebar a{flex:0 0 auto}.admin-command .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-pad{padding-top:30px}.catalog-workbench .page-intro,.seller-workbench .page-intro,.conversation-workspace .page-intro{padding-left:16px}.catalog-workbench .page-intro:before,.seller-workbench .page-intro:before,.conversation-workspace .page-intro:before{width:3px}.filter-bar{grid-template-columns:1fr;padding:8px}.filter-bar .search-field{grid-column:auto}.catalog-workbench .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-workbench .page-intro{padding:22px 20px 22px 38px}.seller-workbench .page-intro:before{inset:20px auto 20px 17px}.seller-workbench .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-workbench .dashboard-columns>.panel+ .panel{border-left:0;border-top:1px solid var(--line)}.conversation-workspace .conversation-list{grid-template-columns:1fr}.admin-command .admin-kpis{grid-template-columns:1fr 1fr}.admin-command .panel{padding:18px}.chat-dock{right:8px}}
@media(max-width:480px){.catalog-workbench .listing-grid{grid-template-columns:1fr}.seller-workbench .kpi-grid{grid-template-columns:1fr}.admin-command .admin-kpis{grid-template-columns:1fr}.admin-command .page-intro.row{padding:20px}.conversation-workspace .conversation-card{min-height:104px}}

/* Moarge reference composition: a calm fitment desk for buyers and an operational console for sellers. */
.site-header{background:rgba(252,253,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dce6df}.site-logo{letter-spacing:-.07em}.site-logo strong{font-weight:950}.desktop-nav a{font-weight:750}.hero.hero-official.discovery-hero{min-height:440px;align-items:center;gap:54px}.discovery-hero .hero-copy{max-width:690px}.hero-fit-title{max-width:700px}.hero-search{height:62px;box-shadow:0 8px 25px rgba(10,47,38,.08)}.hero-search input{font-size:16px}.quick-brands{margin-top:19px}.quick-brands button{border-radius:99px;background:#fff;border-color:#dbe5de}.fitment-ledger.request-guide{width:100%;max-width:600px;box-shadow:none;border-radius:12px;overflow:hidden;background:#fbfdfb}.fitment-ledger:before{display:none}.ledger-head{padding:15px 20px}.ledger-vehicle{height:190px;padding:24px 34px 16px;background-color:#f6faf7;background-image:linear-gradient(rgba(20,45,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,45,44,.08) 1px,transparent 1px);background-size:21px 21px;border-bottom:1px solid var(--line)}.ledger-vehicle svg{height:150px;stroke:#0f6b53;stroke-width:1.35}.fitment-ledger h2{margin:20px 24px 5px;font-size:24px}.fitment-ledger ol{margin-top:14px}.fitment-ledger li{padding:10px 18px}.fitment-ledger .full{margin:15px 18px 0}.hero-trust{display:none}.home-content{padding-top:22px}.category-section{padding:32px 0 16px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:12px;overflow:hidden}.category-grid button{min-height:136px;background:#fff;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;place-items:center;text-align:center}.category-number{justify-self:start}.category-icon{grid-row:2}.category-grid b{grid-row:3;font-size:12px}.category-grid button>span:last-child{display:none}.section-block{padding-top:48px}.listing-grid{grid-template-columns:repeat(6,minmax(0,1fr));border-radius:12px;overflow:hidden}.listing-body{padding:14px}.listing-card h3{font-size:14px}.listing-card .seller-line{display:none}.listing-card .listing-bottom{gap:6px;align-items:flex-start;flex-direction:column}.listing-card .listing-bottom .button{width:100%}

.seller-commandbar{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;padding:0 0 20px;border-bottom:1px solid var(--line)}.seller-commandbar h1{margin:4px 0 6px;font-size:clamp(30px,3vw,44px);letter-spacing:-.05em}.seller-commandbar p{max-width:650px;margin:0;line-height:1.65}.seller-command-actions{display:flex;gap:9px;white-space:nowrap}.seller-console{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(370px,1.25fr) minmax(235px,.72fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(15,43,36,.08)}.seller-console>section,.seller-console>aside{min-width:0;padding:20px}.seller-console-requests,.seller-console-focus{border-right:1px solid var(--line)}.seller-console header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.seller-console header h2{margin:3px 0 0;font-size:20px;letter-spacing:-.035em}.seller-console header>a{font-size:12px;font-weight:800;color:var(--primary)}.console-tabs{display:flex;gap:0;margin:17px -20px 0;padding:0 20px;border-bottom:1px solid var(--line)}.console-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 8px;color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.console-tabs button+button{margin-left:12px}.console-tabs button.active{border-color:var(--primary);color:var(--ink)}.console-tabs b{display:inline-grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:5px;background:var(--primary-soft);color:var(--primary);font-size:10px}.console-request-list{margin:0 -20px}.seller-console .seller-request-row{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 20px;border:0;border-bottom:1px solid var(--line);background:#fff}.seller-console .seller-request-row:hover{background:#f2faf5;box-shadow:inset 3px 0 var(--primary)}.seller-console .seller-request-row .row-side{grid-column:2;display:flex;justify-content:flex-start;gap:8px;margin-top:3px}.seller-console .seller-request-row .row-side>span:first-child{display:none}.seller-console .seller-request-row h3{font-size:14px}.seller-console .seller-request-row p{font-size:11px}.seller-console .part-symbol{width:31px;height:31px;font-size:14px}.focus-head{display:flex;justify-content:space-between;align-items:center}.focus-visual{height:220px;margin:16px 0 20px;border-radius:8px;background-color:#f6faf7;background-image:linear-gradient(rgba(20,45,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,45,44,.08) 1px,transparent 1px);background-size:20px 20px;display:grid;place-items:center;position:relative;overflow:hidden}.focus-visual:before{content:"";position:absolute;width:260px;height:92px;border:2px solid #0b7658;border-radius:70px 92px 26px 26px;transform:translateY(16px)}.focus-visual:after{content:"";position:absolute;width:182px;height:44px;border:2px solid #0b7658;border-top:0;border-radius:0 0 42px 42px;transform:translateY(55px)}.focus-visual>span{position:relative;z-index:1;color:var(--primary);font-size:44px}.focus-visual i{position:absolute;z-index:1;left:15px;top:15px;padding:7px 9px;background:var(--ink);color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:4px}.focus-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.focus-title h2{font-size:23px;margin:0 0 4px;letter-spacing:-.04em}.focus-title p{margin:0;color:var(--muted);font-size:13px}.focus-body dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:19px 0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.focus-body dl div{padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.focus-body dl div:nth-child(even){border-right:0}.focus-body dl div:nth-last-child(-n+2){border-bottom:0}.focus-body dt{font-size:10px;color:var(--muted)}.focus-body dd{margin:3px 0 0;font-size:12px;font-weight:800;overflow-wrap:anywhere}.focus-note{padding:11px 12px;border-radius:6px;background:#eef6f1;color:#36554b;font-size:12px;line-height:1.5}.seller-console-activity{background:#fbfdfb}.console-stat{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.console-stat span{font-size:11px;color:var(--muted)}.console-stat strong{font-size:22px;text-align:right}.console-stat small{display:block;font-size:10px;color:var(--muted);font-weight:650}.console-checks{display:grid;gap:8px;margin:22px 0}.console-checks b{font-size:12px}.console-checks span{font-size:11px;color:#a0aaa5}.console-checks span.done{color:#287a5e}.seller-console-activity .full{margin-top:4px}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seller-console{grid-template-columns:minmax(270px,.9fr) minmax(350px,1.25fr)}.seller-console-activity{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr repeat(3,1fr) 1.4fr auto;gap:12px;align-items:center}.seller-console-activity header{display:block}.seller-console-activity .console-stat{padding:0;border:0}.seller-console-activity .console-checks{margin:0}.seller-console-activity .full{width:auto;margin:0;white-space:nowrap}}
@media(max-width:820px){.hero.hero-official.discovery-hero{gap:22px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seller-commandbar{align-items:flex-start;flex-direction:column}.seller-console{grid-template-columns:1fr}.seller-console-requests,.seller-console-focus{border-right:0;border-bottom:1px solid var(--line)}.seller-console-activity{display:block}.seller-console-activity .console-stat{padding:14px 0;border-bottom:1px solid var(--line)}.seller-console-activity .console-checks{margin:22px 0}.seller-console-activity .full{width:100%}}
@media(max-width:560px){.hero.hero-official.discovery-hero{padding-top:30px}.ledger-vehicle{height:156px}.ledger-vehicle svg{height:122px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-command-actions{width:100%}.seller-command-actions>*{flex:1}.seller-console>section,.seller-console>aside{padding:16px}.console-tabs,.console-request-list{margin-left:-16px;margin-right:-16px}.console-tabs{padding-left:16px;padding-right:16px}.seller-console .seller-request-row{padding-left:16px;padding-right:16px}.focus-visual{height:178px}.focus-body dl{grid-template-columns:1fr}.focus-body dl div{border-right:0}.focus-body dl div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.focus-body dl div:last-child{border-bottom:0}}

/* Offer comparison, chat and control-center references: dense only where work needs density. */
.request-compare-workspace{max-width:1420px}.request-compare-workspace .page-intro{padding:24px 0 20px;border-bottom:1px solid var(--line)}.request-compare-workspace .request-list{display:grid;gap:22px;margin-top:22px}.request-compare-workspace .request-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(11,43,35,.05);overflow:hidden}.request-compare-workspace .request-head{padding:20px 22px 13px;background:linear-gradient(110deg,#fff,#f3faf5)}.request-compare-workspace .request-head h2{font-size:25px;letter-spacing:-.04em}.request-compare-workspace .request-meta{padding:0 22px 15px;border-bottom:1px solid var(--line)}.request-compare-workspace .request-description{margin:16px 22px;padding:13px 15px;border-radius:7px;background:#f2f7f3;color:#36554b}.request-compare-workspace .request-image{margin:16px 22px 0;max-width:220px;border-radius:8px}.request-compare-workspace .offer-section{margin:0;padding:0 22px 22px}.request-compare-workspace .offer-section-head{padding:18px 0 12px}.request-compare-workspace .offer-section-head b{font-size:17px}.request-compare-workspace .offer-sort{border:0;background:transparent;justify-content:flex-end;font-size:12px}.request-compare-workspace .offer-sort select{margin-left:8px;border-radius:6px;background:#fff}.request-compare-workspace .offer-list{gap:10px}.request-compare-workspace .offer-card{grid-template-columns:170px minmax(260px,1fr) 220px;gap:20px;border-radius:10px;padding:12px;border-color:#dbe8df;box-shadow:none}.request-compare-workspace .offer-card:hover{border-color:#62ae90;box-shadow:0 8px 24px rgba(15,94,68,.08)}.request-compare-workspace .offer-card.best{border-left:4px solid var(--primary);background:linear-gradient(90deg,#ecf8f1,#fff 38%)}.request-compare-workspace .offer-photo{height:138px;border-radius:7px}.request-compare-workspace .offer-photo img{object-fit:cover}.request-compare-workspace .offer-main h3{font-size:18px;margin:10px 0 8px}.request-compare-workspace .offer-seller{position:absolute;right:244px;top:15px}.request-compare-workspace .offer-seller .seller-avatar{width:31px;height:31px;border-radius:50%}.request-compare-workspace .offer-facts{gap:6px}.request-compare-workspace .offer-facts span{border-radius:4px;background:#f0f5f1;font-size:11px}.request-compare-workspace .offer-price{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:20px;border-left:1px solid var(--line)}.request-compare-workspace .offer-price strong{font-size:28px;letter-spacing:-.045em}.request-compare-workspace .offer-price>div{display:flex;gap:7px;margin-top:14px}.request-compare-workspace .offer-price .button{flex:1}

.conversation-workspace{max-width:1320px}.conversation-workspace .page-intro{padding:20px 0 16px}.conversation-workspace .conversation-list{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(11,43,35,.05)}.conversation-workspace .conversation-card{min-height:132px;padding:18px;background:#fff}.conversation-workspace .conversation-card:hover,.conversation-workspace .conversation-card.unread{background:linear-gradient(120deg,#edf9f2,#fff)}.conversation-workspace .conversation-copy b{font-size:14px}.conversation-workspace .conversation-copy p{font-size:12px}.dock-window.expanded{inset:5vh max(18px,calc((100vw - 1220px)/2)) 5vh;border:1px solid #cbded2;border-radius:12px;box-shadow:0 22px 80px rgba(4,35,26,.28)}.dock-window.expanded .dock-head{height:58px;padding:0 16px;background:linear-gradient(90deg,#063f32,#0c5a46);color:#fff}.dock-window.expanded .dock-head button{color:#fff}.dock-window.expanded .dock-head button:hover{background:rgba(255,255,255,.14)}.dock-window.expanded .dock-body{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#f7faf8}.dock-window.expanded .dock-context{margin:0;padding:11px 16px;background:#fff;border-bottom:1px solid var(--line);font-weight:800}.dock-window.expanded .dock-log{max-width:760px;width:100%;justify-self:center;padding:24px;background:transparent}.dock-window.expanded .chat-message{max-width:72%;border-radius:12px}.dock-window.expanded .chat-message img{max-height:390px;border-radius:9px}.dock-window.expanded .dock-composer{max-width:860px;width:calc(100% - 36px);justify-self:center;margin:0 0 18px;border:1px solid #d8e6dc;border-radius:10px;box-shadow:0 7px 20px rgba(11,43,35,.08)}

.admin-command{max-width:1500px;gap:0;background:#f5f8f6}.admin-command .admin-sidebar{top:76px;min-height:calc(100vh - 100px);border-radius:0;border:0;box-shadow:none;background:linear-gradient(180deg,#092f27,#06362b)}.admin-command .admin-content{padding:20px 24px 42px;min-width:0}.admin-command .page-intro.row{padding:20px 0 16px;background:transparent;border-left:0;border-bottom:1px solid var(--line)}.admin-command .page-intro h1{font-size:28px}.admin-command .admin-kpis{margin-top:16px;border-radius:10px;overflow:hidden}.admin-command .admin-kpis article{min-height:132px}.admin-command .analytics-panel{border:0;border-radius:12px;background:linear-gradient(135deg,#073c30,#105e48);color:#effcf5;box-shadow:0 15px 34px rgba(6,54,43,.2)}.admin-command .analytics-panel .panel-title,.admin-command .analytics-panel .panel-title h2{color:#fff}.admin-command .analytics-panel .eyebrow,.admin-command .analytics-panel .form-note{color:#b9dfc9}.admin-command .analytics-panel select,.admin-command .analytics-panel .button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}.admin-command .analytics-panel .kpi-grid{border-color:rgba(255,255,255,.16);background:rgba(2,25,19,.18)}.admin-command .analytics-panel .kpi-grid article{border-color:rgba(255,255,255,.16);background:transparent;color:#fff}.admin-command .analytics-panel .kpi-grid article small,.admin-command .analytics-panel .kpi-grid article em{color:#c9ead5}.admin-command .analytics-panel .funnel>div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.admin-command .analytics-panel .compact-table>div{border-color:rgba(255,255,255,.15)}.admin-command .analytics-panel .admin-grid section{border-color:rgba(255,255,255,.15)}.admin-command .panel:not(.analytics-panel){border-radius:12px;background:#fff}.admin-command .operations-grid{grid-template-columns:repeat(5,1fr)}.admin-command .operations-grid a{min-height:126px;border:1px solid var(--line);border-radius:9px}.admin-command .bar-chart{min-height:190px}
@media(max-width:1080px){.request-compare-workspace .offer-card{grid-template-columns:130px minmax(0,1fr) 180px}.request-compare-workspace .offer-seller{position:static;margin-bottom:8px}.conversation-workspace .conversation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-command .admin-content{padding:18px}.admin-command .operations-grid{grid-template-columns:repeat(3,1fr)}}
/* The seller desk needs a deliberate tablet layout.  Keeping three columns
   until 820px left the request details in a narrow, visually empty strip. */
@media(max-width:920px){
  .seller-console{grid-template-columns:1fr;border-radius:14px}
  .seller-console-requests,.seller-console-focus{border-right:0;border-bottom:1px solid var(--line)}
  .seller-console>section,.seller-console>aside{padding:18px}
  .seller-console-activity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .seller-console-activity header,.seller-console-activity .console-checks,.seller-console-activity .full{grid-column:1/-1}
  .seller-console-activity .console-stat{padding:12px 0;border-bottom:1px solid var(--line)}
  .focus-visual{height:200px}
}
@media(max-width:700px){.request-compare-workspace .page-intro{padding-top:10px}.request-compare-workspace .request-head,.request-compare-workspace .request-meta,.request-compare-workspace .offer-section{padding-left:14px;padding-right:14px}.request-compare-workspace .offer-card{grid-template-columns:108px minmax(0,1fr);gap:12px}.request-compare-workspace .offer-photo{height:100px}.request-compare-workspace .offer-price{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;display:grid;grid-template-columns:1fr auto;gap:4px}.request-compare-workspace .offer-price small{grid-column:1}.request-compare-workspace .offer-price strong{grid-column:1;font-size:24px}.request-compare-workspace .offer-price>span{grid-column:1}.request-compare-workspace .offer-price>div{grid-column:2;grid-row:1/4;align-self:center;margin:0}.conversation-workspace .conversation-list{grid-template-columns:1fr}.dock-window.expanded{inset:0 0 76px;border-radius:0}.dock-window.expanded .dock-log{padding:15px}.dock-window.expanded .dock-composer{width:calc(100% - 16px);margin-bottom:8px}.admin-command .admin-content{padding:14px}.admin-command .operations-grid{grid-template-columns:repeat(2,1fr)}}

.console-tabs span{display:inline-block;border-bottom:2px solid transparent;padding:11px 8px;color:var(--muted);font-size:12px;font-weight:800}.console-tabs span+span{margin-left:12px}.console-tabs span.active{border-color:var(--primary);color:var(--ink)}

/* Moarge product system — a fitment-first automotive workspace. */
:root{--ink:#062f27;--text:#38564d;--muted:#75877f;--line:#dbe7e0;--primary:#087653;--primary-2:#0a614c;--primary-soft:#e8f5ed;--signal:#b9e848;--bg:#f8faf7;--surface:#fff;--max:1440px}
body{background:#f8faf7;color:var(--ink);background-image:linear-gradient(rgba(6,47,39,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,39,.026) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
.topbar{height:84px;padding-inline:max(32px,calc((100vw - var(--max))/2));gap:42px;background:rgba(252,253,250,.93);border-bottom:1px solid #dce7e1;box-shadow:none}
.brand{gap:11px;color:var(--ink);letter-spacing:0}.brand-logo{width:62px;height:38px;object-fit:contain}.wordmark{display:flex;flex-direction:column;line-height:1!important;font-size:29px!important;letter-spacing:-.065em!important;color:var(--ink)}.wordmark b{font-weight:900}.wordmark small{margin-top:5px;font-size:8px!important;font-weight:750!important;letter-spacing:.1em!important;color:#567067!important}
.desktop-nav{gap:14px}.desktop-nav a{padding:11px 7px!important;color:#355149;font-size:13px!important;font-weight:750!important;border-radius:0}.desktop-nav a.active,.desktop-nav a:hover{background:transparent!important;color:var(--primary)!important;box-shadow:inset 0 -2px var(--primary)}
.top-actions{gap:13px}.top-actions .icon-button{border:0;background:transparent;color:var(--ink);width:35px;height:40px;border-radius:0}.top-actions .navigation-trigger{display:none}.language-control{display:none}.account-button{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;min-width:120px;padding:3px 0 3px 14px}.account-copy small{color:var(--muted)}.avatar{border-radius:50%;background:#e5f0ea;color:var(--primary)}
.hero.hero-official.discovery-hero{position:relative;min-height:0;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);gap:clamp(40px,6vw,90px);padding:58px 34px 52px;border-bottom:1px solid var(--line);background:rgba(252,253,250,.76)}
.hero.hero-official.discovery-hero:before{display:none}.discovery-hero .hero-copy{padding:18px 0 18px 22px;max-width:740px}.discovery-hero .hero-copy:before{top:29px;height:128px;width:4px;border-radius:2px;background:var(--primary)}.discovery-hero .hero-copy .eyebrow{padding:0;background:transparent;color:var(--primary);font-size:11px}.discovery-hero .hero-copy h1.hero-fit-title{max-width:760px;font-size:clamp(42px,4.25vw,66px);line-height:1.16;margin:19px 0 20px;letter-spacing:-.07em}.discovery-hero .hero-fit-accent{color:var(--primary-2);font-weight:950}.discovery-hero .hero-fit-accent:after{z-index:-1;bottom:3px;height:8px;background:var(--signal);opacity:.62}.discovery-hero .hero-copy>p{max-width:620px;color:#60756d;font-size:16px;line-height:1.72;margin-bottom:24px}
.discovery-hero .hero-search{max-width:690px;height:62px;padding:7px 7px 7px 17px;border:1px solid #c8d9d0;border-radius:8px;box-shadow:0 8px 22px rgba(6,47,39,.06)}.hero-search input{font-weight:600;color:var(--ink)}.hero-search .button{min-width:108px;border-radius:6px;background:var(--primary);box-shadow:none}.hero-search .button:hover{background:#075f48}.fitment-shortcuts{display:flex;align-items:end;gap:10px;max-width:690px;margin-top:12px}.fitment-shortcuts label{display:grid;gap:4px;min-width:145px;color:var(--muted);font-size:10px;font-weight:800}.fitment-shortcuts select{min-height:39px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.fitment-open{min-height:39px;padding:0 2px;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:800}.fitment-open span{font-size:18px;vertical-align:-2px}.quick-brands{margin-top:18px!important;gap:7px}.quick-brands>span{width:auto;margin-right:4px;color:#74867e;font-weight:750}.quick-brands button{min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:11px}.quick-brands button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.fitment-ledger.request-guide{align-self:stretch;max-width:none;border:1px solid #d4e2da;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(6,47,39,.055)}.ledger-head{padding:16px 22px;border-bottom:1px solid var(--line)}.ledger-head .eyebrow{font-size:12px;letter-spacing:0;color:var(--ink);text-transform:none}.ledger-state{font-size:10px;color:var(--primary)}.ledger-vehicle{height:242px;padding:38px 46px 24px;background-color:#fafcf9;background-image:linear-gradient(rgba(6,47,39,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,39,.09) 1px,transparent 1px);background-size:22px 22px}.ledger-vehicle:after{content:'VIN-ით ზუსტი შესაბამისობა';position:absolute;left:42px;top:38px;padding:7px 10px;border-radius:4px;background:var(--ink);color:#fff;font-size:10px;font-weight:800}.ledger-vehicle svg{height:180px;stroke:#0a7256;stroke-width:1.2}.fitment-ledger h2{margin:19px 22px 4px;font-size:24px;letter-spacing:-.04em}.fitment-ledger>p{margin:0 22px;color:#60746b}.fitment-ledger ol{margin:13px 22px}.fitment-ledger li{padding:11px 0}.fitment-ledger li>span{border:1px solid #b8d6c5;border-radius:50%;background:#f7fbf8;color:var(--primary)}.fitment-ledger .full{margin:14px 22px 0;border-radius:6px}.guide-note{display:block;padding:11px 22px 17px;color:var(--muted)}
.home-content{padding-top:38px}.section-block{padding-top:38px;margin-bottom:30px}.section-heading.row{margin-bottom:14px}.section-heading h2{font-size:27px;letter-spacing:-.05em}.section-heading a{color:var(--primary);font-weight:800}.category-section{padding:0;border:0;border-radius:0;background:transparent}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.category-grid button{min-height:142px;padding:15px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff}.category-grid button:last-child{border-right:0}.category-grid button:hover{background:#f2f9f4;color:var(--primary);border-color:var(--line)}.category-grid button:nth-child(3n+2) .category-icon,.category-grid button:nth-child(3n+3) .category-icon{background:transparent;color:var(--primary)}.category-icon{width:44px;height:44px;border:1px solid #90bca8;border-radius:50%;background:transparent;color:var(--primary)}.category-grid b{font-size:12px;line-height:1.35}.category-number{color:#92a59b}
.listing-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible}.listing-card{border-radius:8px;border-color:var(--line);background:#fff;box-shadow:none}.listing-photo{height:125px}.listing-photo small{display:none}.listing-body{padding:11px}.listing-top{display:none}.listing-card h3{font-size:13px;line-height:1.35}.listing-card>p,.listing-body>p{font-size:11px}.listing-card .listing-bottom{flex-direction:row;align-items:center}.listing-card .listing-bottom strong{font-size:17px}.listing-card .listing-bottom .button{display:none}.listing-card .seller-line{display:flex;margin-top:8px}.seller-line small{font-size:9px}.seller-line b{font-size:10px}
.seller-invitation,.trust-band{border-radius:12px}.seller-invitation{background:#ebf5ef;border:1px solid #d0e1d7}.how-grid article{border-radius:10px;box-shadow:none}.faq-list details{border-radius:8px}
@media(max-width:1180px){.topbar{gap:22px}.desktop-nav{gap:6px}.desktop-nav a{font-size:12px!important}.hero.hero-official.discovery-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);gap:35px;padding-inline:0}.category-grid,.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid button:nth-child(4){border-right:0}}
@media(max-width:900px){.topbar{height:72px;padding-inline:20px}.desktop-nav{display:none}.top-actions .navigation-trigger{display:grid}.brand-logo{width:54px}.hero.hero-official.discovery-hero{grid-template-columns:1fr;padding:36px 0;gap:26px}.discovery-hero .hero-copy{padding-left:18px}.fitment-ledger.request-guide{max-width:680px}.category-grid,.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid button:nth-child(3n){border-right:0}}
@media(max-width:620px){body{background-size:30px 30px}.topbar{height:64px;padding-inline:13px}.brand-logo{width:44px;height:29px}.wordmark{font-size:23px!important}.wordmark small{display:none}.top-actions .account-button{min-width:36px;padding:0;border:0}.account-button .account-copy,.account-button>span:last-child{display:none}.top-actions .icon-button{width:31px}.hero.hero-official.discovery-hero{padding:25px 0 34px}.discovery-hero .hero-copy{padding-left:14px}.discovery-hero .hero-copy:before{height:92px;width:3px}.discovery-hero .hero-copy h1.hero-fit-title{font-size:36px;line-height:1.21}.discovery-hero .hero-copy>p{font-size:14px}.fitment-shortcuts{display:grid;grid-template-columns:1fr 1fr}.fitment-open{grid-column:1/-1;text-align:left}.quick-brands>span{width:100%}.ledger-vehicle{height:176px;padding:25px}.ledger-vehicle:after{left:20px;top:20px}.ledger-vehicle svg{height:128px}.category-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid button{min-height:122px}.category-grid button:nth-child(2n){border-right:0}.listing-grid{gap:9px}.listing-photo{height:104px}.section-heading h2{font-size:24px}.listing-card .seller-line{display:none}}

/* Chat operating desk — mirrors the same information hierarchy as a physical service counter. */
.chat-studio{width:100%;min-height:calc(100vh - 84px);display:grid;grid-template-columns:235px 330px minmax(430px,1fr) 315px;background:#f7faf8;color:#0a3028}.chat-studio :is(button,input){font-family:inherit}.chat-studio .icon-button{width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:inherit}.studio-rail{display:flex;flex-direction:column;background:linear-gradient(180deg,#063f35,#062d28);color:#e7f6ef;padding:19px 13px}.studio-rail-brand{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 8px;padding:0 9px 20px;color:#fff;text-decoration:none}.studio-rail-brand img{grid-row:1/3;width:43px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.studio-rail-brand b{font-size:24px;letter-spacing:-.06em}.studio-rail-brand small{font-size:8px;color:#bdd7cc;letter-spacing:.03em}.studio-rail nav{display:grid;gap:3px;margin-top:6px}.studio-rail nav a{position:relative;display:flex;align-items:center;gap:13px;min-height:47px;padding:0 10px;border-radius:7px;color:#d8ebe3;text-decoration:none;font-size:13px;font-weight:700}.studio-rail nav a i{width:20px;text-align:center;font-style:normal;font-size:20px;color:#e5f2ec}.studio-rail nav a:hover{background:rgba(255,255,255,.08)}.studio-rail nav a.active{background:linear-gradient(90deg,#0a865e,#087652);color:#fff;box-shadow:inset 3px 0 #b9e848}.studio-rail nav a.active i{color:#d3f466}.studio-rail nav a b{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#b9e848;color:#153d31;font-size:10px}.studio-help{margin-top:auto;display:grid;grid-template-columns:36px 1fr;gap:0 9px;padding:13px 10px;border:1px solid rgba(179,225,203,.18);border-radius:8px;color:#dcefe6;text-decoration:none}.studio-help span{grid-row:1/3;align-self:center;font-size:21px;color:#80d1ad}.studio-help b{font-size:12px}.studio-help small{font-size:10px;color:#a7c5b8}.studio-conversations{min-width:0;display:flex;flex-direction:column;border-right:1px solid #dce8e2;background:#fff}.studio-conversations header,.studio-deal>header{display:flex;justify-content:space-between;align-items:center;padding:18px 17px 10px}.studio-conversations h1{margin:1px 0 0;font-size:26px;letter-spacing:-.06em}.studio-conversations .eyebrow{font-size:9px}.studio-search{display:flex;align-items:center;gap:7px;margin:8px 15px 12px;padding:0 10px;height:40px;border:1px solid #dce8e2;border-radius:7px;background:#fbfcfb;color:#82938b}.studio-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.studio-tabs{display:flex;gap:0;padding:0 15px;border-bottom:1px solid #e2ece6}.studio-tabs button{padding:10px 10px 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6b8077;font-size:11px;font-weight:800}.studio-tabs button.active{border-color:#087653;color:#083b2f}.studio-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;border-radius:5px;background:#d9f0e3;color:#087653;font-size:10px}.studio-thread-list{overflow:auto;min-height:0}.studio-thread{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) 36px;gap:10px;padding:13px 14px;border:0;border-bottom:1px solid #e6eee9;background:#fff;text-align:left;cursor:pointer}.studio-thread:hover{background:#f5fbf7}.studio-thread.active{background:linear-gradient(115deg,#e6f8ec,#d9f3e5);box-shadow:inset 3px 0 #087653}.studio-thread-photo{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#d6eee0;color:#087653;font-size:16px;font-weight:900}.studio-thread-photo img{width:100%;height:100%;object-fit:cover}.studio-thread-copy{min-width:0;display:grid;gap:2px}.studio-thread-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.studio-thread-copy small{overflow:hidden;color:#64776f;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.studio-thread-copy em{overflow:hidden;color:#6a8177;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal}.studio-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.studio-thread-meta time{color:#788a83;font-size:9px}.studio-thread-meta i{display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:#087653;color:#fff;font-size:9px;font-style:normal}.studio-chat{position:relative;display:grid;grid-template-rows:67px auto 1fr 65px;min-width:0;background:#f8fbf9;border-right:1px solid #dce8e2}.studio-chat-head{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fff;border-bottom:1px solid #dce8e2}.studio-person{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#d9f0e3;color:#087653;font-weight:900}.studio-person img{width:100%;height:100%;object-fit:cover}.studio-chat-head>b{font-size:14px}.studio-chat-head>span:not(.studio-person){display:grid;gap:2px}.studio-chat-head small{font-size:10px;color:#819088}.studio-chat-head small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a56f}.studio-chat-head>div{display:flex;gap:3px;margin-left:auto}.studio-offer{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:12px 18px 0;padding:8px 10px;border:1px solid #dce8e2;border-radius:8px;background:#fff}.studio-offer-photo{display:grid;place-items:center;width:50px;height:44px;overflow:hidden;border-radius:5px;background:#e3f2e9;color:#087653;font-size:18px}.studio-offer-photo img{width:100%;height:100%;object-fit:cover}.studio-offer span:not(.studio-offer-photo){display:grid;gap:2px}.studio-offer small{font-size:10px;color:#7d8e87}.studio-offer b{font-size:12px}.studio-offer strong{font-size:18px;letter-spacing:-.04em}.studio-offer>i{padding:4px 8px;border-radius:99px;background:#d9f3e4;color:#087653;font-size:9px;font-style:normal;font-weight:800}.studio-chat-empty{align-self:center;justify-self:center;width:min(470px,calc(100% - 56px));padding:34px;border:1px dashed #c8dbd1;border-radius:12px;background:#fff;text-align:center}.studio-chat-empty>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:#ddf3e6;color:#087653;font-weight:900}.studio-chat-empty b{font-size:15px}.studio-chat-empty p{margin:7px auto 17px;max-width:310px;color:#6b8178;font-size:12px;line-height:1.6}.studio-chat-empty .button{border-radius:6px}.studio-composer{display:flex;align-items:center;gap:7px;margin:0 18px 13px;padding:6px 8px;border:1px solid #d9e6df;border-radius:9px;background:#fff;box-shadow:0 4px 15px rgba(6,47,39,.05)}.studio-composer>button:not(.studio-send){padding:6px;border:0;background:transparent;color:#6c8178;font-size:10px;font-weight:750}.studio-composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px}.studio-send{display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:6px;background:#087653;color:#fff}.studio-deal{overflow:auto;padding:0 15px 16px;background:#fff}.studio-deal>header{padding:18px 0 10px}.studio-deal h2{margin:0;font-size:22px;letter-spacing:-.055em}.studio-deal h3{margin:16px 0 8px;font-size:13px}.studio-deal-card{padding:10px;border:1px solid #dce8e2;border-radius:8px;background:#fbfdfc}.studio-deal-card>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px}.studio-deal-card img,.studio-deal-card>div>div{width:58px;height:52px;object-fit:cover;border-radius:5px;background:#e4f1e9}.studio-deal-card>div>div{display:grid;place-items:center;color:#087653}.studio-deal-card span{display:grid;gap:2px}.studio-deal-card small{font-size:9px;color:#819188}.studio-deal-card b{font-size:12px;line-height:1.35}.studio-deal-card strong{font-size:17px}.studio-deal-card dl{display:grid;gap:5px;margin:10px 0 0;padding-top:8px;border-top:1px solid #e6eee9}.studio-deal-card dl div{display:grid;grid-template-columns:25px 1fr;gap:4px}.studio-deal-card dt{font-size:0}.studio-deal-card dt:before{content:'◇';font-size:13px;color:#5e8173}.studio-deal-card dd{margin:0;color:#526a60;font-size:10px}.studio-fulfillment{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-fulfillment button{position:relative;display:grid;gap:3px;min-height:90px;padding:10px;border:1px solid #dce8e2;border-radius:7px;background:#fff;text-align:center;color:#678077}.studio-fulfillment button.selected{border-color:#0a9b70;box-shadow:inset 0 0 0 1px #0a9b70;color:#073d30}.studio-fulfillment button>span{font-size:21px}.studio-fulfillment button b{font-size:11px}.studio-fulfillment button small{font-size:9px}.studio-fulfillment button i{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#0a9b70;color:white;font-size:10px;font-style:normal}.studio-fields{display:grid;gap:6px}.studio-fields label{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;color:#6c8279;font-size:0}.studio-fields label:before{content:'⌕';font-size:14px}.studio-fields input{min-width:0;height:31px;padding:0 8px;border:1px solid #dce8e2;border-radius:5px;background:#fbfcfb;color:#36574c;font-size:10px}.studio-status{display:grid;gap:3px;margin-top:10px;padding:9px;border-radius:6px;background:#e3f6ea;color:#287855}.studio-status b{font-size:10px}.studio-status span{font-size:9px;line-height:1.35}.studio-progress{margin-top:16px}.studio-progress h3{margin-bottom:8px}.studio-progress p{position:relative;margin:0;padding:0 0 12px 21px;color:#8a9993;font-size:10px}.studio-progress p:not(:last-child):before{content:'';position:absolute;left:6px;top:15px;width:1px;height:13px;background:#cddbd4}.studio-progress i{position:absolute;left:0;top:0;width:13px;height:13px;border:2px solid #c5d4cc;border-radius:50%}.studio-progress .done{color:#276f52}.studio-progress .done i{border-color:#0a9b70;background:#0a9b70}.studio-progress .done i:after{content:'✓';position:absolute;left:2px;top:-4px;color:#fff;font-size:10px}.studio-progress time{float:right;color:#83938c}.studio-complete{width:100%;min-height:40px;margin-top:4px;border:0;border-radius:6px;background:#c9e547;color:#143b2d;font-size:12px;font-weight:900}
body:has(.chat-studio){background:#f7faf8;background-image:none}body:has(.chat-studio) .topbar{display:none}body:has(.chat-studio) #app{min-height:100vh}body:has(.chat-studio) .hub-nav,body:has(.chat-studio) .site-footer,body:has(.chat-studio) .mobile-nav{display:none}
@media(max-width:1180px){.chat-studio{grid-template-columns:72px 285px minmax(380px,1fr)}.studio-rail{padding-inline:9px}.studio-rail-brand{display:grid;grid-template-columns:1fr;padding:6px 0 16px;text-align:center}.studio-rail-brand img{grid-row:auto;width:44px;margin:auto}.studio-rail-brand b,.studio-rail-brand small,.studio-rail nav a span,.studio-rail nav a b,.studio-help b,.studio-help small{display:none}.studio-rail nav a{justify-content:center;padding:0}.studio-help{display:grid;place-items:center;grid-template-columns:1fr;padding:10px}.studio-deal{display:none}.studio-chat{border-right:0}}
@media(max-width:760px){body:has(.chat-studio) .topbar{display:flex}.chat-studio{display:block;min-height:calc(100vh - 64px)}.studio-rail{display:none}.studio-conversations{min-height:calc(100vh - 64px);border:0}.studio-chat,.studio-deal{display:none}.studio-thread-list{padding-bottom:86px}}

/* Seller command centre: the same desk language, with requests in the centre. */
.seller-desk{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh;background:#f7faf8}.seller-desk-rail{display:flex;flex-direction:column;min-height:100vh;padding:22px 13px;background:linear-gradient(180deg,#063f35,#062d28);color:#e2f1e9}.seller-desk-brand{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:0 8px 24px;color:#fff;text-decoration:none}.seller-desk-brand img{grid-row:1/3;width:42px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.seller-desk-brand b{font-size:23px;letter-spacing:-.06em}.seller-desk-brand small{font-size:8px;color:#b7d4c6}.seller-desk-rail nav{display:grid;gap:4px}.seller-desk-rail nav a{display:flex;align-items:center;gap:11px;min-height:45px;padding:0 10px;border-radius:7px;color:#d9ede4;text-decoration:none;font-size:13px;font-weight:750}.seller-desk-rail nav a:hover{background:rgba(255,255,255,.08)}.seller-desk-rail nav a.active{background:linear-gradient(90deg,#0a865e,#087652);box-shadow:inset 3px 0 #b9e848;color:#fff}.seller-desk-rail nav i{margin-left:auto;display:grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:#b9e848;color:#0a3a2c;font-size:10px;font-style:normal}.seller-desk-help{margin-top:auto;padding:13px 10px;border:1px solid rgba(202,234,220,.17);border-radius:7px;color:#d9eee4;text-decoration:none;font-size:12px;font-weight:700}.seller-desk-main{min-width:0}.seller-desk .seller-workbench{width:min(1440px,calc(100% - 50px));padding-top:28px}.seller-desk .seller-commandbar{padding:14px 0 22px}.seller-desk .seller-commandbar h1{font-size:clamp(30px,3.2vw,46px)}.seller-desk .seller-console{box-shadow:0 15px 38px rgba(5,43,33,.07)}body:has(.seller-desk){background:#f7faf8;background-image:none}body:has(.seller-desk) .topbar,body:has(.seller-desk) .hub-nav,body:has(.seller-desk) .site-footer,body:has(.seller-desk) .mobile-nav{display:none}
@media(max-width:900px){body:has(.seller-desk) .topbar{display:flex}.seller-desk{display:block;min-height:0}.seller-desk-rail{display:none}.seller-desk .seller-workbench{width:calc(100% - 28px);padding-top:26px}.seller-desk .seller-commandbar{padding-top:0}body:has(.seller-desk) .mobile-nav{display:flex}}

.seller-request-command{margin-top:22px}.seller-request-filters{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fff}.seller-request-filters label{display:grid;gap:5px;color:#688077;font-size:10px;font-weight:800}.seller-request-filters select{min-width:245px;height:37px;padding:0 10px;border:1px solid #d9e6df;border-radius:5px;background:#fbfcfb;color:#123b2e;font-size:12px}.seller-request-filters span{color:#74877e;font-size:12px}.seller-request-filters b{color:#087653;font-size:19px}.seller-request-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(5,43,33,.06)}.seller-request-feed{min-width:0;border-right:1px solid var(--line)}.seller-request-feed>header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.seller-request-feed h2{margin:0;font-size:18px}.seller-request-feed header small{font-size:10px;color:#75877f}.seller-request-grid .seller-request-row{grid-template-columns:39px minmax(0,1fr);padding:16px 19px;border:0;border-bottom:1px solid #e4ece7;border-radius:0}.seller-request-grid .seller-request-row:hover{background:#f1faf4;box-shadow:inset 3px 0 #087653}.seller-request-grid .seller-request-row .row-side{grid-column:2;justify-content:flex-start;margin-top:5px}.seller-request-preview{padding:19px;background:#fbfdfb}.seller-request-preview .focus-visual{height:188px;margin:13px 0 16px}.seller-request-preview h2{margin:0 0 4px;font-size:24px;letter-spacing:-.05em}.seller-request-preview>p{margin:0 0 15px;color:#60776d;font-size:13px}.seller-request-preview dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 13px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seller-request-preview dl div{padding:9px;border-right:1px solid var(--line)}.seller-request-preview dl div:last-child{border:0}.seller-request-preview dt{color:#82928b;font-size:9px}.seller-request-preview dd{margin:4px 0 0;font-size:11px;font-weight:800;overflow-wrap:anywhere}.seller-request-preview .button+.button{margin-top:8px}
@media(max-width:900px){.seller-request-grid{grid-template-columns:1fr}.seller-request-feed{border-right:0;border-bottom:1px solid var(--line)}.seller-request-preview{display:grid;grid-template-columns:minmax(200px,.7fr) 1fr;gap:12px;align-items:center}.seller-request-preview .eyebrow,.seller-request-preview h2,.seller-request-preview>p{grid-column:2}.seller-request-preview .focus-visual{grid-row:1/5;margin:0;height:180px}.seller-request-preview dl{grid-column:2}.seller-request-preview .button{grid-column:2}}@media(max-width:620px){.seller-request-filters{display:grid;align-items:stretch}.seller-request-filters select{min-width:0;width:100%}.seller-request-preview{display:block}.seller-request-preview .focus-visual{height:165px;margin:12px 0}.seller-request-preview dl{grid-template-columns:1fr}.seller-request-preview dl div{border-right:0;border-bottom:1px solid var(--line)}.seller-request-preview dl div:last-child{border-bottom:0}}

.seller-offer-command{margin-top:22px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(5,43,33,.06)}.seller-offer-command>header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.seller-offer-command h2{margin:0;font-size:19px}.seller-offer-command header span{display:block;margin-top:3px;color:#73877e;font-size:11px}.seller-offer-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)}.seller-offer-list{min-width:0;border-right:1px solid var(--line)}.seller-offer-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid #e5ede8;background:#fff}.seller-offer-row:hover,.seller-offer-row.active{background:#f0faf4;box-shadow:inset 3px 0 #087653}.seller-offer-photo{display:grid;place-items:center;width:61px;height:55px;overflow:hidden;border-radius:6px;background:#e0f1e7;color:#087653;font-size:20px}.seller-offer-photo img{width:100%;height:100%;object-fit:cover}.seller-offer-row .request-id{font-size:9px}.seller-offer-row h3{margin:3px 0;font-size:14px}.seller-offer-row p{margin:0;color:#72867c;font-size:10px}.seller-offer-row>strong{font-size:18px;white-space:nowrap}.seller-offer-detail{padding:19px;background:#fbfdfb}.seller-offer-hero{display:grid;place-items:center;height:178px;margin:13px 0 15px;overflow:hidden;border-radius:8px;background-color:#f7fbf8;background-image:linear-gradient(rgba(6,47,39,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,39,.08) 1px,transparent 1px);background-size:18px 18px;color:#087653;font-size:45px}.seller-offer-hero img{width:100%;height:100%;object-fit:cover}.seller-offer-detail h2{margin:0 0 3px;font-size:24px;letter-spacing:-.05em}.seller-offer-detail>p{margin:0;color:#6f837a;font-size:11px}.seller-offer-price{display:grid;grid-template-columns:1fr auto;gap:2px;margin:16px 0 12px;padding:13px;border-radius:7px;background:#073d30;color:#fff}.seller-offer-price small,.seller-offer-price span{font-size:10px;color:#c1decf}.seller-offer-price strong{font-size:25px;letter-spacing:-.05em}.seller-offer-price span{align-self:end;text-align:right}.seller-offer-detail dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 13px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seller-offer-detail dl div{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.seller-offer-detail dl div:nth-child(even){border-right:0}.seller-offer-detail dl div:nth-last-child(-n+2){border-bottom:0}.seller-offer-detail dt{color:#83938c;font-size:9px}.seller-offer-detail dd{margin:3px 0 0;font-size:11px;font-weight:800;overflow-wrap:anywhere}.seller-offer-detail .button+.button{margin-top:8px}@media(max-width:900px){.seller-offer-grid{grid-template-columns:1fr}.seller-offer-list{border-right:0;border-bottom:1px solid var(--line)}.seller-offer-detail{display:grid;grid-template-columns:minmax(200px,.7fr) 1fr;gap:12px;align-items:center}.seller-offer-detail .eyebrow,.seller-offer-detail h2,.seller-offer-detail>p{grid-column:2}.seller-offer-hero{grid-row:1/6;margin:0;height:188px}.seller-offer-detail .seller-offer-price,.seller-offer-detail dl,.seller-offer-detail .button{grid-column:2}}@media(max-width:620px){.seller-offer-command>header{align-items:flex-start;gap:10px;flex-direction:column}.seller-offer-row{grid-template-columns:54px minmax(0,1fr) auto;gap:9px;padding:12px}.seller-offer-row .badge{display:none}.seller-offer-photo{width:52px;height:50px}.seller-offer-row>strong{font-size:16px}.seller-offer-detail{display:block}.seller-offer-hero{height:160px;margin:12px 0}.seller-offer-detail dl{grid-template-columns:1fr}.seller-offer-detail dl div{border-right:0;border-bottom:1px solid var(--line)}.seller-offer-detail dl div:last-child{border-bottom:0}}

/* Inventory command centre */
.seller-listing-workbench .dashboard-columns.listings-layout{margin-top:22px;gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(5,43,33,.06)}
.seller-listing-workbench .dashboard-columns.listings-layout>.panel{padding:20px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fbfdfb;box-shadow:none}
.seller-listing-workbench .listing-form-panel h2{margin:0 0 15px;font-size:21px;letter-spacing:-.04em}.seller-listing-workbench .stack-form{gap:12px}
.seller-listing-workbench .stack-form label,.seller-listing-workbench .form-grid label{font-size:11px}
.seller-listing-workbench .stack-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.seller-listing-workbench .stack-form select,.seller-listing-workbench .stack-form textarea{padding:9px 10px;border-radius:6px;font-size:12px}
.seller-listing-workbench .listing-photo-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.seller-listing-workbench .listing-photo-editor img{height:82px;border-radius:6px}.seller-listing-workbench .form-note{font-size:10px;line-height:1.5}
.seller-listing-workbench .listing-inventory{padding:20px;min-width:0;background:#fff}.seller-listing-workbench .results-head{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.seller-listing-workbench .results-head>div{display:grid;gap:3px}.seller-listing-workbench .results-head b{font-size:20px}
.seller-listing-workbench .seller-listings{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.seller-listing-workbench .listing-card{border-radius:7px}.seller-listing-workbench .listing-photo{height:110px}.seller-listing-workbench .listing-card .seller-line{display:none}.seller-listing-workbench .listing-card .listing-bottom{display:flex}.seller-listing-workbench .listing-card .listing-bottom .button{display:inline-flex}.seller-listing-workbench .listing-card .listing-bottom .text-button{font-size:9px}.seller-listing-workbench .listing-card h3{font-size:12px}.seller-listing-workbench .listing-card .listing-bottom strong{font-size:16px}
@media(max-width:1180px){.seller-listing-workbench .seller-listings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.seller-listing-workbench .dashboard-columns.listings-layout{display:block}.seller-listing-workbench .dashboard-columns.listings-layout>.panel{border-right:0;border-bottom:1px solid var(--line)}.seller-listing-workbench .seller-listings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.seller-listing-workbench .seller-listings{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-listing-workbench .listing-inventory,.seller-listing-workbench .dashboard-columns.listings-layout>.panel{padding:14px}}

/* Deal desk — order state, delivery and pickup are handled in one operational view. */
.seller-order-workbench .seller-order-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.seller-order-workbench .seller-order-stats span{padding:13px 16px;border-right:1px solid var(--line);color:#71847b;font-size:11px}.seller-order-workbench .seller-order-stats span:last-child{border:0}.seller-order-workbench .seller-order-stats b{margin-right:6px;color:#087653;font-size:22px;letter-spacing:-.05em}.seller-order-workbench .seller-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-order-workbench .order-card{margin:0;border:1px solid var(--line);border-radius:10px;box-shadow:0 9px 25px rgba(5,43,33,.05)}.seller-order-workbench .order-head{padding:16px 17px;background:#fbfdfb;border-bottom:1px solid var(--line)}.seller-order-workbench .order-head h2{font-size:18px}.seller-order-workbench .order-seller{margin:14px 17px}.seller-order-workbench .order-progress{margin:0 17px}.seller-order-workbench .agreement-details{margin:14px 17px}.seller-order-workbench .contact-strip{margin:0 17px}.seller-order-workbench .card-actions{padding:14px 17px;border-top:1px solid var(--line);background:#fbfdfb}.seller-order-workbench .text-button{margin:10px 17px 0;font-size:11px}
@media(max-width:900px){.seller-order-workbench .seller-order-list{grid-template-columns:1fr}.seller-order-workbench .seller-order-stats{grid-template-columns:1fr}.seller-order-workbench .seller-order-stats span{border-right:0;border-bottom:1px solid var(--line)}.seller-order-workbench .seller-order-stats span:last-child{border-bottom:0}}

/* Store profile desk */
.seller-profile-command{margin-top:22px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(5,43,33,.06)}.seller-profile-command form{gap:0}.seller-profile-command section{padding:20px}.seller-profile-command h2{margin:0 0 16px;font-size:19px}.seller-profile-basics{border-bottom:1px solid var(--line);background:#fbfdfb}.seller-profile-matching .form-grid{align-items:start}.seller-profile-command fieldset{min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff}.seller-profile-command legend{padding:0 6px;color:#58736a;font-size:11px;font-weight:800}.seller-profile-command fieldset>input[type=search]{width:100%;margin:3px 0 10px;padding:8px;border:1px solid #d9e6df;border-radius:5px;font-size:11px}.seller-profile-command .choice-grid{max-height:230px;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.seller-profile-command .choice-grid label{font-size:11px}.seller-profile-command footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--line);background:#fbfdfb;color:#75877f;font-size:11px}.seller-profile-command footer .button{white-space:nowrap}
@media(max-width:620px){.seller-profile-command section{padding:14px}.seller-profile-command .choice-grid{grid-template-columns:1fr}.seller-profile-command footer{align-items:stretch;flex-direction:column;padding:14px}.seller-profile-command footer .button{width:100%}}

/* Buyer account workspace */
.account-workbench{max-width:1180px}.account-commandbar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:28px 0 20px;border-bottom:1px solid var(--line)}.account-commandbar h1{margin:5px 0 6px;font-size:clamp(31px,4vw,48px);letter-spacing:-.06em}.account-commandbar p{margin:0;color:#63786f;max-width:620px}.account-command-nav{display:flex;gap:4px;margin:18px 0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:auto}.account-command-nav a{display:flex;align-items:center;gap:7px;padding:11px 13px;color:#446258;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:800}.account-command-nav a:hover,.account-command-nav a.active{background:#edf8f1;color:#087653}.account-command-nav a.active{box-shadow:inset 0 -2px #087653}.account-command-nav i{display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;background:#b9e848;color:#0b3a2d;font-size:9px;font-style:normal}.account-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.55fr);gap:18px;align-items:start}.account-details{padding:22px}.account-card-head{display:flex;gap:14px;align-items:center;margin-bottom:19px;padding-bottom:17px;border-bottom:1px solid var(--line)}.account-card-head h2{margin:3px 0;font-size:22px}.account-card-head p{margin:0;color:#6e8279;font-size:12px}.account-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#083d30,#0e8260);color:#fff;font-size:21px;font-weight:900}.account-photo{width:64px;height:64px;border-radius:50%;object-fit:cover}.account-side{display:grid;gap:12px}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border-radius:10px;background:#0a4939;box-shadow:0 12px 28px rgba(5,47,36,.17)}.account-summary>.eyebrow{grid-column:1/-1;padding:14px 15px 3px;color:#bfe5d0}.account-summary div{display:grid;gap:2px;padding:10px 14px 16px;border-right:1px solid rgba(255,255,255,.14);color:#c6e4d4}.account-summary div:last-child{border:0}.account-summary b{color:#fff;font-size:25px;letter-spacing:-.05em}.account-summary span:not(.eyebrow){font-size:9px}.account-shop{padding:18px}.account-shop h2{margin:5px 0 7px;font-size:21px}.account-shop p{margin:0 0 14px;color:#63786f;font-size:12px;line-height:1.6}.account-shop .button+.button{margin-top:8px}.account-signout{padding:14px 3px;color:#62776e;font-size:11px}.account-signout b{color:#183c30;font-size:13px}.account-signout p{margin:5px 0 8px;line-height:1.5}.account-signout .text-button{padding:0;color:#087653}
@media(max-width:760px){.account-commandbar{align-items:flex-start;flex-direction:column;padding-top:16px}.account-commandbar .button{width:100%}.account-command-nav{margin-inline:-2px}.account-layout{grid-template-columns:1fr}.account-details{padding:16px}.account-side{grid-template-columns:1fr}.account-summary{max-width:none}}

/* Mobile final pass: desktop control rails never become clipped horizontal strips. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:1000px){
  .admin-command{display:block!important;width:100%;background:#f7faf8}
  .admin-command .admin-sidebar{display:none!important}
  .admin-command .admin-content{padding:18px 14px 102px}
  .admin-command .operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-command .analytics-panel,.admin-command .panel{min-width:0}
}
@media(max-width:700px){
  .page-shell,.page-pad{max-width:100%;overflow-x:clip}
  .topbar{position:sticky;top:0;z-index:100}
  .top-actions .navigation-trigger{display:grid!important}
  .desktop-nav{display:none!important}
  .site-footer{padding-bottom:96px}
  .form-grid,.form-grid.two,.dashboard-columns,.request-detail-main{grid-template-columns:1fr!important}
  .filter-bar,.results-head,.section-heading.row{align-items:stretch}
  .filter-bar>*{min-width:0}
  .listing-card,.offer-card,.request-card,.order-card{min-width:0}
  .modal-card{max-width:calc(100vw - 20px)}
}
@media(max-width:480px){
  .admin-command .admin-content{padding:14px 10px 100px}
  .admin-command .operations-grid{gap:9px}
  .admin-command .operations-grid a{min-height:105px;padding:13px 10px}
  .admin-command .analytics-panel .kpi-grid{grid-template-columns:1fr 1fr}
  .admin-command .compact-table>div{grid-template-columns:1fr;gap:5px}
  .page-intro h1,.seller-commandbar h1{overflow-wrap:anywhere}
}

/* Partner directory */
.supplier-workbench{max-width:1380px}.supplier-commandbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:29px 0 21px;border-bottom:1px solid var(--line)}.supplier-commandbar h1{margin:5px 0;font-size:clamp(31px,4vw,48px);letter-spacing:-.06em}.supplier-commandbar p{max-width:610px;margin:0;color:#60766d}.supplier-filter-desk{display:flex;justify-content:space-between;gap:18px;margin:18px 0 0;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(5,43,33,.04)}.supplier-filter-desk>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1}.supplier-filter-desk label{display:grid;gap:5px;padding:14px 16px;border-right:1px solid var(--line);color:#71847b;font-size:10px;font-weight:800}.supplier-filter-desk input,.supplier-filter-desk select{min-width:0;width:100%;height:34px;padding:0 8px;border:1px solid #dbe7e0;border-radius:5px;background:#fbfdfb;color:#173e31;font-size:12px}.supplier-filter-desk label.filter-toggle{display:flex;align-items:center;gap:8px}.supplier-filter-desk label.filter-toggle input{width:auto;height:auto}.supplier-filter-desk aside{display:grid;align-content:center;min-width:165px;padding:12px 18px;background:#073d30;color:#cfe9db}.supplier-filter-desk aside b{color:#fff;font-size:25px;letter-spacing:-.05em}.supplier-filter-desk aside span{font-size:10px}.supplier-results-head{display:flex;justify-content:space-between;margin:19px 0 11px;color:#71847b;font-size:11px}.supplier-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.supplier-directory .supplier-card{border-radius:9px;box-shadow:none}.supplier-directory .supplier-card:hover{border-color:#7db59c;box-shadow:0 11px 28px rgba(5,43,33,.08)}.supplier-directory .supplier-top{padding-bottom:13px;border-bottom:1px solid var(--line)}.supplier-directory .shop-monogram{border-radius:7px}.supplier-directory h2{margin-top:15px;font-size:18px}.supplier-directory .shop-description{min-height:42px;font-size:11px;line-height:1.55}.supplier-directory .shop-actions{padding-top:13px;border-top:1px solid var(--line)}
@media(max-width:800px){.supplier-commandbar{align-items:stretch;flex-direction:column}.supplier-commandbar .button{width:100%}.supplier-filter-desk{display:block}.supplier-filter-desk>div{grid-template-columns:1fr}.supplier-filter-desk label{border-right:0;border-bottom:1px solid var(--line)}.supplier-filter-desk aside{display:flex;gap:10px;align-items:baseline;min-width:0}.supplier-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-results-head span:last-child{display:none}}
@media(max-width:480px){.supplier-commandbar{padding-top:16px}.supplier-commandbar h1{font-size:32px}.supplier-directory{grid-template-columns:1fr}.supplier-results-head{margin-top:15px}}

/* Catalog command desk — built for fast part lookup, not a generic filter page. */
.catalog-workbench{max-width:1380px}.catalog-commandbar{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:29px 0 21px;border-bottom:1px solid var(--line)}.catalog-commandbar h1{max-width:700px;margin:5px 0 7px;font-size:clamp(31px,4vw,48px);letter-spacing:-.065em}.catalog-commandbar p{max-width:690px;margin:0;color:#60766d;line-height:1.6}.catalog-commandbar .button{white-space:nowrap}
.catalog-search-desk{display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(160px,.62fr) minmax(160px,.62fr);gap:0;margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(5,43,33,.04)}.catalog-search-desk .search-field{min-height:72px;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff}.catalog-search-desk .search-field input{font-size:15px}.catalog-field{display:grid;align-content:center;gap:5px;min-width:0;padding:12px 15px;border-right:1px solid var(--line);color:#72877e;font-size:10px;font-weight:800}.catalog-field:last-child{border:0}.catalog-field input,.catalog-field select{width:100%;min-width:0;border:0;background:transparent;color:#173e31;font-size:13px;font-weight:700;outline:0}
.catalog-category-strip{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:0 1px;overflow-x:auto;scrollbar-width:none}.catalog-category-strip::-webkit-scrollbar{display:none}.catalog-category-strip>span{flex:0 0 auto;margin-right:4px;color:#71847b;font-size:10px;font-weight:850}.catalog-category-strip button{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#456158;font:700 11px inherit;white-space:nowrap}.catalog-category-strip button i{color:#087653;font-size:14px;font-style:normal}.catalog-category-strip button:hover,.catalog-category-strip button.active{border-color:#62ae90;background:#edf8f1;color:#087653}.catalog-category-strip button.active{box-shadow:inset 0 -2px #087653}
.catalog-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding:11px 0 14px;border-bottom:1px solid var(--line)}.catalog-utility-bar>div{display:flex;gap:10px}.catalog-utility-bar label{display:flex;align-items:center;gap:7px;color:#70847b;font-size:11px;font-weight:800}.catalog-utility-bar select{height:31px;min-width:145px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#183d30;font-size:11px}.catalog-utility-bar .text-button{padding:0;color:#087653;font-size:11px}.catalog-seller-context{display:flex;align-items:center;gap:9px;margin:14px 0 0;padding:10px 13px;border:1px solid #c7e4d3;border-radius:7px;background:#eef8f2;color:#31594a;font-size:12px}.catalog-seller-context span{color:#087653;font-weight:800}.catalog-seller-context .text-button{margin-left:auto;padding:0;font-size:11px}.catalog-results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:18px 0 12px}.catalog-results-head>div{display:grid;gap:3px}.catalog-results-head .eyebrow{font-size:10px}.catalog-results-head b{font-size:22px;letter-spacing:-.045em}.catalog-results-head>span{max-width:390px;color:#71847b;font-size:11px;line-height:1.5;text-align:right}.catalog-workbench .listing-grid{padding:0;background:transparent}.catalog-workbench .listing-card{overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 6px 21px rgba(5,43,33,.04)}.catalog-workbench .listing-card:hover{transform:translateY(-3px);border-color:#8dbba4;box-shadow:0 15px 30px rgba(5,43,33,.11)}.catalog-workbench .listing-photo{height:174px}.catalog-workbench .listing-body{padding:13px}.catalog-workbench .listing-top{font-size:10px}.catalog-workbench .listing-card h3{margin-top:10px;font-size:14px}.catalog-workbench .listing-card>p{font-size:11px}.catalog-workbench .seller-line{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.catalog-workbench .listing-bottom{padding-top:12px}
@media(max-width:850px){.catalog-commandbar{align-items:stretch;flex-direction:column}.catalog-commandbar .button{width:100%}.catalog-search-desk{grid-template-columns:1fr 1fr}.catalog-search-desk .search-field{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.catalog-field:nth-of-type(2){border-right:0}.catalog-utility-bar{align-items:flex-start;flex-direction:column}.catalog-utility-bar>div{width:100%}.catalog-utility-bar label{flex:1}.catalog-utility-bar select{min-width:0;flex:1}.catalog-results-head>span{display:none}}
@media(max-width:520px){.catalog-commandbar{padding-top:16px}.catalog-commandbar h1{font-size:32px}.catalog-search-desk{grid-template-columns:1fr}.catalog-field{border-right:0;border-bottom:1px solid var(--line)}.catalog-field:last-child{border-bottom:0}.catalog-category-strip{margin-inline:-2px}.catalog-utility-bar>div{display:grid;grid-template-columns:1fr;gap:7px}.catalog-seller-context{align-items:flex-start;flex-wrap:wrap}.catalog-seller-context .text-button{margin-left:0}.catalog-results-head{margin-top:16px}.catalog-workbench .listing-photo{height:195px}}

/* Public product detail — clear fitment information before the user contacts a seller. */
.detail-page{max-width:1380px}.part-breadcrumb{margin:27px 0 15px;padding:0 2px;color:#71847b;font-size:11px}.part-breadcrumb a{color:#087653;font-weight:750;text-decoration:none}.part-detail{gap:22px;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr)}.part-gallery{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 10px 28px rgba(5,43,33,.04)}.part-slides{border-radius:7px;background-color:#f8fbf9;background-image:linear-gradient(rgba(6,47,39,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,39,.055) 1px,transparent 1px);background-size:24px 24px}.part-slide{aspect-ratio:1.2}.part-slide img{object-fit:contain;cursor:zoom-in}.gallery-controls{margin:10px 1px 0}.gallery-controls button{width:36px;height:36px;border-radius:6px;font-size:19px}.gallery-controls output{padding:5px 8px;border-radius:4px;background:#eef7f1;color:#087653;font-size:11px;font-weight:800}.part-thumbnails{gap:7px;margin-top:10px;overflow-x:auto;padding-bottom:1px}.part-thumbnails button{flex:0 0 auto;width:65px;height:54px;border-radius:6px}.part-gallery .form-note{margin:10px 0 0;color:#71847b;font-size:10px}.part-summary.panel{padding:24px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 10px 28px rgba(5,43,33,.05)}.part-summary .eyebrow{font-size:10px}.part-summary h1{font-size:clamp(28px,3.2vw,42px);line-height:1.13;letter-spacing:-.065em;margin:8px 0}.part-car{padding-bottom:16px;border-bottom:1px solid var(--line);font-size:14px}.part-price{margin:16px 0 17px;color:#062f27;font-size:38px;letter-spacing:-.06em}.part-price:before{content:'ფასი';display:block;margin-bottom:4px;color:#71847b;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.part-specs{grid-template-columns:1fr 1fr;margin:0 0 20px;border-top:1px solid var(--line)}.part-specs>div{min-height:65px;padding:11px 0;border-bottom:1px solid var(--line)}.part-specs>div:nth-child(odd){padding-right:13px;border-right:1px solid var(--line)}.part-specs>div:nth-child(even){padding-left:13px}.part-specs dt{font-size:10px;font-weight:750}.part-specs dd{margin-top:5px;font-size:13px;color:#1a4032}.part-summary>.button{min-height:48px;border-radius:6px;background:#087653;font-size:13px}.part-summary>.button:hover{background:#075f48}.part-summary>.form-note{margin:10px 0 0;line-height:1.5;text-align:center;font-size:10px}.part-shop{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:18px;padding:14px 0 0;border-top:1px solid var(--line);text-decoration:none}.part-shop span{font-size:10px}.part-shop b{color:#087653;font-size:13px}.part-copy,.part-buying-guide{border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(5,43,33,.035)}.part-copy{padding:22px 24px!important}.part-copy h2,.part-buying-guide h2{font-size:21px;letter-spacing:-.045em}.part-description{max-width:850px;color:#466158;font-size:13px}.part-buying-guide{padding:22px 24px!important;background:#fbfdfb!important}.part-buying-guide>div{margin:16px 0;gap:0;border-top:1px solid var(--line)}.part-buying-guide article{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.part-buying-guide article:first-child{padding-left:0}.part-buying-guide article:last-child{padding-right:0;border-right:0}.part-buying-guide article b{display:block;color:#087653;font-size:13px}.part-buying-guide p{font-size:11px;line-height:1.6}.part-buying-guide>a{color:#087653;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:780px){.part-breadcrumb{margin-top:18px}.part-detail{grid-template-columns:1fr}.part-summary.panel{padding:18px}.part-slide{aspect-ratio:1.15}.part-copy,.part-buying-guide{padding:18px!important}.part-buying-guide>div{grid-template-columns:1fr;gap:0}.part-buying-guide article,.part-buying-guide article:first-child,.part-buying-guide article:last-child{padding:14px 0;border-right:0}.part-buying-guide article:last-child{border-bottom:0}}
@media(max-width:430px){.part-summary h1{font-size:29px}.part-specs{grid-template-columns:1fr}.part-specs>div:nth-child(odd),.part-specs>div:nth-child(even){padding-left:0;padding-right:0;border-right:0}.part-price{font-size:34px}.part-gallery{padding:8px}.part-thumbnails button{width:56px;height:48px}}

/* Search-engine landing pages use the same storefront language as the application. */
.detail-topbar{height:72px;padding-inline:max(22px,calc((100vw - 1380px)/2));gap:22px}.detail-topbar .brand{margin-right:auto;font-size:24px;font-weight:900;letter-spacing:-.055em}.detail-topbar>a:not(.brand){color:#48665b;font-size:12px;font-weight:800;text-decoration:none}.detail-topbar>a:not(.brand):hover{color:#087653}.supplier-public-page{max-width:1380px}.supplier-public-head{margin:25px 0 19px;padding:25px 0 20px;border-bottom:1px solid var(--line)}.supplier-public-head h1{max-width:800px;margin:6px 0;font-size:clamp(31px,4vw,48px);letter-spacing:-.065em}.supplier-public-head p{max-width:670px;margin:0;color:#60766d;line-height:1.65}.supplier-public-head>div{display:flex;gap:10px;margin-top:17px}.supplier-public-head>div a{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#087653;font-size:11px;font-weight:800;text-decoration:none}.supplier-public-page>.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.supplier-public-page .listing-card{border-radius:9px;box-shadow:0 7px 20px rgba(5,43,33,.04)}.supplier-public-page .listing-photo{height:170px}.supplier-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:9px;color:#60766d}
@media(max-width:900px){.supplier-public-page>.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.detail-topbar{height:64px;padding-inline:14px;gap:13px}.detail-topbar .brand{font-size:21px}.detail-topbar>a:not(.brand){font-size:11px}.supplier-public-head{margin-top:16px}.supplier-public-page>.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.supplier-public-page>.listing-grid{grid-template-columns:1fr}.supplier-public-head h1{font-size:32px}.supplier-public-head>div{flex-wrap:wrap}}


/* Fitment card: engineering drawing and verified compatibility panel. */
.fitment-ledger.request-guide{max-width:650px;border:1px solid #d7e3dc;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(20,45,44,.06);overflow:hidden}
.fitment-ledger .ledger-head{min-height:54px;padding:0 18px;background:#fff;border-bottom:1px solid #e4ece7}.fitment-ledger .ledger-head strong{font-size:18px;letter-spacing:-.035em;color:#142d2c}.ledger-help{margin-left:auto;border:0;background:transparent;color:#078162;font-weight:780;font-size:12px;cursor:pointer}.ledger-help span{font-size:16px;margin-left:3px}.fitment-ledger .ledger-board{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(210px,.95fr);min-height:236px}.fitment-ledger .ledger-vehicle{position:relative;height:auto;min-height:236px;padding:26px 0 0;background-color:#f7fbf8;background-image:linear-gradient(rgba(20,45,44,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(20,45,44,.075) 1px,transparent 1px);background-size:20px 20px;border:0;overflow:hidden;align-items:flex-end}.fitment-ledger .ledger-vehicle svg{width:132%;max-width:none;height:192px;margin-left:-34px;margin-bottom:5px;stroke:#5b8c7d;stroke-width:1.45}.fitment-ledger .fitment-callout{position:absolute;z-index:1;left:66px;top:85px;padding:7px 11px;border-radius:5px;background:#006f52;color:#fff;font-size:10px;font-weight:760;box-shadow:0 4px 11px rgba(0,71,52,.2)}.fitment-ledger .fitment-callout:after{content:"";position:absolute;left:14px;top:100%;height:35px;border-left:1px solid #006f52;transform:rotate(32deg);transform-origin:top}.fitment-ledger .ledger-checks{display:block;margin:0;padding:0 13px;background:#fff;border:0}.fitment-ledger .ledger-checks li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;padding:13px 0 11px;border:0;border-bottom:1px solid #e5ece8}.fitment-ledger .ledger-checks li:last-child{border-bottom:0}.fitment-ledger .ledger-checks li>span{display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#008160;color:#fff;font-size:12px;font-weight:900}.fitment-ledger .ledger-checks li div{display:block;min-width:0}.fitment-ledger .ledger-checks b{display:block;font-size:11px;line-height:1.2;color:#263f39}.fitment-ledger .ledger-checks small{display:block;margin-top:3px;font-size:11px;font-weight:750;line-height:1.25;color:#142d2c}.fitment-ledger .ledger-checks em{display:block;margin-top:2px;font-size:9px;font-style:normal;color:#84918c;line-height:1.2}.fitment-ledger .ledger-checks li:nth-child(3) small{color:#007b5b}.fitment-ledger .ledger-checks li>i{align-self:center;color:#657a72;font-size:25px;font-style:normal;font-weight:300;line-height:1}.fitment-ledger>h2,.fitment-ledger>p,.fitment-ledger>.full,.fitment-ledger>.guide-note{display:none}
@media(max-width:760px){.fitment-ledger.request-guide{max-width:none}.fitment-ledger .ledger-board{grid-template-columns:1.35fr 1fr}.fitment-ledger .ledger-vehicle{min-height:200px}.fitment-ledger .ledger-vehicle svg{height:162px;margin-left:-28px}.fitment-ledger .fitment-callout{left:31px;top:65px}.fitment-ledger .ledger-checks{padding:0 10px}.fitment-ledger .ledger-checks li{gap:6px;grid-template-columns:21px minmax(0,1fr) auto;padding:10px 0}.fitment-ledger .ledger-checks b{font-size:10px}.fitment-ledger .ledger-checks small{font-size:9px}.fitment-ledger .ledger-checks em{font-size:8px}.fitment-ledger .ledger-checks li>span{width:18px;height:18px;font-size:10px}}
@media(max-width:440px){.fitment-ledger .ledger-head{padding:0 13px}.fitment-ledger .ledger-head strong{font-size:16px}.ledger-help{font-size:10px}.fitment-ledger .ledger-board{grid-template-columns:1.28fr 1fr}.fitment-ledger .ledger-vehicle{min-height:181px}.fitment-ledger .ledger-vehicle svg{height:142px;margin-left:-25px}.fitment-ledger .fitment-callout{left:20px;top:50px;padding:5px 7px;font-size:8px}.fitment-ledger .ledger-checks{padding:0 7px}.fitment-ledger .ledger-checks li{grid-template-columns:18px minmax(0,1fr);padding:8px 0}.fitment-ledger .ledger-checks li>span{width:16px;height:16px;font-size:9px}.fitment-ledger .ledger-checks b{font-size:9px}.fitment-ledger .ledger-checks small{font-size:8px}.fitment-ledger .ledger-checks em{font-size:7px}.fitment-ledger .ledger-checks li>i{display:none}}
.fitment-ledger .ledger-vehicle:after{display:none}


/* Request previews show a real part photo, never a decorative technical drawing. */
.focus-visual{background:#f5f8f6;border:1px solid #e1ebe5}
.focus-visual:before,.focus-visual:after{display:none}
.focus-visual.has-photo{display:block;background:#eef3f0}
.focus-visual.has-photo img{display:block;width:100%;height:100%;object-fit:cover}
.focus-visual.no-photo{display:grid;place-items:center;padding:24px;background:#f8faf8}
.focus-photo-empty{max-width:260px;text-align:center;color:#294d40}
.focus-photo-empty b{display:block;font-size:14px}
.focus-photo-empty small{display:block;margin-top:7px;color:#71837b;font-size:11px;line-height:1.55}


/* Seller desk header: working shortcuts remain visible on every operational page. */
.desk-header-action{display:none}
.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.topbar.seller-topbar{height:74px;padding-inline:max(22px,calc((100vw - var(--max))/2));background:linear-gradient(100deg,#073a32,#052c28);border-bottom-color:rgba(218,241,229,.14);box-shadow:none;color:#e8f5ee}
.topbar.seller-topbar .brand,.topbar.seller-topbar .brand .wordmark{color:#fff}
.topbar.seller-topbar .brand .wordmark small{color:#b7d9ca}
.topbar.seller-topbar .brand-logo{filter:brightness(0) invert(1)}
.topbar.seller-topbar .desktop-nav,.topbar.seller-topbar .navigation-trigger,.topbar.seller-topbar .language-control{display:none}
.topbar.seller-topbar .top-actions{height:100%;gap:0;margin-left:auto}
.topbar.seller-topbar .desk-header-action{display:flex;align-items:center;gap:8px;height:100%;padding:0 19px;border-right:1px solid rgba(218,241,229,.15);color:#e7f4ed;text-decoration:none;font-size:13px;font-weight:750}
.topbar.seller-topbar .desk-header-action:hover{background:rgba(255,255,255,.06)}
.topbar.seller-topbar .desk-header-action>span{font-size:18px;color:#d5f1e2}
.topbar.seller-topbar .desk-header-action i{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#0aaf75;color:#fff;font-size:10px;font-style:normal}
.topbar.seller-topbar .icon-button{width:auto;height:100%;gap:7px;padding:0 19px;border:0;border-right:1px solid rgba(218,241,229,.15);border-radius:0;background:transparent;color:#e7f4ed;font-size:18px}
.topbar.seller-topbar .icon-button::after{content:'შეტყობინებები';font-size:13px;font-weight:750}
.topbar.seller-topbar .notification-dot{right:12px;top:17px;border-color:#073a32;background:#b9e848;color:#133c2d}
.topbar.seller-topbar .account-button{min-width:200px;height:100%;padding:0 0 0 17px;border:0;border-radius:0;background:transparent;color:#fff}
.topbar.seller-topbar .avatar{width:38px;height:38px;border-radius:50%;background:#e8f3ed;color:#0a5643;overflow:hidden}
.topbar.seller-topbar .account-copy b{max-width:130px;color:#fff;font-size:13px}
.topbar.seller-topbar .account-copy small{color:#b8d8ca;font-size:10px}
body:has(.seller-desk) .topbar.seller-topbar{display:flex}
@media(max-width:760px){.topbar.seller-topbar{height:64px;padding:0 14px}.topbar.seller-topbar .brand .wordmark small{display:none}.topbar.seller-topbar .desk-header-action{padding:0 10px}.topbar.seller-topbar .desk-header-action b,.topbar.seller-topbar .icon-button::after,.topbar.seller-topbar .account-copy,.topbar.seller-topbar .account-button>span:last-child{display:none}.topbar.seller-topbar .icon-button{width:46px;padding:0 10px}.topbar.seller-topbar .account-button{min-width:46px;padding-left:10px}.topbar.seller-topbar .notification-dot{right:6px;top:10px}.topbar.seller-topbar .desk-header-action>span{font-size:17px}}


/* Live agreement desk: every delivery field comes from the real order. */
.studio-deal .button.full{margin-top:10px;min-height:40px;font-size:12px}
.studio-deal .studio-status{margin-top:15px}
.studio-fields{grid-template-columns:1fr!important}
.studio-fields label{font-size:10px}
.studio-fields input{height:34px;font-size:12px}

/* Full chat workspace: history and composer remain in the page itself. */
body:has(.chat-studio) .chat-dock{display:none}
.studio-list-empty{margin:20px 15px;padding:18px;border:1px dashed #c8dbd1;border-radius:8px;color:#64776f;font-size:12px;line-height:1.5;text-align:center}
.studio-chat{grid-template-rows:67px auto minmax(0,1fr) 65px}
.studio-back{display:none;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #d4e2db;border-radius:7px;background:#fff;color:#17473a;font-size:18px;cursor:pointer}
.studio-message-log{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:20px 24px;background:linear-gradient(180deg,#f8fbf9,#f0f6f2)}
.studio-message-log{overscroll-behavior:contain;scrollbar-gutter:stable}
@media(min-width:761px){
  /* Keep the conversation in its own viewport: only the message history moves. */
  body:has(.chat-studio){overflow:hidden}
  .chat-studio{height:calc(100dvh - 84px);min-height:0;overflow:hidden}
  .studio-conversations,.studio-chat,.studio-deal{min-height:0;height:100%}
  .studio-chat{overflow:hidden}
  .studio-thread-list,.studio-deal,.studio-message-log{overscroll-behavior:contain}
}
.studio-message{align-self:flex-start;max-width:min(78%,560px);padding:10px 12px;border:1px solid #dce8e2;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 2px 8px rgba(5,45,35,.04)}
.studio-message.mine{align-self:flex-end;border-color:#b9e2ce;border-radius:12px 12px 3px 12px;background:#dff5e8}.studio-message.system{align-self:center;width:min(100%,430px);max-width:90%;border:1px solid #c8e5d4;border-radius:10px;background:#edf8f1;color:#45675a;box-shadow:none;text-align:center}.studio-message.system .quote-revision{gap:5px;margin:8px 0 0;padding:8px 10px;border:1px solid #d8eade;border-radius:7px;background:#fff;font-size:10px}.studio-message.system .quote-revision>div{align-items:center}.studio-message.system .quote-revision dt{font-size:10px}.studio-message.system .quote-revision dd{font-size:10px}.studio-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#173f33;font-size:13px;line-height:1.5}.studio-message small{display:block;margin-bottom:4px;color:#087653;font-size:10px;font-weight:800}.studio-message time{display:block;margin-top:5px;color:#778c83;font-size:9px;text-align:right}.studio-message-image{display:block;max-width:100%;margin-top:7px;padding:0;border:0;background:transparent;cursor:zoom-in}.studio-message-image img{display:block;max-width:100%;max-height:280px;border-radius:8px;object-fit:cover}.studio-chat-empty.compact{align-self:center;margin:auto}.studio-attach{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:6px;color:#56796d;cursor:pointer}.studio-attach:hover{background:#e1f2e8}.studio-attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.studio-composer{min-height:50px}.studio-composer input{height:34px}.studio-support-banner{display:flex;align-items:center;gap:10px;margin:12px 18px 0;padding:11px 13px;border:1px solid #b9e2ce;border-radius:8px;background:#e5f7ec;color:#1d654a}.studio-support-banner b{font-size:13px}.studio-support-banner span{font-size:11px}.studio-support-thread{background:#f5fbf7}.studio-support-thread .studio-thread-photo{background:#087653;color:#d5f26e}.studio-support-info p{color:#5d756b;font-size:12px;line-height:1.55}.studio-support-info ul{display:grid;gap:9px;margin:18px 0;padding-left:18px;color:#2d7257;font-size:11px}
@media(max-width:760px){.chat-studio:has(.studio-thread.active) .studio-conversations{display:none}.chat-studio:has(.studio-thread.active) .studio-chat{display:grid;min-height:calc(100dvh - 64px)}.chat-studio.show-list .studio-conversations{display:block}.chat-studio.show-list .studio-chat,.chat-studio.show-list .studio-deal{display:none}.studio-chat-head{padding-inline:12px}.studio-back{display:grid}.studio-message-log{padding:14px}.studio-message{max-width:88%}.studio-offer,.studio-support-banner{margin-inline:12px}.studio-composer{margin-inline:12px}}

/* Shared work menu — the same control rail is used through every professional workspace. */
.seller-desk-rail,.studio-rail{position:relative;overflow:hidden}
.seller-desk-rail:after,.studio-rail:after{content:"";position:absolute;right:-34px;bottom:86px;width:235px;height:235px;background:center/contain no-repeat url("/assets/engine-blueprint.svg");color:#b4d8c8;opacity:.2;pointer-events:none;transform:rotate(-8deg)}
.seller-desk-rail>* ,.studio-rail>*{position:relative;z-index:1}
.seller-desk-rail nav a,.studio-rail nav a{font-size:0}
.seller-desk-rail nav a>span,.studio-rail nav a>span{font-size:13px}
.seller-desk-rail nav a:before,.studio-rail nav a:before{content:"";width:20px;height:20px;flex:0 0 20px;background-color:#d9ede4;mask:var(--work-icon) center/contain no-repeat;-webkit-mask:var(--work-icon) center/contain no-repeat}
.studio-rail nav a>i{display:none}
.seller-desk-rail nav a.active:before,.studio-rail nav a.active:before{background-color:#d5f26e}
.seller-desk-rail nav a[href="#dashboard"],.studio-rail nav a[href="#dashboard"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 3l9 8.2v9.3H14v-6H10v6H3z'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#requests"],.studio-rail nav a[href="#requests"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5h8M8 12h8M8 16h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#offers"],.studio-rail nav a[href="#offers"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 12 8.5-8.5h7.2a2.3 2.3 0 0 1 2.3 2.3V13L12.5 21zM16 8h.01' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#listings"],.studio-rail nav a[href="#listings"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9zM4 7.5 12 12l8-4.5M12 12v9' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#inbox"],.studio-rail nav a[href="#inbox"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-5 3v-3.5A2.5 2.5 0 0 1 4 13.5z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#orders"],.studio-rail nav a[href="#orders"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4h8v3h3v14H5V7h3zM9 3h6v4H9zM8 12h8m-8 4h5' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#profile"],.studio-rail nav a[href="#account"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21c.5-4 3-6 8-6s7.5 2 8 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.seller-desk-rail nav a[href="#plans"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4zM7 9h10M7 13h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.seller-desk-help,.studio-help{background:rgba(0,19,15,.28);backdrop-filter:blur(8px)}

/* The landing page starts with useful choices instead of empty space. */
.home-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-18px;border:1px solid #d8e5dd;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(8,54,42,.07)}
.home-quick-actions>a,.home-quick-actions>button{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:92px;padding:16px 19px;border:0;border-right:1px solid #dfe9e3;background:#fff;color:#113d31;text-align:left;text-decoration:none;cursor:pointer;font:inherit}
.home-quick-actions>:last-child{border-right:0}.home-quick-actions>a:hover,.home-quick-actions>button:hover{background:#f0faf4}.home-quick-actions>a>span,.home-quick-actions>button>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a9cdbc;border-radius:50%;color:#087653;font-size:19px}.home-quick-actions b{display:block;font-size:13px}.home-quick-actions small{display:block;margin-top:4px;color:#647b70;font-size:10px;line-height:1.35}.home-quick-actions i{color:#07805f;font-size:18px;font-style:normal}
@media(max-width:760px){.home-quick-actions{grid-template-columns:1fr;margin-top:0;border-radius:10px}.home-quick-actions>a,.home-quick-actions>button{min-height:72px;border-right:0;border-bottom:1px solid #dfe9e3;padding:12px 15px}.home-quick-actions>:last-child{border-bottom:0}.home-quick-actions>a>span,.home-quick-actions>button>span{width:34px;height:34px;font-size:16px}}

/* Shared seller navigation: one predictable route map on every seller workspace. */
.seller-desk-help{display:grid;gap:3px}.seller-desk-help small{color:#a9c8bb;font-size:10px;font-weight:500;line-height:1.35}.seller-desk-rail nav a{position:relative}.seller-desk-rail nav a>span{line-height:1.25}.seller-desk-rail nav a[href="#orders"]:before{background-color:#d9ede4}.seller-desk-rail nav a[href="#orders"].active:before{background-color:#d5f26e}
.studio-rail nav a[href="#profile"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21c.5-4 3-6 8-6s7.5 2 8 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.studio-rail nav a[href="#home"]{--work-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 3l9 8.2v9.3H14v-6H10v6H3z'/%3E%3C/svg%3E")}