/* ============================================================
   AZIZ PACKAGING LIMITED — kraft-theme.css
   Sitewide kraft/ink visual system (2026-09 redesign), matching the
   homepage. Loaded LAST on every page — after styles.css,
   styles-blog.css and each page's own <style> block — so it wins the
   cascade without touching page markup, copy, schema or links.
   Selectors are prefixed with `body` to out-rank the single-class
   rules in page-local <style> blocks.

   Palette: cream #F6F1E6 · ink #17150F · body #302C25/#3F3A31
            brick #B23A2B (deep #6B1E14) · navy #173672 · teal #1D93A6
            kraft #C7B594 + scrim over /img/kraft-paper.png
   ============================================================ */

/* ---- Tokens: remap the legacy variables so every styles.css /
   styles-blog.css rule that uses them follows the new palette ---- */
:root {
  --blue:          #17150F;
  --blue-dark:     #17150F;
  --blue-mid:      #302C25;
  --blue-light:    #E4D9C3;
  --orange:        #B23A2B;
  --orange-hover:  #8E2E22;
  --orange-light:  #F1E3D6;
  --white:         #FBF8F1;
  --gray-50:       #EFE7D6;
  --gray-100:      #E9DFCB;
  --gray-200:      #DCCFB6;
  --gray-400:      #7A7062;
  --gray-600:      #3F3A31;
  --gray-900:      #17150F;
  --radius-sm:     6px;
  --radius:        6px;
  --radius-lg:     8px;
  --radius-xl:     10px;
  --shadow-sm:     0 2px 8px rgba(23,21,15,0.08);
  --shadow-card:   0 8px 28px rgba(23,21,15,0.10);
  --shadow-hover:  0 18px 44px rgba(23,21,15,0.16);

  --k-cream:  #F6F1E6;
  --k-card:   #FBF8F1;
  --k-alt:    #EFE7D6;
  --k-ink:    #17150F;
  --k-body:   #302C25;
  --k-body2:  #3F3A31;
  --k-brick:  #B23A2B;
  --k-deep:   #6B1E14;
  --k-navy:   #173672;
  --k-teal:   #1D93A6;
  --k-line:   rgba(23,21,15,0.18);
  --k-line-strong: rgba(23,21,15,0.35);
  --k-muted-dark: #C0AA8C;
  --k-body-dark:  #D9CDB6;
  --k-kraft: linear-gradient(rgba(199,181,148,0.78),rgba(199,181,148,0.78));
  --k-cone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 40' fill='none' stroke='%231D93A6'%3E%3Cpath d='M16 3 L6 36 L26 36 Z' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M9.5 13 Q16 16 22.5 13' stroke-width='1.6'/%3E%3Cpath d='M8 20 Q16 24 24 20' stroke-width='1.6'/%3E%3Cpath d='M6.6 28 Q16 33 25.4 28' stroke-width='1.6'/%3E%3C/svg%3E");
}

body { background: var(--k-cream); color: var(--k-body); }
body h1, body h2, body h3, body h4 { color: var(--k-ink); }
body h1, body h2 { letter-spacing: -0.022em; }

/* ============================================================
   NAVIGATION — cream bar, ink links, brick hover, navy→teal rule
   ============================================================ */
body #navbar,
body #navbar.scrolled {
  background: var(--k-cream) !important;
  box-shadow: none;
  border-bottom: 1px solid rgba(23,21,15,0.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body #navbar::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 3px;
  background: linear-gradient(90deg, #173672 0%, #173672 60%, #1D93A6 100%);
  pointer-events: none;
}
body #navbar .nav-logo img { filter: none !important; }
body #navbar .nav-link,
body #navbar .nav-dropdown-toggle {
  color: var(--k-body) !important;
  font-family: 'Poppins', sans-serif;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body #navbar .nav-link:hover,
body #navbar .nav-link.active,
body #navbar .nav-dropdown-toggle:hover,
body #navbar .nav-dropdown-toggle.active {
  color: var(--k-brick) !important;
  background: rgba(178,58,43,0.08) !important;
}
body #navbar .hamburger span { background: var(--k-ink) !important; }
body #navbar .nav-dropdown-menu {
  background: var(--k-cream);
  border: 1px solid rgba(23,21,15,0.15);
  box-shadow: var(--shadow-card);
}
body #navbar .nav-dropdown-menu a { color: var(--k-body); }
body #navbar .nav-dropdown-menu a:hover { color: var(--k-brick); background: rgba(178,58,43,0.06); }
body #navbar .nav-cta {
  background: var(--k-ink);
  color: var(--k-cream);
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 22px;
  box-shadow: none;
}
body #navbar .nav-cta::after { display: none; }
body #navbar .nav-cta:hover { background: var(--k-brick); color: var(--k-cream); transform: none; }
@media (max-width: 1220px) {
  body #navbar .nav-links {
    background: var(--k-cream);
    border-top: 3px solid var(--k-brick);
    box-shadow: 0 12px 32px rgba(23,21,15,0.18);
  }
  body #navbar .nav-link { border-bottom-color: rgba(23,21,15,0.1); }
}

