:root{
  --ink:#1B1F27;
  --paper:#FBFAF7;
  --line:#E4E1D8;
  --amber:#C97A2B;
  --amber-deep:#A8641E;
  --steel:#5B6472;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.5;
}
a{color:inherit;}
img{max-width:100%;}
.wrap{max-width:1000px; margin:0 auto; padding:0 24px;}
a:focus-visible, button:focus-visible{outline:3px solid var(--amber); outline-offset:2px;}

header{border-bottom:1px solid var(--line); padding:16px 0;}
.header-row{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;}
.brand-block{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.logo-mark{border-radius:9px; flex-shrink:0;}
.logo{font-weight:800; font-size:20px; letter-spacing:-0.01em;}
.tagline{font-size:12px; color:var(--steel); margin-top:1px;}
.logo span{color:var(--amber);}
.header-cta{
  background:var(--ink); color:var(--paper);
  padding:9px 16px; border-radius:4px; font-weight:600; font-size:14px; white-space:nowrap;
}

/* Nav */
.navbar{background:var(--ink);}
.navbar .wrap{display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding-top:0; padding-bottom:0;}
.navbar a{
  color:var(--paper); font-size:14px; font-weight:600; padding:12px 0; display:inline-block;
  border-bottom:2px solid transparent; opacity:0.88;
}
.navbar a:hover, .navbar a.active{opacity:1; border-bottom-color:var(--amber);}
.navbar .nav-toggle{display:none;}

/* Breadcrumb */
.breadcrumb{font-size:13px; color:var(--steel); padding:14px 0 0;}
.breadcrumb a{color:var(--steel); text-decoration:underline;}
.breadcrumb a:hover{color:var(--amber-deep);}

main{padding:36px 0 20px;}

.hero p.eyebrow{color:var(--amber); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:10px;}
h1{font-size:clamp(26px,4.2vw,38px); line-height:1.2; margin-bottom:14px;}
.hero p.lede{color:var(--steel); font-size:17px; max-width:65ch; margin-bottom:18px;}
.hero-points{list-style:none; margin-bottom:22px;}
.hero-points li{
  font-size:14.5px; color:var(--ink); padding:6px 0 6px 24px; position:relative; max-width:65ch;
}
.hero-points li::before{content:'✓'; position:absolute; left:0; color:var(--amber-deep); font-weight:700;}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:36px;}
.btn{
  padding:13px 22px; border-radius:4px; font-weight:700; font-size:14.5px;
  display:inline-block;
}
.btn-primary{background:var(--amber); color:#fff;}
.btn-outline{border:1.5px solid var(--ink); color:var(--ink);}
.btn-indiamart{background:#1D8480; color:#fff;}

section{padding:32px 0; border-top:1px solid var(--line);}
section h2{font-size:23px; margin-bottom:6px;}
section > p.sub{color:var(--steel); font-size:15px; margin-bottom:20px; max-width:65ch;}

.product-list{
  list-style:none; display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:16px;
}
.product-list li{border:1px solid var(--line); border-radius:6px; overflow:hidden; background:#fff;}
.product-list .photo{width:100%; aspect-ratio:4/3; overflow:hidden; background:#F1EFE8; display:flex; align-items:center; justify-content:center;}
.product-list .photo img{width:100%; height:100%; object-fit:cover; display:block;}
.product-list .photo.no-photo{font-size:12.5px; color:var(--steel); text-align:center; padding:10px;}
.product-list .card-body{padding:14px 16px 16px;}
.product-list h3{font-size:16.5px; margin-bottom:4px;}
.product-list p{font-size:13.5px; color:var(--steel);}

.group-heading{font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:var(--amber); margin:28px 0 12px;}
.group-heading:first-of-type{margin-top:4px;}
.core-list li{border:1.5px solid var(--amber); box-shadow:0 1px 4px rgba(201,122,43,0.08);}
.core-list h3{font-weight:700;}

.coverage-box{border:1px solid var(--line); border-radius:6px; padding:20px 22px; background:#fff;}
.coverage-box p{font-size:15px; margin-bottom:6px;}
.coverage-box strong{color:var(--ink);}

.contact-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;}
.contact-box{border:1px solid var(--line); border-radius:6px; padding:18px 20px; background:#fff;}
.contact-box .k{font-size:12.5px; color:var(--steel); text-transform:uppercase; letter-spacing:0.04em; margin-bottom:4px;}
.contact-box .v{font-size:17px; font-weight:700;}
.contact-box a.v:hover{color:var(--amber);}

footer{border-top:1px solid var(--line); padding:24px 0; color:var(--steel); font-size:13px;}
.footer-links{display:flex; gap:16px; flex-wrap:wrap; margin-top:10px; font-size:13px;}
.footer-links a{text-decoration:underline;}

.map-embed{border:1px solid var(--line); border-radius:6px; overflow:hidden; width:100%; aspect-ratio:16/9;}
.map-embed iframe{width:100%; height:100%; border:0; display:block;}
.address-block{margin-bottom:16px;}
.address-block p{font-size:15px; color:var(--steel); line-height:1.5;}
.address-block strong{color:var(--ink);}
.location-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
@media (max-width:760px){ .location-grid{grid-template-columns:1fr;} }

/* Product detail pages */
.variant-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-bottom:8px;}
.variant-card{border:1px solid var(--line); border-radius:6px; padding:18px 20px; background:#fff;}
.variant-card h3{font-size:16px; margin-bottom:6px;}
.variant-card p{font-size:14px; color:var(--steel);}

.spec-table{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden;}
.spec-table th, .spec-table td{text-align:left; padding:11px 16px; font-size:14.5px; border-bottom:1px solid var(--line);}
.spec-table th{background:#F1EFE8; width:40%; color:var(--ink); font-weight:700;}
.spec-table tr:last-child td, .spec-table tr:last-child th{border-bottom:none;}

.industry-tags{display:flex; flex-wrap:wrap; gap:8px;}
.industry-tags span{background:#fff; border:1px solid var(--line); border-radius:20px; padding:7px 14px; font-size:13.5px;}

.cta-box{background:var(--ink); color:var(--paper); border-radius:8px; padding:28px 26px; text-align:center; margin-top:8px;}
.cta-box h2{color:var(--paper); font-size:22px; margin-bottom:8px;}
.cta-box p{color:#C7CBD1; font-size:14.5px; margin-bottom:18px; max-width:55ch; margin-left:auto; margin-right:auto;}
.cta-box .hero-actions{justify-content:center; margin-bottom:0;}

.related-products{list-style:none; display:flex; flex-wrap:wrap; gap:10px;}
.related-products a{
  border:1px solid var(--line); border-radius:20px; padding:8px 16px; font-size:13.5px; background:#fff; font-weight:600;
}
.related-products a:hover{border-color:var(--amber); color:var(--amber-deep);}

/* Location page */
.area-list{columns:2; column-gap:32px; list-style:none; font-size:14.5px; color:var(--steel);}
.area-list li{padding:4px 0; break-inside:avoid;}
@media (max-width:600px){ .area-list{columns:1;} }

/* Blog */
.blog-list{list-style:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px;}
.blog-card{border:1px solid var(--line); border-radius:6px; padding:20px; background:#fff;}
.blog-card h3{font-size:16.5px; margin-bottom:8px; line-height:1.35;}
.blog-card p{font-size:13.5px; color:var(--steel); margin-bottom:12px;}
.blog-card a.read-more{font-size:13px; font-weight:700; color:var(--amber-deep);}

.article-body{max-width:70ch;}
.article-body h2{font-size:21px; margin:28px 0 10px;}
.article-body h2:first-child{margin-top:0;}
.article-body p{font-size:15.5px; color:var(--ink); margin-bottom:14px; line-height:1.65;}
.article-body ul, .article-body ol{margin:0 0 14px 22px;}
.article-body li{font-size:15.5px; margin-bottom:6px; line-height:1.6;}
.article-meta{font-size:13px; color:var(--steel); margin-bottom:6px;}