:root{
  --green-950:#032f28;--green-900:#063f34;--green-850:#075143;--green-800:#075d4b;--green-700:#078366;--green-600:#0a9b77;--green-500:#21b88c;
  --mint-100:#e8f7f1;--mint-50:#f4fbf8;--ink:#0c1f1a;--muted:#66746f;--line:#dfe8e4;--surface:#fff;--bg:#f7faf8;
  --danger:#c43b4a;--warning:#d98b16;--shadow:0 12px 32px rgba(16,54,44,.09);--radius:18px;--radius-sm:12px;
}

.partner-shell { min-height: 70vh; }
.partner-main { width: min(1180px, 100%); margin: 0 auto; padding: 32px 20px 64px; }
.partner-topbar, .partner-link-card, .partner-settings-card, .partner-payout-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.partner-topbar { margin-bottom: 24px; }
.partner-topbar h1 { margin: 6px 0; }
.partner-link-card { padding: 20px 24px; margin-bottom: 22px; background: #063f36; color: #f7f8fa; border-radius: 14px; }
.partner-link-card strong, .partner-link-card small { display: block; }
.partner-link-card strong { font-size: 25px; margin: 3px 0; }
.partner-link-card small { color: #bfe9d8; overflow-wrap: anywhere; }
.partner-link-card .eyebrow { color: #8ae4c1; }
.partner-kpis { margin-bottom: 22px; }
.partner-company-list { display: grid; gap: 10px; }
.partner-company-row { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(6,63,54,.12); }
.partner-company-row strong, .partner-company-row small { display: block; }
.partner-company-row small { color: #71847d; margin-top: 3px; }
.partner-reassign-form { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.partner-reassign-form .form-control { min-width: 130px; padding: 8px 10px; font-size: 13px; }
.partner-reassign-form .btn { min-height: 38px; padding: 8px 11px; font-size: 13px; }
.partner-income-list { display: grid; gap: 12px; }
.partner-income-list div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(6,63,54,.1); }
.partner-income-list b { color: #087f68; }
.partner-ledger { margin-top: 22px; }
.partner-settings-card { margin-bottom: 22px; }
.partner-settings-card h2 { margin: 4px 0; }
.partner-settings-card p { margin: 0; color: #71847d; }
.inline-rate-form { display: flex; align-items: end; gap: 12px; }
.inline-rate-form label { min-width: 150px; }
.inline-rate-form label span { display: block; margin-bottom: 5px; font-size: 12px; }
.partner-code-form { margin-top: 18px; }
.partner-payout-actions { margin-top: 18px; justify-content: flex-end; }
.partner-payout-actions .form-control { max-width: 280px; }

@media (max-width: 640px) {
  .partner-main { padding: 20px 12px 44px; }
  .partner-topbar, .partner-link-card, .partner-settings-card, .partner-payout-actions, .inline-rate-form { align-items: stretch; flex-direction: column; }
  .partner-link-card .btn, .inline-rate-form .btn, .partner-payout-actions .btn { width: 100%; }
  .partner-payout-actions .form-control { max-width: none; }
  .partner-company-row { align-items: flex-start; flex-wrap: wrap; }
  .partner-reassign-form { width: 100%; margin-left: 0; flex-wrap: wrap; }
  .partner-reassign-form .form-control { flex: 1 1 140px; min-width: 0; }
  .partner-reassign-form .btn { flex: 0 0 auto; }
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans Georgian","Segoe UI",Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.muted{color:var(--muted)}.top-space{padding-top:42px}.block-note{display:block;margin-top:12px}.text-danger{color:var(--danger)!important}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green-700);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow.light{color:#9ef0cf}.eyebrow.hot{color:#d25431}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--green-700);background:linear-gradient(180deg,var(--green-600),var(--green-800));color:#fff;border-radius:10px;padding:11px 17px;font-weight:800;box-shadow:0 6px 15px rgba(7,131,102,.18);transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-sm{padding:8px 12px;border-radius:9px;font-size:13px}.btn-block{width:100%}.btn-soft{background:var(--mint-50);color:var(--green-800);border-color:#bde8d8;box-shadow:none}.btn-light{background:#fff;color:var(--green-900);border-color:#fff}.btn-link{background:none;border:0;padding:10px 0}.text-btn{background:transparent;border:0;font-weight:700;color:var(--ink)}

.site-header{height:72px;background:#fff;border-bottom:1px solid rgba(20,70,58,.08);position:sticky;top:0;z-index:50}.header-row{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--green-600),var(--green-900));color:#fff;display:inline-grid;place-items:center;font-weight:900;font-size:21px;box-shadow:0 5px 12px rgba(5,91,72,.25)}.brand strong{display:block;font-size:18px;line-height:1}.brand small{display:block;color:#7b8984;font-size:10px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;color:#32433e}.main-nav a:hover{color:var(--green-700)}.header-actions{display:flex;align-items:center;gap:10px;margin-left:10px}.icon-link{width:36px;height:36px;display:grid;place-items:center;font-size:20px;border-radius:10px}.icon-link:hover{background:var(--mint-50)}.cart-link{position:relative}.cart-link span{position:absolute;right:-4px;top:-4px;background:var(--green-600);color:#fff;min-width:17px;height:17px;display:grid;place-items:center;font-size:10px;border-radius:50%;font-weight:800}.account-pill{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 5px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f5f0;color:var(--green-800);font-weight:900}.logout-inline{display:inline}.mobile-menu-btn{display:none;border:0;background:transparent;font-size:24px;margin-left:auto}.mobile-bottom-nav{display:none}

.toast-stack{position:fixed;right:20px;top:86px;z-index:100;display:grid;gap:8px;width:min(380px,calc(100% - 40px))}.toast{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px 38px 12px 14px;position:relative;font-size:14px}.toast.success{border-left:4px solid var(--green-600)}.toast.error{border-left:4px solid var(--danger)}.toast.warning{border-left:4px solid var(--warning)}.toast button{position:absolute;right:10px;top:8px;background:none;border:0;font-size:20px;color:#70807a}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;color:rgba(255,255,255,.72);font-size:12px;font-weight:800}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:#fff}.product-detail-head .breadcrumbs,.supplier-profile-hero .breadcrumbs{color:#6a7f76}.product-detail-head .breadcrumbs a:hover,.supplier-profile-hero .breadcrumbs a:hover{color:var(--green-700)}
.notification-popups{position:fixed;right:18px;top:92px;z-index:140;display:grid;gap:10px;width:min(390px,calc(100% - 28px));pointer-events:none}.notification-popup{pointer-events:auto;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;border:1px solid #dbe9e3;border-left:4px solid #0f9f73;border-radius:12px;background:#fff;color:#14241e;box-shadow:0 18px 42px rgba(4,55,45,.18);padding:13px 14px;text-align:left;cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,border-color .18s ease}.notification-popup.visible{opacity:1;transform:translateY(0)}.notification-popup:hover{border-color:#83d5b8;transform:translateY(-2px)}.notification-dot{width:10px;height:10px;border-radius:50%;background:#0f9f73;box-shadow:0 0 0 5px rgba(15,159,115,.12)}.notification-copy{display:grid;gap:2px;min-width:0}.notification-copy strong{font-size:14px;line-height:1.25}.notification-copy small{font-size:12px;line-height:1.35;color:#60746b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-arrow{font-size:22px;color:#0c7458}.notification-order_rejected{border-left-color:#c84655}.notification-order_rejected .notification-dot{background:#c84655;box-shadow:0 0 0 5px rgba(200,70,85,.12)}.notification-new_rfq{border-left-color:#2f78bd}.notification-new_rfq .notification-dot{background:#2f78bd;box-shadow:0 0 0 5px rgba(47,120,189,.12)}

.hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding-top:14px}.hero-card{min-height:378px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(110deg,#071d18 0%,#0a2d25 52%,#15372e 100%);color:#fff;display:grid;grid-template-columns:1.28fr .72fr;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 22%,rgba(255,190,105,.18),transparent 24%),linear-gradient(90deg,transparent 55%,rgba(2,12,10,.05));pointer-events:none}.hero-copy{padding:46px 18px 34px 42px;z-index:2}.hero-copy h1{font-size:39px;line-height:1.17;margin:8px 0 13px;letter-spacing:-.02em}.hero-copy h1 em{font-style:normal;color:#4fd7a8}.hero-copy p{color:#d3dfdb;max-width:680px;margin:0 0 24px;font-size:15px}.hero-search{display:flex;align-items:center;background:#fff;border-radius:12px;padding:5px 5px 5px 15px;box-shadow:0 8px 22px rgba(0,0,0,.18);max-width:710px}.hero-search>span{color:#374942;font-size:19px}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:11px 12px;background:transparent;font-size:13px}.hero-search .btn{padding:10px 22px}.hero-rfq-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:11px;color:#c7d8d2}.hero-rfq-row a{color:#8ee8c6;font-weight:800}.hero-art{position:relative;min-height:100%;overflow:hidden}.hero-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(231,172,95,.14);filter:blur(8px);right:-60px;top:15px}.table-scene{position:absolute;right:0;bottom:0;width:100%;height:87%;background:linear-gradient(180deg,transparent 58%,#65402f 59%,#3e2b25 100%)}.plate{position:absolute;border-radius:50%;border:7px solid #f6f1e9;background:#dfe3dd;box-shadow:inset 0 0 0 7px #fff,0 10px 16px rgba(0,0,0,.25)}.p1{width:150px;height:42px;right:35px;bottom:74px}.p2{width:135px;height:38px;right:42px;bottom:93px}.p3{width:118px;height:34px;right:49px;bottom:111px}.glass{position:absolute;width:34px;height:92px;border:3px solid rgba(255,255,255,.72);border-radius:5px 5px 15px 15px;bottom:124px}.glass:after{content:"";position:absolute;width:3px;height:45px;background:rgba(255,255,255,.72);left:13px;top:88px;box-shadow:0 44px 0 8px transparent;border-bottom:3px solid rgba(255,255,255,.7)}.g1{right:38px}.g2{right:88px;height:78px}.bottle{position:absolute;width:40px;height:148px;border-radius:11px 11px 9px 9px;background:linear-gradient(90deg,#173d32,#2b7d5f,#173d32);right:150px;bottom:119px;box-shadow:0 10px 16px rgba(0,0,0,.3)}.bottle:before{content:"";position:absolute;width:17px;height:28px;left:11px;top:-25px;background:#173d32;border-radius:4px}.leaf{position:absolute;width:80px;height:25px;border-radius:100% 0 100% 0;background:#2d8e59;right:196px;bottom:170px;transform:rotate(-18deg)}.l2{right:170px;bottom:190px;transform:rotate(30deg);width:63px}.supplier-cta-card{background:linear-gradient(160deg,#e8f8ef,#d8f2e6);border:1px solid #c9eadc;border-radius:18px;padding:25px 22px;display:flex;flex-direction:column;min-height:378px}.supplier-cta-icon{width:46px;height:46px;border-radius:14px;background:var(--green-700);color:white;display:grid;place-items:center;font-size:22px;font-weight:900}.supplier-cta-card h2{font-size:20px;margin:16px 0 7px}.supplier-cta-card p{font-size:13px;color:#4e665d}.supplier-cta-card ul{list-style:none;margin:5px 0 22px;padding:0;display:grid;gap:10px;font-size:12px}.supplier-cta-card li:before{content:"✓";color:var(--green-700);font-weight:900;margin-right:8px}.supplier-cta-card .btn{margin-top:auto}

.section-block{padding-top:30px;padding-bottom:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.section-head h2{font-size:21px;margin:2px 0 0}.section-head>a{font-size:12px;color:var(--green-700);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.category-card{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:112px;padding:13px 9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:.18s}.category-card:hover{border-color:#9edbc4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,70,55,.08)}.category-icon{font-size:28px;color:var(--green-700);line-height:1}.category-card strong{font-size:12px;margin-top:8px}.category-card small{font-size:9px;color:#7a8883;margin-top:3px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.trust-strip>div{background:linear-gradient(180deg,#fff,#f8fbfa);border:1px solid #edf1ef;border-radius:12px;min-height:67px;display:grid;grid-template-columns:38px 1fr;align-content:center;padding:10px 15px}.trust-strip>div>span{grid-row:1/3;width:32px;height:32px;border-radius:9px;background:var(--mint-100);color:var(--green-700);display:grid;place-items:center;font-weight:900}.trust-strip strong{font-size:11px}.trust-strip small{font-size:9px;color:#7a8883}.marketplace-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product-grid.wide{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0;transition:.18s}.product-card:hover{box-shadow:0 10px 25px rgba(15,70,55,.09);transform:translateY(-2px)}.product-image-wrap{height:150px;background:linear-gradient(180deg,#fff,#f8faf9);display:flex;align-items:center;justify-content:center;position:relative;padding:12px}.product-image-wrap img{width:100%;height:100%;object-fit:contain}.verified-mini{position:absolute;top:8px;right:8px;background:#158b61;color:#fff;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800}.product-body{padding:10px 11px 12px}.product-body h3{font-size:13px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-row{display:flex;align-items:baseline;gap:4px}.price-row strong{font-size:18px}.price-row span{font-size:10px;color:#6f7e79}.stock-row{font-size:9px;color:#658079;margin-top:3px}.supplier-row{display:flex;align-items:center;gap:6px;margin:8px 0 3px;font-size:9px}.mini-logo{width:22px;height:22px;border-radius:6px;background:var(--mint-100);color:var(--green-800);display:inline-grid;place-items:center;font-weight:900;flex:0 0 auto}.rating-row{font-size:9px;color:#c47a0d}.rating-row span{color:#75827e}.quick-add{display:flex;gap:6px;margin-top:8px}.qty-input,.table-add input{width:62px;border:1px solid var(--line);border-radius:9px;padding:7px}.quick-add .btn{font-size:10px;padding:8px}.category-label{display:inline-block;color:var(--green-700);font-size:9px;font-weight:800;margin-bottom:4px}.tier-mini{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.tier-mini span{font-size:8px;padding:3px 5px;border-radius:5px;background:var(--mint-50);color:#49645c}.market-side{display:grid;align-content:start;gap:12px}.rfq-promo-card{background:linear-gradient(145deg,#fff0ef,#ffe3e0);border:1px solid #f5ceca;border-radius:14px;padding:16px}.bolt{width:33px;height:33px;border-radius:10px;background:#d94137;color:#fff;display:grid;place-items:center}.rfq-promo-card h3{margin:10px 0 4px;font-size:15px}.rfq-promo-card p{font-size:11px;color:#735f5d}.rfq-sample{background:#fff;border-radius:9px;padding:9px;font-size:10px;margin:10px 0;border:1px solid #f1d8d5}.compare-card,.verified-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.card-title-row{display:flex;justify-content:space-between;gap:10px}.card-title-row h3{font-size:14px;margin:2px 0}.card-title-row a{font-size:9px;color:var(--green-700)}.compare-product{font-size:11px;display:block;margin:7px 0}.compare-table-mini{display:grid;gap:5px}.compare-table-mini a{display:grid;grid-template-columns:1.4fr .65fr .55fr .7fr;gap:4px;padding:7px;background:#fafcfb;border-radius:7px;font-size:8px;align-items:center}.compare-table-mini b{color:var(--green-800)}.compare-table-mini em{font-style:normal;color:#65736e}.verified-card{display:flex;gap:10px;background:linear-gradient(145deg,#effbf5,#fff)}.shield{width:38px;height:38px;border-radius:12px;background:var(--green-600);color:#fff;display:grid;place-items:center;font-size:20px;flex:none}.verified-card h3{margin:1px 0;font-size:14px}.verified-card p{font-size:9px;color:#62716c;margin:4px 0 9px}.metric-row{display:flex;gap:13px}.metric-row span{display:grid;text-align:center}.metric-row b{font-size:11px}.metric-row small{font-size:7px;color:#7a8883}.whatsapp-banner{margin-top:26px;background:linear-gradient(90deg,var(--green-800),var(--green-600));border-radius:15px;color:#fff;padding:16px 20px;display:flex;align-items:center;gap:14px}.wa-icon{width:42px;height:42px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-size:21px}.whatsapp-banner h3{font-size:15px;margin:0 0 3px}.whatsapp-banner p{font-size:10px;color:#cbebe0;margin:0}.coming-pill{margin-left:auto;background:#fff;color:var(--green-800);padding:7px 12px;border-radius:999px;font-size:10px;font-weight:800}.stats-band{margin-top:26px;background:linear-gradient(110deg,#07493b,#035b49);border-radius:15px;padding:15px 24px;color:#fff;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:18px}.stats-band>div{display:grid}.stats-band b{font-size:20px;color:#82eec5}.stats-band span{font-size:9px;color:#d1e9e0}.stats-band>a{background:#0d7f62;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:800}

.page-hero{background:linear-gradient(110deg,#073d33,#0a6651);color:#fff}.page-hero.compact{padding:34px 0}.page-hero h1{margin:5px 0 8px;font-size:30px}.page-hero p{color:#cde3db;margin:0;max-width:720px}.hero-search.standalone{max-width:780px;margin-top:18px}.browse-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;align-self:start;position:sticky;top:88px}.filter-panel h3{margin:0 0 10px;font-size:14px}.filter-link{display:block;padding:9px 10px;border-radius:8px;font-size:11px;color:#52625d}.filter-link:hover,.filter-link.active{background:var(--mint-100);color:var(--green-800);font-weight:800}.filter-panel hr{border:0;border-top:1px solid var(--line);margin:12px 0}.master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.master-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.master-image{height:180px;display:grid;place-items:center;background:#fafcfb;padding:14px}.master-image img{width:100%;height:100%;object-fit:contain}.master-card>div{padding:14px}.master-card h3{font-size:14px;margin:2px 0 8px}.master-card p{font-size:11px}.master-card .btn{margin-top:10px;font-size:10px}.empty-card,.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #c7d6d0;border-radius:14px;padding:28px;text-align:center;color:#64746f}.empty-state>span{font-size:34px}.empty-state h3{color:var(--ink);margin:7px 0}.empty-state p{max-width:520px;margin:4px auto 15px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.supplier-card-head{display:flex;align-items:center;gap:11px}.company-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;border:1px solid var(--line);background:#fff}.company-logo.fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--mint-100),#fff);color:var(--green-800);font-size:20px;font-weight:900}.company-logo.xl{width:72px;height:72px;border-radius:18px;font-size:28px}.supplier-card h3{font-size:14px;margin:0}.supplier-card-head p{margin:2px 0;color:#73817c;font-size:10px}.supplier-card>p{font-size:10px;color:#61716b;min-height:42px}.verified-badge{display:inline-flex;align-items:center;margin-left:6px;background:var(--mint-100);color:var(--green-800);font-size:8px;padding:3px 6px;border-radius:999px;font-weight:800;vertical-align:middle}.verified-badge.big{font-size:10px;padding:5px 8px}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip-row span{background:#f2f7f5;border:1px solid #e6efeb;border-radius:999px;padding:4px 7px;font-size:8px;color:#53645e}.supplier-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}.supplier-metrics span{display:grid;text-align:center;background:#fafcfb;border-radius:8px;padding:7px 3px}.supplier-metrics b{font-size:12px}.supplier-metrics small{font-size:7px;color:#788680}.supplier-profile-hero{background:#fff;border-bottom:1px solid var(--line);padding:26px 0}.supplier-profile-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.company-identity{display:flex;gap:17px;align-items:center}.company-identity h1{margin:0;font-size:28px}.company-identity p{font-size:12px;color:#697873;max-width:680px}.title-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.supplier-profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.supplier-profile-stats>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center;display:grid}.supplier-profile-stats b{font-size:13px}.supplier-profile-stats span{font-size:8px;color:#73817d}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.review-grid p{font-size:11px}.review-grid small{font-size:8px;color:#7e8b87}

.product-detail-head{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center}.product-media-stack{display:grid;gap:10px}.product-detail-image{height:230px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;place-items:center}.product-detail-image img{width:100%;height:100%;object-fit:contain}.product-gallery-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.product-gallery-strip a{height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;padding:4px}.product-gallery-strip img{width:100%;height:100%;object-fit:contain}.product-detail-head h1{font-size:28px;margin:5px 0 8px}.product-detail-head p{max-width:760px;color:#61716b}.detail-pills{display:flex;flex-wrap:wrap;gap:6px}.detail-pills span{font-size:9px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid var(--line)}.comparison-table-wrap,.responsive-table{overflow-x:auto}.comparison-table,.responsive-table table{width:100%;border-collapse:collapse;background:#fff}.comparison-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.comparison-table th,.comparison-table td,.responsive-table th,.responsive-table td{padding:11px 12px;border-bottom:1px solid #edf2f0;text-align:left;white-space:nowrap;font-size:10px}.comparison-table th,.responsive-table th{background:#f7faf8;color:#687873;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.supplier-cell{display:flex;align-items:center;gap:7px}.supplier-cell span:last-child{display:grid}.supplier-cell small{font-size:7px}.verified-text{color:var(--green-700);font-weight:800}.price-strong{font-size:14px;color:var(--green-900)}.stock-dot{width:7px;height:7px;border-radius:50%;background:#b4bcb9;display:inline-block;margin-right:4px}.stock-dot.in{background:#16a36e}.table-add{display:flex;gap:5px}.rfq-wide-card{background:linear-gradient(110deg,#063f34,#0b7a5e);border-radius:16px;padding:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.rfq-wide-card h2{font-size:21px;margin:5px 0}.rfq-wide-card p{font-size:11px;color:#cde7dd;margin:0}

.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.cart-list{display:grid;gap:9px}.cart-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:55px 1fr auto auto;align-items:center;gap:13px}.cart-thumb{width:55px;height:55px;border-radius:11px;background:var(--mint-50);display:grid;place-items:center;font-size:25px}.cart-info h3{font-size:13px;margin:0 0 3px}.cart-info a,.cart-info small{display:block;font-size:9px;color:#687873}.cart-qty{display:flex;gap:5px}.cart-qty input{width:72px;border:1px solid var(--line);border-radius:9px;padding:7px}.cart-line{font-size:14px}.order-summary{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;align-self:start;position:sticky;top:90px}.order-summary h2{font-size:17px;margin:0 0 12px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf2ef;font-size:10px}.summary-row.total{font-size:14px;border-bottom:0;padding-top:15px}.summary-note{font-size:9px;color:#6e7d78;background:#f7faf8;padding:9px;border-radius:8px}.order-summary .btn-link{width:100%;text-align:center;font-size:10px}.form-card,.dash-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.form-card h1,.form-card h2{margin:4px 0 7px}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.detail-header h1{margin:4px 0;font-size:28px}.detail-header p{margin:0;color:#687873;font-size:11px}.order-line{display:grid;grid-template-columns:1fr auto 90px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.order-line div{display:grid}.order-line small{color:#84908c}.order-line>b{text-align:right}.order-total{display:flex;justify-content:space-between;padding-top:15px;font-size:15px}

.rfq-page{background:linear-gradient(115deg,#052f27,#0a6c55);min-height:calc(100vh - 72px);padding:52px 0}.rfq-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.rfq-intro{color:#fff}.rfq-intro h1{font-size:38px;line-height:1.2;margin:8px 0 15px}.rfq-intro h1 em{font-style:normal;color:#65dfb3}.rfq-intro>p{color:#c9ded7;max-width:550px}.rfq-steps{display:grid;gap:10px;margin-top:28px}.rfq-steps span{display:flex;align-items:center;gap:10px;color:#dcebe6;font-size:12px}.rfq-steps b{width:27px;height:27px;border-radius:8px;background:#0d7a60;display:grid;place-items:center;color:#fff}.rfq-form-card{box-shadow:0 18px 50px rgba(0,0,0,.22)}.stack-form{display:grid;gap:12px;margin-top:14px}.two-col-form{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-form>.field:nth-last-child(1){ }.field.full{grid-column:1/-1}.field{display:grid;gap:5px}.field label{font-size:10px;font-weight:800;color:#455650}.field label span{color:#d14350;margin-left:2px}.field small{font-size:8px;color:#7c8985}.form-control{width:100%;border:1px solid #d6e1dd;background:#fff;border-radius:10px;padding:10px 11px;outline:0;color:var(--ink);font-size:12px}.form-control:focus{border-color:#6fc9aa;box-shadow:0 0 0 3px rgba(28,165,123,.1)}textarea.form-control{resize:vertical}.field-error .form-control{border-color:#df9da4}.error-text,.form-errors{font-size:9px;color:#b92838}.form-errors ul{padding-left:18px}.form-check{width:18px;height:18px}.rfq-form-card .field:first-of-type{grid-column:1/-1}.quote-count{font-size:11px;font-weight:800;color:var(--green-700)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.quote-card.winner{border:2px solid var(--green-600);box-shadow:0 10px 28px rgba(10,155,119,.12)}.quote-company{display:flex;align-items:center;gap:10px}.quote-company h3{font-size:13px;margin:0}.quote-company p{font-size:9px;color:#75847f;margin:3px 0}.quote-price{background:#f7faf8;border-radius:10px;padding:10px;margin:13px 0;display:grid}.quote-price span,.quote-price small{font-size:8px;color:#71817c}.quote-price strong{font-size:22px;color:var(--green-800)}.quote-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.quote-specs span{background:#fbfcfc;border:1px solid #eef2f0;border-radius:8px;padding:7px;display:grid}.quote-specs small{font-size:7px;color:#7c8985}.quote-specs b{font-size:10px}.quote-note{font-size:9px;color:#60706a;min-height:34px}.winner-label{background:var(--mint-100);color:var(--green-800);border-radius:9px;padding:9px;text-align:center;font-size:10px;font-weight:800}

.auth-shell{min-height:calc(100vh - 72px);display:flex;justify-content:center;align-items:center;padding:40px 20px;background:radial-gradient(circle at 15% 20%,#e5f7ef 0,transparent 30%),linear-gradient(#f9fbfa,#f4f8f6)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.auth-card.wide{width:min(680px,100%)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand h1,.auth-card h1{font-size:22px;margin:0}.auth-brand p,.auth-card>p{font-size:11px;color:#71807b;margin:5px 0}.auth-links{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:16px;font-size:10px;color:#6e7c78}.auth-links a,.auth-note a{color:var(--green-700);font-weight:800}.auth-note{text-align:center;font-size:10px!important;margin-top:15px!important}.supplier-auth{display:grid;grid-template-columns:390px minmax(0,680px);gap:20px;align-items:stretch}.auth-side-panel{border-radius:18px;padding:34px;background:linear-gradient(145deg,#063f34,#086a53);color:#fff;box-shadow:var(--shadow)}.auth-side-panel h1{font-size:28px;line-height:1.25}.auth-side-panel p{color:#cfe1db;font-size:12px}.benefit-list{display:grid;gap:12px;margin-top:25px;font-size:11px;color:#e3f3ed}

.dashboard-body{background:#f4f7f5}.dashboard-body .site-footer{display:none}.dashboard-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:235px minmax(0,1fr)}.dash-sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 13px;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;gap:10px}.dash-side-head{display:flex;align-items:center;gap:9px;padding:4px 8px 15px;border-bottom:1px solid var(--line)}.dash-side-head div{display:grid}.dash-side-head strong{font-size:13px}.dash-side-head small{font-size:8px;color:#75847f;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-sidebar nav{display:grid;gap:4px}.dash-sidebar>a,.dash-sidebar nav a{padding:10px 11px;border-radius:9px;font-size:10px;color:#54635e;font-weight:700}.dash-sidebar>a:hover,.dash-sidebar nav a:hover,.dash-sidebar>a.active,.dash-sidebar nav a.active{background:var(--mint-100);color:var(--green-800)}.sidebar-verification{margin-top:auto;border:1px solid #f0dcc0;background:#fff9ed;border-radius:11px;padding:10px;display:flex;gap:8px;align-items:center}.sidebar-verification>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e6a133;color:#fff;font-weight:900}.sidebar-verification div{display:grid}.sidebar-verification strong{font-size:9px}.sidebar-verification small{font-size:7px;color:#8a7960}.sidebar-verification.verified{background:var(--mint-50);border-color:#cbeadd}.sidebar-verification.verified>span{background:var(--green-600)}.dash-main{padding:25px;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dash-top h1{font-size:24px;margin:3px 0}.dash-top p{font-size:10px;color:#6d7b77;margin:0}.dash-actions{display:flex;gap:8px}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.dash-kpis.six{grid-template-columns:repeat(6,1fr)}.dash-kpis article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.dash-kpis span{display:block;color:#6d7c77;font-size:9px}.dash-kpis b{display:block;font-size:22px;margin:4px 0}.dash-kpis small{font-size:7px;color:#81908a}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:12px;margin-bottom:12px}.dash-card{min-width:0}.dash-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.dash-card-head h2,.dash-card h2{font-size:15px;margin:0}.dash-card-head a{font-size:9px;color:var(--green-700);font-weight:800}.responsive-table td small{display:block;color:#7e8b87;font-size:7px}.status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f1f4f3;color:#566760;font-size:8px;font-weight:800}.status-new{background:#fff0dc;color:#b9700d}.status-confirmed{background:#e9f5ff;color:#2d6c98}.status-processing{background:#f3efff;color:#7258b2}.status-shipped{background:#eaf4ff;color:#3f74a3}.status-completed{background:var(--mint-100);color:var(--green-800)}.status-cancelled{background:#ffecec;color:#b33f49}.big-status{font-size:10px;padding:7px 11px}.action-card>a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;border:1px solid #edf2f0;margin-top:8px}.action-card>a:hover{background:var(--mint-50)}.action-card>a>span{width:32px;height:32px;border-radius:9px;background:var(--mint-100);color:var(--green-800);display:grid;place-items:center;font-weight:900}.action-card>a>div{display:grid}.action-card b{font-size:10px}.action-card small{font-size:8px;color:#7b8984}.fake-chart{height:180px;display:flex;align-items:end;gap:8px;padding-top:15px}.fake-chart span{flex:1;min-width:10px;background:linear-gradient(180deg,#19ad83,#d8f4e9);border-radius:5px 5px 0 0}.toolbar{display:flex;gap:8px;margin-bottom:12px}.toolbar .form-control{max-width:320px}.table-product{display:flex;align-items:center;gap:8px}.table-product span:last-child{display:grid}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.form-side{display:grid;align-content:start;gap:12px}.compact-form{border-top:1px solid var(--line);padding-top:12px}.tier-list{display:grid;gap:6px;margin:10px 0}.tier-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#f8faf9;padding:8px;border-radius:8px;font-size:9px}.icon-danger{width:23px;height:23px;border:0;border-radius:7px;background:#ffe9eb;color:#b93745}.import-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:15px}.upload-card{text-align:center;padding:40px}.upload-icon{width:60px;height:60px;border-radius:18px;background:var(--mint-100);color:var(--green-800);display:grid;place-items:center;font-size:30px;margin:0 auto}.upload-card h2{margin-top:15px}.upload-card p{color:#73817c;font-size:10px}.file-input{width:100%;border:1px dashed #bdd7cd;border-radius:10px;padding:16px;margin:12px 0}.code-table{display:grid;grid-template-columns:120px 1fr;gap:6px;font-size:9px}.code-table code{background:#eef6f2;border-radius:6px;padding:6px;color:var(--green-800)}.code-table span{padding:6px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filter-chips a{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:9px}.filter-chips a.active{background:var(--green-700);color:#fff;border-color:var(--green-700)}.inline-actions{display:flex;gap:5px}.rfq-inbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.inbox-rfq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.inbox-rfq.unread{border-color:#7dd1b4;box-shadow:0 6px 18px rgba(10,155,119,.08)}.inbox-top{display:flex;justify-content:space-between}.new-dot{background:#db514a;color:#fff;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:800}.inbox-rfq h3{font-size:13px;min-height:58px}.rfq-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0}.rfq-meta span{background:#f8faf9;border-radius:7px;padding:7px;display:grid;font-size:7px;color:#7a8883}.rfq-meta b{font-size:9px;color:var(--ink)}.rfq-meta.large{grid-template-columns:repeat(4,1fr)}.rfq-request-card h2{font-size:20px;line-height:1.45}.verification-large{display:flex;align-items:center;gap:10px;border-radius:10px;padding:12px;background:#fff6e8;border:1px solid #f3dec0}.verification-large>span{width:35px;height:35px;border-radius:10px;background:#e4a248;color:#fff;display:grid;place-items:center;font-weight:900}.verification-large div{display:grid}.verification-large b{font-size:11px}.verification-large small{font-size:8px;color:#7e7466}.verification-large.verified{background:var(--mint-50);border-color:#ccebdd}.verification-large.verified>span{background:var(--green-600)}.metric-stack{display:grid;margin-top:12px}.metric-stack>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.metric-stack b{font-size:10px}.buyer-shell{grid-template-columns:200px minmax(0,1fr)}.supplier-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.supplier-mini-grid a{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:9px}.supplier-mini-grid strong{font-size:9px}.supplier-mini-grid small{font-size:7px;color:var(--green-700)}

.site-footer{background:#082f28;color:#d8e7e2;margin-top:40px;padding:36px 0 16px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:28px}.footer-brand strong{color:#fff}.footer-grid p{font-size:10px;color:#9db8ae;max-width:340px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px;font-size:9px;color:#a9c0b8}.footer-grid>div>strong{color:#fff;font-size:11px;margin-bottom:3px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:25px;padding-top:15px;font-size:8px;color:#829f95}

@media (max-width:1080px){
  .main-nav{gap:14px}.main-nav a{font-size:11px}.account-text{display:none}.hero-wrap{grid-template-columns:1fr}.supplier-cta-card{min-height:auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.supplier-cta-card h2,.supplier-cta-card p{grid-column:2}.supplier-cta-card ul{display:none}.supplier-cta-card .btn{grid-column:3;grid-row:1/3;margin:0}.category-grid{grid-template-columns:repeat(4,1fr)}.marketplace-grid{grid-template-columns:1fr}.market-side{grid-template-columns:repeat(3,1fr)}.product-grid,.product-grid.wide{grid-template-columns:repeat(4,1fr)}.dash-kpis.six{grid-template-columns:repeat(3,1fr)}.rfq-inbox-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .container{width:min(100% - 24px,1180px)}.site-header{height:64px}.header-row{gap:12px}.brand small{display:none}.main-nav{position:fixed;inset:64px 12px auto 12px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px}.mobile-menu-btn{display:block}.header-actions .text-btn,.header-actions>.btn,.logout-inline{display:none}.hero-wrap{padding-top:10px}.hero-card{grid-template-columns:1fr;min-height:430px}.hero-copy{padding:30px 24px 23px}.hero-copy h1{font-size:31px}.hero-art{display:none}.supplier-cta-card{grid-template-columns:auto 1fr}.supplier-cta-card .btn{grid-column:1/-1;grid-row:auto}.category-grid{grid-template-columns:repeat(4,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.product-grid,.product-grid.wide{grid-template-columns:repeat(2,1fr)}.market-side{grid-template-columns:1fr 1fr}.verified-card{grid-column:1/-1}.browse-layout{grid-template-columns:1fr}.filter-panel{position:static;display:flex;overflow-x:auto;gap:5px;padding:10px}.filter-panel h3,.filter-panel hr,.filter-panel .btn{display:none}.filter-link{white-space:nowrap;border:1px solid var(--line)}.master-grid{grid-template-columns:repeat(2,1fr)}.supplier-grid{grid-template-columns:repeat(2,1fr)}.supplier-profile-row{align-items:flex-start;flex-direction:column}.supplier-profile-stats{grid-template-columns:repeat(3,1fr)}.review-grid{grid-template-columns:1fr 1fr}.product-detail-head{grid-template-columns:180px 1fr}.checkout-layout,.order-detail-grid,.form-layout,.import-grid{grid-template-columns:1fr}.order-summary{position:static}.rfq-layout{grid-template-columns:1fr}.rfq-intro h1{font-size:31px}.quote-grid{grid-template-columns:repeat(2,1fr)}.supplier-auth{grid-template-columns:1fr}.auth-side-panel{display:none}.dashboard-shell,.buyer-shell{display:block}.dash-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px;display:block;overflow-x:auto}.dash-side-head,.sidebar-verification{display:none}.dash-sidebar nav{display:flex;min-width:max-content}.dash-sidebar nav a,.dash-sidebar>a{display:inline-flex;margin-right:4px}.dash-main{padding:16px}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.rfq-inbox-grid{grid-template-columns:repeat(2,1fr)}.supplier-mini-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom-nav{display:grid;position:fixed;z-index:60;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:7px;color:#586862}.mobile-bottom-nav a span{font-size:17px}.mobile-bottom-nav .mobile-rfq span{width:34px;height:34px;border-radius:50%;background:var(--green-700);color:#fff;display:grid;place-items:center;margin-top:-18px;box-shadow:0 6px 14px rgba(7,131,102,.25)}body{padding-bottom:62px}.dashboard-body{padding-bottom:62px}
}
@media (max-width:560px){
  .container{width:min(100% - 18px,1180px)}.brand strong{font-size:15px}.brand-mark{width:34px;height:34px;border-radius:9px}.header-actions{gap:2px}.icon-link{width:31px;height:31px;font-size:17px}.account-pill{border:0;padding:0}.hero-card{min-height:390px}.hero-copy{padding:26px 17px}.hero-copy h1{font-size:26px}.hero-copy p{font-size:12px}.hero-search{padding-left:10px}.hero-search input{font-size:10px;padding:10px 7px}.hero-search .btn{padding:9px 12px;font-size:10px}.hero-rfq-row{gap:8px;font-size:8px}.supplier-cta-card{padding:15px}.supplier-cta-card h2{font-size:15px}.supplier-cta-card p{font-size:9px}.section-block{padding-top:22px}.section-head h2{font-size:17px}.category-grid{grid-template-columns:repeat(4,1fr);gap:5px}.category-card{min-height:89px;padding:8px 4px}.category-icon{font-size:22px}.category-card strong{font-size:9px}.category-card small{display:none}.trust-strip{gap:5px}.trust-strip>div{padding:8px;grid-template-columns:31px 1fr}.trust-strip strong{font-size:9px}.trust-strip small{font-size:7px}.trust-strip>div>span{width:27px;height:27px}.product-grid,.product-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-image-wrap{height:120px}.product-body{padding:8px}.product-body h3{font-size:11px}.price-row strong{font-size:15px}.supplier-row{font-size:8px}.market-side{grid-template-columns:1fr}.verified-card{grid-column:auto}.whatsapp-banner{padding:12px}.whatsapp-banner p{display:none}.coming-pill{font-size:8px}.stats-band{grid-template-columns:repeat(2,1fr);padding:14px}.stats-band>a{grid-column:1/-1;text-align:center}.master-grid,.supplier-grid{grid-template-columns:1fr}.supplier-profile-stats{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.product-detail-head{grid-template-columns:1fr}.product-detail-image{height:200px}.product-detail-head h1{font-size:23px}.comparison-table{min-width:720px}.cart-item{grid-template-columns:45px 1fr auto}.cart-thumb{width:45px;height:45px}.cart-qty{grid-column:2}.cart-line{grid-column:3;grid-row:1/3}.detail-header{align-items:flex-start;flex-direction:column}.order-line{grid-template-columns:1fr auto}.order-line>b{grid-column:1/-1}.rfq-page{padding:30px 0}.rfq-intro h1{font-size:27px}.quote-grid{grid-template-columns:1fr}.two-col-form{grid-template-columns:1fr}.field.full,.rfq-form-card .field:first-of-type{grid-column:auto}.dash-main{padding:12px 9px}.dash-top{align-items:flex-start;flex-direction:column}.dash-actions{width:100%}.dash-actions .btn{flex:1}.dash-kpis,.dash-kpis.six{grid-template-columns:repeat(2,1fr);gap:6px}.dash-kpis article{padding:10px}.dash-kpis b{font-size:18px}.dash-card,.form-card{padding:13px}.rfq-inbox-grid{grid-template-columns:1fr}.rfq-meta.large{grid-template-columns:repeat(2,1fr)}.supplier-mini-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:25px}.page-hero.compact{padding:25px 0}.page-hero h1{font-size:23px}
}
.ai-search-hint{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#effaf6,#fff);border:1px solid #cfeadd;border-radius:12px;padding:10px 12px;margin:-3px 0 13px}.ai-search-hint>span{width:30px;height:30px;border-radius:9px;background:var(--green-700);color:#fff;display:grid;place-items:center}.ai-search-hint div{flex:1}.ai-search-hint strong{font-size:10px}.ai-search-hint p{margin:2px 0;font-size:8px;color:#687873}.ai-search-hint a{font-size:9px;font-weight:800;color:var(--green-700)}
.status-rejected,.status-void{background:#ffecec;color:#b33f49}.status-due{background:#fff0dc;color:#b9700d}.status-paid{background:var(--mint-100);color:var(--green-800)}.status-waived{background:#f1f4f3;color:#566760}.status-pending{background:#eef3ff;color:#41659f}.commission-panel{margin-top:18px}.commission-filter{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.inline-settlement-form{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:6px;margin-bottom:6px}.inline-settlement-form .form-control{padding:8px 9px;font-size:10px}.commission-panel .summary-note{margin-top:12px}.commission-filter .btn{height:39px}
.register-choice-shell{align-items:flex-start;padding-top:50px}.register-choice-wrap{width:min(880px,calc(100% - 28px));margin-inline:auto}.register-choice-head{text-align:center;margin-bottom:18px}.register-choice-head h1{font-size:30px;margin:6px 0 8px}.register-choice-head p{max-width:620px;margin:0 auto;color:#66746f;font-size:13px}.register-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.register-choice-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-rows:auto 1fr auto;gap:16px;box-shadow:0 10px 26px rgba(16,54,44,.07)}.choice-icon{width:42px;height:42px;border-radius:12px;background:var(--green-700);color:#fff;display:grid;place-items:center;font-weight:900}.choice-icon.buyer{background:#0b6f91}.register-choice-card h2{font-size:20px;margin:0 0 5px}.register-choice-card strong{display:block;font-size:12px;color:var(--green-800);margin-bottom:8px}.register-choice-card p{font-size:12px;color:#61716b;margin:0}
@media (max-width:820px){.commission-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-filter .btn{grid-column:1/-1}.inline-settlement-form{grid-template-columns:1fr}.inline-settlement-form .btn{width:100%}}
@media (max-width:560px){.commission-filter{grid-template-columns:1fr}.commission-panel{margin-top:12px}.order-detail-grid aside .stack-form+.stack-form{margin-top:16px}.register-choice-shell{padding-top:28px}.register-choice-head{text-align:left}.register-choice-head h1{font-size:25px}.register-choice-grid{grid-template-columns:1fr}.register-choice-card{padding:16px}.register-choice-card .btn{min-height:44px}}

/* Typography polish: keep the existing layout and palette, but lift Zinu out of the tiny admin-template scale. */
html{font-size:16px}
body{font-family:"FiraGO","Noto Sans Georgian","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;font-weight:400;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,strong,b,.brand strong{font-weight:700;letter-spacing:0}
p,li,td,th,a,span,small,input,select,textarea,button{letter-spacing:0}
.muted{color:#596964}
.eyebrow{font-size:13px;line-height:1.35;font-weight:700;letter-spacing:0;text-transform:none}
.btn,.text-btn,.btn-link{min-height:42px;font-size:15px;line-height:1.2;font-weight:650;padding:12px 18px}
.btn-sm{min-height:38px;font-size:14px;padding:9px 13px}
.form-control{font-size:15px;line-height:1.45;padding:12px 13px}
.field label{font-size:14px;line-height:1.35;font-weight:650;color:#344842}.field small,.error-text,.form-errors{font-size:14px;line-height:1.45}
.brand strong{font-size:20px}.brand small{font-size:13px;color:#65756f}.main-nav a{font-size:15px;line-height:1.35;font-weight:600}.account-pill{font-size:14px}.icon-link{font-size:14px;font-weight:700}.cart-link span{font-size:12px}
.hero-copy h1{font-size:44px;line-height:1.18}.hero-copy p{font-size:17px;line-height:1.6}.hero-search input{font-size:16px}.hero-rfq-row{font-size:15px;line-height:1.45}.supplier-cta-card h2{font-size:23px}.supplier-cta-card p,.supplier-cta-card ul{font-size:15px;line-height:1.55}
.section-block{padding-top:38px}.section-head{margin-bottom:20px}.section-head h2{font-size:24px;line-height:1.25}.section-head>a{font-size:15px}
.category-card{padding:16px 10px}.category-card strong{font-size:15px;line-height:1.3}.category-card small{font-size:14px;line-height:1.35;color:#64746f}.trust-strip strong{font-size:15px}.trust-strip small{font-size:14px;line-height:1.35;color:#61716b}
.product-grid,.product-grid.wide{gap:14px}.product-body{padding:14px 14px 15px}.product-body h3{font-size:17px;line-height:1.3;font-weight:650;margin:0 0 9px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px}.price-row{gap:6px;margin-bottom:6px}.price-row strong{font-size:23px;line-height:1;font-weight:750}.price-row span,.stock-row,.supplier-row,.rating-row,.tier-mini span,.category-label{font-size:14px;line-height:1.35}.stock-row{color:#536b63}.supplier-row{margin:10px 0 6px}.supplier-row a{font-weight:600}.rating-row span{color:#61716b}.verified-mini{font-size:13px;padding:5px 9px}.quick-add{margin-top:12px}.quick-add .btn{font-size:14px;padding:10px 12px}.qty-input,.table-add input{font-size:15px;padding:9px;width:70px}
.rfq-promo-card h3,.card-title-row h3,.verified-card h3{font-size:18px;line-height:1.3}.rfq-promo-card p,.verified-card p,.compare-product{font-size:15px;line-height:1.5}.rfq-sample{font-size:15px;line-height:1.45}.compare-table-mini a{font-size:14px;padding:10px}.compare-table-mini small,.compare-table-mini em{font-size:13px}.metric-row b{font-size:17px}.metric-row small{font-size:13px}.whatsapp-banner h3{font-size:18px}.whatsapp-banner p,.coming-pill{font-size:14px}.stats-band b{font-size:26px}.stats-band span,.stats-band>a{font-size:14px}
.page-hero h1{font-size:40px;line-height:1.2}.page-hero p{font-size:16px;line-height:1.55}.filter-panel h3{font-size:18px}.filter-link{font-size:15px;line-height:1.35}.master-card h3{font-size:18px;line-height:1.3}.master-card p,.master-card .muted{font-size:15px;line-height:1.45}.master-card .btn{font-size:14px}.empty-state h3{font-size:21px}.empty-state p,.empty-card{font-size:16px;line-height:1.55}
.supplier-card h3{font-size:18px;line-height:1.25}.supplier-card-head p,.supplier-card>p{font-size:15px;line-height:1.5}.verified-badge,.verified-badge.big,.chip-row span{font-size:13px}.supplier-metrics b{font-size:18px}.supplier-metrics small{font-size:13px}.company-identity h1{font-size:38px}.company-identity p{font-size:16px;line-height:1.55}.supplier-profile-stats b{font-size:21px}.supplier-profile-stats span{font-size:14px}.review-grid p,.review-grid small{font-size:15px;line-height:1.5}
.product-detail-head h1{font-size:40px;line-height:1.2}.product-detail-head p{font-size:16px;line-height:1.55}.detail-pills span{font-size:14px}.comparison-table th,.comparison-table td,.responsive-table th,.responsive-table td{font-size:14px;line-height:1.4;padding:13px 14px}.comparison-table th,.responsive-table th{font-size:13px;font-weight:700}.supplier-cell small,.responsive-table td small{font-size:13px}.price-strong{font-size:21px}.table-add{align-items:center}
.cart-info h3{font-size:17px;line-height:1.3}.cart-info a,.cart-info small,.summary-row,.summary-note{font-size:15px;line-height:1.45}.cart-line{font-size:18px}.order-summary h2{font-size:20px}.summary-row.total{font-size:18px}.form-card h1,.auth-brand h1,.auth-card h1{font-size:28px;line-height:1.25}.form-card h2,.auth-card h2{font-size:23px;line-height:1.25}.form-card p,.auth-brand p,.auth-card>p,.auth-links,.auth-note,.auth-side-panel p,.benefit-list{font-size:15px;line-height:1.55}.auth-card{padding:30px}.auth-card.wide{width:min(760px,100%)}.auth-side-panel h1{font-size:34px;line-height:1.2}
.rfq-intro h1{font-size:44px;line-height:1.18}.rfq-intro>p,.rfq-steps span,.quote-note{font-size:16px;line-height:1.55}.quote-company h3{font-size:17px}.quote-company p,.quote-price span,.quote-price small,.quote-specs small,.winner-label,.quote-count{font-size:14px}.quote-price strong{font-size:27px}.quote-specs b{font-size:16px}
.dash-side-head strong{font-size:16px}.dash-side-head small{font-size:13px}.dash-sidebar>a,.dash-sidebar nav a{font-size:15px;line-height:1.35;padding:11px 12px;font-weight:600}.sidebar-verification strong{font-size:14px}.sidebar-verification small{font-size:13px}.dash-top h1{font-size:34px;line-height:1.22}.dash-top p{font-size:15px;line-height:1.5}.dash-kpis article{padding:17px}.dash-kpis span{font-size:14px;line-height:1.35}.dash-kpis b{font-size:30px;font-weight:750;line-height:1.1}.dash-kpis small{font-size:13px;line-height:1.35;color:#64746f}.dash-card-head h2,.dash-card h2{font-size:20px;line-height:1.3}.dash-card h3{font-size:17px}.dash-card-head a{font-size:14px}.status{font-size:13px;line-height:1.2;font-weight:700;padding:6px 9px}.big-status{font-size:14px;padding:8px 12px}.action-card b{font-size:15px}.action-card small{font-size:14px}.tier-list>div,.metric-stack>div,.code-table,.upload-card p{font-size:15px;line-height:1.45}.metric-stack b{font-size:16px}.new-dot{font-size:13px}.inbox-rfq h3{font-size:18px;line-height:1.45}.rfq-meta span{font-size:14px}.rfq-meta b{font-size:16px}.verification-large b{font-size:15px}.verification-large small{font-size:14px}.supplier-mini-grid strong{font-size:15px}.supplier-mini-grid small{font-size:13px}.inline-settlement-form .form-control{font-size:14px}
.register-choice-head h1{font-size:42px;line-height:1.18}.register-choice-head p,.register-choice-card p{font-size:16px;line-height:1.55}.register-choice-card h2{font-size:23px}.register-choice-card strong{font-size:15px}.choice-icon{font-size:20px}
.site-footer{padding:44px 0 22px}.footer-grid p{font-size:15px;line-height:1.55;color:#bdd0c9}.footer-grid>div:not(:first-child){font-size:14px;line-height:1.45}.footer-grid>div>strong{font-size:16px}.footer-bottom{font-size:14px;color:#a9c0b8}
.mobile-bottom-nav a{font-size:13px;line-height:1.2;font-weight:600}.mobile-bottom-nav a span{font-size:17px}
@media (max-width:820px){body{font-size:16px}.main-nav a{font-size:16px}.dash-sidebar nav a,.dash-sidebar>a{font-size:15px}.mobile-bottom-nav a{font-size:13px}.hero-copy h1,.rfq-intro h1{font-size:40px}.product-detail-head h1,.page-hero h1,.company-identity h1,.register-choice-head h1{font-size:34px}.dash-top h1{font-size:30px}.dash-kpis b{font-size:27px}.product-grid,.product-grid.wide{gap:11px}.responsive-table th,.responsive-table td{font-size:14px}.footer-grid{gap:22px}}
@media (max-width:560px){body{font-size:16px;line-height:1.62}.brand strong{font-size:17px}.mobile-menu-btn{font-size:15px;font-weight:700}.icon-link{font-size:14px}.hero-copy h1{font-size:31px}.hero-copy p,.hero-search input,.hero-rfq-row,.supplier-cta-card p,.supplier-cta-card ul{font-size:15px}.supplier-cta-card h2{font-size:20px}.section-head h2{font-size:22px}.category-card strong{font-size:14px}.trust-strip strong{font-size:14px}.trust-strip small{font-size:13px}.product-body{padding:12px}.product-body h3{font-size:16px;min-height:42px}.price-row strong{font-size:22px}.stock-row,.supplier-row,.rating-row,.price-row span,.category-label{font-size:13.5px}.quick-add .btn{font-size:14px}.dash-main{padding:14px 11px}.dash-card,.form-card{padding:16px}.dash-kpis article{padding:13px}.dash-kpis b{font-size:24px}.dash-kpis span,.dash-kpis small{font-size:13.5px}.dash-card-head h2,.dash-card h2{font-size:19px}.order-line{font-size:15px;line-height:1.45}.order-line>b{font-size:17px}.form-card h1,.auth-brand h1,.auth-card h1{font-size:25px}.auth-card{padding:22px}.register-choice-head h1{font-size:28px}.register-choice-head p,.register-choice-card p{font-size:15px}.footer-grid p,.footer-grid>div:not(:first-child),.footer-bottom{font-size:14px}}
.hero-copy h1,.section-head h2,.page-hero h1,.company-identity h1,.product-detail-head h1,.rfq-intro h1,.dash-top h1,.register-choice-head h1,.comparison-table th,.responsive-table th{letter-spacing:0}
@media (max-width:560px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{min-width:0;overflow:hidden}.category-card strong{overflow-wrap:anywhere;word-break:normal}.category-icon{font-size:24px}}
.icon-link svg,.mobile-bottom-nav .nav-icon svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-link svg{width:20px;height:20px}.mobile-bottom-nav .nav-icon svg{width:19px;height:19px}.mobile-bottom-nav .mobile-rfq .nav-icon svg{width:20px;height:20px}
.avatar svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Zinu premium polish — 2026 mobile-first visual layer */
:root{
  --sg-ink:#10211d;--sg-muted:#667b74;--sg-line:#dce9e4;--sg-surface:#ffffff;
  --sg-soft:#f4f9f7;--sg-mint:#e7f7f1;--sg-green:#078366;--sg-green-2:#00a27a;
  --sg-deep:#063f34;--sg-deeper:#032e27;--sg-shadow:0 18px 55px rgba(5,63,52,.09);
  --sg-shadow-sm:0 9px 28px rgba(5,63,52,.07);--sg-radius:18px;
}
html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#fbfdfc 0,#f7fbf9 52%,#fff 100%);color:var(--sg-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(7,131,102,.09);backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px)}
.header-row{min-height:76px}.brand-mark{box-shadow:0 10px 24px rgba(7,131,102,.22);background:linear-gradient(145deg,#0a9877,#046450)}.brand strong{letter-spacing:-.02em}.brand small{color:#70847d}
.main-nav{gap:30px}.main-nav a{position:relative;color:#20342e;transition:.2s ease}.main-nav a:after{content:"";position:absolute;left:50%;bottom:-12px;width:0;height:2px;border-radius:2px;background:var(--sg-green);transform:translateX(-50%);transition:.2s ease}.main-nav a:hover{color:var(--sg-green)}.main-nav a:hover:after{width:18px}
.btn{border-radius:12px;box-shadow:0 9px 20px rgba(7,131,102,.16);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,131,102,.22)}.btn-soft{box-shadow:none;background:#f1faf7;border-color:#c7e7dd}.text-btn{font-weight:650}.account-pill{border-color:#dce9e4;background:#fff;box-shadow:0 5px 18px rgba(4,56,47,.05)}
.premium-hero-wrap{padding-top:20px}.premium-hero-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(2,45,38,.18);background:radial-gradient(circle at 79% 15%,rgba(64,255,184,.16),transparent 28%),linear-gradient(135deg,#053f34 0%,#06372f 46%,#092c27 100%)}
.hero-copy{position:relative;z-index:2}.hero-copy h1{letter-spacing:-.035em}.hero-copy h1 em{color:#43d8a9;text-shadow:0 0 30px rgba(67,216,169,.12)}.hero-copy p{color:#d3e4de}.hero-search{background:rgba(255,255,255,.98);box-shadow:0 14px 38px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.hero-search input{font-weight:500}.hero-rfq-row{color:#d8eee7}.hero-rfq-row a{color:#66e0bb}.hero-art{opacity:.96}.hero-glow{filter:blur(4px);opacity:.7}
.supplier-cta-card{border:1px solid #cce9df;background:linear-gradient(165deg,#effbf7 0%,#e0f5ed 100%);box-shadow:var(--sg-shadow-sm)}.supplier-cta-card h2{letter-spacing:-.025em}.supplier-cta-icon{background:linear-gradient(145deg,#0da37f,#05715a);box-shadow:0 10px 22px rgba(7,131,102,.2)}
.section-block{padding-top:38px}.section-head h2{letter-spacing:-.025em}.section-head>a{font-weight:700;color:var(--sg-green)}
.category-card,.product-card,.compare-card,.verified-card,.rfq-promo-card,.dash-card,.form-card{border-color:var(--sg-line);box-shadow:0 1px 1px rgba(5,63,52,.02);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.category-card:hover,.product-card:hover{transform:translateY(-4px);border-color:#b8ddd1;box-shadow:var(--sg-shadow-sm)}.category-card{background:linear-gradient(180deg,#fff,#fbfdfc)}.category-icon{background:#eef9f5;border-radius:12px;color:#08795f}
.trust-strip{background:#fff;border:1px solid var(--sg-line);border-radius:16px;box-shadow:0 8px 24px rgba(4,56,47,.045)}.trust-strip>div+div{border-left:1px solid #edf4f1}
.product-card{overflow:hidden;background:#fff;border-radius:16px}.product-image-wrap{background:radial-gradient(circle at 50% 38%,#fff 0,#f6faf8 66%,#f0f6f3 100%)}.product-image-wrap img{transition:transform .28s ease}.product-card:hover .product-image-wrap img{transform:scale(1.035)}.verified-mini{box-shadow:0 6px 16px rgba(7,131,102,.18)}.price-row strong{letter-spacing:-.025em}.supplier-row .mini-logo{background:#eaf7f2;color:#08795f}.rating-row{color:#cc8500}
.rfq-promo-card{background:linear-gradient(155deg,#fff2f0,#ffebe8);border-color:#ffd2cb}.rfq-sample{background:rgba(255,255,255,.82);border:1px solid rgba(199,86,67,.12)}.compare-card,.verified-card{background:#fff}.verified-card{background:linear-gradient(160deg,#fff,#f0faf6)}
.whatsapp-banner{background:linear-gradient(100deg,#075f4e,#0d9c77);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px rgba(5,93,75,.15)}.premium-stats-band{background:linear-gradient(110deg,#043f34,#05604f);box-shadow:0 16px 40px rgba(4,63,52,.13)}
.site-footer{background:linear-gradient(180deg,#06372f,#032b25);border-top:1px solid rgba(255,255,255,.06)}.site-footer a:hover{color:#65dfb9}
.form-control,input,select,textarea{border-radius:12px!important;transition:border-color .18s ease,box-shadow .18s ease}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#69cbb0!important;box-shadow:0 0 0 4px rgba(7,131,102,.09)!important;outline:none}
.dash-shell{background:#f7fbf9}.dash-sidebar{background:linear-gradient(180deg,#043f34,#032f28)}.dash-sidebar nav a{border-radius:10px}.dash-sidebar nav a:hover,.dash-sidebar nav a.active{background:rgba(255,255,255,.09)}.dash-kpis article{border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfc);border-color:var(--sg-line);box-shadow:0 8px 24px rgba(5,63,52,.04)}
.responsive-table{border-radius:14px;overflow:hidden}.responsive-table thead{background:#f0f7f4}.status{border-radius:999px}
.toast{border-radius:14px;box-shadow:0 18px 44px rgba(2,45,38,.18)}
@media (max-width:820px){.site-header{backdrop-filter:blur(14px)}.header-row{min-height:64px}.main-nav{border:1px solid var(--sg-line);box-shadow:0 20px 55px rgba(2,45,38,.16);border-radius:0 0 18px 18px}.premium-hero-wrap{padding-top:12px}.premium-hero-card{border-radius:20px}.supplier-cta-card{border-radius:18px}.trust-strip>div+div{border-left:0}.mobile-bottom-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(7,131,102,.12);box-shadow:0 -10px 35px rgba(2,45,38,.08)}}
@media (max-width:560px){.hero-wrap{gap:10px}.hero-card{border-radius:18px}.hero-copy{padding:24px 18px}.hero-copy h1{font-size:30px!important;line-height:1.13}.hero-search{border-radius:13px}.hero-rfq-row{gap:8px 13px}.supplier-cta-card{padding:18px}.section-block{padding-top:28px}.category-card,.product-card{border-radius:14px}.product-body{padding:13px}.trust-strip{border-radius:14px}.whatsapp-banner,.premium-stats-band{border-radius:15px}.site-footer{padding-bottom:95px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Multi-supplier cart */
.cart-supplier-group{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.cart-supplier-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f7faf8;border-bottom:1px solid var(--line)}.cart-supplier-head>div{display:flex;align-items:center;gap:11px;min-width:0}.cart-supplier-head h2{font-size:16px;margin:0}.cart-supplier-head a{font-size:12px;color:#587169}.cart-supplier-head strong{white-space:nowrap}.cart-supplier-group .cart-item{border:0;border-bottom:1px solid var(--line);border-radius:0}.cart-supplier-group .cart-item:last-of-type{border-bottom:0}.supplier-subtotal{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#fbfdfc;font-size:14px}.checkout-supplier-summary{padding:10px 0;border-bottom:1px solid #edf2ef}.checkout-supplier-summary>strong{display:block;margin-bottom:5px;font-size:14px}.order-success-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-success-card .btn{margin-top:14px}.success-total{position:static;margin-top:16px;max-width:430px;margin-left:auto}
@media(max-width:640px){.cart-supplier-head{align-items:flex-start;flex-direction:column}.cart-supplier-head strong{white-space:normal}.order-success-grid{grid-template-columns:1fr}.success-total{max-width:none;margin-left:0}}
/* Private dashboard refresh */
.dashboard-page {
  background: #f4f8f5;
  color: #14241e;
  font-family: FiraGO, "Noto Sans Georgian", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dashboard-page .site-header,
.dashboard-page .site-footer,
.dashboard-page .mobile-bottom-nav {
  display: none;
}

.dashboard-page main {
  min-height: 100vh;
}

.dashboard-shell {
  display: grid;
  grid-template-columns: 284px minmax(0, 1fr);
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(36, 132, 94, 0.12), transparent 34rem),
    linear-gradient(180deg, #f8fbf8 0%, #edf5ef 100%);
}

.dash-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px 18px;
  background: #063f34;
  color: #eaf6ef;
  overflow-y: auto;
}

.dashboard-mobile-nav {
  display: none;
}

.dash-brand,
.dash-profile-card,
.dash-nav a,
.dash-logout button,
.dashboard-mobile-nav a {
  color: inherit;
  text-decoration: none;
}

.dash-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}

.dash-brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ffffff;
  color: #086547;
  font-weight: 900;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}

.dash-brand strong,
.dash-profile-card strong {
  display: block;
  font-size: 15px;
  line-height: 1.25;
}

.dash-brand small,
.dash-profile-card small {
  display: block;
  color: rgba(234, 246, 239, 0.68);
  font-size: 12px;
  line-height: 1.4;
}

.dash-profile-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.dash-profile-card img,
.dash-profile-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.dash-profile-avatar {
  display: grid;
  place-items: center;
  background: #dff3e6;
  color: #064232;
  font-weight: 800;
}

.dash-nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.dash-nav-label {
  margin: 15px 10px 4px;
  color: rgba(234, 246, 239, 0.55);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dash-nav a,
.dash-logout button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(234, 246, 239, 0.82);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.dash-nav a span,
.dash-logout button span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #b6e4c8;
  flex: 0 0 auto;
}

.dash-nav a:hover,
.dash-nav a.active,
.dash-logout button:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.dash-logout {
  margin-top: auto;
}

.dash-main {
  width: min(100%, 1380px);
  padding: 30px;
}

.dash-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
  margin-bottom: 22px;
  border: 1px solid rgba(8, 101, 71, 0.14);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff 0%, #eff8f1 100%);
  box-shadow: 0 18px 54px rgba(17, 51, 40, 0.08);
}

.supplier-hero {
  background: linear-gradient(135deg, #ffffff 0%, #eef8f5 100%);
}

.compact-hero {
  align-items: center;
}

.dash-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #08724f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dash-hero h1 {
  margin: 0;
  color: #0d2b22;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.08;
  letter-spacing: 0;
}

.dash-hero p {
  max-width: 740px;
  margin: 10px 0 0;
  color: #587167;
  font-size: 16px;
  line-height: 1.7;
}

.dash-hero-actions,
.dash-form-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.dash-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}

.dash-kpi {
  min-height: 132px;
  padding: 18px;
  border: 1px solid rgba(8, 101, 71, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 34px rgba(17, 51, 40, 0.06);
}

.dash-kpi.attention {
  border-color: rgba(16, 133, 93, 0.28);
  background: #f1fbf4;
}

.dash-kpi span,
.dash-kpi small,
.dash-list-meta span,
.detail-stack span,
.metric-stack span {
  display: block;
  color: #657a71;
  font-size: 12px;
  font-weight: 800;
}

.dash-kpi strong {
  display: block;
  margin-top: 12px;
  color: #0d2b22;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0;
}

.dash-kpi .kpi-status {
  font-size: 18px;
  line-height: 1.3;
}

.dash-kpi small {
  margin-top: 10px;
  font-weight: 600;
  line-height: 1.45;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
  gap: 18px;
  align-items: start;
}

.dashboard-grid.two-column {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
}

.dash-panel {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(8, 101, 71, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 44px rgba(17, 51, 40, 0.06);
}

.dash-panel-wide {
  grid-column: auto;
}

.dash-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.dash-panel h2 {
  margin: 0;
  color: #102c23;
  font-size: 21px;
  line-height: 1.22;
  letter-spacing: 0;
}

.dash-text-link,
.strong-link,
.mini-action {
  color: #08724f;
  font-weight: 800;
  text-decoration: none;
}

.strong-link:hover,
.dash-text-link:hover,
.mini-action:hover {
  color: #064232;
}

.dash-filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 18px;
}

.dash-filter-bar label,
.dash-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #62776d;
  font-size: 12px;
  font-weight: 800;
}

.dash-filter-bar input,
.dash-filter-bar select,
.dash-form input,
.dash-form select,
.dash-form textarea,
.decision-panel textarea,
.stock-form input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d8e5dd;
  border-radius: 8px;
  background: #ffffff;
  color: #14241e;
  font: inherit;
  font-size: 14px;
  padding: 10px 12px;
  outline: none;
}

.dash-filter-bar input:focus,
.dash-filter-bar select:focus,
.dash-form input:focus,
.dash-form select:focus,
.dash-form textarea:focus,
.decision-panel textarea:focus,
.stock-form input:focus {
  border-color: #0b7a55;
  box-shadow: 0 0 0 4px rgba(11, 122, 85, 0.1);
}

.dash-form {
  display: grid;
  gap: 14px;
}

.rfq-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dash-field-full {
  grid-column: 1 / -1;
}

.ai-plan-form textarea {
  min-height: 210px;
  resize: vertical;
}

.ai-assistant-note .dash-check-list {
  margin-top: 8px;
}

.procurement-layout {
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.65fr);
}

.ai-source-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #e9f7f1;
  color: #08724f;
  font-size: 11px;
  font-weight: 900;
}

.ai-warning {
  margin-bottom: 14px;
  border-color: #f0d1a7;
  background: #fff9ed;
}

.procurement-summary-grid,
.requirement-edit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.procurement-requirements {
  display: grid;
  gap: 16px;
}

.procurement-requirement-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #d8e9e0;
  border-radius: 8px;
  background: #fbfefd;
}

.requirement-card-head,
.matched-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.requirement-card-head h3 {
  margin: 4px 0 0;
  color: #102c23;
  font-size: 20px;
  line-height: 1.3;
}

.toggle-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #416358;
  font-size: 13px;
  font-weight: 800;
}

.toggle-row input {
  width: auto;
  min-height: auto;
  accent-color: #08724f;
}

.matched-offers-block {
  display: grid;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #e1eee8;
}

.matched-head strong {
  color: #163127;
  font-size: 14px;
}

.matched-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.matched-offer-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dce9e3;
  border-radius: 8px;
  background: #fff;
}

.matched-offer-card input {
  width: auto;
  min-height: auto;
  accent-color: #08724f;
}

.matched-offer-card span {
  display: grid;
  min-width: 0;
}

.matched-offer-card strong {
  overflow: hidden;
  color: #102c23;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matched-offer-card small,
.matched-offer-card em {
  color: #6b7f76;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.matched-offer-card b {
  color: #08724f;
  font-size: 15px;
}

.matched-offer-card em {
  grid-column: 2 / -1;
}

.question-list {
  display: grid;
  gap: 8px;
}

.question-list p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f4faf7;
  color: #48665b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.sticky-actions {
  position: sticky;
  bottom: 16px;
  z-index: 2;
  justify-content: flex-end;
  padding: 12px;
  border: 1px solid #d8e9e0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 34px rgba(17, 51, 40, 0.12);
}

.field-error,
.dash-field .errorlist {
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
}

.responsive-table {
  width: 100%;
  overflow-x: auto;
}

.responsive-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.responsive-table th {
  padding: 12px 10px;
  border-bottom: 1px solid #e2ece6;
  color: #6a7b73;
  font-size: 12px;
  text-align: left;
  font-weight: 900;
  white-space: nowrap;
}

.responsive-table td {
  padding: 14px 10px;
  border-bottom: 1px solid #eef4f0;
  color: #223b31;
  font-size: 14px;
  vertical-align: middle;
}

.status-pill,
.stock-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef5f1;
  color: #345449;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
}

.status-confirmed,
.status-processing,
.status-shipped,
.status-completed,
.status-paid,
.stock-pill.ok {
  background: #e3f6e8;
  color: #086547;
}

.status-new,
.status-pending,
.status-due,
.stock-pill.low {
  background: #fff7df;
  color: #875a00;
}

.status-rejected,
.status-cancelled,
.status-void,
.stock-pill.out {
  background: #ffe8e5;
  color: #a32015;
}

.mini-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #cfe1d6;
  border-radius: 8px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
}

.mini-action.danger,
.btn-danger {
  border-color: #f0c7c1;
  background: #fff1ef;
  color: #a32015;
}

.dash-card-list,
.inventory-list,
.sales-day-list,
.metric-stack,
.detail-stack {
  display: grid;
  gap: 12px;
}

.dash-list-card,
.quick-order,
.inventory-row,
.summary-card,
.rfq-inbox-card {
  border: 1px solid #e0ebe5;
  border-radius: 8px;
  background: #ffffff;
}

.dash-list-card,
.quick-order,
.inventory-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.dash-list-card p,
.quick-order span,
.summary-card p,
.detail-stack p,
.rfq-inbox-card p {
  margin: 4px 0 0;
  color: #657a71;
  font-size: 13px;
  line-height: 1.55;
}

.dash-list-meta {
  text-align: right;
  flex: 0 0 auto;
}

.supplier-chip-grid,
.action-grid,
.quote-compare-grid,
.rfq-inbox-grid,
.decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.supplier-chip,
.action-grid a {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid #e0ebe5;
  border-radius: 8px;
  background: #ffffff;
  color: #132b22;
  text-decoration: none;
}

.supplier-chip img,
.supplier-chip span,
.product-cell img,
.product-cell > span {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  background: #e8f4ed;
}

.supplier-chip span,
.product-cell > span {
  display: grid;
  place-items: center;
  color: #086547;
  font-weight: 900;
}

.supplier-chip small,
.action-grid span {
  color: #657a71;
  font-size: 12px;
  font-weight: 700;
}

.dash-empty {
  padding: 22px;
  border: 1px dashed #bad6c7;
  border-radius: 8px;
  background: #f7fbf8;
}

.dash-empty.compact {
  padding: 16px;
}

.dash-empty p,
.muted {
  color: #657a71;
  font-size: 14px;
  line-height: 1.55;
}

.product-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 220px;
}

.product-cell strong {
  display: block;
  color: #132b22;
  line-height: 1.3;
}

.product-cell small {
  display: block;
  color: #657a71;
  font-size: 12px;
  margin-top: 3px;
}

.quote-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dbe9e2;
  border-radius: 8px;
  background: #ffffff;
}

.quote-card.selected {
  border-color: #0b7a55;
  box-shadow: 0 0 0 4px rgba(11, 122, 85, 0.08);
}

.quote-card-head,
.rfq-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.quote-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.quote-badges span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #e6f6eb;
  color: #086547;
  font-size: 11px;
  font-weight: 900;
}

.quote-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quote-metrics div,
.metric-stack div,
.detail-stack div {
  padding: 12px;
  border-radius: 8px;
  background: #f6faf7;
}

.quote-metrics span {
  display: block;
  color: #657a71;
  font-size: 12px;
  font-weight: 800;
}

.quote-metrics strong,
.metric-stack strong {
  display: block;
  margin-top: 5px;
  color: #102c23;
  font-size: 15px;
}

.rfq-raw-text {
  color: #314a40;
  font-size: 15px;
  line-height: 1.75;
  white-space: pre-wrap;
}

.dash-check-list {
  display: grid;
  gap: 10px;
  padding-left: 18px;
  color: #314a40;
  line-height: 1.55;
}

.decision-grid form {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid #e0ebe5;
  border-radius: 8px;
  background: #ffffff;
}

.check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #314a40;
  font-weight: 800;
}

.check-row input {
  width: 18px;
  height: 18px;
}

.product-preview,
.summary-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  text-align: center;
}

.product-preview img,
.summary-card img,
.summary-avatar {
  width: 96px;
  height: 96px;
  margin: 0 auto;
  border-radius: 8px;
  object-fit: contain;
  background: #e8f4ed;
}

.summary-avatar {
  display: grid;
  place-items: center;
  color: #086547;
  font-size: 28px;
  font-weight: 900;
}

.product-gallery-admin {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 12px;
}

.product-gallery-admin figure {
  margin: 0;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e0ebe5;
  border-radius: 8px;
  background: #ffffff;
}

.product-gallery-admin img,
.product-gallery-admin figure > span {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  object-fit: cover;
  background: #e8f4ed;
}

.product-gallery-admin figure > span {
  display: grid;
  place-items: center;
  color: #086547;
  font-size: 24px;
  font-weight: 900;
}

.product-gallery-admin figcaption,
.gallery-admin-actions {
  display: grid;
  gap: 7px;
}

.gallery-admin-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gallery-admin-actions form,
.gallery-admin-actions button {
  width: 100%;
}

.gallery-main-pill,
.processing-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f2f8f5;
  color: #60766d;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.gallery-main-pill.active,
.processing-status.status-ready {
  background: #dcf8ee;
  color: #086547;
}

.processing-status.status-pending,
.processing-status.status-processing {
  background: #fff7df;
  color: #875a00;
}

.processing-status.status-fallback {
  background: #eef4ff;
  color: #345d9d;
}

.processing-status.status-failed {
  background: #ffe8e5;
  color: #a32015;
}

.inventory-row {
  align-items: center;
}

.inventory-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #657a71;
  font-size: 13px;
  font-weight: 800;
}

.stock-form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stock-form input {
  width: 96px;
}

.sales-day {
  display: grid;
  grid-template-columns: 48px minmax(90px, 1fr) 110px 70px;
  gap: 10px;
  align-items: center;
  color: #314a40;
  font-size: 13px;
}

.sales-day div {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2eee7;
}

.sales-day div span {
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, #0b7a55, #48b579);
}

.tier-form {
  margin: 18px 0 0;
}

@media (max-width: 1180px) {
  .dashboard-shell {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .dash-main {
    padding: 22px;
  }

  .dash-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid,
  .dashboard-grid.two-column {
    grid-template-columns: 1fr;
  }

  .dash-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dashboard-shell {
    display: block;
    padding-bottom: 74px;
  }

  .dash-sidebar {
    display: none;
  }

  .dashboard-mobile-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid #d8e5dd;
    box-shadow: 0 -10px 28px rgba(17, 51, 40, 0.08);
  }

  .dashboard-mobile-nav a {
    display: grid;
    gap: 3px;
    place-items: center;
    min-height: 50px;
    border-radius: 8px;
    color: #60766c;
    font-size: 10px;
    font-weight: 800;
  }

  .dashboard-mobile-nav a span {
    color: #0b7a55;
    font-size: 18px;
    line-height: 1;
  }

  .dashboard-mobile-nav a.active {
    background: #e8f6ed;
    color: #064232;
  }

  .dash-main {
    width: 100%;
    padding: 14px;
  }

  .dash-hero {
    display: grid;
    gap: 16px;
    padding: 18px;
  }

  .dash-hero h1 {
    font-size: 29px;
  }

  .dash-hero p {
    font-size: 14px;
    line-height: 1.6;
  }

  .dash-hero-actions,
  .dash-form-actions {
    align-items: stretch;
  }

  .dash-hero-actions .btn,
  .dash-form-actions .btn {
    width: 100%;
  }

  .dash-kpi-grid,
  .rfq-form-grid,
  .procurement-summary-grid,
  .requirement-edit-grid,
  .matched-offer-grid,
  .supplier-chip-grid,
  .action-grid,
  .quote-compare-grid,
  .rfq-inbox-grid,
  .decision-grid,
  .quote-metrics,
  .dash-filter-bar {
    grid-template-columns: 1fr;
  }

  .dash-kpi {
    min-height: 112px;
  }

  .procurement-requirement-card {
    padding: 13px;
  }

  .requirement-card-head,
  .matched-head {
    display: grid;
  }

  .matched-offer-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .matched-offer-card b,
  .matched-offer-card em {
    grid-column: 2;
  }

  .sticky-actions {
    position: static;
  }

  .dash-panel {
    padding: 16px;
  }

  .dash-panel-head {
    align-items: flex-start;
  }

  .responsive-table {
    overflow: visible;
  }

  .responsive-table table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #e0ebe5;
    border-radius: 8px;
    background: #ffffff;
  }

  .responsive-table td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid #eef4f0;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .responsive-table td:last-child {
    border-bottom: 0;
  }

  .responsive-table td::before {
    content: attr(data-label);
    color: #657a71;
    font-size: 12px;
    font-weight: 900;
    text-align: left;
    flex: 0 0 42%;
  }

  .dash-list-card,
  .quick-order,
  .inventory-row {
    display: grid;
  }

  .dash-list-meta {
    text-align: left;
  }

  .product-cell {
    min-width: 0;
  }

  .stock-form {
    width: 100%;
  }

  .stock-form input {
    width: 100%;
  }

  .sales-day {
    grid-template-columns: 44px 1fr;
  }

  .sales-day strong,
  .sales-day small {
    grid-column: 2;
  }
}

/* Compact mobile navigation and dashboard controls. */
.dashboard-mobile-header { display: none; }

@media (max-width: 820px) {
  body:not(.dashboard-page) { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .header-actions .cart-link,
  .header-actions .account-pill { display: none; }
  .mobile-bottom-nav {
    display: grid;
    position: fixed;
    z-index: 70;
    inset: auto 0 0;
    grid-template-columns: .9fr .8fr 1.75fr .8fr .95fr;
    align-items: stretch;
    gap: 2px;
    min-height: 62px;
    height: auto;
    padding: 6px 5px calc(6px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.96);
    border-top: 1px solid #dce8e2;
    box-shadow: 0 -8px 24px rgba(14,57,43,.08);
    backdrop-filter: blur(16px);
  }
  .mobile-bottom-nav a {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 48px;
    padding: 4px 2px;
    border-radius: 10px;
    color: #586d63;
    font-size: clamp(8px, 2.35vw, 10px);
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
  }
  .mobile-bottom-nav a.active { color: #075d4b; background: #e8f7f1; }
  .mobile-bottom-nav .nav-icon { display: grid; place-items: center; height: 21px; }
  .mobile-bottom-nav .mobile-rfq { color: #075d4b; }
  .mobile-bottom-nav .mobile-rfq .nav-icon { width: 30px; height: 24px; border-radius: 8px; background: #dff3e9; }
  .mobile-bottom-nav .mobile-rfq .nav-icon svg { width: 18px; height: 18px; }
}

@media (max-width: 760px) {
  body.dashboard-page .dashboard-mobile-header {
    display: flex;
    position: relative;
    z-index: 20;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #fff;
    border-bottom: 1px solid #dce8e2;
  }
  .dashboard-mobile-brand { display: inline-flex; align-items: center; gap: 8px; color: #102c23; }
  .dashboard-mobile-brand .brand-mark { width: 34px; height: 34px; font-size: 18px; }
  .dashboard-mobile-brand strong { font-size: 16px; }
  .dashboard-mobile-actions { display: flex; align-items: center; gap: 13px; font-size: 12px; font-weight: 800; }
  .dashboard-mobile-actions a { color: #075d4b; }
  .dashboard-mobile-actions form { margin: 0; }
  .dashboard-mobile-actions button { padding: 7px 10px; border: 1px solid #cfe4d8; border-radius: 9px; background: #f4fbf7; color: #075d4b; font: inherit; }
  .dashboard-page .dashboard-shell { min-height: calc(100vh - 58px); padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .dashboard-page .dash-main { padding: 12px; }
  .dashboard-page .dash-hero { gap: 10px; padding: 15px; margin-bottom: 12px; border-radius: 14px; }
  .dashboard-page .dash-hero h1 { margin: 3px 0; font-size: clamp(21px, 6vw, 26px); line-height: 1.25; }
  .dashboard-page .dash-hero p { margin: 2px 0 0; font-size: 12.5px; line-height: 1.45; }
  .dashboard-page .dash-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .dashboard-page .dash-hero-actions .btn { width: 100%; min-height: 42px; padding: 8px 9px; font-size: 12px; }
  .dashboard-page .dash-kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-bottom: 12px; }
  .dashboard-page .dash-kpi { min-height: 0; padding: 11px; border-radius: 12px; }
  .dashboard-page .dash-kpi span { font-size: 10.5px; line-height: 1.25; }
  .dashboard-page .dash-kpi strong { margin-top: 6px; font-size: 21px; line-height: 1.12; overflow-wrap: anywhere; }
  .dashboard-page .dash-kpi small { margin-top: 5px; font-size: 10px; line-height: 1.3; }
  .dashboard-page .dash-panel { padding: 14px; border-radius: 14px; }
  .dashboard-page .dash-panel-head { gap: 8px; margin-bottom: 10px; }
  .dashboard-page .dash-panel h2 { font-size: 18px; }
  .dashboard-page .dashboard-grid { gap: 12px; }
  .dashboard-page .dashboard-mobile-nav { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 3px; min-height: 62px; padding: 5px 5px calc(5px + env(safe-area-inset-bottom)); }
  .dashboard-page .dashboard-mobile-nav:not(.supplier-mobile-nav) { grid-template-columns: .9fr .8fr 1.75fr .8fr .95fr; }
  .dashboard-page .dashboard-mobile-nav a { min-width: 0; min-height: 48px; padding: 4px 1px; gap: 3px; border-radius: 9px; font-size: clamp(8px, 2.3vw, 9.5px); line-height: 1.1; white-space: nowrap; }
  .dashboard-page .dashboard-mobile-nav a span { font-size: 17px; }
  .dashboard-page .dashboard-mobile-nav.supplier-mobile-nav a { font-size: clamp(8px, 2.25vw, 9.5px); }
  .dashboard-page .product-editor { gap: 10px; }
  .dashboard-page .product-editor .dash-panel { padding: 13px; }
  .dashboard-page .product-editor .rfq-form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
  .dashboard-page .product-editor .dash-field-full { grid-column: 1 / -1; }
  .dashboard-page .product-editor .dash-field { min-width: 0; gap: 4px; }
  .dashboard-page .product-editor .dash-field input,
  .dashboard-page .product-editor .dash-field select,
  .dashboard-page .product-editor .dash-field textarea { min-width: 0; min-height: 40px; padding: 8px; font-size: 13px; }
  .dashboard-page .product-editor .dash-field input[type="file"] { padding: 7px 4px; font-size: 11px; }
  .dashboard-page .product-editor .dash-field textarea { min-height: 78px; }
  .dashboard-page .product-editor .dash-form-actions .btn { min-height: 44px; }
  .auth-shell { min-height: auto; align-items: flex-start; padding: 22px 12px 30px; }
  .auth-card { padding: 18px; border-radius: 15px; }
  .register-choice-shell { padding-top: 22px; }
  .register-choice-head h1 { margin: 5px 0 8px; font-size: 23px; }
  .register-choice-head p { margin: 0 0 14px; font-size: 13px; line-height: 1.45; }
  .register-choice-grid { gap: 10px; }
  .register-choice-card { min-height: 0; padding: 14px; gap: 10px; border-radius: 14px; }
  .register-choice-card h2 { margin: 4px 0; font-size: 18px; }
  .register-choice-card p { margin: 5px 0; font-size: 12.5px; line-height: 1.4; }
  .register-choice-card .btn { min-height: 42px; padding: 8px 10px; font-size: 13px; }
  .hero-card { min-height: 0; }
  .hero-copy { padding: 20px 16px; }
  .hero-copy h1 { font-size: clamp(25px, 7vw, 31px) !important; }
  .hero-copy p { margin-bottom: 14px; }
  .supplier-cta-card { min-height: 0; padding: 15px; }
  .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .trust-strip > div { min-width: 0; grid-template-columns: 30px minmax(0, 1fr); gap: 4px; padding: 8px; }
  .trust-strip > div strong, .trust-strip > div small { min-width: 0; overflow-wrap: anywhere; }
  .empty-state, .empty-card, .dash-empty { padding: 14px; }
  .cart-layout, .checkout-layout, .order-detail-layout { gap: 12px; }
}

/* Compact homepage hero: keeps the first screen lighter on desktop and mobile. */
.premium-hero-wrap {
  grid-template-columns: minmax(0, 1fr);
  padding-top: 14px;
}

.home-registration {
  margin-top: 14px;
  padding-block: 0;
}

.home-registration-heading {
  margin-bottom: 10px;
}

.home-registration-heading h2 {
  margin: 0;
  color: #102c23;
  font-size: 23px;
  line-height: 1.25;
}

.home-registration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home-role-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 7px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #d8e9e1;
  border-radius: 15px;
  background: linear-gradient(145deg, #fff 0%, #f3faf6 100%);
}

.home-role-label {
  justify-self: start;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e6f5ed;
  color: #176448;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

.home-role-card h3 {
  margin: 0;
  color: #102c23;
  font-size: 18px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.home-role-card p {
  margin: 0 0 3px;
  color: #5e7068;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.home-role-card .btn {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #078366;
  background: linear-gradient(180deg, #0a9b77, #075d4b);
  color: #fff;
  font-size: 13px;
  text-align: center;
}

@media (max-width: 640px) {
  .home-registration { margin-top: 12px; }
  .home-registration-heading { margin-bottom: 8px; }
  .home-registration-heading h2 { font-size: 21px; }
  .home-registration-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .home-role-card { grid-template-rows: auto auto auto; gap: 6px; padding: 12px 13px; border-radius: 13px; }
  .home-role-card h3 { font-size: 16px; }
  .home-role-card p { font-size: 12px; line-height: 1.4; }
  .home-role-card .btn { min-height: 38px; padding: 8px 10px; font-size: 12px; }
}

.hero-card,
.supplier-cta-card {
  min-height: 300px;
}

.hero-copy {
  padding: 28px 16px 22px 34px;
}

.hero-copy h1 {
  font-size: 30px !important;
  line-height: 1.14;
  letter-spacing: 0;
  margin: 4px 0 10px;
}

.hero-copy p {
  max-width: 560px;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.45;
}

.hero-search {
  max-width: 640px;
}

.hero-search input {
  padding: 9px 10px;
  font-size: 13px;
}

.hero-search .btn {
  padding: 9px 19px;
}

.hero-rfq-row {
  gap: 12px;
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.35;
}

.supplier-cta-card {
  padding: 22px 20px;
}

.supplier-cta-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.supplier-cta-card h2 {
  margin: 14px 0 6px;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0;
}

.supplier-cta-card p,
.supplier-cta-card ul {
  font-size: 13px;
  line-height: 1.45;
}

.supplier-cta-card ul {
  gap: 8px;
  margin: 4px 0 16px;
}

@media (max-width: 820px) {
  .hero-card {
    min-height: 340px;
  }

  .hero-copy {
    padding: 24px 20px 22px;
  }

  .hero-copy h1 {
    font-size: 30px !important;
    line-height: 1.16;
  }

  .hero-copy p {
    margin-bottom: 16px;
    font-size: 13px;
  }

  .hero-rfq-row {
    font-size: 12px;
  }

  .supplier-cta-card {
    padding: 16px;
  }
}

@media (max-width: 560px) {
  .hero-card {
    min-height: 330px;
  }

  .hero-copy {
    padding: 22px 17px;
  }

  .hero-copy h1 {
    font-size: 26px !important;
  }

  .hero-copy p,
  .hero-search input,
  .hero-rfq-row,
  .supplier-cta-card p {
    font-size: 12px;
  }

  .hero-search input {
    padding: 9px 7px;
  }

  .supplier-cta-card h2 {
    font-size: 17px;
  }
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.footer-credit {
  display: inline;
  color: #8fb2a6;
}

.footer-credit a {
  color: #dff8ef;
  font-weight: 800;
  text-decoration: none;
}

.footer-credit a:hover {
  color: #65dfb9;
}

@media (max-width: 560px) {
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* Product images must stay inside the media frame on narrow mobile browsers. */
.product-detail-image {
  overflow: hidden;
}

.product-detail-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 560px) {
  .product-detail-head {
    align-items: start;
  }

  .product-detail-image {
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 18px;
  }
}

/* Final dashboard-specific cascade guards after the older marketplace stylesheet. */
body.dashboard-page .site-header,
body.dashboard-page .site-footer,
body.dashboard-page > .mobile-bottom-nav {
  display: none !important;
}

body.dashboard-page {
  padding-bottom: 0;
}

body.dashboard-page .dashboard-grid > .dash-panel-wide {
  grid-column: 1 / -1;
}

body.dashboard-page .responsive-table {
  overflow-x: auto;
}

body.dashboard-page .responsive-table table {
  min-width: 720px;
}

/* Supplier RFQ inbox: compact cards with bounded text and clear metadata. */
.supplier-rfqs-page .rfq-inbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 20px 22px;
  border: 1px solid #dcebe3;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff 0%, #f2faf6 100%);
}

.supplier-rfqs-page .rfq-inbox-header .dash-eyebrow { margin-bottom: 4px; }
.supplier-rfqs-page .rfq-inbox-header h1 { margin: 0; color: #0d2b22; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; }
.supplier-rfqs-page .rfq-inbox-header p { margin: 4px 0 0; color: #657a71; font-size: 14px; }
.supplier-rfqs-page .rfq-inbox-count { flex: 0 0 auto; padding: 7px 11px; border: 1px solid #d5e9df; border-radius: 999px; background: #fff; color: #176448; font-size: 13px; font-weight: 750; }
.supplier-rfqs-page .rfq-inbox-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 14px; }
.supplier-rfqs-page .rfq-inbox-card { display: flex; min-width: 0; flex-direction: column; gap: 0; padding: 16px; border: 1px solid #dce8e1; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(20, 64, 49, .035); }
.supplier-rfqs-page .rfq-card-heading { display: flex; min-width: 0; align-items: center; gap: 8px; }
.supplier-rfqs-page .rfq-number { flex: 0 0 auto; color: #176448; font-size: 14px; font-weight: 800; letter-spacing: .01em; }
.supplier-rfqs-page .rfq-status { display: inline-flex; min-width: 0; max-width: 100%; align-items: center; padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 750; line-height: 1.25; white-space: nowrap; }
.supplier-rfqs-page .rfq-status-open { background: #e9f7ef; color: #176448; }
.supplier-rfqs-page .rfq-status-reviewing { background: #fff5df; color: #825b12; }
.supplier-rfqs-page .rfq-card-date { align-self: flex-end; margin-top: 3px; color: #77877f; font-size: 11px; line-height: 1.35; font-variant-numeric: tabular-nums; }
.supplier-rfqs-page .rfq-card-title { display: -webkit-box; min-width: 0; margin: 9px 0 8px; overflow: hidden; color: #132b22; font-size: 17px; font-weight: 750; line-height: 1.38; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.supplier-rfqs-page .rfq-card-buyer { display: flex; min-width: 0; align-items: baseline; gap: 7px; padding-bottom: 10px; border-bottom: 1px solid #edf2ef; }
.supplier-rfqs-page .rfq-card-buyer span { flex: 0 0 auto; color: #718178; font-size: 11px; }
.supplier-rfqs-page .rfq-card-buyer strong { min-width: 0; color: #29483c; font-size: 12px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.supplier-rfqs-page .rfq-card-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 10px 0 12px; }
.supplier-rfqs-page .rfq-card-details div { min-width: 0; padding: 0; background: transparent; }
.supplier-rfqs-page .rfq-card-details dt { color: #77877f; font-size: 10px; line-height: 1.3; }
.supplier-rfqs-page .rfq-card-details dd { min-width: 0; margin: 3px 0 0; color: #173a2d; font-size: 13px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.supplier-rfqs-page .rfq-card-action { align-self: flex-start; min-height: 36px; margin-top: auto; padding: 8px 12px; border: 1px solid #078366; border-radius: 9px; background: linear-gradient(180deg, #0a9b77, #075d4b); color: #fff; font-size: 12px; line-height: 1.2; box-shadow: none; }
.supplier-rfqs-page .rfq-card-action-sent { background: #f0f8f4; color: #176448; border-color: #cfe6da; }
.supplier-rfqs-page .rfq-inbox-empty { grid-column: 1 / -1; }

@media (max-width: 760px) {
  .supplier-rfqs-page .dashboard-shell { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .supplier-rfqs-page .rfq-inbox-header { margin-bottom: 12px; padding: 13px 15px; border-radius: 12px; }
  .supplier-rfqs-page .rfq-inbox-header .dash-eyebrow { font-size: 10px; }
  .supplier-rfqs-page .rfq-inbox-header h1 { font-size: 23px; }
  .supplier-rfqs-page .rfq-inbox-header p { font-size: 12px; }
  .supplier-rfqs-page .rfq-inbox-count { padding: 6px 9px; font-size: 11px; }
  .supplier-rfqs-page .rfq-inbox-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .supplier-rfqs-page .rfq-inbox-card { padding: 14px; border-radius: 12px; }
  .supplier-rfqs-page .rfq-card-title { font-size: 16px; }
  .supplier-rfqs-page .rfq-card-action { min-height: 35px; }
}

@media (max-width: 380px) {
  .supplier-rfqs-page .rfq-inbox-header { padding-inline: 12px; }
  .supplier-rfqs-page .rfq-inbox-header p { font-size: 11px; }
  .supplier-rfqs-page .rfq-card-heading { gap: 6px; }
  .supplier-rfqs-page .rfq-number { font-size: 13px; }
  .supplier-rfqs-page .rfq-status { padding: 4px 7px; font-size: 10px; }
  .supplier-rfqs-page .rfq-card-details { gap: 7px; }
}

/* Control panel icon fallback for older control templates and cached CSS paths. */
.control-sidebar svg,
.control-sidebar-v2 svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.dashboard-page .buyer-sidebar,
body.dashboard-page .supplier-sidebar {
  color: #eaf6ef;
}

body.dashboard-page .buyer-sidebar .dash-nav a,
body.dashboard-page .buyer-sidebar .dash-logout button,
body.dashboard-page .supplier-sidebar .dash-nav a,
body.dashboard-page .supplier-sidebar .dash-logout button {
  color: rgba(234, 246, 239, 0.9);
  font-weight: 700;
  text-shadow: none;
}

body.dashboard-page .buyer-sidebar .dash-nav-label,
body.dashboard-page .supplier-sidebar .dash-nav-label {
  color: rgba(234, 246, 239, 0.72);
}

body.dashboard-page .buyer-sidebar .dash-nav a span,
body.dashboard-page .buyer-sidebar .dash-logout button span,
body.dashboard-page .supplier-sidebar .dash-nav a span,
body.dashboard-page .supplier-sidebar .dash-logout button span {
  color: #bdf1d3;
}

body.dashboard-page .buyer-sidebar .dash-nav a:hover,
body.dashboard-page .buyer-sidebar .dash-nav a.active,
body.dashboard-page .buyer-sidebar .dash-logout button:hover,
body.dashboard-page .supplier-sidebar .dash-nav a:hover,
body.dashboard-page .supplier-sidebar .dash-nav a.active,
body.dashboard-page .supplier-sidebar .dash-logout button:hover {
  background: rgba(255, 255, 255, 0.13);
  color: #ffffff;
}

.buyer-sidebar .buyer-site-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 40px;
  margin: -6px 0;
  padding: 8px 12px;
  border: 1px solid rgba(234, 246, 239, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
  color: #eaf6ef;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.buyer-sidebar .buyer-site-link svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: #bdf1d3;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.buyer-sidebar .buyer-site-link:hover,
.buyer-sidebar .buyer-site-link:focus-visible {
  border-color: rgba(189, 241, 211, 0.38);
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.buyer-sidebar .buyer-site-link:focus-visible {
  outline: 2px solid #bdf1d3;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .notification-popups {
    top: auto;
    right: 10px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    width: calc(100% - 20px);
  }

  .notification-popup {
    border-radius: 10px;
    padding: 12px;
  }

  body.dashboard-page .dash-sidebar {
    display: none !important;
  }

  body.dashboard-page .dashboard-mobile-nav {
    display: grid !important;
  }

  body.dashboard-page .responsive-table table {
    min-width: 0;
  }
}

/* Marketplace product cards and product detail refresh. */
.z-card-grid {
  align-items: stretch;
}

.z-product-card {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(5, 63, 52, 0.03);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.z-product-card:hover {
  transform: translateY(-3px);
  border-color: #b8ddd1;
  box-shadow: 0 16px 34px rgba(5, 63, 52, 0.11);
}

.z-product-card__media {
  --z-card-media-pad: 18px;
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #fbfdfc 0%, #f3f8f6 100%);
  border-bottom: 1px solid #eef4f1;
}

.z-product-card__media img {
  position: absolute;
  inset: var(--z-card-media-pad);
  display: block;
  width: calc(100% - (var(--z-card-media-pad) * 2));
  height: calc(100% - (var(--z-card-media-pad) * 2));
  max-width: calc(100% - (var(--z-card-media-pad) * 2));
  max-height: calc(100% - (var(--z-card-media-pad) * 2));
  object-fit: contain;
  transition: transform .24s ease;
}

.z-product-card:hover .z-product-card__media img {
  transform: scale(1.025);
}

.z-product-card__placeholder {
  opacity: .72;
}

.z-image-processing-state {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 36px);
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid #cde9dd;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #087157;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  box-shadow: 0 10px 24px rgba(5, 63, 52, .08);
}

.z-image-processing-state--detail {
  min-height: 48px;
  padding: 12px 18px;
  font-size: 15px;
}

.z-product-card__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  max-width: calc(100% - 24px);
  padding: 5px 9px;
  border-radius: 999px;
  background: #078366;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 7px 18px rgba(7, 131, 102, .22);
}

.z-product-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 190px;
  padding: 16px;
}

.z-product-card--offer .z-product-card__body {
  min-height: 250px;
}

.z-product-card__category {
  color: #078366;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}

.z-product-card__title {
  display: -webkit-box;
  overflow: hidden;
  min-height: 48px;
  color: var(--ink);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.z-product-card__title:hover {
  color: var(--green-700);
}

.z-product-card__price {
  color: var(--green-900);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

.z-product-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  color: #65746f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.z-product-card__meta--line {
  justify-content: space-between;
}

.z-product-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 6px;
  color: #52635d;
  font-size: 12px;
  line-height: 1.3;
}

.z-product-rating strong {
  color: #23483a;
  font-weight: 850;
}

.z-product-rating__stars {
  display: inline-flex;
  gap: 1px;
  color: #cbd4d0;
  letter-spacing: .02em;
}

.z-product-rating__stars .is-filled {
  color: #e4a52b;
}

.z-product-rating__empty,
.z-product-rating__count {
  color: #75827d;
  font-size: 11px;
  font-weight: 650;
}

.z-product-rating--expanded {
  margin: 10px 0 16px;
  font-size: 14px;
}

.z-product-rating--expanded .z-product-rating__stars {
  font-size: 17px;
}

.z-product-rating-form {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid #dcebe5;
  border-radius: 14px;
  background: #f8fcfa;
}

.z-product-rating-form h2 {
  margin: 0 0 12px;
  color: #173b2d;
  font-size: 17px;
}

.z-product-rating-form > label {
  display: block;
  margin: 10px 0 6px;
  color: #41564e;
  font-size: 13px;
  font-weight: 750;
}

.z-product-rating-form__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.z-product-rating-form__choices label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 9px;
  border: 1px solid #dcebe5;
  border-radius: 9px;
  background: #fff;
  color: #76520f;
  font-weight: 750;
}

.z-product-rating-form__choices input {
  accent-color: var(--green-700);
}

.z-product-rating-form textarea {
  width: 100%;
  min-height: 72px;
  border: 1px solid #dce4e0;
  border-radius: 9px;
  padding: 9px 10px;
  font: inherit;
}

.z-product-rating-form .btn {
  margin-top: 11px;
}

.z-product-card__tiers {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.z-product-card__tiers span {
  padding: 5px 7px;
  border: 1px solid #e3f1ec;
  border-radius: 7px;
  background: #f4fbf8;
  color: #49645c;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.z-product-card__form {
  margin-top: auto;
}

.z-product-card__cta {
  margin-top: auto;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
}

.z-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 34px;
  align-items: center;
}

.z-detail-media {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.z-detail-image {
  --z-detail-media-pad: 30px;
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  min-height: 360px;
  max-height: 560px;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, #f5faf8 100%);
  box-shadow: 0 18px 45px rgba(5, 63, 52, .08);
}

.z-detail-image-button {
  width: 100%;
  appearance: none;
  cursor: zoom-in;
}

.z-detail-image-button:disabled {
  cursor: default;
}

.z-detail-image img {
  position: absolute;
  inset: var(--z-detail-media-pad);
  display: block;
  width: calc(100% - (var(--z-detail-media-pad) * 2));
  height: calc(100% - (var(--z-detail-media-pad) * 2));
  max-width: calc(100% - (var(--z-detail-media-pad) * 2));
  max-height: calc(100% - (var(--z-detail-media-pad) * 2));
  object-fit: contain;
}

.z-detail-gallery {
  display: flex;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 6px;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
}

.z-detail-thumb {
  flex: 0 0 86px;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  padding: 6px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  scroll-snap-align: start;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.z-detail-thumb:hover,
.z-detail-thumb:focus-visible,
.z-detail-thumb.is-active {
  border-color: #078366;
  box-shadow: 0 0 0 3px rgba(7, 131, 102, .12);
}

.z-detail-thumb:hover {
  transform: translateY(-1px);
}

.z-detail-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.lightbox-open {
  overflow: hidden;
}

.z-gallery-lightbox[hidden] {
  display: none;
}

.z-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 28px;
  background: rgba(3, 30, 24, .88);
}

.z-gallery-lightbox figure {
  position: relative;
  display: grid;
  gap: 12px;
  width: min(92vw, 980px);
  max-height: 88vh;
  margin: 0;
}

.z-gallery-lightbox img {
  display: block;
  width: 100%;
  max-height: min(78vh, 820px);
  object-fit: contain;
  border-radius: 12px;
  background: #f7f8fa;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

.z-gallery-lightbox figcaption {
  color: #dcebe6;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.z-lightbox-close,
.z-lightbox-nav {
  position: fixed;
  z-index: 1210;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.z-lightbox-close {
  top: 22px;
  right: 22px;
  width: 44px;
  height: 44px;
  font-size: 30px;
  line-height: 1;
}

.z-lightbox-nav {
  top: 50%;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
  font-size: 40px;
}

.z-lightbox-prev {
  left: 24px;
}

.z-lightbox-next {
  right: 24px;
}

.z-lightbox-close:hover,
.z-lightbox-nav:hover,
.z-lightbox-close:focus-visible,
.z-lightbox-nav:focus-visible {
  background: rgba(255, 255, 255, .2);
}

.z-detail-copy {
  min-width: 0;
}

.z-detail-breadcrumbs {
  color: #66776f;
}

.z-detail-breadcrumbs a:hover {
  color: var(--green-700);
}

.z-detail-category {
  display: inline-flex;
  margin: 8px 0 10px;
  color: var(--green-700);
  font-size: 13px;
  font-weight: 900;
}

.z-detail-copy h1 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 44px;
  line-height: 1.14;
}

.z-detail-copy p {
  max-width: 720px;
  margin: 0;
  color: #52645d;
  font-size: 17px;
  line-height: 1.65;
}

.z-detail-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.z-detail-stats span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #e1eee9;
  border-radius: 12px;
  background: #fff;
  color: #6c7d76;
  font-size: 12px;
  font-weight: 800;
}

.z-detail-stats b {
  overflow-wrap: anywhere;
  color: var(--green-900);
  font-size: 18px;
}

.z-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.z-offers-section {
  scroll-margin-top: 90px;
}

.z-offer-list {
  display: grid;
  gap: 12px;
}

.z-offer-card {
  display: grid;
  grid-template-columns: minmax(180px, .75fr) minmax(360px, 1.45fr) minmax(190px, .55fr);
  gap: 16px;
  align-items: center;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(5, 63, 52, .03);
}

.z-offer-supplier {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.z-offer-title {
  color: #687873;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.z-offer-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.z-offer-metrics div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px;
  border-radius: 10px;
  background: #f7fbf9;
}

.z-offer-metrics small,
.z-offer-metrics span {
  color: #70817b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.z-offer-metrics strong {
  color: var(--green-900);
  font-size: 17px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.z-offer-tiers {
  grid-column: 2 / 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.z-offer-tiers span {
  padding: 6px 8px;
  border: 1px solid #e2f0eb;
  border-radius: 8px;
  background: #f4fbf8;
  color: #48635b;
  font-size: 11px;
  font-weight: 800;
}

.z-offer-form {
  grid-column: 3;
  grid-row: 1 / span 2;
  display: grid;
  gap: 9px;
  align-content: center;
}

.z-offer-form label {
  display: grid;
  gap: 5px;
  color: #65746f;
  font-size: 11px;
  font-weight: 900;
}

.z-offer-form input {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 11px;
  color: var(--ink);
  font-weight: 800;
}

.z-detail-rfq {
  border-radius: 18px;
}

@media (max-width: 1100px) {
  .z-offer-card {
    grid-template-columns: 1fr;
  }

  .z-offer-tiers,
  .z-offer-form {
    grid-column: auto;
    grid-row: auto;
  }

  .z-offer-form {
    grid-template-columns: minmax(140px, 190px) auto;
    align-items: end;
  }
}

@media (max-width: 820px) {
  .z-detail-hero {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .z-detail-image {
    min-height: 0;
  }

  .z-detail-copy h1 {
    font-size: 34px;
  }

  .z-offer-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .product-grid.z-card-grid,
  .product-grid.wide.z-card-grid,
  .master-grid.z-card-grid {
    grid-template-columns: 1fr;
  }

  .z-product-card__media {
    --z-card-media-pad: 14px;
  }

  .z-product-card__body,
  .z-product-card--offer .z-product-card__body {
    min-height: 0;
    padding: 13px;
  }

  .z-product-card__title {
    min-height: 44px;
    font-size: 16px;
  }

  .z-product-card__price {
    font-size: 17px;
  }

  .z-product-card__meta {
    font-size: 11px;
  }

  .z-detail-hero {
    padding-top: 18px;
  }

  .z-detail-image {
    --z-detail-media-pad: 18px;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
  }

  .z-detail-gallery {
    gap: 7px;
    padding-bottom: 2px;
  }

  .z-detail-thumb {
    flex-basis: 58px;
  }

  .z-detail-copy h1 {
    font-size: 30px;
    line-height: 1.16;
  }

  .z-detail-copy p {
    font-size: 15px;
    line-height: 1.55;
  }

  .z-detail-stats,
  .z-offer-metrics,
  .z-offer-form {
    grid-template-columns: 1fr;
  }

  .z-offer-card {
    padding: 13px;
    border-radius: 14px;
  }

  .z-offer-metrics div {
    padding: 10px;
  }

  .z-detail-rfq {
    align-items: flex-start;
    flex-direction: column;
  }

  .z-gallery-lightbox {
    padding: 14px;
  }

  .z-lightbox-close {
    top: 14px;
    right: 14px;
  }

  .z-lightbox-nav {
    width: 42px;
    height: 42px;
    font-size: 34px;
  }

  .z-lightbox-prev {
    left: 10px;
  }

  .z-lightbox-next {
    right: 10px;
  }
}
.category-icon-svg{width:24px;height:24px;display:block;flex:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:var(--green-700)}.category-icon-svg--card{width:40px;height:40px;padding:8px;box-sizing:content-box;border-radius:13px;background:#eef8f4;color:#08795f;margin-bottom:1px}.filter-link--category{display:flex;align-items:center;gap:9px;min-width:0;flex:0 0 auto;white-space:nowrap}.filter-link--category span{min-width:0;white-space:nowrap}.category-icon-svg--filter{width:18px;height:18px}.category-icon-svg--cart{width:24px;height:24px}.category-card strong{max-width:100%;line-height:1.3}

/* Premium category tiles and their compact image-led filter rows. */
.category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}
.category-card{min-width:0;max-width:170px;justify-self:center;width:100%;min-height:128px;height:128px;justify-content:flex-start;gap:6px;padding:7px 8px;background:#fff;border:1px solid #e3ece7;border-radius:15px;box-shadow:0 5px 16px rgba(19,66,50,.045);text-decoration:none;color:var(--ink);}
.category-card:hover{transform:translateY(-2px);border-color:#c3dfd2;box-shadow:0 10px 22px rgba(19,66,50,.09)}
.category-thumbnail{display:grid;place-items:center;width:76px;height:76px;flex:0 0 auto;overflow:hidden;border-radius:14px;background:#edf5f0}
.category-thumbnail-art{display:block;width:100%;height:100%}
.category-card strong{display:grid;align-items:center;min-height:2.45em;margin:0;max-width:100%;font-size:12.5px;line-height:1.25;font-weight:750;overflow-wrap:anywhere;text-align:center}
.filter-link--category{padding:6px 8px;border:1px solid #e5ede9;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(19,66,50,.035);gap:8px}
.filter-link--category .category-thumbnail{width:36px;height:36px;border-radius:9px}
.filter-link--category span{white-space:normal;line-height:1.3}
@media(max-width:1200px) and (min-width:561px){.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}}
@media(max-width:820px) and (min-width:561px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:560px){.category-grid{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 9px;scroll-padding-inline:2px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.category-card{flex:0 0 112px;width:112px;height:118px;min-height:118px;padding:7px 6px;gap:5px;scroll-snap-align:start;border-radius:13px}.category-thumbnail{width:68px;height:68px;border-radius:12px}.category-card strong{font-size:12px;min-height:2.45em}.filter-link--category{gap:7px;padding:5px 7px}.filter-link--category .category-thumbnail{width:30px;height:30px}}


/* Persistent supplier new-order notices and unread navigation badges. */
.supplier-dashboard-new-order { display: none; }
.supplier-new-order-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 18px;
  padding: 13px 16px;
  border: 1px solid #b5e8d0;
  border-left: 4px solid #159466;
  border-radius: 12px;
  background: linear-gradient(110deg, #eafaf2, #f8fffb);
  color: #174b38;
  box-shadow: 0 5px 16px rgba(13, 105, 72, 0.08);
}
.supplier-new-order-copy { display: grid; gap: 3px; min-width: 0; }
.supplier-new-order-copy strong { font-size: 14px; }
.supplier-new-order-copy span { color: #47685a; font-size: 12px; overflow-wrap: anywhere; }
.supplier-new-order-copy small { color: #138257; font-size: 11px; font-weight: 800; }
.supplier-new-order-notice > a {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  min-height: 40px; padding: 8px 13px; border-radius: 9px;
  background: #138257; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none;
}
.supplier-new-order-notice > a:hover, .supplier-new-order-notice > a:focus-visible { background: #0d6846; }
.supplier-orders-badge {
  display: inline-flex; align-items: center; justify-content: center; min-width: 19px; height: 19px;
  margin-left: auto; padding: 0 5px; border-radius: 999px; background: #b8f2d0; color: #07553b;
  font-size: 10px; font-weight: 900; line-height: 1; text-shadow: none;
}
.supplier-sidebar .supplier-new-order-notice {
  display: grid; justify-content: stretch; gap: 9px; margin: -5px 0; padding: 11px 12px;
  border: 1px solid rgba(189, 241, 211, 0.3); border-left: 3px solid #65d6a2;
  background: rgba(255, 255, 255, 0.1); color: #f0fff7; box-shadow: none;
}
.supplier-sidebar .supplier-new-order-copy strong { color: #fff; font-size: 12px; }
.supplier-sidebar .supplier-new-order-copy span, .supplier-sidebar .supplier-new-order-copy small { color: #c9f5df; font-size: 10px; }
.supplier-sidebar .supplier-new-order-notice > a { min-height: 34px; background: #b8f2d0; color: #07553b; font-size: 11px; }
.supplier-sidebar .supplier-orders-badge { flex: 0 0 auto; }
@media (max-width: 760px) {
  .supplier-dashboard-new-order { display: block; }
  .supplier-new-order-notice { align-items: stretch; flex-direction: column; gap: 10px; margin-bottom: 14px; padding: 13px; }
  .supplier-new-order-notice > a { width: 100%; min-height: 44px; }
  .supplier-sidebar .supplier-new-order-notice { display: none; }
  .dashboard-page .supplier-mobile-nav .supplier-orders-badge {
    position: absolute; top: 1px; right: 3px; min-width: 17px; height: 17px; margin: 0;
    padding: 0 4px; background: #b8f2d0; color: #07553b; font-size: 9px;
  }
  .dashboard-page .supplier-mobile-nav a { position: relative; }
}