
body{font-size:16px}.dropdown-menu{min-width:220px}.inner-hero p{font-size:1rem}.category-directory-card a{font-size:.82rem}.supplier-body p,.supplier-tags span,.meta-line,.form-note{font-size:.78rem}.requirement-main h4{font-size:.92rem}.profile-content-card>p{font-size:.9rem}.capability-item strong{font-size:.85rem}.capability-item span,.business-detail-row span,.business-detail-row strong,.profile-product-body p{font-size:.76rem}.side-contact-list span,.profile-side-card address,.trust-check-row span{font-size:.76rem}.supplier-photo-placeholder strong{font-size:.7rem}.supplier-photo-placeholder small{font-size:.58rem}.supplier-video-copy p{font-size:.7rem}.static-benefit-list{list-style:none;margin:1.25rem 0 0;padding:0}.static-benefit-list li{display:flex;gap:.65rem;padding:.75rem 0;color:#53677b;border-bottom:1px solid #edf0f3}.static-benefit-list i{color:#159667}.form-status{color:#147a55;font-weight:700}.demo-form.was-submitted{padding:1rem;border:1px solid #bfe5d6;border-radius:10px;background:#edf8f4}@media(max-width:767.98px){body{font-size:15px}.main-navbar{position:sticky;top:0}.profile-anchor-bar{top:70px}}

/* TradeLeadsIndia — product & supplier card extensions */
.product-card{background:#fff;border:1px solid #e4e9f0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;}
.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.08);border-color:#f3ba92;}
.product-thumb{display:block;height:170px;background:#f6f8fa;display:grid;place-items:center;overflow:hidden;}
.product-thumb img{width:100%;height:170px;object-fit:cover;}
.product-thumb .thumb-placeholder{color:#9fb0c0;font-size:2rem;}
.product-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.product-body h3{font-size:.98rem;line-height:1.3;margin:0;}
.product-body h3 a{color:#0d2c4b;text-decoration:none;}
.product-price{font-weight:700;color:#0d2c4b;margin:0;font-size:1.02rem;}
.product-meta,.product-supplier,.product-location{font-size:.8rem;color:#6b7c8c;margin:0;}
.product-supplier a{color:#0d2c4b;text-decoration:none;font-weight:600;}
.supplier-products{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid #eef2f6;}
.supplier-products li{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;padding:5px 0;border-bottom:1px dashed #eef2f6;}
.supplier-products li a{color:#0d2c4b;text-decoration:none;}
.supplier-products li span{color:#6b7c8c;white-space:nowrap;}
.more-products{display:inline-block;margin-top:6px;font-size:.75rem;font-weight:600;}
.market-results-column{min-width:0;}
.category-choice.active{font-weight:700;color:#e2761b;}
.results-head{font-size:.88rem;color:#5a6b7b;}


/* ===== Legacy class compatibility (supplier panel, admin, profile, pricing, auth) ===== */
:root{--navy:#0d2c4b;--navy-deep:#08203a;--orange:#e2761b;--orange-dark:#c25f0c;--maroon:#7b2634;
  --ink:#1c2b39;--muted:#6b7c8c;--line:#e4e9f0;--mist:#f6f8fa;}
.section,.section-sm{padding:44px 0;}
.section-sm{padding:32px 0 48px;}
.section-mist{background:var(--mist);}
.section-navy{background:var(--navy);color:#fff;}
.section-navy .section-title,.section-navy h1,.section-navy h2{color:#fff;}
.section-navy .section-lead,.section-navy p{color:rgba(255,255,255,.78);}
.page-hero{background:linear-gradient(120deg,var(--navy-deep),var(--navy));color:#fff;padding:52px 0 42px;position:relative;}
.page-hero h1{color:#fff;margin:6px 0 8px;}
.page-hero p{color:rgba(255,255,255,.8);max-width:70ch;}
.page-hero .breadcrumb,.page-hero .breadcrumb a{color:rgba(255,255,255,.75);}
.page-hero .breadcrumb .active{color:#fff;}
.eyebrow{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);}
.page-hero .eyebrow{color:#f0a663;}
.section-title{color:var(--navy);font-weight:700;letter-spacing:-.02em;}
.title-rule{width:52px;height:3px;background:var(--orange);border-radius:2px;margin:10px 0 16px;}
.section-lead{color:var(--muted);max-width:62ch;}
.contact-card,.catalogue-card,.intro-card,.industry-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:all .2s ease;height:auto;}
.contact-card:hover,.catalogue-card:hover,.intro-card:hover{border-color:#f3ba92;box-shadow:0 8px 28px rgba(0,0,0,.07);transform:translateY(-2px);}
.contact-card h2,.catalogue-card h3,.intro-card h3{color:var(--navy);font-weight:700;font-size:1.02rem;margin:10px 0 6px;}
.contact-icon,.intro-icon,.catalogue-icon,.division-icon{color:var(--orange);font-size:1.4rem;}
.contact-card p,.catalogue-card p,.intro-card p{color:var(--muted);font-size:.85rem;margin:0;}
.catalogue-meta{color:var(--muted);font-size:.78rem;}
.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 34px rgba(13,44,75,.08);}
.form-card h2{color:var(--navy);font-weight:700;font-size:1.35rem;margin:4px 0 4px;}
.form-label{color:#334a59;font-weight:600;font-size:.78rem;}
.form-control,.form-select{font-size:.86rem;border:1px solid #cfdbe2;border-radius:8px;padding:10px 12px;}
.form-control:focus,.form-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(226,118,27,.13);}
.btn-primary{background:var(--orange);border-color:var(--orange);font-weight:600;}
.btn-primary:hover{background:var(--orange-dark);border-color:var(--orange-dark);}
.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;}
.btn-navy:hover{background:var(--navy-deep);color:#fff;}
.btn-outline-secondary{border-color:#cfdbe2;color:var(--navy);font-weight:600;}
.btn-outline-secondary:hover{background:var(--mist);color:var(--navy);border-color:#b9c9d6;}
.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;font-weight:600;}
.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:.78rem;font-weight:600;color:var(--navy);text-decoration:none;}
.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.product-tile{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;transition:all .2s ease;height:100%;}
.product-tile:hover{border-color:#f3ba92;box-shadow:0 6px 20px rgba(0,0,0,.06);}
.product-tile .tile-icon{width:38px;height:38px;border-radius:10px;background:#fff1e8;color:var(--orange);display:grid;place-items:center;flex:0 0 38px;}
.product-tile h3{font-size:.92rem;color:var(--navy);margin:0 0 3px;font-weight:700;}
.product-tile p{font-size:.78rem;color:var(--muted);margin:0;}
.about-points{display:grid;gap:8px;}
.about-point{display:flex;gap:9px;align-items:flex-start;font-size:.84rem;color:var(--ink);}
.about-point i{color:var(--orange);margin-top:2px;}
.stat-band{background:var(--navy);color:#fff;padding:38px 0;}
.stat-item{padding:8px 4px;}
.stat-value{display:block;font-size:1.9rem;font-weight:700;color:#fff;line-height:1;}
.stat-label{font-size:.74rem;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.08em;}
.notice-strip{background:#fff4ea;border-top:1px solid #f6d9bf;border-bottom:1px solid #f6d9bf;padding:11px 0;font-size:.84rem;color:#8a4a12;}
.notice-strip i{color:var(--orange);margin-right:7px;}
.rfq-panel{background:linear-gradient(120deg,var(--navy-deep),var(--navy));color:#fff;border-radius:20px;padding:36px;}
.rfq-panel h2{color:#fff;}
.rfq-panel p{color:rgba(255,255,255,.8);}
.rfq-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.85);}
.rfq-points i{color:#f0a663;margin-right:6px;}
.hero-search{display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:8px;max-width:720px;}
.hero-search i{color:var(--muted);margin-left:8px;}
.hero-search input{flex:1;border:0;outline:0;font-size:.92rem;padding:8px;}
.table thead th{background:var(--mist);color:var(--navy);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;}
.table td,.table th{vertical-align:middle;}
.progress{background:#eef2f6;border-radius:99px;}
main .container,main .container-xxl{max-width:1320px;}


/* ===== Category tree: anchors must behave like the design's buttons ===== */
.category-tree a,
.category-tree .category-choice,
.category-tree .tree-select-main,
.market-filter-block .category-choice{
  display:block;width:100%;text-align:left;
  padding:8px 12px;margin:2px 0;
  font-size:.82rem;line-height:1.4;color:#33475b;text-decoration:none;
  background:transparent;border:0;border-radius:8px;
}
.category-tree a:hover,.market-filter-block .category-choice:hover{background:#f3f6f9;color:#0d2c4b;}
.category-tree .tree-select-main{font-weight:600;color:#0d2c4b;}
.category-tree .category-choice.active,.market-filter-block .category-choice.active{background:#fff1e8;color:#c25f0c;font-weight:700;}
.category-tree details{border-bottom:1px solid #eef2f6;padding:2px 0;}
.category-tree details>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;padding:9px 12px;font-size:.84rem;font-weight:600;color:#0d2c4b;list-style:none;}
.category-tree details>summary::-webkit-details-marker{display:none;}
.category-tree details>summary::after{content:"+";font-weight:700;color:#8fa3b5;}
.category-tree details[open]>summary::after{content:"\2212";}
.category-tree details>summary small{color:#8fa3b5;font-weight:600;font-size:.72rem;}
.all-category-btn{display:flex!important;justify-content:space-between;align-items:center;gap:8px;font-weight:700;}
.market-filter-rail{max-height:none;}
.market-filter-block{padding:10px 0;border-top:1px solid #eef2f6;}
.filter-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 12px 4px;}
.filter-title span{font-weight:700;color:#0d2c4b;font-size:.86rem;}
.filter-title small{color:#8fa3b5;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;}


/* ===== Company profile ===== */
.company-hero{background:linear-gradient(120deg,#08203a,#0d2c4b);color:#fff;padding:32px 0 40px;}
.company-hero .breadcrumb,.company-hero .breadcrumb a{color:rgba(255,255,255,.7);}
.company-hero .breadcrumb .active{color:#fff;}
.company-hero-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:8px;}
.company-identity{display:flex;gap:18px;align-items:center;}
.company-logo{width:84px;height:84px;flex:0 0 84px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:1.6rem;font-weight:700;color:#fff;overflow:hidden;}
.company-logo img{width:100%;height:100%;object-fit:cover;}
.company-hero h1{color:#fff;margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.3rem);}
.company-meta{color:rgba(255,255,255,.78);font-size:.9rem;margin:0 0 8px;}
.badge-verified{display:inline-flex;align-items:center;gap:6px;background:rgba(226,118,27,.18);border:1px solid rgba(226,118,27,.5);color:#ffb877;border-radius:99px;padding:4px 12px;font-size:.76rem;font-weight:600;}
.badge-unclaimed{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);border-radius:99px;padding:4px 12px;font-size:.76rem;font-weight:600;}
.company-hero-actions{display:flex;gap:10px;flex-wrap:wrap;}

.panel-card{background:#fff;border:1px solid #e4e9f0;border-radius:16px;padding:24px;margin-bottom:0;}
.panel-card+.panel-card{margin-top:18px;}
.panel-card h2{font-size:1.12rem;font-weight:700;color:#0d2c4b;margin:0 0 12px;}
.panel-card p{color:#5a6b7b;font-size:.9rem;line-height:1.7;margin:0;}
.gallery-img{width:100%;height:110px;object-fit:cover;border-radius:10px;border:1px solid #e4e9f0;}
.gallery-placeholder{width:100%;height:110px;border:1px dashed #cfdbe2;border-radius:10px;display:grid;place-items:center;background:#f6f8fa;color:#9fb0c0;font-size:1.4rem;}
.ai-tag{display:block;font-size:.62rem;color:#8fa3b5;margin-top:2px;}

.product-row{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #e4e9f0;border-radius:12px;text-decoration:none;transition:all .2s ease;height:100%;}
.product-row:hover{border-color:#f3ba92;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.product-row-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;background:#f6f8fa;display:grid;place-items:center;}
.product-row-thumb img{width:100%;height:100%;object-fit:cover;}
.product-row-thumb .thumb-placeholder{color:#b6c4d1;font-size:1.3rem;}
.product-row-body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.product-row-body strong{color:#0d2c4b;font-size:.9rem;line-height:1.3;}
.product-row-price{color:#c25f0c;font-weight:700;font-size:.86rem;}
.product-row-body small{color:#8fa3b5;font-size:.76rem;}

.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.contact-list li{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;color:#33475b;line-height:1.5;}
.contact-list li i{color:#e2761b;margin-top:2px;flex:0 0 16px;}
.detail-grid>[class*="col-"]{display:flex;flex-direction:column;gap:2px;}
.detail-grid strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#8fa3b5;font-weight:700;}
.detail-grid span{font-size:.86rem;color:#33475b;line-height:1.45;}
.enquiry-card{border-color:#f3ba92;box-shadow:0 10px 34px rgba(13,44,75,.08);}
.enquiry-card h2{margin-top:4px;}

/* ===== Pricing ===== */
.plan-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9f0;border-radius:16px;padding:24px;position:relative;transition:all .2s ease;}
.plan-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.07);transform:translateY(-2px);}
.plan-featured{border-color:#e2761b;box-shadow:0 12px 36px rgba(226,118,27,.14);}
.plan-flag{position:absolute;top:-11px;left:24px;background:#e2761b;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:99px;}
.plan-card h3{font-size:1rem;color:#0d2c4b;font-weight:700;margin:0 0 8px;}
.plan-price{font-size:1.8rem;font-weight:700;color:#0d2c4b;margin:0 0 14px;line-height:1;}
.plan-price small{font-size:.74rem;font-weight:500;color:#8fa3b5;margin-left:4px;}
.plan-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;flex:1;}
.plan-list li{font-size:.84rem;color:#4a5c6d;display:flex;gap:8px;align-items:flex-start;}
.plan-list li i{color:#e2761b;margin-top:3px;}
.credit-card{background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:18px 12px;}
.credit-card h3{font-size:.82rem;color:#0d2c4b;font-weight:700;margin:0 0 6px;}
.credit-count{font-size:1.7rem;font-weight:700;color:#0d2c4b;margin:0;line-height:1;}
.credit-card span{font-size:.7rem;color:#8fa3b5;text-transform:uppercase;letter-spacing:.06em;}
.credit-price{font-size:1rem;font-weight:700;color:#c25f0c;margin:8px 0 10px;}

/* ===== Categories directory ===== */
.category-block{background:#fff;border:1px solid #e4e9f0;border-radius:16px;padding:22px;height:100%;}
.category-block h2{font-size:1.02rem;margin:0 0 12px;}
.category-block h2 a{color:#0d2c4b;text-decoration:none;font-weight:700;}
.category-sub{padding:8px 0;border-top:1px solid #f0f4f8;}
.category-sub .sub-link{display:block;color:#33475b;font-weight:600;font-size:.86rem;text-decoration:none;}
.category-sub .sub-link:hover{color:#c25f0c;}
.category-sub small{display:block;margin-top:3px;font-size:.76rem;color:#8fa3b5;line-height:1.6;}
.category-sub small a{color:#8fa3b5;text-decoration:none;}
.category-sub small a:hover{color:#c25f0c;}

/* ===== Home hero panel ===== */
.hero-panel{background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:28px;height:100%;}
.hero-panel h1{font-size:clamp(1.7rem,3.2vw,2.5rem);color:#0d2c4b;margin:6px 0 10px;}
.hero-panel .lead-copy{color:#5a6b7b;font-size:.96rem;margin:0;}


/* ===== Role panels (super admin / staff / supplier / buyer) ===== */
.panel-band{color:#fff;padding:26px 0 0;}
.panel-band-admin{background:linear-gradient(120deg,#1d0f2e,#3b1f5e);}
.panel-band-supplier{background:linear-gradient(120deg,#08203a,#0d2c4b);}
.panel-band-buyer{background:linear-gradient(120deg,#0b3a2e,#14544a);}
.panel-identity{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:16px;}
.panel-identity h1{color:#fff;font-size:1.45rem;margin:2px 0 0;}
.panel-kicker{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);}
.panel-kicker i{color:#f0a663;}
.panel-identity-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.panel-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:6px 14px;font-size:.78rem;color:rgba(255,255,255,.85);}
.panel-stat strong{color:#fff;font-size:1rem;margin-right:4px;}
.panel-tabs{display:flex;gap:2px;flex-wrap:wrap;overflow-x:auto;}
.panel-tab{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.72);text-decoration:none;border-radius:10px 10px 0 0;white-space:nowrap;}
.panel-tab i{font-size:.9rem;}
.panel-tab:hover{color:#fff;background:rgba(255,255,255,.08);}
.panel-tab.active{background:#f6f8fa;color:#0d2c4b;}
.impersonation-banner{background:#7b2634;color:#fff;padding:9px 0;font-size:.82rem;}
.impersonation-banner a{color:#ffd9a8;font-weight:700;margin-left:8px;}
.impersonation-banner i{margin-right:6px;}
/* panel content sits on mist */
.panel-band+.section-sm,.panel-band+.impersonation-banner+.section-sm,.panel-band~main{background:#f6f8fa;}
body:has(.panel-band){background:#f6f8fa;}

/* ===== SIDEBAR STATE OVERRIDE — only the clicked item may be orange ===== */
.category-tree a:not(.active),.market-filter-block .category-choice:not(.active),.category-tree .tree-select-main:not(.active){background:transparent!important;color:#33475b!important;font-weight:400!important;}
.category-tree .tree-select-main:not(.active){font-weight:600!important;color:#0d2c4b!important;}
.category-tree a.active,.market-filter-block .category-choice.active{background:#fff1e8!important;color:#c25f0c!important;font-weight:700!important;}
.category-tree a:not(.active):hover,.market-filter-block .category-choice:not(.active):hover{background:#f3f6f9!important;color:#0d2c4b!important;}

/* GROUP-OPEN TINT KILL — open groups must not tint their rows */
.category-tree details[open] a,.category-tree details a,.category-filter-block details[open] a{background:transparent;}
.category-tree details[open]{background:transparent;}
.category-tree summary{background:transparent;}

/* ===== SIDEBAR HOVER STATE ===== */
.market-filter-block a.category-choice:not(.active):hover,
.category-tree a:not(.active):hover,
.category-tree summary:hover{background:#fff8f3!important;color:#c25f0c!important;cursor:pointer;transition:all .18s ease;border-radius:8px;}
.market-filter-block a.category-choice,.category-tree a,.category-tree summary{transition:all .18s ease;border-radius:8px;}
.category-tree a:not(.active):hover small{color:#d98a4a!important;}