/* ============================================================
   SHARED EYEBROW — teal wound-cone marker + deep-red label
   ============================================================ */
body .lp-eyebrow,
body .eyebrow,
body .post-cta-inline-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--k-deep);
}
body .lp-eyebrow::before,
body .eyebrow::before,
body .post-cta-inline-eyebrow::before {
  content: '';
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: var(--k-cone) center / contain no-repeat;
}

/* ============================================================
   PAGE HEROES — kraft panel with ink type (lp / blog / post)
   ============================================================ */
body .lp-hero,
body .blog-hero,
body .post-hero {
  background: var(--k-kraft), url('/img/kraft-paper.png') #C7B594;
  background-size: cover;
  background-position: center;
  color: var(--k-ink);
  border-bottom: 1px solid var(--k-line-strong);
}
body .lp-hero { padding: calc(var(--nav-h) + 56px) 0 64px; }
body .blog-hero { padding: calc(var(--nav-h) + 56px) 24px 64px; }
body .post-hero { padding: calc(var(--nav-h) + 48px) 24px 52px; }
body .post-hero > * { max-width: 820px; margin-left: auto; margin-right: auto; }
body .lp-hero .lp-eyebrow,
body .blog-hero .eyebrow {
  background: var(--k-cream);
  padding: 8px 14px;
  letter-spacing: 0.18em;
  margin-bottom: 1.4rem;
}
body .lp-hero h1,
body .blog-hero h1,
body .post-hero h1 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.022em;
  color: var(--k-ink) !important;
  text-wrap: balance;
}
body .lp-hero .lp-intro,
body .lp-hero p,
body .blog-hero p {
  color: var(--k-ink);
}
body .post-breadcrumb { color: var(--k-body2); }
body .post-breadcrumb a { color: var(--k-deep); font-weight: 600; }
body .post-hero-meta { color: var(--k-body2); }
body .post-author-bubble { border-color: var(--k-brick); }

/* Direct-answer block now sits on a light (kraft) hero */
body .direct-answer,
body .lp-hero .direct-answer {
  color: var(--k-ink);
  background: rgba(246,241,230,0.72);
  border-left: 3px solid var(--k-brick);
  border-radius: 0;
  font-weight: 500;
}
body .direct-answer--on-light { background: rgba(178,58,43,0.06); }

/* ============================================================
   CONTENT SECTIONS
   ============================================================ */
body .lp-section { background: transparent; }
body .lp-section + .lp-section { border-top: 1px solid var(--k-line); }
body .lp-section-alt { background: var(--k-alt); }
body .lp-section h2,
body .start-here-section h2,
body .category-sections h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  color: var(--k-ink);
  letter-spacing: -0.02em;
  line-height: 1.12;
}
body .lp-section h3,
body .category-block h3,
body .lp-faq-item h3 { color: var(--k-ink); }
body .lp-section p,
body .lp-section li,
body .blog-intro,
body .start-here-section > p,
body .category-sections > p { color: var(--k-body); }
body .lp-section a:not([class]),
body .lp-section p a,
body .lp-section li a,
body .company-summary a,
body .blog-intro a {
  color: var(--k-deep);
  text-decoration: underline;
  text-decoration-color: rgba(178,58,43,0.45);
}
body .lp-section a:not([class]):hover,
body .lp-section p a:hover,
body .lp-section li a:hover { color: var(--k-brick); }

