/* ═══════════════════════════════════════════════════════════════════════════
   ClassHud - Buyer Marketplace (Phase V2). Main-site red theme; reuses
   app.css :root vars (--primary, --gray-*, --radius, --shadow*). Prefix: .mk-
   ═══════════════════════════════════════════════════════════════════════════ */
.mk-section{padding-top:2.75rem; padding-bottom:2.75rem;}
.mk-section-alt{background:var(--gray-50);}
.mk-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.mk-section-head h1,.mk-section-head h2{font-size:1.5rem;font-weight:800;color:var(--gray-900);}
.mk-section-head p{color:var(--gray-500);font-size:.95rem;margin:.2rem 0 0;}
.mk-link{color:var(--primary);font-weight:600;text-decoration:none;white-space:nowrap;}
.btn-sm{padding:.4rem .8rem;font-size:.82rem;}

/* Category quick-nav bar (Amazon-style top strip) */
.mk-catbar{background:#0f172a;color:#fff;position:sticky;top:0;z-index:40;}
.mk-catbar-inner{display:flex;align-items:center;gap:.5rem;height:46px;}
.mk-catbar a{color:rgba(255,255,255,.9);text-decoration:none;font-size:.85rem;font-weight:600;white-space:nowrap;padding:.35rem .6rem;border-radius:7px;transition:.15s;}
.mk-catbar a:hover{background:rgba(255,255,255,.12);color:#fff;}
.mk-catbar-all{background:rgba(255,255,255,.1);}
.mk-catbar-scroll{display:flex;gap:.2rem;overflow-x:auto;flex:1;scrollbar-width:none;}
.mk-catbar-scroll::-webkit-scrollbar{display:none;}
.mk-catbar-sell{color:#fff!important;background:var(--primary);}
.mk-catbar-sell:hover{background:var(--primary-d)!important;}
@media(max-width:700px){.mk-catbar-sell span,.mk-catbar-all{display:none;}}

/* Hero */
.mk-hero{background:linear-gradient(135deg,#EF4444 0%,#DC2626 52%,#7F1D1D 100%);color:#fff;padding:3.25rem 0 3rem;text-align:center;position:relative;overflow:hidden;}
.mk-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 88% 82%,rgba(255,255,255,.10),transparent 38%);}
.mk-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.06));}
.mk-hero>.container{position:relative;z-index:1;}
.mk-hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:rgba(255,255,255,.16);padding:.4rem .85rem;border-radius:999px;margin-bottom:1.1rem;backdrop-filter:blur(4px);}
.mk-hero h1{font-size:clamp(1.7rem,3.6vw,2.55rem);font-weight:800;max-width:840px;margin:0 auto .7rem;line-height:1.15;letter-spacing:-.01em;}
.mk-hero p{font-size:1.02rem;color:rgba(255,255,255,.92);max-width:620px;margin:0 auto 1.5rem;}
.mk-hero-search{display:flex;gap:.5rem;max-width:640px;margin:0 auto;background:#fff;border-radius:14px;padding:.4rem;box-shadow:0 18px 44px rgba(127,29,29,.35);}
.mk-hero-search i{align-self:center;padding-left:.8rem;color:var(--gray-500);}
.mk-hero-search input{flex:1;border:none;outline:none;padding:.75rem;font-size:1rem;color:var(--gray-900);background:transparent;}
.mk-hero-search .btn{padding:.6rem 1.4rem;font-weight:700;}
.mk-hero-quick{display:flex;gap:.5rem;justify-content:center;margin-top:1.1rem;flex-wrap:wrap;font-size:.85rem;align-items:center;}
.mk-hero-quick>span{color:rgba(255,255,255,.75);font-weight:600;}
.mk-hero-quick a{color:#fff;text-decoration:none;background:rgba(255,255,255,.14);padding:.28rem .7rem;border-radius:999px;transition:.15s;}
.mk-hero-quick a:hover{background:rgba(255,255,255,.28);}

/* Trust value strip */
.mk-trust-strip{background:#fff;border-bottom:1px solid var(--gray-200);}
.mk-trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.1rem 0;}
.mk-trust-item{display:flex;align-items:center;gap:.7rem;}
.mk-trust-item i{font-size:1.25rem;color:var(--primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-l);border-radius:10px;flex-shrink:0;}
.mk-trust-item strong{display:block;font-size:.9rem;color:var(--gray-900);}
.mk-trust-item small{color:var(--gray-500);font-size:.78rem;}
@media(max-width:820px){.mk-trust-inner{grid-template-columns:repeat(2,1fr);}}

/* Category grid */
.mk-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem;}
@media(max-width:980px){.mk-cat-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:600px){.mk-cat-grid{grid-template-columns:repeat(3,1fr);}}
.mk-cat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.2rem .8rem;text-align:center;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-decoration:none;color:inherit;transition:.2s;}
.mk-cat-card:hover{border-color:var(--primary);box-shadow:0 8px 22px rgba(220,38,38,.12);transform:translateY(-3px);}
.mk-cat-icon{font-size:1.6rem;line-height:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF7F7,#FEE2E2);border-radius:14px;}
.mk-cat-card strong{font-size:.86rem;color:var(--gray-900);line-height:1.2;}
.mk-cat-card small{color:var(--gray-500);font-size:.74rem;}
.mk-cat-card.is-empty{opacity:.6;}
.mk-cat-card.is-empty:hover{opacity:1;}

/* Amazon-style category modules */
.mk-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:1040px){.mk-module-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.mk-module-grid{grid-template-columns:1fr;}}
.mk-module{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);}
.mk-module-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.85rem;}
.mk-module-head h3{font-size:1.02rem;font-weight:800;color:var(--gray-900);}
.mk-module-head a{font-size:.78rem;color:var(--primary);font-weight:700;text-decoration:none;}
.mk-module-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;flex:1;}
.mk-mthumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#FEF2F2,#FEE2E2);display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--gray-100);}
.mk-mthumb img{width:100%;height:100%;object-fit:cover;}
.mk-mthumb-ph{font-size:1.8rem;}
.mk-mthumb-name{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;font-size:.66rem;font-weight:600;padding:.9rem .4rem .3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mk-module-link{margin-top:.85rem;font-size:.82rem;font-weight:700;color:var(--primary);text-decoration:none;}
.mk-module-link:hover{text-decoration:underline;}

/* Product grid + card */
.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;}
@media(max-width:980px){.mk-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.mk-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:460px){.mk-grid{grid-template-columns:1fr;}}
.mk-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s;}
.mk-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.mk-card-thumb{position:relative;height:160px;background:linear-gradient(135deg,#FFF7F7,#FEE2E2);display:flex;align-items:center;justify-content:center;text-decoration:none;}
.mk-card-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.mk-card-thumb>i{font-size:2.6rem;color:#FCA5A5;}
.mk-thumb-ph{font-size:3.2rem;line-height:1;opacity:.9;}
.mk-card-vname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;}
.mk-badge{position:absolute;top:.5rem;left:.5rem;z-index:2;background:var(--primary);color:#fff;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:800;}
.mk-save{position:absolute;top:.5rem;right:.5rem;z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--gray-500);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;}
.mk-save.is-saved{color:var(--primary);}
.mk-card-body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem;flex:1;}
.mk-card-cat{font-size:.72rem;color:var(--gray-500);font-weight:600;}
.mk-card-body h3{font-size:.95rem;font-weight:700;line-height:1.35;}
.mk-card-body h3 a{color:var(--gray-900);text-decoration:none;}
.mk-card-body h3 a:hover{color:var(--primary);}
.mk-card-price{font-weight:800;color:var(--primary);font-size:1rem;}
.mk-card-price small{color:var(--gray-500);font-weight:500;font-size:.78rem;}
.mk-card-meta{display:flex;gap:.9rem;font-size:.76rem;color:var(--gray-500);}
.mk-card-vendor{font-size:.8rem;color:var(--gray-700);font-weight:600;display:flex;align-items:center;gap:.35rem;text-decoration:none;border-top:1px solid var(--gray-100);padding-top:.5rem;margin-top:.1rem;}
.mk-card-vendor:hover{color:var(--primary);}
.mk-verified{color:#059669;font-size:.75rem;}
.mk-card-btn{margin-top:auto;text-align:center;background:var(--primary-l);color:var(--primary);font-weight:700;font-size:.85rem;padding:.5rem;border-radius:8px;text-decoration:none;}
.mk-card-btn:hover{background:var(--primary);color:#fff;}

/* Listing (filters + results) */
.mk-page-head{background:#fff;border-bottom:1px solid var(--gray-200);padding:1.8rem 0;}
.mk-page-head h1{font-size:1.6rem;font-weight:800;}
.mk-page-head p{color:var(--gray-500);margin:.3rem 0 0;}
.mk-crumbs{font-size:.82rem;color:var(--gray-500);margin-bottom:.5rem;}
.mk-crumbs a{color:var(--gray-700);text-decoration:none;}
.mk-crumbs a:hover{color:var(--primary);}
.mk-crumbs-pd{padding-top:1rem;}
.mk-listing{display:grid;grid-template-columns:250px 1fr;gap:2rem;padding-top:2rem;padding-bottom:3rem;align-items:start;}
@media(max-width:860px){.mk-listing{grid-template-columns:1fr;}}
.mk-filters{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.2rem;position:sticky;top:82px;}
.mk-filter-grp{margin-bottom:1.1rem;}
.mk-filter-grp h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-bottom:.6rem;}
.mk-filter-cats{list-style:none;padding:0;margin:0;max-height:260px;overflow:auto;}
.mk-filter-cats a{display:block;padding:.35rem .4rem;font-size:.86rem;color:var(--gray-700);border-radius:7px;text-decoration:none;}
.mk-filter-cats a:hover{background:var(--gray-50);color:var(--primary);}
.mk-filter-cats a.is-active{background:var(--primary-l);color:var(--primary);font-weight:700;}
.mk-filter-cats span{color:var(--gray-300);font-size:.76rem;}
.mk-filters input[type=text],.mk-filters input[type=number],.mk-filters select{width:100%;border:1.5px solid var(--gray-200);border-radius:8px;padding:.5rem .6rem;font-size:.86rem;outline:none;}
.mk-filters input:focus,.mk-filters select:focus{border-color:var(--primary);}
.mk-price-row{display:flex;align-items:center;gap:.4rem;}
.mk-check{display:flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;margin:.5rem 0 1rem;cursor:pointer;}
.mk-filter-apply{width:100%;justify-content:center;}
.mk-filter-clear{display:block;text-align:center;font-size:.82rem;color:var(--gray-500);margin-top:.6rem;text-decoration:none;}
.mk-results-top{display:flex;justify-content:flex-end;margin-bottom:1rem;}
.mk-sort{display:flex;align-items:center;gap:.5rem;font-size:.85rem;}
.mk-sort select{border:1.5px solid var(--gray-200);border-radius:8px;padding:.4rem .6rem;}
.mk-empty{text-align:center;padding:3rem 1rem;color:var(--gray-500);}
.mk-empty i{font-size:2.5rem;color:var(--gray-200);display:block;margin-bottom:.8rem;}
.mk-empty p{margin:0 0 1rem;}

/* Product detail */
.mk-pd{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding-top:1rem;padding-bottom:2rem;}
@media(max-width:820px){.mk-pd{grid-template-columns:1fr;}}
.mk-pd-main{background:linear-gradient(135deg,#FEF2F2,#FEE2E2);border-radius:var(--radius);height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mk-pd-main img{width:100%;height:100%;object-fit:contain;}
.mk-pd-main i{font-size:4rem;color:#FCA5A5;}
.mk-pd-thumbs{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap;}
.mk-pd-thumbs button{width:64px;height:64px;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;padding:0;}
.mk-pd-thumbs img{width:100%;height:100%;object-fit:cover;}
.mk-pd-cat{font-size:.8rem;color:var(--gray-500);font-weight:600;}
.mk-pd-info h1{font-size:1.6rem;font-weight:800;margin:.4rem 0;}
.mk-pd-brand{color:var(--gray-500);font-size:.9rem;margin-bottom:.4rem;}
.mk-pd-price{font-size:1.7rem;font-weight:800;color:var(--primary);margin:.4rem 0;}
.mk-pd-price small{font-size:.9rem;color:var(--gray-500);font-weight:500;}
.mk-pd-meta{display:flex;flex-direction:column;gap:.4rem;margin:1rem 0;font-size:.9rem;color:var(--gray-700);}
.mk-pd-meta i{color:var(--primary);width:18px;}
.mk-pd-vendor{display:flex;align-items:center;gap:.7rem;padding:.8rem 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin:.5rem 0 1.2rem;text-decoration:none;color:var(--gray-900);}
.mk-pd-vlogo{width:44px;height:44px;border-radius:11px;background:var(--primary-l);color:var(--primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.mk-pd-vlogo img{width:100%;height:100%;object-fit:cover;}
.mk-pd-vendor small{color:var(--gray-500);}
.mk-btn-lg{padding:.8rem 1.4rem;font-size:1rem;}
.mk-pd-actions{display:flex;flex-direction:column;gap:.8rem;}
.mk-order-inline{display:flex;gap:.5rem;align-items:center;}
.mk-order-inline input{width:90px;border:1.5px solid var(--gray-200);border-radius:8px;padding:.6rem;}
.mk-order-inline .btn{flex:1;justify-content:center;}
.mk-save-btn{background:#fff;border:1.5px solid var(--gray-200);border-radius:10px;padding:.6rem 1rem;font-weight:700;cursor:pointer;color:var(--gray-700);width:auto;height:auto;position:static;display:inline-flex;gap:.4rem;align-items:center;justify-content:center;}
.mk-save-btn.is-saved{color:var(--primary);border-color:var(--primary);}
.mk-login-cta{background:var(--primary-l);border:1px solid #fecaca;border-radius:var(--radius);padding:1.2rem;}
.mk-login-cta p{margin:0 0 .8rem;color:var(--gray-700);font-size:.92rem;}
.mk-login-cta i{color:var(--primary);}
.mk-login-cta .btn{margin-right:.5rem;}
.mk-pd-detail{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:2rem;align-items:start;}
@media(max-width:820px){.mk-pd-detail{grid-template-columns:1fr;}}
.mk-panel{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.3rem;}
.mk-panel h3{font-size:1.05rem;font-weight:800;margin-bottom:.8rem;}
.mk-pd-desc{font-size:.93rem;color:var(--gray-700);}
.mk-spec{width:100%;border-collapse:collapse;font-size:.9rem;}
.mk-spec th{text-align:left;color:var(--gray-500);font-weight:600;padding:.4rem .6rem .4rem 0;width:45%;vertical-align:top;}
.mk-spec td{padding:.4rem 0;}
.mk-enquire h3{display:flex;align-items:center;gap:.5rem;}
.mk-enquire-as{font-size:.85rem;color:var(--gray-500);margin:-.4rem 0 1rem;}
.mk-enquire label{display:block;font-size:.82rem;font-weight:700;color:var(--gray-700);margin:.6rem 0 .35rem;}
.mk-enquire input,.mk-enquire textarea{width:100%;border:1.5px solid var(--gray-200);border-radius:9px;padding:.6rem .75rem;font-size:.92rem;outline:none;font-family:inherit;}
.mk-enquire input:focus,.mk-enquire textarea:focus{border-color:var(--primary);}
.mk-form-row{display:flex;gap:1rem;}
.mk-form-row>div{flex:1;}

/* Storefront */
.mk-store-banner{max-height:230px;overflow:hidden;background:var(--gray-50);}
.mk-store-banner img{width:100%;max-height:230px;object-fit:cover;display:block;}
.mk-store-hero{display:flex;gap:1.2rem;align-items:flex-end;padding:1.5rem 0;}
.mk-store-overlap{margin-top:-40px;position:relative;}
.mk-store-logo{width:80px;height:80px;border-radius:18px;background:linear-gradient(135deg,#EF4444,#B91C1C);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;flex-shrink:0;border:3px solid #fff;box-shadow:var(--shadow);}
.mk-store-logo img{width:100%;height:100%;object-fit:cover;}
.mk-store-info h1{font-size:1.6rem;font-weight:800;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.mk-store-verified{font-size:.72rem;font-weight:700;color:#059669;background:#ecfdf5;padding:.2rem .6rem;border-radius:999px;}
.mk-store-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--gray-500);font-size:.86rem;margin-top:.35rem;}
.mk-store-about{margin-top:.7rem;color:var(--gray-700);max-width:820px;}
.mk-reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(max-width:700px){.mk-reviews{grid-template-columns:1fr;}}
.mk-review{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem 1.2rem;}
.mk-review-stars{color:var(--star);font-size:.82rem;margin-bottom:.3rem;}
.mk-review p{font-size:.9rem;color:var(--gray-700);margin:.3rem 0;}
.mk-review small{color:var(--gray-500);}

/* Compare */
.mk-compare-wrap{overflow-x:auto;}
.mk-compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);}
.mk-compare th,.mk-compare td{border:1px solid var(--gray-100);padding:.7rem .9rem;font-size:.88rem;text-align:left;vertical-align:top;}
.mk-compare thead th{background:var(--gray-50);font-weight:800;}
.mk-compare tbody th{background:var(--gray-50);color:var(--gray-500);font-weight:600;white-space:nowrap;}
.mk-cmp-rm{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;text-decoration:underline;}

/* Panel buyer area */
.mk-subnav{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem;border-bottom:1px solid var(--gray-200);padding-bottom:.6rem;}
.mk-subnav a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--gray-700);text-decoration:none;}
.mk-subnav a:hover{background:var(--gray-50);color:var(--primary);}
.mk-subnav a.is-active{background:var(--primary-l);color:var(--primary);}
.mk-subnav a span{background:var(--primary);color:#fff;border-radius:20px;padding:0 .45rem;font-size:.7rem;}
.mk-panel-search{display:flex;gap:.5rem;margin-bottom:.9rem;max-width:460px;}
.mk-panel-search{position:relative;}
.mk-panel-search i{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:.85rem;}
.mk-panel-search input{flex:1;border:1.5px solid var(--gray-200);border-radius:9px;padding:.55rem .8rem .55rem 2rem;outline:none;font-size:.9rem;}
.mk-panel-search input:focus{border-color:var(--primary);}
.mk-cat-chips{display:flex;flex-wrap:wrap;gap:.5rem;}
.mk-cat-chips a{font-size:.82rem;padding:.35rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--gray-200);color:var(--gray-700);text-decoration:none;}
.mk-cat-chips a:hover{border-color:var(--primary);color:var(--primary);}
.mk-cat-chips a span{color:var(--gray-300);margin-left:.2rem;}
.mk-bcard-list{display:flex;flex-direction:column;gap:.7rem;}
.mk-bcard{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;}
.mk-bcard-main strong{font-size:.98rem;color:var(--gray-900);}
.mk-bcard-sub{display:block;font-size:.82rem;color:var(--gray-500);margin:.2rem 0;}
.mk-bcard-sub a{color:var(--gray-700);}
.mk-bcard-msg{font-size:.86rem;color:var(--gray-700);margin:.4rem 0 0;}
.mk-bcard-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;}
.mk-quote-badge{text-align:right;}
.mk-quote-badge small{display:block;font-size:.68rem;color:var(--gray-500);text-transform:uppercase;}
.mk-quote-badge strong{color:var(--primary);}
.mk-mut{color:var(--gray-500);}
.mk-chip{font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;text-transform:capitalize;}
.mk-rfq-new{background:#fef2f2;color:#b91c1c;}
.mk-rfq-quoted,.mk-rfq-sent{background:#eff6ff;color:#1d4ed8;}
.mk-rfq-accepted{background:#ecfdf5;color:#065f46;}
.mk-rfq-declined,.mk-rfq-rejected,.mk-rfq-expired,.mk-rfq-closed{background:#f1f5f9;color:#475569;}
.mk-ord-placed{background:#fffbeb;color:#92400e;}
.mk-ord-confirmed,.mk-ord-paid{background:#eff6ff;color:#1d4ed8;}
.mk-ord-shipped{background:#eef2ff;color:#4338ca;}
.mk-ord-delivered,.mk-ord-completed{background:#ecfdf5;color:#065f46;}
.mk-ord-cancelled{background:#fef2f2;color:#b91c1c;}

/* V3 - order timeline / stepper / payment / notifications / requirements */
.mk-two-col-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;}
@media(max-width:820px){.mk-two-col-panel{grid-template-columns:1fr;}}
.mk-panel-flexhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.mk-panel-flexhead h3{margin:0;}
.mk-stepper{display:flex;justify-content:space-between;position:relative;margin:.5rem 0;}
.mk-stepper::before{content:'';position:absolute;top:15px;left:6%;right:6%;height:3px;background:var(--gray-200);z-index:0;}
.mk-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;}
.mk-step-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid var(--gray-200);color:var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:.7rem;}
.mk-step.is-done .mk-step-dot{background:#059669;border-color:#059669;color:#fff;}
.mk-step-lbl{font-size:.76rem;font-weight:600;color:var(--gray-500);}
.mk-step.is-done .mk-step-lbl{color:var(--gray-900);}
.mk-pay-box{margin-top:1rem;border-top:1px solid var(--gray-100);padding-top:1rem;}
.mk-paid{color:#059669;font-weight:700;font-size:.92rem;}
.mk-offline-note{background:var(--gray-50);border-radius:9px;padding:.8rem 1rem;font-size:.86rem;color:var(--gray-700);}
.mk-offline-note i{color:var(--primary);}
.mk-timeline{display:flex;flex-direction:column;gap:.1rem;}
.mk-tl-item{display:flex;gap:.7rem;padding:.5rem 0;position:relative;}
.mk-tl-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px;flex-shrink:0;box-shadow:0 0 0 3px var(--primary-l);}
.mk-tl-item strong{font-size:.9rem;}
.mk-req-form label{display:block;font-size:.82rem;font-weight:700;color:var(--gray-700);margin:.7rem 0 .3rem;}
.mk-req-form input,.mk-req-form select,.mk-req-form textarea{width:100%;border:1.5px solid var(--gray-200);border-radius:9px;padding:.55rem .75rem;font-size:.9rem;outline:none;font-family:inherit;}
.mk-req-form input:focus,.mk-req-form select:focus,.mk-req-form textarea:focus{border-color:var(--primary);}
.mk-notif-list{display:flex;flex-direction:column;gap:.5rem;}
.mk-notif{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:.9rem 1.1rem;text-decoration:none;color:inherit;}
.mk-notif:hover{border-color:var(--primary);}
.mk-notif.is-unread{background:var(--primary-l);border-color:#fecaca;}
.mk-notif-ic{width:36px;height:36px;border-radius:10px;background:var(--primary-l);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mk-notif strong{font-size:.92rem;color:var(--gray-900);}
.mk-notif p{font-size:.84rem;color:var(--gray-700);margin:.15rem 0;}

/* Toast */
.mk-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--gray-900);color:#fff;padding:.7rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:9999;box-shadow:var(--shadow-lg);}
.mk-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.mk-toast.ok{background:#059669;}
.mk-toast.err{background:#b91c1c;}

/* Phase V4 - sponsored placement + verified supplier badges */
.mk-badge-sponsored{background:#7c3aed;}
.mk-supplier-badge{display:inline-flex;align-items:center;gap:.25rem;background:#ecfdf5;color:#065f46;font-size:.66rem;font-weight:800;padding:.1rem .5rem;border-radius:999px;border:1px solid #a7f3d0;vertical-align:middle;}
.mk-supplier-badge i{font-size:.72rem;}

/* Phase V4 - featured suppliers rail + ranking note */
.mk-supplier-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
.mk-supplier-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1.1rem .8rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;text-decoration:none;color:#0f172a;transition:.15s;}
.mk-supplier-tile:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.1);}
.mk-supplier-logo{width:52px;height:52px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#94a3b8;font-size:1.3rem;}
.mk-supplier-logo img{width:100%;height:100%;object-fit:cover;}
.mk-supplier-tile strong{font-size:.9rem;}
.mk-supplier-tile small{color:#64748b;font-size:.75rem;}
.mk-muted-note{color:#94a3b8;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;}
.mk-rank-note{color:#64748b;font-size:.8rem;margin-left:.8rem;cursor:help;white-space:nowrap;}

/* Phase V5.1 - marketplace homepage: supplier rate, why-band, sell CTA */
.mk-supplier-tile{position:relative;}
.mk-supplier-rate{position:absolute;top:.6rem;right:.6rem;background:#fffbeb;color:#b45309;border:1px solid #fde68a;font-size:.68rem;font-weight:800;padding:.1rem .45rem;border-radius:999px;}
.mk-supplier-rate i{color:#f59e0b;}

.mk-why{background:var(--gray-50);padding:3rem 0;border-top:1px solid var(--gray-200);}
.mk-why h2{font-size:1.4rem;font-weight:800;color:var(--gray-900);text-align:center;margin-bottom:1.8rem;}
.mk-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:900px){.mk-why-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.mk-why-grid{grid-template-columns:1fr;}}
.mk-why-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.4rem;text-align:center;}
.mk-why-ic{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;background:var(--primary-l);color:var(--primary);border-radius:14px;font-size:1.3rem;margin-bottom:.8rem;}
.mk-why-item strong{display:block;font-size:.98rem;color:var(--gray-900);margin-bottom:.4rem;}
.mk-why-item p{font-size:.84rem;color:var(--gray-500);line-height:1.5;margin:0;}

.mk-sell-cta{background:linear-gradient(135deg,#DC2626,#7F1D1D);color:#fff;padding:2.6rem 0;}
.mk-sell-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.mk-sell-cta h2{font-size:1.55rem;font-weight:800;margin:0 0 .3rem;}
.mk-sell-cta p{color:rgba(255,255,255,.9);margin:0;max-width:560px;}
.mk-sell-btn{background:#fff;color:var(--primary);font-weight:800;padding:.85rem 1.7rem;border-radius:10px;text-decoration:none;white-space:nowrap;transition:.15s;}
.mk-sell-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.25);}

/* ═══ Phase V6 - Reverse marketplace (RFP): buyer requirement + quote compare ═══ */
.mk-alert{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1.1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;font-weight:500;}
.mk-alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
.mk-alert-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.mk-panel-flush{padding:0;overflow:hidden;}
.mk-table{width:100%;border-collapse:collapse;}
.mk-table thead th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);padding:.7rem 1rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50);}
.mk-table tbody td{padding:.8rem 1rem;border-bottom:1px solid var(--gray-100);font-size:.88rem;vertical-align:top;}
.mk-table tbody tr:hover{background:var(--gray-50);}
.mk-qtable tr.is-won{background:#ecfdf5;}
/* Order items table */
.mk-items{width:100%;border-collapse:collapse;margin-top:.35rem;}
.mk-items th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);padding:.6rem .9rem;border-bottom:2px solid var(--gray-200);white-space:nowrap;}
.mk-items td{padding:.7rem .9rem;border-bottom:1px solid var(--gray-100);font-size:.9rem;color:var(--gray-700);}
.mk-items th.r,.mk-items td.r{text-align:right;}
.mk-items tfoot td{border-bottom:none;padding:.45rem .9rem;color:var(--gray-600);}
.mk-items tfoot tr:first-child td{padding-top:.7rem;}
.mk-items-total td{font-weight:800;font-size:1.02rem;color:var(--gray-900,#111827);border-top:2px solid var(--gray-200);padding-top:.6rem;}
.mk-q-vendor{font-weight:700;color:var(--gray-900);text-decoration:none;}
.mk-q-vendor:hover{color:var(--primary);}
.mk-best{display:inline-block;font-size:.66rem;font-weight:800;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:999px;padding:.05rem .45rem;margin-left:.3rem;}
.mk-sort-links{font-size:.82rem;color:var(--gray-500);}
.mk-sort-links a{color:var(--gray-700);text-decoration:none;margin-left:.5rem;padding:.15rem .5rem;border-radius:6px;}
.mk-sort-links a.is-active{background:var(--primary-l);color:var(--primary);font-weight:700;}
.mk-req-meta{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.85rem;color:var(--gray-700);margin-bottom:.8rem;}
.mk-req-meta i{color:var(--primary);margin-right:.25rem;}
.mk-req-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.mk-how{margin:.4rem 0 1rem;padding-left:1.1rem;color:var(--gray-700);font-size:.86rem;line-height:1.7;}
.mk-how li{margin-bottom:.3rem;}
.mk-note-box{background:var(--primary-l);border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:.8rem 1rem;font-size:.8rem;line-height:1.5;}
.mk-note-box i{margin-right:.35rem;}
.mk-qa{border:1px solid var(--gray-100);border-radius:10px;padding:.8rem 1rem;margin-bottom:.7rem;}
.mk-qa-q{font-size:.88rem;color:var(--gray-900);}
.mk-qa-q i{color:var(--primary);}
.mk-qa-a{margin-top:.4rem;font-size:.85rem;color:#065f46;background:#ecfdf5;border-radius:8px;padding:.4rem .7rem;}
.mk-qa-form{display:flex;gap:.5rem;margin-top:.5rem;}
.mk-qa-form input{flex:1;padding:.45rem .7rem;border:1px solid var(--gray-200);border-radius:8px;font:inherit;}

/* Phase V6 - public anonymised requirement listing */
.mk-req-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
@media(max-width:900px){.mk-req-public-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.mk-req-public-grid{grid-template-columns:1fr;}}
.mk-req-pub{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.1rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.2s;}
.mk-req-pub:hover{border-color:var(--primary);box-shadow:0 8px 22px rgba(220,38,38,.1);transform:translateY(-2px);}
.mk-req-pub-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--primary);}
.mk-req-pub h3{font-size:1rem;font-weight:700;color:var(--gray-900);margin:.35rem 0 .6rem;line-height:1.35;}
.mk-req-pub-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--gray-500);flex:1;}
.mk-req-pub-meta i{color:var(--primary);width:16px;}
.mk-req-pub-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--gray-100);font-size:.82rem;color:var(--gray-500);}

/* ═══ Phase V6.1 - institute panel Buy-Supplies discovery redesign ═══ */
.mk-shop-bar{display:flex;gap:.8rem;align-items:stretch;flex-wrap:wrap;margin:1rem 0;}
.mk-shop-bar .mk-panel-search{flex:1;min-width:260px;margin:0;}
.mk-rfp-cta{display:flex;align-items:center;gap:1rem;justify-content:space-between;background:linear-gradient(135deg,#FEF2F2,#FEE2E2);border:1px solid #fecaca;border-radius:12px;padding:.7rem 1.1rem;text-decoration:none;color:#991b1b;font-size:.88rem;transition:.15s;min-width:280px;}
.mk-rfp-cta:hover{border-color:var(--primary);box-shadow:0 6px 18px rgba(220,38,38,.12);transform:translateY(-1px);}
.mk-rfp-cta i.fa-bullhorn{color:var(--primary);margin-right:.35rem;}
.mk-cat-rail{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.6rem;scrollbar-width:thin;}
.mk-cat-rail::-webkit-scrollbar{height:6px;}
.mk-cat-rail::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px;}
.mk-cat-pill{white-space:nowrap;background:#fff;border:1px solid var(--gray-200);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;color:var(--gray-700);text-decoration:none;transition:.15s;}
.mk-cat-pill:hover{border-color:var(--primary);color:var(--primary);}
.mk-cat-pill.is-active{background:var(--primary);color:#fff;border-color:var(--primary);}
.mk-cat-pill span{opacity:.6;font-weight:500;margin-left:.15rem;}
.mk-cat-pill.is-active span{opacity:.85;}
.mk-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem;}
.mk-results-head h3{font-size:1.1rem;font-weight:800;color:var(--gray-900);}
.mk-inline-sort{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--gray-500);}
.mk-inline-sort select{padding:.35rem .6rem;border:1px solid var(--gray-200);border-radius:8px;font:inherit;}

/* ═══════════════════════════════════════════════════════════════════════════
   Redesigned Vendor Storefront Premium UI Styling
   ═══════════════════════════════════════════════════════════════════════════ */
.mk-store-banner {
  height: 280px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #dc2626 100%);
}
.mk-store-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
}
.mk-store-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mk-store-hero-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 2rem;
  margin-top: -80px;
  position: relative;
  z-index: 10;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(226, 232, 240, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.mk-store-profile-info {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  flex: 1;
}
.mk-store-logo-container {
  width: 110px;
  height: 110px;
  border-radius: 18px;
  background: #ffffff;
  border: 4px solid #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.mk-store-logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mk-store-logo-container i {
  font-size: 3rem;
  color: var(--gray-300);
}
.mk-store-text-details h1 {
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--gray-900);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.mk-store-verified-badge {
  font-size: 0.75rem;
  font-weight: 700;
  color: #059669;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.mk-store-meta-list {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  color: var(--gray-600);
  font-size: 0.9rem;
}
.mk-store-meta-list span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.mk-store-meta-list i {
  color: var(--primary);
  font-size: 0.95rem;
}
.mk-store-header-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-end;
}
.mk-store-btn-group {
  display: flex;
  gap: 0.5rem;
}
.mk-btn-store {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.2rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.88rem;
  cursor: pointer;
  border: 1.5px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none;
}
.mk-btn-store-primary {
  background: var(--primary);
  color: #ffffff !important;
}
.mk-btn-store-primary:hover {
  background: var(--primary-d);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.25);
}
.mk-btn-store-outline {
  background: #ffffff;
  color: var(--gray-700);
  border-color: var(--gray-200);
}
.mk-btn-store-outline:hover {
  background: var(--gray-50);
  border-color: var(--gray-400);
  color: var(--gray-900);
  transform: translateY(-2px);
}

/* Two column layout grid */
.mk-store-grid-layout {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 2rem;
  margin-top: 2.5rem;
  align-items: start;
}

/* Sidebar cards */
.mk-store-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--gray-200);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
  margin-bottom: 1.5rem;
}
.mk-store-card h3 {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--gray-900);
  margin-bottom: 1.25rem;
  border-bottom: 2px solid var(--gray-100);
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.mk-store-card h3 i {
  color: var(--primary);
}

/* Credentials and Social lists */
.mk-credential-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.mk-credential-item:last-child {
  margin-bottom: 0;
}
.mk-credential-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--primary-l);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.9rem;
}
.mk-credential-text {
  flex: 1;
}
.mk-credential-label {
  display: block;
  font-size: 0.75rem;
  color: var(--gray-500);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.mk-credential-val {
  font-size: 0.88rem;
  color: var(--gray-800);
  font-weight: 600;
}
.mk-credential-val a:hover {
  color: var(--primary);
}

.mk-store-social-row {
  display: flex;
  gap: 0.6rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}
.mk-store-social-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  color: var(--gray-600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  transition: all 0.2s ease;
  text-decoration: none;
}
.mk-store-social-btn:hover {
  transform: translateY(-3px);
  color: #ffffff;
}
.mk-store-social-btn.facebook:hover { background: #1877f2; border-color: #1877f2; }
.mk-store-social-btn.instagram:hover { background: #e1306c; border-color: #e1306c; }
.mk-store-social-btn.linkedin:hover { background: #0077b5; border-color: #0077b5; }
.mk-store-social-btn.youtube:hover { background: #ff0000; border-color: #ff0000; }

/* Direct Inquiry Form card adjustments */
.mk-store-inquiry-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(220, 38, 38, 0.15);
  box-shadow: 0 10px 30px rgba(220, 38, 38, 0.03);
  padding: 1.5rem;
}
.mk-store-inquiry-card h3 {
  border-bottom-color: rgba(220, 38, 38, 0.1);
}
.mk-store-inquiry-card .mk-enquire label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--gray-700);
  margin-bottom: 0.35rem;
}
.mk-store-inquiry-card .mk-enquire input,
.mk-store-inquiry-card .mk-enquire select,
.mk-store-inquiry-card .mk-enquire textarea {
  border: 1.5px solid var(--gray-200);
  border-radius: 9px;
  padding: 0.6rem 0.75rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.mk-store-inquiry-card .mk-enquire input:focus,
.mk-store-inquiry-card .mk-enquire textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-l);
}
.mk-store-inquiry-card .mk-enquire-as {
  font-size: 0.82rem;
  color: var(--gray-500);
  margin-top: -0.8rem;
  margin-bottom: 1rem;
}

/* About Block */
.mk-store-about-box {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--gray-700);
}
.mk-store-about-quote {
  position: relative;
  padding-left: 1.5rem;
  border-left: 4px solid var(--primary);
  font-style: italic;
  color: var(--gray-600);
  margin: 0.5rem 0;
}

/* Review block layout */
.mk-reviews-header-block {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
  background: var(--gray-50);
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  border: 1px solid var(--gray-200);
}
.mk-reviews-summary-score {
  text-align: center;
}
.mk-reviews-summary-score h4 {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--gray-900);
  margin: 0;
  line-height: 1;
}
.mk-reviews-summary-score .stars {
  color: #f59e0b;
  margin: 0.25rem 0;
  font-size: 0.9rem;
}
.mk-reviews-summary-score span {
  font-size: 0.76rem;
  color: var(--gray-500);
  font-weight: 600;
}
.mk-reviews-summary-text {
  flex: 1;
  font-size: 0.88rem;
  color: var(--gray-600);
}
.mk-review-item-custom {
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);
}
.mk-review-user-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.mk-review-user-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mk-review-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--primary-l);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
}
.mk-review-details strong {
  display: block;
  font-size: 0.92rem;
  color: var(--gray-900);
}
.mk-review-details span {
  font-size: 0.75rem;
  color: var(--gray-500);
}
.mk-review-rating-block {
  text-align: right;
}
.mk-review-rating-stars {
  color: #f59e0b;
  font-size: 0.82rem;
}
.mk-review-rating-block small {
  display: block;
  font-size: 0.75rem;
  color: var(--gray-400);
  margin-top: 0.15rem;
}
.mk-review-body-text {
  font-size: 0.9rem;
  color: var(--gray-700);
  line-height: 1.6;
  margin: 0.5rem 0 0;
}

/* Category pills filter styling */
.mk-store-cat-filters {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.mk-store-cat-btn {
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 99px;
  padding: 0.45rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--gray-700);
  cursor: pointer;
  transition: all 0.15s ease;
}
.mk-store-cat-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.mk-store-cat-btn.active {
  background: var(--primary);
  color: #ffffff;
  border-color: var(--primary);
}

/* Media Queries */
@media (max-width: 900px) {
  .mk-store-hero-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    gap: 1.25rem;
  }
  .mk-store-header-actions {
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid var(--gray-100);
    padding-top: 1rem;
  }
  .mk-store-btn-group {
    width: 100%;
  }
  .mk-store-btn-group .mk-btn-store {
    flex: 1;
    justify-content: center;
  }
  .mk-store-grid-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .mk-store-profile-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .mk-store-logo-container {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }
  .mk-store-text-details h1 {
    font-size: 1.45rem;
  }
}

/* Force catalog products in the grid wrapper to have identical heights */
.catalog-product-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.catalog-product-item .mk-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Redesigned Product Details Page Premium UI Styling
   ═══════════════════════════════════════════════════════════════════════════ */
.mk-pd {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  align-items: start;
}
.mk-pd-gallery {
  position: sticky;
  top: 82px;
}
.mk-pd-main {
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 18px;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
  position: relative;
  transition: border-color 0.25s ease;
}
.mk-pd-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
  padding: 1.5rem;
}
.mk-pd-main:hover img {
  transform: scale(1.04);
}
.mk-pd-main i {
  font-size: 5rem;
  color: var(--gray-300);
}
.mk-pd-thumbs {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.mk-pd-thumbs button {
  width: 72px;
  height: 72px;
  border: 1.5px solid var(--gray-200);
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
}
.mk-pd-thumbs button:hover,
.mk-pd-thumbs button.active {
  border-color: var(--primary);
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.12);
  transform: translateY(-2px);
}
.mk-pd-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Info Panel Styling */
.mk-pd-info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.mk-pd-cat {
  font-size: 0.8rem;
  color: var(--primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--primary-l);
  padding: 0.3rem 0.75rem;
  border-radius: 6px;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.mk-pd-info h1 {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--gray-900);
  line-height: 1.2;
  margin: 0;
}
.mk-pd-brand {
  color: var(--gray-600);
  font-size: 0.95rem;
  margin: -0.5rem 0 0;
}
.mk-pd-brand strong {
  color: var(--gray-900);
  font-weight: 700;
}
.mk-pd-price {
  font-size: 2rem;
  font-weight: 800;
  color: var(--primary);
  margin: 0.25rem 0;
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
.mk-pd-price small {
  font-size: 1rem;
  color: var(--gray-500);
  font-weight: 500;
}

/* Badge list overrides */
.mk-pd-badge-list {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 0.25rem 0;
}
.mk-pd-badge-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--gray-700);
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
}
.mk-pd-badge-item i {
  color: var(--primary);
}

/* Vendor Store Card inside product details */
.mk-pd-vendor-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 16px;
  padding: 1.25rem;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
}
.mk-pd-vendor-card:hover {
  border-color: var(--primary);
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.08);
  transform: translateY(-2px);
}
.mk-pd-vendor-info-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mk-pd-vendor-logo-frame {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--primary-l);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--gray-100);
}
.mk-pd-vendor-logo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mk-pd-vendor-text-block strong {
  display: block;
  font-size: 0.98rem;
  color: var(--gray-900);
  margin-bottom: 0.15rem;
}
.mk-pd-vendor-text-block small {
  color: var(--gray-500);
  font-size: 0.8rem;
  display: block;
}
.mk-pd-vendor-text-block .rating {
  color: #f59e0b;
  font-size: 0.8rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.mk-pd-vendor-action-arrow {
  color: var(--gray-400);
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}
.mk-pd-vendor-card:hover .mk-pd-vendor-action-arrow {
  transform: translateX(3px);
  color: var(--primary);
}

/* Actions Section */
.mk-pd-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}
.mk-btn-action-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.85rem 1.75rem;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  background: var(--primary);
  color: #ffffff !important;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  text-align: center;
}
.mk-btn-action-primary:hover {
  background: var(--primary-d);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(220, 38, 38, 0.25);
}

