/* Kairos Oil Industries — B2B design layer */

:root {
  --kairos-brown: #6b3f1d;
  --kairos-green: #4f6b2a;
  --kairos-cream: #faf6ee;
  --kairos-gold: #c8912b;
  --kairos-dark: #2c2013;
}

body { color: #3a2f22; }

/* Hero */
.b2b-hero {
  margin-top: 76px;
  background: linear-gradient(120deg, rgba(44,32,19,.88), rgba(107,63,29,.75)), url('assets/img/hero-bg.jpg') center/cover no-repeat;
  color: #fff;
  padding: 90px 0 70px;
}
.b2b-hero h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 2.4rem;
  margin-bottom: 18px;
}
.b2b-hero p.lead { font-size: 1.05rem; max-width: 640px; opacity: .95; }
.b2b-hero .hero-ctas { margin-top: 28px; }

/* Buttons */
.btn-cta {
  display: inline-block;
  padding: 12px 26px;
  margin: 6px 10px 6px 0;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: .25s;
}
.btn-cta-primary { background: var(--kairos-gold); color: #fff; }
.btn-cta-primary:hover { background: #ad7a20; color: #fff; }
.btn-cta-outline { border: 2px solid #fff; color: #fff; }
.btn-cta-outline:hover { background: #fff; color: var(--kairos-dark); }
.btn-cta-whatsapp { background: #25D366; color: #fff; }
.btn-cta-whatsapp:hover { background: #1ea952; color: #fff; }

/* CTA strip */
.cta-strip {
  background: var(--kairos-brown);
  color: #fff;
  padding: 34px 0;
}
.cta-strip h3 { font-size: 1.3rem; margin: 0; color: #fff; }

.section-title p {
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  line-height: 1.6;
  color: #6b5d4a;
  margin: 0 auto;
  max-width: 700px;
}
.section-title h2 {
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--kairos-dark);
  position: relative;
  padding-bottom: 14px;
}
.section-title h2::after {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--kairos-gold);
  position: absolute;
  left: 0;
  bottom: 0;
}
.section-title p { color: #6b5d4a; max-width: 700px; }

/* Fact / stat cards */
.fact-grid { margin-top: 30px; }
.fact-card {
  background: var(--kairos-cream);
  border-left: 4px solid var(--kairos-gold);
  border-radius: 4px;
  padding: 22px 20px;
  height: 100%;
}
.fact-card .fact-value {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--kairos-brown);
  display: block;
}
.fact-card .fact-label { color: #6b5d4a; font-size: .92rem; }

/* Product / spec card */
.spec-table { width: 100%; border-collapse: collapse; margin-top: 16px; }
.spec-table th, .spec-table td {
  padding: 12px 14px;
  border: 1px solid #e6ddca;
  text-align: left;
}
.spec-table th { background: var(--kairos-cream); width: 42%; }

/* Info-needed badge — used sparingly for transparency, not shown as marketing copy */
.info-flag {
  display: inline-block;
  font-size: .78rem;
  background: #fff4e0;
  color: #8a5a00;
  border: 1px solid #f0d28a;
  border-radius: 3px;
  padding: 2px 8px;
  margin-left: 6px;
}

/* Breadcrumb replacement (real H1 page header) */
.page-header {
  margin-top: 76px;
  background: var(--kairos-cream);
  padding: 46px 0 30px;
  border-bottom: 3px solid var(--kairos-gold);
}
.page-header h1 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--kairos-dark);
  margin-bottom: 8px;
}
.page-header p { color: #6b5d4a; margin: 0; max-width: 700px; }

/* Product image frame */
.product-shot {
  border-radius: 6px;
  border: 1px solid #eee2c9;
  padding: 10px;
  background: #fff;
}

@media (max-width: 768px) {
  .cta-strip .d-flex { flex-direction: column; align-items: flex-start; }
}