/* Legacy inline navy/teal colours in page markup */
body [style*="color:#173672"],
body [style*="color: #173672"],
body [style*="color:var(--blue,#173672)"] { color: var(--k-ink) !important; }
body a[style*="color:#173672"] { color: var(--k-deep) !important; }
body [style*="color:#00AEEF"],
body [style*="color:#00aeef"] { color: var(--k-deep) !important; }
body [style*="background:#173672"] { background: var(--k-ink) !important; color: var(--k-cream) !important; }
body [style*="color:#9ca3af"] { color: #6E665A !important; }
body [style*="background:#f1f5f9"] { background: var(--k-alt) !important; border-color: var(--k-line) !important; }
body .wa-hero-cta a {
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body a[style*="background:#fff"] {
  background: var(--k-card) !important;
  border-color: var(--k-line-strong) !important;
  border-radius: 0 !important;
}
body a[style*="background:#fff"]:hover { border-color: var(--k-brick) !important; color: var(--k-brick) !important; }

/* ============================================================
   CARDS — cream, hairline ink border, square corners, brick accents
   ============================================================ */
body .lp-split-card,
body .lp-spec-table-card,
body .lp-problem-card,
body .lp-finish-card,
body .lp-advantage-card,
body .lp-spec-item,
body .lp-note,
body .lp-callout,
body .machine-card,
body .country-card,
body .bn-info-card,
body .bn-area-card,
body .lp-contact-block,
body .blog-card,
body .company-summary,
body .post-cta-inline-inner,
body .wa-cta-inner {
  background: var(--k-card);
  border: 1px solid var(--k-line-strong);
  border-radius: 0;
  box-shadow: none;
}
body .lp-problem-card,
body .lp-advantage-card,
body .blog-card,
body .post-cta-inline-inner { border-top: 3px solid var(--k-brick); }
body .lp-finish-card,
body .lp-note,
body .lp-callout,
body .machine-card { border-left: 3px solid var(--k-brick); }
body .machine-card:hover,
body .country-card:hover,
body .blog-card:hover { box-shadow: var(--shadow-card); }

body .lp-split-card strong,
body .lp-finish-card strong,
body .lp-advantage-card h3,
body .machine-card h3,
body .country-card h3,
body .bn-info-card strong,
body .bn-area-card strong,
body .lp-problem-card strong { color: var(--k-ink); }
body .lp-split-card p,
body .lp-finish-card p,
body .lp-advantage-card p,
body .machine-card p,
body .lp-note p,
body .lp-problem-card .lp-cause,
body .bn-area-card span { color: var(--k-body2); }
body .machine-card a.card-link,
body .country-card a { color: var(--k-deep); }

body .lp-spec-item strong {
  font-family: 'Poppins', sans-serif;
  color: var(--k-body2);
  font-weight: 500;
  letter-spacing: 0.12em;
}
body .lp-spec-item span { color: var(--k-ink); font-weight: 700; }

body .lp-problem-card .lp-problem-label { color: var(--k-brick); }
body .lp-problem-card .lp-fix {
  background: rgba(178,58,43,0.06);
  color: var(--k-ink);
  border-radius: 0;
  border-left: 2px solid var(--k-brick);
}
body .lp-problem-card .lp-fix::before { color: var(--k-brick); }

body .lp-hub-list li {
  background: transparent;
  border: 1px solid var(--k-line-strong);
  color: var(--k-body2);
}

body .company-summary {
  background: transparent;
  border: 0;
  border-left: 2px solid var(--k-brick);
  padding: 6px 0 6px 24px;
}
body .company-summary p { color: var(--k-body); }

/* ============================================================
   TABLES — ink header, cream rows, hairline dividers
   ============================================================ */
body .spec-glance-table,
body .cp-nap-table,
body .lp-spec-table,
body .bn-table,
body .factory-logistics table,
body .product-range-table {
  border: 1px solid var(--k-line-strong);
  border-radius: 0;
  background: var(--k-card);
}
body .spec-glance-table th[scope="row"],
body .cp-nap-table th,
body .lp-spec-table th,
body .bn-table th {
  background: var(--k-alt);
  color: var(--k-ink);
  font-weight: 600;
}
body .spec-glance-table td,
body .cp-nap-table td,
body .lp-spec-table td,
body .bn-table td { background: transparent; color: var(--k-body); }
body .spec-glance-table th[scope="row"],
body .spec-glance-table td,
body .cp-nap-table th,
body .cp-nap-table td,
body .lp-spec-table th,
body .lp-spec-table td,
body .bn-table th,
body .bn-table td { border-bottom-color: var(--k-line); }
body .spec-glance-table thead th,
body .bn-table thead th,
body .lp-spec-table thead th,
body .factory-logistics thead th {
  background: var(--k-ink) !important;
  color: var(--k-cream) !important;
  font-family: 'Poppins', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body .lp-spec-table-card-header {
  background: var(--k-kraft), url('/img/kraft-paper.png') #C7B594;
  background-size: cover;
  color: var(--k-ink);
  border-bottom: 1px solid var(--k-line-strong);
  font-weight: 800;
}
body .lp-spec-table-card td { border-bottom-color: var(--k-line); }
body .lp-spec-table-card tr:nth-child(even) { background: rgba(23,21,15,0.03); }
body .lp-spec-table-card td:first-child { color: var(--k-body2); }
body .lp-spec-table-card td:last-child { color: var(--k-ink); }

/* ============================================================
   FAQ
   ============================================================ */
body .lp-faq-item { border-bottom-color: var(--k-line); }
body .lp-faq-item p { color: var(--k-body2); }

/* ============================================================
   BUTTONS
   ============================================================ */
body .lp-btn-primary,
body .lp-btn-outline,
body .lp-btn-wa,
body .lp-quote-btn,
body .lp-quote-wa-btn,
body .post-cta-inline-btn,
body .btn-primary,
body .btn-outline,
body .error-404-wa,
body .bn-call-btn,
body .bn-wa-btn,
body .wa-cta-btn--primary {
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  box-shadow: none;
}
body .lp-btn-primary,
body .lp-btn-outline,
body .lp-btn-wa,
body .lp-quote-btn,
body .post-cta-inline-btn,
body .error-404-wa,
body .wa-cta-btn--primary {
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 15px 28px;
}
body .lp-btn-primary,
body .lp-quote-btn,
body .btn-primary,
body .post-cta-inline-btn--primary {
  background: var(--k-brick);
  color: var(--k-cream);
  border: 0;
}
body .lp-btn-primary:hover,
body .lp-quote-btn:hover,
body .btn-primary:hover,
body .post-cta-inline-btn--primary:hover {
  background: var(--k-deep);
  color: var(--k-cream);
  box-shadow: none;
}
body .btn-primary::after { display: none; }
body .post-cta-inline-btn--outline,
body .btn-outline {
  background: transparent;
  color: var(--k-ink);
  border: 1.5px solid rgba(23,21,15,0.5);
}
body .post-cta-inline-btn--outline:hover,
body .btn-outline:hover { background: var(--k-ink); color: var(--k-cream); border-color: var(--k-ink); }
body .error-404-wa,
body .wa-cta-btn--primary { background: #08783b; color: #fff; }
body .error-404-wa:hover,
body .wa-cta-btn--primary:hover { background: #0F6E36; color: #fff; transform: none; }
body .bn-call-btn { background: var(--k-brick); box-shadow: none; }
body .bn-call-btn:hover { background: var(--k-deep); }
body .bn-moq-banner {
  background: var(--k-ink);
  color: var(--k-cream);
  border-left: 3px solid var(--k-brick);
  border-radius: 0;
}

/* ============================================================
   CTA BANDS — dark ink panel with navy glow (like the trust band)
   ============================================================ */
body .lp-cta-band,
body .post-cta-band {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 85%, rgba(23,54,114,0.4), transparent 55%),
    radial-gradient(circle at 85% 15%, rgba(23,54,114,0.25), transparent 55%),
    var(--k-ink);
  color: var(--k-cream);
}
body .lp-cta-band h2,
body .post-cta-band h3 {
  color: var(--k-cream) !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}
body .lp-cta-band p,
body .post-cta-band p { color: var(--k-body-dark); }
body .lp-cta-band .lp-btn-outline {
  color: var(--k-cream);
  border: 1.5px solid rgba(246,241,230,0.55);
  background: transparent;
}
body .lp-cta-band .lp-btn-outline:hover { background: rgba(246,241,230,0.1); border-color: var(--k-cream); }
body .lp-btn-outline {
  color: var(--k-ink);
  border: 1.5px solid rgba(23,21,15,0.5);
}
body .lp-contact-line,
body .lp-contact-block { color: var(--k-body-dark); }

/* ============================================================
   FORMS — kraft panel with cream fields (matches homepage form)
   ============================================================ */
body .lp-quote-section {
  background: var(--k-kraft), url('/img/kraft-paper.png') #C7B594;
  background-size: cover;
  background-position: center;
}
body .lp-quote-section h2 { color: var(--k-ink); }
body .lp-quote-sub,
body .lp-quote-form-label { color: var(--k-ink); }
body .lp-form-group label {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--k-body2);
}
body .lp-form-group .req { color: var(--k-deep); }
body .lp-form-group input,
body .lp-form-group select,
body .lp-form-group textarea {
  background-color: var(--k-cream);
  color: var(--k-ink);
  border: 1px solid rgba(23,21,15,0.4);
  border-radius: 0;
}
body .lp-form-group input::placeholder,
body .lp-form-group textarea::placeholder { color: #6E665A; }
body .lp-form-group input:focus,
body .lp-form-group select:focus,
body .lp-form-group textarea:focus {
  border-color: var(--k-brick);
  box-shadow: 0 0 0 3px rgba(178,58,43,0.12);
}
body .lp-quote-wa-primary {
  background: var(--k-cream);
  border: 1px solid var(--k-line-strong);
  border-left: 3px solid #08783b;
  border-radius: 0;
}
body .lp-quote-wa-primary h3 { color: var(--k-ink); font-family: 'Poppins', sans-serif; font-weight: 700; }
body .lp-quote-wa-primary p { color: var(--k-body); }
body .lp-quote-wa-btn {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 12px 22px;
}
body .lp-quote-form-label {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
body .lp-form-error { border-radius: 0; }
body .lp-quote-success { border-radius: 0; background: var(--k-cream); border-color: var(--k-brick); }
body .lp-quote-success svg { color: var(--k-brick); }
body .lp-quote-success p { color: var(--k-ink); }

/* ============================================================
   WHATSAPP CTA CARD (whatsapp-cta.js) — kraft band
   ============================================================ */
body .wa-cta-inner {
  background: var(--k-kraft), url('/img/kraft-paper.png') #C7B594;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--k-line-strong);
}
body .wa-cta-heading {
  color: var(--k-ink);
  font-weight: 800;
  letter-spacing: -0.02em;
}
body .wa-cta-body { color: var(--k-ink); }
body .wa-cta-btn--secondary { color: var(--k-deep); font-weight: 700; }
body .wa-cta-btn--secondary:hover { color: var(--k-brick); border-bottom-color: var(--k-brick); }

/* ============================================================
   VIDEO / MAP / FACTORY COMPONENTS
   ============================================================ */
body .md-video-wrap,
body .video-facade { border-radius: 0; background: var(--k-ink); }
body .play-btn circle { fill: #B23A2B; stroke: rgba(246,241,230,0.4); }
body .map-facade { border-radius: 0; border: 1.5px solid var(--k-line-strong); box-shadow: none; }
body .map-facade-btn-pill {
  background: var(--k-ink);
  color: var(--k-cream);
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body .map-facade-btn:focus-visible { outline-color: var(--k-brick); }
body .factory-address-text { color: var(--k-body); }
body .factory-address-text strong,
body .factory-logistics h3 { color: var(--k-ink); }
body .factory-logistics-note { color: var(--k-body2); }
body .factory-directions-link { color: var(--k-deep); }
body .factory-directions-link:hover { color: var(--k-brick); }
body .product-evidence img,
body .bn-gallery-grid img { border-radius: 0; }

/* ============================================================
   BLOG LISTING & POSTS
   ============================================================ */
body .blog-section { background: transparent; }
body .blog-card-thumb { background: var(--k-kraft), url('/img/kraft-paper.png') #C7B594; background-size: cover; }
body .blog-card-thumb.thumb-default { background: var(--k-card); }
body .blog-card-body h2 { color: var(--k-ink); }
body .blog-card-body p { color: var(--k-body2); }
body .blog-card-meta { color: #6E665A; }
body .blog-read-more {
  color: var(--k-deep);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body .category-badge,
body .start-here-badge {
  background: var(--k-brick);
  color: var(--k-cream);
  border-radius: 50px;
}
body .category-block h3 { border-bottom-color: var(--k-line); }
body .category-post-list a { color: var(--k-ink); border-bottom-color: var(--k-line); }
body .category-post-list a:hover { color: var(--k-brick); }
body .pagination a,
body .pagination span { border-color: var(--k-line-strong); color: var(--k-ink); background: var(--k-card); border-radius: 0; }
body .pagination a:hover { background: var(--k-alt); border-color: var(--k-ink); color: var(--k-ink); }
body .pagination span.current { background: var(--k-ink); border-color: var(--k-ink); color: var(--k-cream); }
body .pagination .pg-separator { background: none; border: none; }

body .post-body { color: var(--k-body); }
body .post-body h2 { color: var(--k-ink); border-bottom: 1px solid var(--k-line); }
body .post-body h3,
body .post-body strong { color: var(--k-ink); }
body .post-body a { color: var(--k-deep); text-decoration-color: rgba(178,58,43,0.45); }
body .post-body blockquote {
  background: rgba(178,58,43,0.05);
  border-left: 2px solid var(--k-brick);
  border-radius: 0;
  color: var(--k-ink);
}
body .post-body .buyer-takeaway {
  background: var(--k-alt);
  border-left: 3px solid var(--k-ink);
  border-radius: 0;
}
body .post-body img { border-radius: 0; }
body .related-section { background: var(--k-alt); border-top-color: var(--k-line); }
body .related-section h3 { color: var(--k-ink); }
body .post-cta-inline-heading { color: var(--k-ink); }
body .post-cta-inline-body { color: var(--k-body2); }

/* ============================================================
   404
   ============================================================ */
body .error-404-section { padding-top: calc(var(--nav-h) + 88px); }
body .error-404-code { color: var(--k-brick); letter-spacing: -0.03em; }
body .error-404-links li a {
  background: var(--k-card);
  border: 1px solid var(--k-line-strong);
  border-radius: 0;
  color: var(--k-ink);
}
body .error-404-links li a:hover { background: rgba(178,58,43,0.06); border-color: var(--k-brick); color: var(--k-brick); }

/* ============================================================
   FOOTER — dark ink
   ============================================================ */
body .footer { background: var(--k-ink); color: var(--k-cream); }
body .footer-grid { border-bottom-color: rgba(246,241,230,0.2); }
/* Same all-white logo treatment as the homepage footer (img/logo-white.png) */
body .footer .footer-logo img { filter: brightness(0) invert(1); }
body .footer-tagline { color: var(--k-body-dark); }
body .footer-col h4 {
  color: var(--k-muted-dark);
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
body .footer-col ul li a,
body .footer-contact-list li,
body .footer-factory { color: var(--k-body-dark); }
body .footer-col ul li a:hover { color: var(--k-cream); }
body .footer-contact-list li svg { color: var(--k-muted-dark); }
body .footer-factory strong { color: var(--k-cream); }
body .footer-factory .footer-factory-coords {
  font-family: 'Poppins', sans-serif;
  color: var(--k-muted-dark);
}
body .footer-col a[style*="color:#fff"] { color: var(--k-cream) !important; }
body .footer-bottom p,
body .footer-seo-text,
body .footer-synonyms { color: var(--k-muted-dark) !important; }

/* ============================================================
   MISC
   ============================================================ */
body .skip-link { background: var(--k-cream); color: var(--k-ink); }
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible { outline-color: var(--k-brick); }

/* Bengali script: tracking and forced caps break conjunct rendering */
html[lang="bn"] body .lp-eyebrow,
html[lang="bn"] body .lp-hero h1,
html[lang="bn"] body .lp-section h2,
html[lang="bn"] body .lp-form-group label,
html[lang="bn"] body .lp-btn-primary,
html[lang="bn"] body .lp-btn-wa,
html[lang="bn"] body .lp-btn-outline,
html[lang="bn"] body .lp-quote-btn,
html[lang="bn"] body .bn-call-btn,
html[lang="bn"] body .bn-wa-btn { letter-spacing: normal; text-transform: none; }
html[lang="bn"] body .lp-hero h1,
html[lang="bn"] body .lp-section h2 { line-height: 1.5; }