.mk-pd-actions-row {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.mk-order-inline-redesigned {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 240px;
}
.mk-order-inline-redesigned input {
  width: 90px;
  border: 1.5px solid var(--gray-200);
  border-radius: 10px;
  padding: 0.65rem 0.8rem;
  font-size: 0.95rem;
  outline: none;
  text-align: center;
  height: 44px;
}
.mk-order-inline-redesigned input:focus {
  border-color: var(--primary);
}
.mk-order-inline-redesigned button {
  flex: 1;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1.25rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.88rem;
  cursor: pointer;
  background: #ffffff;
  color: var(--primary);
  border: 1.5px solid var(--primary);
  transition: all 0.2s ease;
}
.mk-order-inline-redesigned button:hover {
  background: var(--primary-l);
  transform: translateY(-2px);
}

.mk-save-btn-redesigned {
  height: 44px;
  background: #ffffff;
  border: 1.5px solid var(--gray-200);
  border-radius: 10px;
  padding: 0 1.2rem;
  font-weight: 700;
  cursor: pointer;
  color: var(--gray-700);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.88rem;
  transition: all 0.2s ease;
}
.mk-save-btn-redesigned:hover {
  background: var(--gray-50);
  border-color: var(--gray-400);
  color: var(--gray-900);
  transform: translateY(-2px);
}
.mk-save-btn-redesigned.is-saved {
  color: var(--primary);
  border-color: var(--primary);
  background: var(--primary-l);
}

/* Guest Login CTA Card */
.mk-pd-login-cta-card {
  background: #ffffff;
  border: 1px dashed rgba(220, 38, 38, 0.35);
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.01);
}
.mk-pd-login-cta-card p {
  margin: 0;
  font-size: 0.92rem;
  color: var(--gray-700);
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.mk-pd-login-cta-card p i {
  color: var(--primary);
  font-size: 1.1rem;
  margin-top: 0.15rem;
}
.mk-pd-login-btn-row {
  display: flex;
  gap: 0.75rem;
}
.mk-pd-login-btn-row .btn {
  flex: 1;
  text-align: center;
  justify-content: center;
  padding: 0.65rem 1.25rem;
  font-size: 0.88rem;
}

/* Product specifications table redesign */
.mk-pd-specs-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
}
.mk-pd-specs-table tr {
  border-bottom: 1px solid var(--gray-100);
}
.mk-pd-specs-table tr:nth-child(even) {
  background: var(--gray-50);
}
.mk-pd-specs-table tr:last-child {
  border-bottom: none;
}
.mk-pd-specs-table th {
  text-align: left;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--gray-600);
  padding: 0.75rem 1rem;
  width: 38%;
  vertical-align: middle;
}
.mk-pd-specs-table td {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--gray-800);
  padding: 0.75rem 1rem;
  vertical-align: middle;
}

@media (max-width: 900px) {
  .mk-pd {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .mk-pd-gallery {
    position: static;
  }
}

/* Redesigned Product Details Trust Elements */
.mk-trade-assurance {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #16a34a;
  border-radius: 12px;
  padding: 1rem;
  margin: 0.5rem 0;
}
.mk-trade-assurance .icon-sec {
  font-size: 1.8rem;
  color: #16a34a;
  display: flex;
  align-items: center;
}
.mk-trade-assurance .text-sec strong {
  display: block;
  font-size: 0.92rem;
  color: #14532d;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.mk-trade-assurance .text-sec p {
  margin: 0;
  font-size: 0.8rem;
  color: #15803d;
  font-weight: 600;
}

.mk-pd-price-hint {
  font-size: 0.82rem;
  color: var(--gray-500);
  margin-top: -0.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.mk-pd-price-hint i {
  color: var(--primary);
}

.mk-pd-vbadge {
  font-size: 0.68rem;
  font-weight: 800;
  color: #ffffff;
  background: #059669;
  border-radius: 99px;
  padding: 0.1rem 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.4rem;
  vertical-align: middle;
}

.mk-pd-trust-box {
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  padding: 1rem;
  margin-top: 0.25rem;
}
.mk-pd-trust-box .title {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--gray-500);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
}
.mk-pd-trust-box .badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mk-pd-trust-box .badge {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.3rem 0.65rem;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.mk-pd-trust-box .badge.gst {
  background: #eff6ff;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}
.mk-pd-trust-box .badge.msme {
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

/* ── Mobile Responsive Overrides ── */
@media (max-width: 600px) {
  .mk-pd-info h1 {
    font-size: 1.65rem; /* scale down title to fit mobile screens */
  }
  .mk-pd-price {
    font-size: 1.7rem;
  }
}

@media (max-width: 480px) {
  .mk-pd {
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  
  /* Stack product spec table cells vertically */
  .mk-pd-specs-table tr {
    display: block;
    padding: 0.5rem 0;
  }
  .mk-pd-specs-table th, 
  .mk-pd-specs-table td {
    display: block;
    width: 100% !important;
    padding: 0.25rem 0.5rem;
  }
  .mk-pd-specs-table th {
    font-weight: 700;
    color: var(--gray-500);
    padding-bottom: 0.1rem;
  }

  /* Make actions full-width on mobile */
  .mk-pd-actions-row {
    flex-direction: column;
    align-items: stretch;
  }
  .mk-order-inline-redesigned {
    width: 100%;
    min-width: 0;
  }
  .mk-order-inline-redesigned input {
    width: 80px; /* slightly smaller input width for compact layouts */
  }
  .mk-order-inline-redesigned button {
    flex: 1;
  }
  .mk-save-btn-redesigned {
    width: 100%;
    justify-content: center;
  }
  .mk-pd-login-btn-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
  }
  .mk-pd-login-btn-row .btn {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    justify-content: center !important;
  }
}





/* ═══════════════════════════════════════════════════════════════════════════
   MARKETPLACE UI REDESIGN - neutral B2B storefront. Tokens + product card.
   Accent (red) only for primary actions + live dots; green = verified/lowest.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --mkx-bg:#f6f7f9; --mkx-card:#fff; --mkx-line:#e6e8ec; --mkx-line-2:#eef0f3;
  --mkx-ink:#0f172a; --mkx-ink-2:#475569; --mkx-mut:#8a93a2;
  --mkx-accent:#DC2626; --mkx-accent-d:#B91C1C; --mkx-accent-soft:#fff1f1;
  --mkx-green:#059669; --mkx-green-soft:#ecfdf5; --mkx-amber:#b45309;
  --mkx-radius:12px; --mkx-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.06);
  --mkx-shadow-hover:0 8px 26px rgba(16,24,40,.12);
}

/* Product card */
.pcard{background:var(--mkx-card);border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .16s,border-color .16s,transform .16s;height:100%;}
.pcard:hover{box-shadow:var(--mkx-shadow-hover);border-color:#d3d7de;transform:translateY(-2px);}
.pcard-media{position:relative;display:block;aspect-ratio:4/3;background:#f2f4f7;overflow:hidden;}
.pcard-media img{width:100%;height:100%;object-fit:cover;display:block;}
.pcard-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#f2f4f7;color:#c2c8d0;padding:1rem;text-align:center;}
.pcard-ph i{font-size:2rem;}
.pcard-ph-name{font-size:.78rem;font-weight:600;color:#98a1ad;line-height:1.3;max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pcard-tag{position:absolute;top:.6rem;left:.6rem;z-index:2;background:var(--mkx-ink);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.02em;padding:.18rem .5rem;border-radius:6px;}
.pcard-tag-sp{background:#7c3aed;}
.pcard-save{position:absolute;top:.55rem;right:.55rem;z-index:2;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.94);color:#94a3b8;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(16,24,40,.12);transition:.15s;}
.pcard-save:hover{color:var(--mkx-accent);}
.pcard-save.is-saved{color:var(--mkx-accent);}
.pcard-body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.45rem;flex:1;}
.pcard-cat{font-size:.72rem;font-weight:600;color:var(--mkx-mut);text-transform:uppercase;letter-spacing:.03em;}
.pcard-name{margin:0;font-size:.95rem;font-weight:600;line-height:1.35;min-height:2.5em;}
.pcard-name a{color:var(--mkx-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pcard-name a:hover{color:var(--mkx-accent);}
.pcard-price{font-size:1.15rem;font-weight:800;color:var(--mkx-ink);font-variant-numeric:tabular-nums;line-height:1.2;}
.pcard-unit{font-size:.78rem;font-weight:500;color:var(--mkx-mut);}
.pcard-meta{display:flex;align-items:center;gap:.7rem;font-size:.76rem;color:var(--mkx-ink-2);}
.pcard-moq{display:inline-flex;align-items:center;gap:.3rem;background:#f3f4f6;border-radius:6px;padding:.15rem .5rem;font-weight:600;}
.pcard-moq i{color:var(--mkx-mut);font-size:.72rem;}
.pcard-rate{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;}
.pcard-rate i{color:#f59e0b;}
.pcard-supplier{display:flex;align-items:center;gap:.4rem;text-decoration:none;border-top:1px solid var(--mkx-line-2);padding-top:.55rem;margin-top:.1rem;min-width:0;}
.pcard-supplier-logo{width:22px;height:22px;border-radius:5px;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;}
.pcard-supplier-name{font-size:.8rem;font-weight:600;color:var(--mkx-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.pcard-supplier:hover .pcard-supplier-name{color:var(--mkx-accent);}
.pcard-verified{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;font-weight:700;color:var(--mkx-green);background:var(--mkx-green-soft);border-radius:999px;padding:.08rem .4rem;flex-shrink:0;}
.pcard-btn{margin-top:.4rem;display:block;text-align:center;background:var(--mkx-accent);color:#fff;font-weight:700;font-size:.85rem;padding:.6rem;border-radius:9px;text-decoration:none;transition:.15s;}
.pcard-btn:hover{background:var(--mkx-accent-d);color:#fff;}

/* Skeleton loader */
.pcard-skel{background:var(--mkx-card);border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);overflow:hidden;}
.pcard-skel .sk{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:400% 100%;animation:skl 1.3s ease infinite;}
.pcard-skel .sk-img{aspect-ratio:4/3;}
.pcard-skel .sk-line{height:12px;border-radius:6px;margin:.6rem .9rem;}
@keyframes skl{0%{background-position:100% 0}100%{background-position:0 0}}

/* ── Buy Supplies: top bar, chips, tabs, rails ─────────────────────────────── */
.mkx-top{display:flex;gap:.7rem;align-items:stretch;flex-wrap:wrap;margin:1rem 0 .8rem;}
.mkx-search{flex:1;min-width:280px;display:flex;align-items:center;background:#fff;border:1px solid var(--mkx-line);border-radius:11px;padding:.25rem .25rem .25rem .9rem;box-shadow:var(--mkx-shadow);}
.mkx-search i{color:var(--mkx-mut);}
.mkx-search input{flex:1;border:none;outline:none;padding:.65rem .7rem;font-size:.95rem;background:transparent;color:var(--mkx-ink);}
.mkx-search .btn{border-radius:9px;padding:.55rem 1.2rem;font-weight:700;}
.mkx-post-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid var(--mkx-accent);color:var(--mkx-accent);font-weight:700;font-size:.9rem;padding:.65rem 1.1rem;border-radius:11px;text-decoration:none;white-space:nowrap;transition:.15s;}
.mkx-post-btn:hover{background:var(--mkx-accent-soft);}
@media(max-width:640px){.mkx-post-btn span{display:inline;}.mkx-post-btn{width:100%;justify-content:center;}}

.mkx-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.4rem;scrollbar-width:thin;}
.mkx-chips::-webkit-scrollbar{height:5px;}.mkx-chips::-webkit-scrollbar-thumb{background:var(--mkx-line);border-radius:99px;}
.mkx-chip{white-space:nowrap;background:#fff;border:1px solid var(--mkx-line);border-radius:999px;padding:.45rem .95rem;font-size:.85rem;font-weight:600;color:var(--mkx-ink-2);text-decoration:none;transition:.15s;}
.mkx-chip:hover{border-color:#cbd0d8;color:var(--mkx-ink);}
.mkx-chip.is-on{background:var(--mkx-ink);color:#fff;border-color:var(--mkx-ink);}
.mkx-chip span{color:var(--mkx-mut);font-weight:500;margin-left:.15rem;}
.mkx-chip.is-on span{color:rgba(255,255,255,.7);}

/* Tabs (subnav) - active underline + weight */
.mk-subnav{display:flex;gap:.2rem;border-bottom:1px solid var(--mkx-line);margin:.4rem 0 0;overflow-x:auto;}
.mk-subnav a{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;color:var(--mkx-ink-2);text-decoration:none;white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:.15s;}
.mk-subnav a:hover{color:var(--mkx-ink);}
.mk-subnav a.is-active{color:var(--mkx-accent);border-bottom-color:var(--mkx-accent);}
.mk-subnav a>span.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;font-size:.68rem;font-weight:700;background:#eef0f3;color:var(--mkx-ink-2);border-radius:999px;padding:0 .3rem;}
.mk-subnav .tab-dot{display:none;width:8px;height:8px;border-radius:50%;background:var(--mkx-accent);margin-left:.15rem;vertical-align:middle;}
.mk-subnav a.has-unread .tab-dot{display:inline-block;}

/* Rails (scroll-snap slider) */
.mkx-rail-wrap{margin-top:1.4rem;}
.mkx-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.7rem;}
.mkx-rail-head h3{font-size:1.1rem;font-weight:800;color:var(--mkx-ink);margin:0;}
.mkx-rail-head p{font-size:.82rem;color:var(--mkx-mut);margin:.1rem 0 0;}
.mkx-rail-nav{display:flex;align-items:center;gap:.4rem;}
.mkx-viewall{font-size:.82rem;font-weight:700;color:var(--mkx-accent);text-decoration:none;margin-right:.3rem;}
.mkx-arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--mkx-line);background:#fff;color:var(--mkx-ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;}
.mkx-arrow:hover{border-color:var(--mkx-accent);color:var(--mkx-accent);}
@media(max-width:640px){.mkx-arrow{display:none;}}
.mkx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none;}
.mkx-rail::-webkit-scrollbar{display:none;}
.mkx-rail-item{scroll-snap-align:start;}
@media(min-width:900px){.mkx-rail{grid-auto-columns:minmax(240px,calc(25% - .75rem));}}

/* Supplier card (top-rated rail) */
.mkx-sup-card{display:flex;flex-direction:column;gap:.3rem;background:#fff;border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);padding:1rem;text-decoration:none;color:var(--mkx-ink);transition:.15s;}
.mkx-sup-card:hover{border-color:var(--mkx-accent);box-shadow:var(--mkx-shadow-hover);transform:translateY(-2px);}
.mkx-sup-logo{width:46px;height:46px;border-radius:11px;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden;margin-bottom:.2rem;}
.mkx-sup-logo img{width:100%;height:100%;object-fit:cover;}
.mkx-sup-card strong{font-size:.92rem;}
.mkx-sup-meta{font-size:.8rem;color:var(--mkx-ink-2);}
.mkx-sup-city{font-size:.76rem;color:var(--mkx-mut);}

/* Sort + clear */
.mkx-sort{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--mkx-mut);}
.mkx-sort select{padding:.4rem .6rem;border:1px solid var(--mkx-line);border-radius:8px;font:inherit;background:#fff;}
.mkx-clear{color:var(--mkx-ink-2);text-decoration:none;font-size:.82rem;}
.mkx-clear:hover{color:var(--mkx-accent);}

/* Empty state */
.mkx-empty{text-align:center;padding:3rem 1.5rem;background:#fff;border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);margin-top:1rem;}
.mkx-empty-ic{width:64px;height:64px;border-radius:50%;background:#f2f4f7;color:#c2c8d0;font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin:0 auto .9rem;}
.mkx-empty h4{font-size:1.05rem;font-weight:700;color:var(--mkx-ink);margin:0 0 .3rem;}
.mkx-empty p{color:var(--mkx-mut);font-size:.9rem;max-width:420px;margin:0 auto 1.1rem;}

/* ── Requirement detail (decision screen) ──────────────────────────────────── */
.mkx-alert{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1.1rem;border-radius:10px;margin:.8rem 0;font-size:.9rem;font-weight:500;}
.mkx-alert.ok{background:var(--mkx-green-soft);color:#065f46;border:1px solid #a7f3d0;}
.mkx-alert.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.rq-status{font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:999px;}
.rq-status.st-open{background:var(--mkx-green-soft);color:#065f46;}
.rq-status.st-awarded{background:#eff6ff;color:#1e40af;}
.rq-status.st-closed{background:#f1f5f9;color:#64748b;}

.rq-strip{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;background:#fff;border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);padding:1rem 1.3rem;margin:.9rem 0;box-shadow:var(--mkx-shadow);}
.rq-stat{display:flex;flex-direction:column;}
.rq-stat-v{font-size:1.15rem;font-weight:800;color:var(--mkx-ink);font-variant-numeric:tabular-nums;line-height:1.1;}
.rq-stat-l{font-size:.74rem;color:var(--mkx-mut);margin-top:.15rem;}
.rq-strip-actions{margin-left:auto;display:flex;gap:.5rem;}
.rq-quiet{background:none;border:1px solid var(--mkx-line);color:var(--mkx-ink-2);font-size:.8rem;font-weight:600;padding:.4rem .8rem;border-radius:8px;cursor:pointer;}
.rq-quiet:hover{border-color:#cbd0d8;color:var(--mkx-ink);}
.rq-quiet.strong{background:var(--mkx-accent);color:#fff;border-color:var(--mkx-accent);}

.rq-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start;}
@media(max-width:1000px){.rq-layout{grid-template-columns:1fr;}}
.rq-panel{background:#fff;border:1px solid var(--mkx-line);border-radius:var(--mkx-radius);padding:1.2rem 1.3rem;margin-bottom:1rem;box-shadow:var(--mkx-shadow);}
.rq-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;}
.rq-panel-head h3{font-size:1.1rem;font-weight:800;margin:0;color:var(--mkx-ink);}
.rq-mut{color:var(--mkx-mut);font-size:.85rem;margin:.15rem 0 0;}
.rq-sort{font-size:.82rem;color:var(--mkx-mut);}
.rq-sort a{margin-left:.4rem;padding:.2rem .55rem;border-radius:7px;text-decoration:none;color:var(--mkx-ink-2);font-weight:600;}
.rq-sort a.on{background:var(--mkx-accent-soft);color:var(--mkx-accent);}

/* Quote cards */
.rq-quotes{display:flex;flex-direction:column;gap:.8rem;}
.rq-quote{display:grid;grid-template-columns:1.4fr 1fr 1.3fr auto;gap:1rem;align-items:center;border:1px solid var(--mkx-line);border-radius:11px;padding:1rem 1.1rem;transition:.15s;}
.rq-quote:hover{border-color:#cbd0d8;box-shadow:var(--mkx-shadow);}
.rq-quote.is-low{border-color:#a7f3d0;background:linear-gradient(0deg,var(--mkx-green-soft),#fff 60%);}
.rq-quote.is-won{border-color:#6ee7b7;background:var(--mkx-green-soft);}
@media(max-width:760px){.rq-quote{grid-template-columns:1fr;gap:.7rem;}}
.rq-q-supplier{display:flex;gap:.6rem;align-items:center;}
.rq-q-avatar{width:38px;height:38px;border-radius:9px;background:#eef2f7;color:#64748b;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rq-q-name{font-weight:700;color:var(--mkx-ink);text-decoration:none;}
.rq-q-name:hover{color:var(--mkx-accent);}
.rq-verified{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;font-weight:700;color:var(--mkx-green);background:var(--mkx-green-soft);border-radius:999px;padding:.05rem .4rem;margin-left:.3rem;}
.rq-q-sub{font-size:.76rem;color:var(--mkx-mut);margin-top:.15rem;}
.rq-q-total{font-size:1.5rem;font-weight:800;color:var(--mkx-ink);font-variant-numeric:tabular-nums;line-height:1;}
.rq-q-badges{display:flex;gap:.3rem;margin-top:.3rem;}
.rq-b-low{font-size:.66rem;font-weight:800;color:#065f46;background:var(--mkx-green-soft);border:1px solid #a7f3d0;border-radius:999px;padding:.05rem .45rem;}
.rq-b-fast{font-size:.66rem;font-weight:800;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.05rem .45rem;}
.rq-q-unit{font-size:.76rem;color:var(--mkx-mut);margin-top:.25rem;}
.rq-q-facts{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;}
.rq-q-facts>div{display:flex;flex-direction:column;}
.rq-k{font-size:.7rem;color:var(--mkx-mut);text-transform:uppercase;letter-spacing:.02em;}
.rq-v{color:var(--mkx-ink);font-weight:600;}
.rq-q-terms .rq-v{font-weight:400;color:var(--mkx-ink-2);}
.rq-q-act{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;}
.rq-accept{border-radius:9px;padding:.6rem 1.1rem;font-weight:700;white-space:nowrap;}
.rq-help{font-size:.68rem;color:var(--mkx-mut);}
.rq-awarded{color:#065f46;font-weight:700;font-size:.85rem;}
@media(max-width:760px){.rq-q-act{text-align:left;align-items:stretch;}.rq-accept{width:100%;}}

/* Empty state */
.rq-empty{text-align:center;padding:2.5rem 1.5rem;}
.rq-empty-ic{width:60px;height:60px;border-radius:50%;background:#eff6ff;color:#3b82f6;font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin:0 auto .9rem;}
.rq-empty h4{font-size:1.05rem;font-weight:700;margin:0 0 .35rem;color:var(--mkx-ink);}
.rq-empty p{color:var(--mkx-mut);font-size:.9rem;max-width:440px;margin:0 auto;}

/* Q&A threaded */
.rq-qa{border-left:3px solid var(--mkx-line);padding:.2rem 0 .2rem 1rem;margin-bottom:1rem;}
.rq-qa-who{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--mkx-mut);margin-bottom:.2rem;}
.rq-qa-q{font-size:.9rem;color:var(--mkx-ink);}
.rq-qa-a{margin-top:.5rem;background:var(--mkx-green-soft);border-radius:9px;padding:.55rem .8rem;font-size:.88rem;color:#065f46;}
.rq-qa-a .rq-qa-who{color:#059669;}
.rq-qa-form{display:flex;gap:.5rem;margin-top:.5rem;}
.rq-qa-form input{flex:1;padding:.5rem .75rem;border:1px solid var(--mkx-line);border-radius:8px;font:inherit;}

/* Recap + timeline */
.rq-recap{margin:0;display:flex;flex-direction:column;gap:.6rem;}
.rq-recap>div{display:flex;flex-direction:column;}
.rq-recap dt{font-size:.7rem;color:var(--mkx-mut);text-transform:uppercase;letter-spacing:.02em;}
.rq-recap dd{margin:.1rem 0 0;font-size:.9rem;font-weight:600;color:var(--mkx-ink);}
.rq-recap-desc{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--mkx-line-2);font-size:.85rem;color:var(--mkx-ink-2);line-height:1.5;}
.rq-timeline{list-style:none;margin:0;padding:0;}
.rq-timeline li{position:relative;display:flex;gap:.7rem;padding-bottom:1rem;}
.rq-timeline li:last-child{padding-bottom:0;}
.rq-timeline li:not(:last-child)::before{content:'';position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--mkx-line);}
.rq-timeline li.done:not(:last-child)::before{background:var(--mkx-green);}
.rq-tl-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--mkx-line);background:#fff;flex-shrink:0;margin-top:2px;z-index:1;}
.rq-timeline li.done .rq-tl-dot{border-color:var(--mkx-green);background:var(--mkx-green);}
.rq-timeline strong{display:block;font-size:.86rem;color:var(--mkx-ink);}
.rq-timeline small{font-size:.75rem;color:var(--mkx-mut);}
.rq-timeline li:not(.done) strong{color:var(--mkx-mut);}

/* Plain-language field helper under form rows */
.mkx-fieldhelp{font-size:.8rem;color:var(--mkx-mut,#8a93a2);margin:-.4rem 0 .9rem;line-height:1.4;}
.mkx-fieldhelp strong{color:var(--mkx-ink-2,#475569);}

/* Reusable buttons for panel marketplace tables/actions */
.mkx-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;font-weight:700;padding:.5rem .95rem;border-radius:9px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:.15s;line-height:1;}
.mkx-btn-primary{background:var(--mkx-accent);color:#fff;}
.mkx-btn-primary:hover{background:var(--mkx-accent-d);color:#fff;}
.mkx-btn-o{background:#fff;border-color:var(--mkx-accent);color:var(--mkx-accent);}
.mkx-btn-o:hover{background:var(--mkx-accent-soft);color:var(--mkx-accent);}
.mkx-btn-ghost{background:#fff;border-color:var(--mkx-line);color:var(--mkx-ink-2);}
.mkx-btn-ghost:hover{border-color:#cbd0d8;color:var(--mkx-ink);}

/* ── Quotes Received: structured offer card (price / delivery / validity /
   note as labelled facts instead of one skimmable line of prose) ── */
.mk-quote-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;}
.mk-quote-price{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;}
.mk-quote-unit{font-size:.8rem;color:var(--gray-500);font-weight:600;}
.mk-quote-facts{display:flex;gap:.6rem;flex-wrap:wrap;margin:.6rem 0 0;}
.mk-qf{background:#f8fafc;border:1px solid #e8ecf1;border-radius:10px;padding:.45rem .8rem;min-width:130px;}
.mk-qf small{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin-bottom:.1rem;}
.mk-qf strong{font-size:.88rem;color:var(--gray-800);font-variant-numeric:tabular-nums;white-space:nowrap;}
.mk-qf strong i{color:var(--gray-400);margin-right:.25rem;font-size:.78rem;}
.mk-qf em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--gray-500);margin-left:.3rem;}
.mk-qf-urgent{background:#fff7ed;border-color:#fed7aa;}
.mk-qf-urgent strong,.mk-qf-urgent strong i,.mk-qf-urgent em{color:#9a3412;}
/* vendor's message - highlighted chat-style bubble so it's never missed */
.mk-quote-note{position:relative;margin-top:.7rem;background:var(--mkx-accent-soft,#fef2f2);
  border:1px solid #fecaca;border-left:4px solid var(--mkx-accent,#dc2626);
  border-radius:4px 12px 12px 12px;padding:.6rem .9rem .6rem 2.2rem;max-width:640px;}
.mk-quote-note::before{content:'\f27a';font-family:'Font Awesome 6 Free';font-weight:900;
  position:absolute;left:.7rem;top:.7rem;font-size:.85rem;color:var(--mkx-accent,#dc2626);}
.mk-quote-note small{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--mkx-accent-d,#b91c1c);margin-bottom:.15rem;}
.mk-quote-note p{margin:0;font-size:.92rem;font-weight:600;color:var(--gray-800,#1f2937);}
#supplies-end {display:none;}
0@media(max-width:860px){.vh-rfq { flex-direction: column; text-align: center; padding: 1.8rem 1.5rem; } .vh-rfq-left { width: 100%; } .vh-rfq h2 { font-size: 1.3rem; } .vh-rfq p { font-size: 0.88rem; margin-left: auto; margin-right: auto; } .vh-rfq-steps { justify-content: center; gap: 0.5rem; } .vh-rfq-right { width: 100%; margin-top: 0.5rem; align-items: center; }}

/* ═══════════════════════════════════════════════════════════════════════════
   2026-07 Homepage redesign - two-tier header (vh-header), hero, feature
   strip, category rail, deal rail, departments, stats band, suppliers,
   cities, newsletter, seller CTA + light footer. Prefix: vh-.
   Design tokens: red only on primary actions/accents, 16-20px radii,
   layered soft shadows, 8px rhythm.
   ═══════════════════════════════════════════════════════════════════════════ */
.vm-body{
  --vh-radius:16px; --vh-radius-lg:22px;
  --vh-shadow-sm:0 1px 2px rgba(15,23,42,.05),0 4px 14px rgba(15,23,42,.06);
  --vh-shadow-md:0 2px 6px rgba(15,23,42,.06),0 14px 34px rgba(15,23,42,.10);
  --vh-shadow-red:0 10px 28px rgba(220,38,38,.28);
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.vh-header{position:relative;z-index:50;box-shadow:0 1px 0 var(--vm-line);}
.vh-topbar{background:#fff;}
.vh-topbar-in{display:flex;align-items:center;gap:1.4rem;height:72px;}
.vh-compact .vh-topbar-in{height:64px;}
.vh-brand{display:flex;align-items:center;gap:.55rem;color:var(--vm-ink);flex-shrink:0;}
.vh-brand-logo{height:40px;width:auto;display:block;}
.vh-compact .vh-brand-logo{height:36px;}
.vh-brand-tag{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--vm-primary);
  border:1.5px solid #FECACA;background:var(--vm-primary-l);padding:.22rem .5rem;border-radius:7px;line-height:1;}

/* search: category select + input + red button, one pill */
.vh-search-wrap{position:relative;flex:1;max-width:560px;margin:0 auto;}
.vh-search{display:flex;align-items:stretch;height:44px;
  border:1.5px solid var(--vm-line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.vh-search:focus-within{border-color:var(--vm-primary);box-shadow:0 0 0 3px rgba(220,38,38,.10);}
.vh-search-cat{border:none;outline:none;background:var(--vm-bg);color:var(--vm-slate);font:inherit;font-size:.82rem;
  font-weight:600;padding:0 .6rem;max-width:150px;border-right:1.5px solid var(--vm-line);cursor:pointer;}
.vh-search input{flex:1;min-width:0;border:none;outline:none;padding:0 .9rem;font:inherit;font-size:.9rem;color:var(--vm-ink);}
.vh-search input::placeholder{color:#94a3b8;}
.vh-search-btn{border:none;background:var(--vm-primary);color:#fff;width:52px;font-size:.95rem;cursor:pointer;transition:background .15s;}
.vh-search-btn:hover{background:var(--vm-primary-d);}

/* right-side icon actions */
.vh-actions{display:flex;align-items:center;gap:1.1rem;margin-left:auto;flex-shrink:0;}
.vh-action{display:flex;align-items:center;gap:.55rem;color:var(--vm-ink);}
.vh-action>i{font-size:1.15rem;color:var(--vm-slate);transition:color .15s;}
.vh-action span{display:flex;flex-direction:column;line-height:1.15;}
.vh-action small{font-size:.68rem;color:var(--vm-mut);font-weight:600;}
.vh-action strong{font-size:.82rem;font-weight:700;}
.vh-action:hover>i,.vh-action:hover strong{color:var(--vm-primary);}

/* red primary nav strip */
.vh-navstrip{background:var(--vm-primary);}
.vh-navstrip-in{display:flex;align-items:center;gap:1rem;height:46px;}
.vh-cats-overlay{display:none;}
.vh-catsmenu-header{display:none;}
.vh-catsdd{position:relative;height:100%;flex-shrink:0;}
.vh-catsbtn{height:100%;border:none;cursor:pointer;background:var(--vm-primary-d);color:#fff;font:inherit;
  font-size:.86rem;font-weight:700;padding:0 1.1rem;display:flex;align-items:center;gap:.6rem;}
.vh-catsbtn:hover{background:#991B1B;}
.vh-catscaret{font-size:.65rem;opacity:.8;transition:transform .15s;}
.vh-catsdd.open .vh-catscaret{transform:rotate(180deg);}
.vh-catsmenu{position:absolute;top:100%;left:0;min-width:290px;max-height:70vh;overflow-y:auto;background:#fff;
  border-radius:0 0 14px 14px;box-shadow:var(--vh-shadow-md);padding:.5rem;display:none;z-index:60;}
.vh-catsdd.open .vh-catsmenu{display:block;}
.vh-catsmenu a{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:9px;
  font-size:.88rem;font-weight:600;color:var(--vm-slate);}
.vh-catsmenu a:hover{background:var(--vm-primary-l);color:var(--vm-primary);}
.vh-catsmenu-ic{width:30px;height:30px;border-radius:8px;background:var(--vm-bg);display:inline-flex;
  align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.vh-catsmenu em{margin-left:auto;font-style:normal;font-size:.72rem;font-weight:700;color:var(--vm-mut);
  background:var(--vm-bg);border-radius:999px;padding:.1rem .5rem;}
.vh-navlinks{display:flex;align-items:center;gap:.2rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;}
.vh-navlinks::-webkit-scrollbar{display:none;}
.vh-navlinks a{color:rgba(255,255,255,.92);font-size:.86rem;font-weight:600;padding:.34rem .8rem;border-radius:8px;
  white-space:nowrap;transition:background .15s;}
.vh-navlinks a:hover{background:rgba(255,255,255,.14);color:#fff;}
.vh-navlinks a.is-active{background:rgba(255,255,255,.18);color:#fff;}
.vh-sellerbtn{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid rgba(255,255,255,.7);
  color:#fff;font-size:.84rem;font-weight:700;border-radius:999px;padding:.35rem 1rem;transition:.15s;}
.vh-sellerbtn:hover{background:#fff;color:var(--vm-primary);}
@media(max-width:1020px){.vh-action span{display:none;}.vh-action>i{font-size:1.3rem;}}
@media(max-width:860px){
  .vh-topbar-in{flex-wrap:wrap;height:auto;padding-top:.7rem;padding-bottom:.7rem;row-gap:.6rem;}
  .vh-search-wrap{order:3;flex-basis:100%;max-width:none;}
  .vh-search{height:42px;}
  .vh-compact .vh-topbar-in{height:64px;flex-wrap:nowrap;padding-top:0;padding-bottom:0;}

  /* Categories Sidebar Drawer on Mobile */
  .vh-catsdd.open .vh-cats-overlay {
    display: block;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
    z-index: 999;
    animation: vhFadeIn 0.25s ease-out;
  }
  @keyframes vhFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .vh-catsmenu {
    position: fixed;
    top: 0; left: 0; bottom: 0;
    width: 290px; max-width: 85%;
    height: 100vh; max-height: 100vh;
    background: #fff;
    box-shadow: 4px 0 24px rgba(0,0,0,0.18);
    z-index: 1000;
    display: flex !important;
    flex-direction: column;
    padding: 0;
    border-radius: 0;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vh-catsdd.open .vh-catsmenu {
    transform: translateX(0);
  }
  .vh-catsmenu-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid var(--vm-line);
    background: var(--vm-bg);
  }
  .vh-catsmenu-header strong {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--vm-ink);
  }
  .vh-catsmenu-close {
    font-size: 1.2rem;
    color: var(--vm-slate);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #f1f5f9;
  }
  .vh-catsmenu-close:hover {
    background: #e2e8f0;
    color: var(--vm-primary);
  }
  .vh-catsmenu a {
    border-bottom: 1px solid var(--vm-line);
    padding: 0.9rem 1.2rem;
    border-radius: 0;
    margin: 0;
    font-size: 0.92rem;
  }
  .vh-catsmenu a:last-child {
    border-bottom: none;
  }
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.vh-hero{background:linear-gradient(180deg,#fff 0%,#FEF7F7 70%,#FDF1F1 100%);overflow:hidden;position:relative;}
.vh-hero-in{display:grid;grid-template-columns:1.16fr .84fr;gap:2.2rem;align-items:center;padding-top:3.4rem;padding-bottom:3.6rem;}
.vh-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--vm-primary);background:var(--vm-primary-l);border:1px solid #FECACA;border-radius:999px;
  padding:.4rem .95rem;margin-bottom:1.15rem;}
.vh-hero h1{font-size:clamp(2rem,4.4vw,3.35rem);font-weight:900;letter-spacing:-.02em;line-height:1.12;margin-bottom:1.6rem;}
.vh-hero h1 em{font-style:normal;color:var(--vm-primary);}
.vh-oneline{white-space:nowrap;}
.vh-type-cursor{color:var(--vm-primary);font-weight:300;display:inline-block;margin-left:2px;animation:vhBlink .8s infinite;}
@keyframes vhBlink{0%,100%{opacity:1}50%{opacity:0}}
.vh-hero-copy>p{color:var(--vm-slate);font-size:1.02rem;max-width:480px;margin:0 0 1.6rem;}
.vh-hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.vh-hero-cta .vm-btn-primary{box-shadow:var(--vh-shadow-red);}
.vh-hero-badges{display:flex;gap:.45rem;flex-wrap:nowrap;}
.vh-hero-badges span{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--vm-line);
  border-radius:999px;padding:.32rem .68rem;font-size:.73rem;font-weight:700;color:var(--vm-slate);box-shadow:var(--vh-shadow-sm);white-space:nowrap;}
.vh-hero-badges i{color:var(--vm-primary);font-size:.72rem;}
@media(max-width:1100px){.vh-hero-badges{flex-wrap:wrap;}}
.vh-hero-visual{position:relative;}
.vh-hero-visual>img{width:100%;height:auto;display:block;}
.vh-hero-trust{position:absolute;right:0;top:14%;display:flex;align-items:center;gap:.7rem;background:#fff;
  border-radius:16px;box-shadow:var(--vh-shadow-md);padding:.8rem 1.1rem;animation:vhFloat 5s ease-in-out infinite;}
.vh-hero-trust-ic{width:42px;height:42px;border-radius:12px;background:var(--vm-primary);color:#fff;display:flex;
  align-items:center;justify-content:center;font-size:1.1rem;}
.vh-hero-trust span:last-child{display:flex;flex-direction:column;line-height:1.2;}
.vh-hero-trust small{font-size:.72rem;color:var(--vm-mut);font-weight:600;}
.vh-hero-trust strong{font-size:1.15rem;font-weight:800;}
@keyframes vhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){
  .vh-hero-in{grid-template-columns:1fr;padding-top:2.4rem;padding-bottom:2.6rem;text-align:center;}
  .vh-hero h1 br { display: none; }
  .vh-hero h1 { font-size: clamp(2.1rem, 6.5vw, 2.75rem); margin-left: auto; margin-right: auto; }
  .vh-hero-copy>p { margin-left: auto; margin-right: auto; }
  .vh-hero-cta { justify-content: center; }
  .vh-hero-badges { justify-content: center; }
  .vh-hero-visual{max-width:440px;margin:0 auto;}
}
@media(prefers-reduced-motion:reduce){.vh-hero-trust{animation:none;}}

/* ── Feature strip ──────────────────────────────────────────────────────── */
.vh-features{margin-top:-2rem;position:relative;z-index:2;}
.vh-features-card{background:#fff;border:1px solid var(--vm-line);border-radius:var(--vh-radius-lg);
  box-shadow:var(--vh-shadow-md);display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;padding:1.6rem 1.8rem;}
.vh-feature{display:flex;gap:.85rem;align-items:flex-start;}
.vh-feature-ic{width:48px;height:48px;border-radius:50%;background:var(--vm-primary-l);color:var(--vm-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}
.vh-feature strong{font-size:.94rem;display:block;margin-bottom:.15rem;}
.vh-feature p{font-size:.8rem;color:var(--vm-mut);margin:0;line-height:1.45;}
@media(max-width:980px){.vh-features-card{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.vh-features-card{grid-template-columns:1fr;padding:1.3rem;}}

/* ── Shared section bits ────────────────────────────────────────────────── */
.vh-section{padding:3.4rem 0;}
.vh-section-alt{background:#fff;}
.vh-title{text-align:center;font-size:1.7rem;font-weight:800;letter-spacing:-.01em;margin-bottom:2.1rem;position:relative;padding-bottom:.85rem;}
.vh-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:52px;height:4px;border-radius:999px;background:var(--vm-primary);}
.vh-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.7rem;flex-wrap:wrap;}
.vh-head h2{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;}
.vh-sub{color:var(--vm-mut);font-size:.92rem;margin:.3rem 0 0;}
.vh-sponsored{font-size:.68rem;font-weight:800;letter-spacing:.09em;color:var(--vm-mut);text-transform:uppercase;}

/* ── Category rail (circles) ────────────────────────────────────────────── */
.vh-cats{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;}
.vh-cat{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;flex:0 1 100px;min-width:86px;text-align:center;}
.vh-cat strong,.vh-cat-circle{align-self:center;}
.vh-cat-circle{width:80px;height:80px;border-radius:50%;background:#fff;border:1.5px solid var(--vm-line);
  display:flex;align-items:center;justify-content:center;font-size:1.9rem;transition:.18s;box-shadow:var(--vh-shadow-sm);}
.vh-cat strong{font-size:.82rem;font-weight:700;color:var(--vm-ink);line-height:1.25;}
.vh-cat:hover .vh-cat-circle{border-color:var(--vm-primary);background:var(--vm-primary-l);transform:translateY(-4px);box-shadow:var(--vh-shadow-md);}
.vh-cat-all .vh-cat-circle{background:var(--vm-primary);border-color:var(--vm-primary);color:#fff;font-size:1.4rem;}
.vh-cat-all:hover .vh-cat-circle{background:var(--vm-primary-d);}

/* ── Deal rail (horizontal scroll + arrows) ─────────────────────────────── */
.vh-rail-wrap{position:relative;}
.vh-rail{display:grid;grid-auto-flow:column;grid-auto-columns:236px;gap:1.1rem;overflow-x:auto;
  scroll-snap-type:x mandatory;padding:.25rem .25rem 1rem;scrollbar-width:none;}
.vh-rail::-webkit-scrollbar{display:none;}
.vh-rail-btn{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--vm-line);background:#fff;color:var(--vm-ink);cursor:pointer;box-shadow:var(--vh-shadow-md);
  display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:.15s;}
.vh-rail-btn:hover{background:var(--vm-primary);border-color:var(--vm-primary);color:#fff;}
.vh-rail-prev{left:-20px;}
.vh-rail-next{right:-20px;}
@media(max-width:1260px){.vh-rail-prev{left:-8px;}.vh-rail-next{right:-8px;}}
.vh-deal{background:#fff;border:1px solid var(--vm-line);border-radius:var(--vh-radius);overflow:hidden;
  display:flex;flex-direction:column;scroll-snap-align:start;transition:.18s;}
.vh-deal:hover{box-shadow:var(--vh-shadow-md);transform:translateY(-4px);border-color:#f1d4d4;}
.vh-deal-thumb{position:relative;height:160px;background:var(--vm-bg);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:2.2rem;}
.vh-deal-thumb img{width:100%;height:100%;object-fit:cover;}
.vh-deal-flag{position:absolute;top:.65rem;left:.65rem;background:var(--vm-primary);color:#fff;border-radius:7px;
  padding:.18rem .55rem;font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;}
.vh-deal-body{padding:.95rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.35rem;flex:1;}
.vh-deal-body h3{font-size:.94rem;font-weight:700;line-height:1.3;}
.vh-deal-body h3 a:hover{color:var(--vm-primary);}
.vh-deal-body>p{font-size:.79rem;color:var(--vm-mut);margin:0;flex:1;}
.vh-deal-price{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;}
.vh-deal-price strong{font-size:1.04rem;font-weight:800;color:var(--vm-ink);}
.vh-deal-price small{color:var(--vm-mut);font-size:.72rem;font-weight:600;}
.vh-deal-bulk{align-self:flex-start;font-size:.7rem;font-weight:700;color:var(--vm-primary);
  background:var(--vm-primary-l);border-radius:6px;padding:.2rem .55rem;}

/* ── Departments (category families) ────────────────────────────────────── */
.vh-dept-rail{grid-auto-columns:282px;}
.vh-dept{background:#fff;border:1px solid var(--vm-line);border-radius:var(--vh-radius);padding:1rem 1.05rem;
  display:flex;flex-direction:column;gap:.7rem;transition:.18s;scroll-snap-align:start;}
.vh-dept:hover{box-shadow:var(--vh-shadow-md);transform:translateY(-3px);border-color:#f1d4d4;}
.vh-dept-head{display:flex;align-items:center;gap:.7rem;}
.vh-dept-ic{width:42px;height:42px;border-radius:12px;background:var(--vm-primary-l);display:flex;
  align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.vh-dept-head strong{display:block;font-size:.94rem;font-weight:800;line-height:1.25;}
.vh-dept-head small{color:var(--vm-mut);font-size:.72rem;}
.vh-dept-head:hover strong{color:var(--vm-primary);}
.vh-dept-subs{display:flex;flex-wrap:wrap;gap:.35rem;}
.vh-dept-subs a{font-size:.72rem;font-weight:600;color:var(--vm-slate);background:var(--vm-bg);
  border:1px solid var(--vm-line);border-radius:999px;padding:.24rem .6rem;transition:.15s;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vh-dept-subs a:hover{color:var(--vm-primary);border-color:var(--vm-primary);background:var(--vm-primary-l);}
.vh-dept-sub-more{color:var(--vm-primary)!important;background:var(--vm-primary-l)!important;border-color:#FECACA!important;font-weight:700!important;}
.vh-dept-thumbs{display:flex;gap:.45rem;}
.vh-dept-thumbs a{width:54px;height:54px;border-radius:10px;overflow:hidden;background:var(--vm-bg);
  border:1px solid var(--vm-line);display:flex;align-items:center;justify-content:center;color:#cbd5e1;flex-shrink:0;transition:.15s;}
.vh-dept-thumbs a:hover{border-color:var(--vm-primary);}
.vh-dept-thumbs img{width:100%;height:100%;object-fit:cover;}
.vh-dept-cta{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--vm-primary);
  border-top:1px solid var(--vm-line);padding-top:.6rem;}
.vh-dept-cta:hover{text-decoration:underline;}
.vh-more{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;justify-content:center;}
.vh-more a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--vm-line);background:#fff;
  border-radius:999px;padding:.4rem .95rem;font-size:.83rem;font-weight:600;color:var(--vm-slate);transition:.15s;}
.vh-more a:hover{border-color:var(--vm-primary);color:var(--vm-primary);background:var(--vm-primary-l);}

/* ── RFQ band ───────────────────────────────────────────────────────────── */
.vh-rfq{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;
  background:linear-gradient(120deg,#B91C1C 0%,#DC2626 60%,#EF4444 100%);color:#fff;
  border-radius:var(--vh-radius-lg);padding:2rem 2.2rem;position:relative;overflow:hidden;}
.vh-rfq::before{content:'';position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.08);}
.vh-rfq-left{position:relative;}
.vh-rfq h2{font-size:1.45rem;font-weight:800;margin-bottom:.35rem;}
.vh-rfq p{color:rgba(255,255,255,.9);font-size:.94rem;margin:0 0 1rem;max-width:520px;}
.vh-rfq-steps{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.8rem;font-weight:600;}
.vh-rfq-steps span{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.38rem .85rem;}
.vh-rfq-steps>i{opacity:.65;}
.vh-rfq-right{display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative;}
.vh-rfq-right small{color:rgba(255,255,255,.8);font-size:.76rem;}

/* ── Why choose / stats band ────────────────────────────────────────────── */
.vh-why{display:grid;grid-template-columns:340px 1fr;gap:2.4rem;align-items:center;
  background:linear-gradient(120deg,#FEF2F2,#FDE8E8);border-radius:var(--vh-radius-lg);padding:2rem 2.4rem;}
@media(max-width:900px){.vh-why{grid-template-columns:1fr;padding:1.6rem;}}
.vh-why-visual{position:relative;}
.vh-why-visual img{width:100%;height:auto;display:block;border-radius:var(--vh-radius);box-shadow:var(--vh-shadow-md);}
.vh-why-cart{position:absolute;right:-18px;bottom:-16px;width:60px;height:60px;border-radius:18px;background:#fff;
  color:var(--vm-primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--vh-shadow-md);}
.vh-why-copy h2{font-size:1.65rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1.5rem;}
.vh-why-copy h2 em{font-style:normal;color:var(--vm-primary);}
.vh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:1060px){.vh-stats{grid-template-columns:1fr 1fr;}}
.vh-stat{display:flex;align-items:center;gap:.8rem;background:#fff;border-radius:14px;padding:.95rem 1.05rem;box-shadow:var(--vh-shadow-sm);min-width:0;}
.vh-stat-ic{width:44px;height:44px;border-radius:12px;background:var(--vm-primary-l);color:var(--vm-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.vh-stat span:last-child{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.vh-stat strong{font-size:1.22rem;font-weight:800;}
.vh-stat small{font-size:.74rem;color:var(--vm-mut);font-weight:600;}

/* ── Featured suppliers ─────────────────────────────────────────────────── */
.vh-suppliers{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:1000px){.vh-suppliers{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.vh-suppliers{grid-template-columns:1fr;}}
.vh-supplier{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;
  background:#fff;border:1px solid var(--vm-line);border-radius:var(--vh-radius);padding:1.5rem 1rem 1.4rem;transition:.18s;}
.vh-supplier:hover{border-color:var(--vm-primary);box-shadow:var(--vh-shadow-md);transform:translateY(-3px);}
.vh-supplier-logo{width:70px;height:70px;border-radius:50%;background:var(--vm-bg);border:1px solid var(--vm-line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;color:#cbd5e1;font-size:1.45rem;margin-bottom:.3rem;}
.vh-supplier-logo img{width:100%;height:100%;object-fit:cover;}
.vh-supplier strong{font-size:.94rem;font-weight:700;}
.vh-supplier small{color:var(--vm-mut);font-size:.78rem;}
.vh-tick{color:var(--vm-ok);font-size:.8rem;margin-left:.2rem;}
.vh-supplier-rate{position:absolute;top:.75rem;right:.75rem;font-size:.74rem;font-weight:800;color:#b45309;
  background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:.15rem .5rem;}
.vh-supplier-rate i{color:#f59e0b;}

/* ── Cities ─────────────────────────────────────────────────────────────── */
.vh-cities{display:flex;gap:1rem;flex-wrap:wrap;}
.vh-city{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.83rem;font-weight:600;
  color:var(--vm-slate);width:94px;text-align:center;}
.vh-city span{width:64px;height:64px;border-radius:50%;background:#fff;border:1.5px solid var(--vm-line);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:var(--vm-primary);
  transition:.18s;box-shadow:var(--vh-shadow-sm);}
.vh-city:hover span{border-color:var(--vm-primary);background:var(--vm-primary-l);transform:translateY(-3px);}

/* ── Newsletter band ────────────────────────────────────────────────────── */
.vh-news{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;
  background:linear-gradient(120deg,#DC2626,#B91C1C);color:#fff;border-radius:var(--vh-radius-lg);padding:1.8rem 2.2rem;}
.vh-news-left{display:flex;align-items:center;gap:1.1rem;}
.vh-news-ic{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.vh-news h2{font-size:1.3rem;font-weight:800;}
.vh-news p{color:rgba(255,255,255,.88);font-size:.88rem;margin:.2rem 0 0;}
.vh-news-form{display:flex;gap:.5rem;background:#fff;border-radius:12px;padding:.35rem;flex:0 1 460px;min-width:270px;}
.vh-news-form input{flex:1;min-width:0;border:none;outline:none;padding:.55rem .8rem;font:inherit;font-size:.9rem;color:var(--vm-ink);border-radius:8px;}
.vh-news-ok{display:flex;align-items:center;gap:.5rem;color:#065f46;font-weight:700;font-size:.92rem;padding:.55rem .8rem;}

/* ── Seller CTA ─────────────────────────────────────────────────────────── */
.vh-sellcta{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;
  background:var(--vm-ink);color:#fff;border-radius:var(--vh-radius-lg);padding:2.1rem 2.4rem;position:relative;overflow:hidden;}
.vh-sellcta::before{content:'';position:absolute;left:-60px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(220,38,38,.35);filter:blur(6px);}
.vh-sellcta h2{font-size:1.5rem;font-weight:800;position:relative;}
.vh-sellcta p{color:#cbd5e1;margin:.35rem 0 0;max-width:560px;font-size:.94rem;position:relative;}
.vh-sellcta .vm-btn{position:relative;}

/* ── Product cards (grid) - redesigned ──────────────────────────────────── */
.vm-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
@media(max-width:980px){.vm-prod-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.vm-prod-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:460px){.vm-prod-grid{grid-template-columns:1fr;}}
.vm-prod-card{background:#fff;border:1px solid var(--vm-line);border-radius:var(--vh-radius);overflow:hidden;
  transition:.18s;display:flex;flex-direction:column;}
.vm-prod-card:hover{box-shadow:var(--vh-shadow-md);transform:translateY(-4px);border-color:#f1d4d4;}
.vm-prod-thumb{position:relative;height:160px;background:var(--vm-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.vm-prod-thumb-icon{font-size:2.4rem;color:#cbd5e1;}
.vm-prod-thumb-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .3s;}
.vm-prod-card:hover .vm-prod-thumb-img{transform:scale(1.05);}
.vm-prod-cat{position:absolute;top:.6rem;left:.6rem;z-index:1;background:rgba(255,255,255,.94);border-radius:999px;
  padding:.2rem .6rem;font-size:.68rem;font-weight:700;color:var(--vm-slate);box-shadow:var(--vh-shadow-sm);}
.vm-prod-badge{position:absolute;top:.6rem;right:.6rem;z-index:1;background:var(--vm-primary);color:#fff;border-radius:7px;
  padding:.18rem .55rem;font-size:.64rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;}
.vm-prod-body{padding:.95rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem;flex:1;}
.vm-prod-body h3{font-size:.96rem;font-weight:700;line-height:1.3;}
.vm-prod-body h3 a:hover{color:var(--vm-primary);}
.vm-prod-desc{font-size:.8rem;color:var(--vm-mut);margin:0;flex:1;}
.vm-prod-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.vm-prod-price{font-weight:800;color:var(--vm-ink);font-size:1rem;}
.vm-prod-moq{font-size:.7rem;color:var(--vm-mut);background:var(--vm-bg);padding:.16rem .5rem;border-radius:6px;font-weight:600;white-space:nowrap;}
.vm-prod-bulk{align-self:flex-start;font-size:.68rem;font-weight:700;color:var(--vm-primary);background:var(--vm-primary-l);border-radius:6px;padding:.18rem .55rem;}
.vm-prod-vendor{font-size:.79rem;color:var(--vm-slate);font-weight:600;display:flex;align-items:center;gap:.4rem;
  border-top:1px solid var(--vm-line);padding-top:.6rem;margin-top:.25rem;}
.vm-prod-vendor:hover{color:var(--vm-primary);}
.vm-verified{color:var(--vm-ok);font-size:.75rem;}

/* ── Footer (light) ─────────────────────────────────────────────────────── */
.vh-footer{background:#fff;border-top:1px solid var(--vm-line);margin-top:3rem;}
.vh-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr 1.3fr;gap:2.2rem;padding-top:3rem;padding-bottom:2.4rem;}
@media(max-width:1000px){.vh-footer-grid{grid-template-columns:1fr 1fr 1fr;}.vh-footer-brand{grid-column:1/-1;max-width:420px;}}
@media(max-width:620px){.vh-footer-grid{grid-template-columns:1fr 1fr;}.vh-footer-contact{grid-column:1/-1;}}
.vh-footer-brand p{font-size:.86rem;color:var(--vm-mut);margin:.9rem 0 1.1rem;line-height:1.6;}
.vh-socials{display:flex;gap:.55rem;}
.vh-socials a{width:36px;height:36px;border-radius:50%;background:var(--vm-bg);border:1px solid var(--vm-line);
  color:var(--vm-slate);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.15s;}
.vh-socials a:hover{background:var(--vm-primary);border-color:var(--vm-primary);color:#fff;transform:translateY(-2px);}
.vh-footer-col h4{font-size:.88rem;font-weight:800;color:var(--vm-ink);margin-bottom:.9rem;}
.vh-footer-col a,.vh-footer-col span{display:block;font-size:.85rem;color:var(--vm-mut);padding:.26rem 0;}
.vh-footer-col a:hover{color:var(--vm-primary);}
.vh-footer-contact span{display:flex;align-items:center;gap:.55rem;}
.vh-footer-contact i{color:var(--vm-primary);width:16px;text-align:center;font-size:.82rem;}
.vh-footer-bottom{border-top:1px solid var(--vm-line);background:var(--vm-bg);}
.vh-footer-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-top:1rem;padding-bottom:1rem;font-size:.8rem;color:var(--vm-mut);}
.vh-pay{display:flex;align-items:center;gap:.5rem;}
.vh-pay>span:not(.vh-pay-chip){font-size:1.65rem;color:var(--vm-slate);line-height:1;}
.vh-pay-chip{font-size:.68rem;font-weight:800;color:var(--vm-slate);border:1px solid var(--vm-line);
  background:#fff;border-radius:6px;padding:.22rem .5rem;letter-spacing:.02em;}

/* ── "Recommended for {institute}" personalized rail ────────────────────── */
.vh-reco .vh-head h2{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.vh-reco-ic{width:36px;height:36px;border-radius:10px;background:var(--vm-primary-l);color:var(--vm-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.vh-reco-name{font-style:normal;color:var(--vm-primary);}

/* ── Header live-search dropdown ─────────────────────────────────────────── */
.vh-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--vm-line);
  border-radius:14px;box-shadow:var(--vh-shadow-md);z-index:70;overflow-y:auto;max-height:min(70vh,520px);padding:.35rem;}
.vh-sug-h{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vm-mut);
  padding:.55rem .7rem .25rem;}
.vh-sug a{display:flex;align-items:center;gap:.7rem;padding:.45rem .7rem;border-radius:10px;font-size:.88rem;color:var(--vm-ink);}
.vh-sug a:hover,.vh-sug a.is-hot{background:var(--vm-primary-l);}
.vh-sug mark{background:transparent;color:var(--vm-primary);font-weight:800;}
.vh-sug-th{width:38px;height:38px;border-radius:9px;background:var(--vm-bg);border:1px solid var(--vm-line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;color:#cbd5e1;font-size:1rem;flex-shrink:0;}
.vh-sug-th img{width:100%;height:100%;object-fit:cover;}
.vh-sug-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3;}
.vh-sug-name strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vh-sug-name small{color:var(--vm-mut);font-size:.74rem;}
.vh-sug-price{font-weight:800;font-size:.82rem;color:var(--vm-primary);white-space:nowrap;}
.vh-sug-go{color:var(--vm-mut);font-size:.75rem;}
.vh-sug a:hover .vh-sug-go,.vh-sug a.is-hot .vh-sug-go{color:var(--vm-primary);}
.vh-sug-empty{padding:1rem;text-align:center;color:var(--vm-mut);font-size:.86rem;}
.vh-sug-all{justify-content:center;font-weight:700;color:var(--vm-primary)!important;border-top:1px solid var(--vm-line);
  border-radius:0!important;margin-top:.25rem;font-size:.85rem;}

/* Mobile Sidebar & Navstrip styles */
.vh-sidebar-navlinks { display: none; }
.vh-catsmenu-title { display: none; }
.vh-burger { display: none; }
@media(min-width:861px){
  .vh-catsdd.has-no-categories { display: none !important; }
  .vh-header { position: relative !important; }
}

@media(max-width:860px){
  /* Hide the desktop Categories strip visually, leaving drawer intact */
  .vh-navstrip {
    background: transparent !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  .vh-navstrip-in {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .vh-catsbtn {
    display: none !important;
  }

  /* Hamburger Menu Button */
  .vh-burger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1.5px solid var(--vm-line);
    border-radius: 12px;
    width: 44px;
    height: 44px;
    font-size: 1.25rem;
    color: var(--vm-slate);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
  }
  .vh-burger:hover {
    background: #f1f5f9;
    border-color: var(--vm-slate);
  }
  .vh-search-wrap {
    display: flex !important;
    gap: 0.6rem;
    align-items: center;
    width: 100%;
  }
  .vh-search {
    flex: 1;
  }

  /* Sidebar display and compact style adjustments */
  .vh-sidebar-navlinks {
    display: flex !important;
    flex-direction: column;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--vm-line);
  }
  .vh-sidebar-navlinks a {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 1.2rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--vm-slate);
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s;
  }
  .vh-sidebar-navlinks a:last-child {
    border-bottom: none;
  }
  .vh-sidebar-navlinks a:hover, .vh-sidebar-navlinks a.is-active {
    background: var(--vm-primary-l);
    color: var(--vm-primary);
  }
  .vh-sidebar-navlinks a i {
    width: 16px;
    text-align: center;
    color: var(--vm-slate);
  }
  .vh-sidebar-navlinks a:hover i, .vh-sidebar-navlinks a.is-active i {
    color: var(--vm-primary);
  }
  
  /* Become a Seller button in mobile sidebar */
  .vh-sidebar-sellerbtn {
    background: var(--vm-primary) !important;
    color: #fff !important;
    margin: 0.5rem 1.2rem 0.2rem;
    padding: 0.65rem 1rem !important;
    border-radius: 8px;
    justify-content: center;
    font-weight: 700 !important;
    border-bottom: none !important;
  }
  .vh-sidebar-sellerbtn i {
    color: #fff !important;
  }
  .vh-sidebar-sellerbtn:hover {
    background: var(--vm-primary-d) !important;
  }

  .vh-catsmenu-title {
    display: block !important;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vm-mut);
    padding: 0.9rem 1.2rem 0.4rem;
    background: var(--vm-bg);
    border-bottom: 1px solid var(--vm-line);
  }

  .vh-sidebar-categories {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
  }
  .vh-sidebar-categories a {
    border-bottom: 1px solid var(--vm-line);
    padding: 0.75rem 1.2rem;
    border-radius: 0;
    margin: 0;
    font-size: 0.88rem;
  }
  
  /* Mobile Sticky Header Override */
  .vh-header {
    position: sticky !important;
    top: 0 !important;
    transition: transform 0.35s cubic-bezier(0.16,1,0.3,1) !important;
  }
}

@media(max-width:860px){
  .vh-rfq { flex-direction: column; text-align: center; padding: 1.8rem 1.5rem; }
  .vh-rfq-left { width: 100%; }
  .vh-rfq h2 { font-size: 1.3rem; }
  .vh-rfq p { font-size: 0.88rem; margin-left: auto; margin-right: auto; }
  .vh-rfq-steps { justify-content: center; gap: 0.5rem; }
  .vh-rfq-right { width: 100%; margin-top: 0.5rem; align-items: center; }
}

/* Move to Top Button */
.vh-backtotop {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--vm-primary);
  color: #fff;
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.3s, background 0.2s, box-shadow 0.2s;
}
.vh-backtotop.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.vh-backtotop:hover {
  background: var(--vm-primary-d);
  box-shadow: 0 6px 16px rgba(220, 38, 38, 0.45);
  transform: translateY(-2px);
}
.vh-backtotop:active {
  transform: translateY(0);
}
@media (max-width: 860px) {
  .vh-backtotop {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    font-size: 1rem;
  }
}