/* Navbar interaction refinements: remove yellow hover line, add subtle active bg */
.navbar-nav .nav-link{position:relative;font-weight:600;color:var(--ink);padding:.5rem .75rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease, border-color .2s ease, box-shadow .2s ease;cursor:pointer;border:1px solid transparent;background:transparent;box-shadow:none}
.navbar{background:var(--bg-soft);padding-left:0;padding-right:0}
.navbar-nav .nav-link::after{content:none !important}
.navbar-nav .nav-link:hover{color:var(--brand);background:rgba(var(--brand-rgb),.18);border-color:rgba(var(--brand-rgb),.26);box-shadow:none}
.navbar-nav .nav-link:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.32)}
.navbar-nav .nav-link.active{background:rgba(var(--brand-rgb),.24);color:var(--ink);font-weight:700;border-color:rgba(var(--brand-rgb),.38);box-shadow:none}

/* Ensure any prior sliding indicator is hidden */
.nav-indicator{display:none !important}

/* Collapsed menu panel styling (mobile/tablet) */
@media (max-width:991.98px){
   .nav-area{background:var(--bg-soft);border-top:1px solid rgba(33,22,10,.1);padding:.5rem .75rem}
  .navbar-nav.even-split{justify-content:flex-start}
  .navbar-nav.even-split > li{flex:0 0 auto}
}

/* Ensure brand/logo matches products page sizing and sits flush-left */
.app-navbar{--nav-h:56px}
@media (max-width: 992px){.app-navbar{--nav-h:52px}}
@media (max-width: 576px){.app-navbar{--nav-h:44px}}
.app-navbar .navbar-brand{height:var(--nav-h);padding-left:0;margin-left:0}
.navbar-brand .logo{height:100%;max-height:100%;width:auto}
/* Remove any unexpected left spacing from container on home */
.app-navbar .container-fluid{padding-left:0}

/* Fit factory image within grid without overpowering text */
.why-img{width:100%;max-height:420px;object-fit:cover}
@media (max-width: 992px){.why-img{max-height:360px}}
@media (max-width: 576px){.why-img{max-height:280px}}
/* Show more floor on desktop: bottom-biased crop; keep full image on small screens */
/* Base: small/medium screens show full image without crop */
.why-img{width:100%;object-fit:contain;max-height:360px}
@media (max-width: 576px){.why-img{max-height:280px}}
/* Desktop: gentle crop with floor visible */
@media (min-width: 992px){
  .why-img{object-fit:cover;object-position:center center;max-height:560px}
}

/* Ensure primary buttons are high-contrast and visible on light backgrounds */
.btn-primary{
  color:#fff !important;
  background-image:linear-gradient(90deg,var(--brand),var(--brand-2)) !important;
  background-color:var(--brand) !important;
  border-color:transparent !important;
  box-shadow:0 .6rem 1.2rem rgba(var(--brand-rgb),.38);
}
.btn-primary:hover,
.btn-primary:focus{
  color:#fff !important;
  background-image:linear-gradient(90deg,var(--brand-2),var(--brand)) !important;
  background-color:var(--brand-2) !important;
  border-color:transparent !important;
}
.btn-primary:active{
  color:#fff !important;
  background-image:linear-gradient(90deg,var(--brand-2),var(--brand-2)) !important;
  background-color:var(--brand-2) !important;
}
/* Home-only Trusted Partners styling (scoped) */
.home-trusted .fw-bold{color:var(--brand);background:none;-webkit-text-fill-color:initial;text-shadow:0 1px 0 rgba(var(--brand-rgb),.32)}

@media (prefers-reduced-motion: reduce){.home-trusted .fw-bold::after{animation:none;width:120px}}
.home-trusted .text-muted{color:rgba(43,31,17,.78) !important;font-weight:600;letter-spacing:.2px}

.home-trusted .fw-bold{color:var(--brand);background:none;-webkit-text-fill-color:initial;text-shadow:0 1px 0 rgba(var(--brand-rgb),.32)}
.home-trusted .text-muted{color:rgba(43,31,17,.78) !important;font-weight:600;letter-spacing:.2px}
/* Moving text effect scoped to Trusted Partners subtext */
.home-trusted .moving-text{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hp-marquee 6s linear infinite;font-weight:600;letter-spacing:.2px}
@keyframes hp-marquee{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@media (prefers-reduced-motion: reduce){.home-trusted .moving-text{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hp-marquee 6s linear infinite;font-weight:600;letter-spacing:.2px}}

/* Home Trusted Partners: solid brand heading, softer gray subtext */
.home-trusted .fw-bold{color:var(--brand);background:none;-webkit-text-fill-color:initial;text-shadow:0 1px 0 rgba(var(--brand-rgb),.32)}
.home-trusted .text-muted{color:rgba(43,31,17,.78) !important;font-weight:600;letter-spacing:.2px}
.home-trusted .moving-text{background:none;-webkit-text-fill-color:initial;color:rgba(155,134,96,.9);animation:none}

/* Home Trusted Partners: brand heading + softer subtext + motion underline */
.home-trusted .fw-bold{color:var(--brand);background:none;-webkit-text-fill-color:initial;text-shadow:0 1px 0 rgba(var(--brand-rgb),.32)}
.home-trusted .text-muted{color:rgba(43,31,17,.78) !important;font-weight:600;letter-spacing:.2px}
.home-trusted .tp-sub{position:relative;display:inline-block}
.home-trusted .tp-sub::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-.25rem;height:3px;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:2px;animation:tp-underline 3.2s ease-in-out infinite}
@keyframes tp-underline{0%{width:0}50%{width:120px}100%{width:0}}
@media (prefers-reduced-motion: reduce){.home-trusted .tp-sub::after{animation:none;width:120px}}

/* Improve spacing and fit for Trusted Partners row */
.home-trusted .col{max-width:920px;margin-inline:auto}
.home-trusted h3.fw-bold{margin-bottom:.75rem !important;line-height:1.2}
.home-trusted .text-muted{margin-top:.25rem !important;line-height:1.55}
.home-trusted .tp-sub{display:inline-block;padding-bottom:.25rem}
/* Global background inspired by PGPfirst */
:root {
  --bg-deep: #08090c;
  --bg-panel: rgba(12, 9, 7, 0.76);
  --bg-soft-gold: rgba(193, 142, 27, 0.16);
}

body {
  background-color: var(--bg-deep);
  background-image:
    radial-gradient(120% 80% at 2% -10%, rgba(255, 214, 126, 0.26) 0%, rgba(8, 9, 12, 0) 60%),
    radial-gradient(90% 70% at 98% 0%, rgba(193, 142, 27, 0.22) 0%, rgba(8, 9, 12, 0) 65%),
    linear-gradient(200deg, #0a0b0f 0%, #090804 45%, #161109 100%);
  color: rgba(248, 244, 232, 0.92);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(60% 60% at 30% 25%, rgba(255, 214, 126, 0.22), rgba(8, 9, 12, 0) 70%),
    radial-gradient(50% 45% at 75% 15%, rgba(255, 191, 73, 0.18), rgba(8, 9, 12, 0) 70%);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 0;
  opacity: 0.75;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0iIzAwMCIgb3BhY2l0eT0iMC4wMiIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiLz48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiByPSIxIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjAyIi8+PHJlY3QgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC4wMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgeD0iMzIiIHk9Ijk2Ii8+PC9zdmc+');
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: overlay;
}

main,
section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer {
  position: relative;
  z-index: 1;
  background: transparent;
}

.app-navbar,
footer {
  background: linear-gradient(180deg, rgba(12, 9, 7, 0.92), rgba(12, 9, 7, 0.78));
  color: rgba(248, 244, 232, 0.9);
  border-bottom: 1px solid rgba(255, 214, 126, 0.28);
}
.app-navbar .nav-link,
footer .link-light {
  color: rgba(248, 244, 232, 0.78);
}
.app-navbar .nav-link:hover,
.app-navbar .nav-link:focus,
footer .link-light:hover,
footer .link-light:focus {
  color: rgba(255, 214, 126, 0.92);
}

.company-intro {
  background: linear-gradient(120deg, rgba(12, 9, 7, 0.92) 0%, rgba(12, 9, 7, 0.72) 55%, rgba(255, 214, 126, 0.08) 100%);
  border: 1px solid rgba(255, 214, 126, 0.18);
  border-radius: clamp(18px, 3vw, 26px);
  padding: clamp(2.5rem, 4vw, 3.5rem);
  box-shadow: 0 2.4rem 4.5rem rgba(8, 9, 12, 0.55);
  color: rgba(249, 246, 239, 0.95);
}
.company-intro .company-intro__highlight {
  color: rgba(255, 214, 126, 0.95);
}
.company-intro__blurb {
  color: rgba(249, 246, 239, 0.92) !important;
}
.company-intro__contact {
  background: rgba(255, 214, 126, 0.12);
  color: rgba(255, 248, 237, 0.92) !important;
  border: 1px solid rgba(255, 214, 126, 0.28);
}
.company-intro__contact:hover,
.company-intro__contact:focus-visible {
  background: rgba(255, 214, 126, 0.24);
  color: #08090c !important;
}
.company-intro__contact i {
  color: rgba(255, 214, 126, 0.9);
}

.hero-overlay {
  background: radial-gradient(80% 80% at 40% 10%, rgba(255, 214, 126, 0.35), rgba(8, 9, 12, 0.85));
  mix-blend-mode: lighten;
}

section.bg-light,
.page-home section.bg-light,
.page-products section.bg-light {
  background: rgba(12, 9, 7, 0.55);
  border: 1px solid rgba(255, 214, 126, 0.12);
  border-radius: clamp(16px, 2.5vw, 22px);
  box-shadow: 0 1.6rem 3.5rem rgba(8, 9, 12, 0.45);
}

.home-cta {
  background: radial-gradient(65% 65% at 30% 0%, rgba(255, 214, 126, 0.35), rgba(12, 9, 7, 0.95));
  color: rgba(249, 246, 239, 0.95);
}
.home-cta .btn-accent {
  background: linear-gradient(135deg, rgba(255, 214, 126, 0.95), rgba(193, 142, 27, 0.85)) !important;
  color: #120c07 !important;
  border: 1px solid rgba(255, 214, 126, 0.45) !important;
}
.home-cta .btn-accent:hover {
  background: linear-gradient(135deg, rgba(193, 142, 27, 0.95), rgba(255, 214, 126, 0.92)) !important;
}
.feature-card,
.thumb-card,
.info-card,
.card.bg-light,
.card.shadow-sm {
  background: rgba(12, 9, 7, 0.78) !important;
  border: 1px solid rgba(255, 214, 126, 0.12) !important;
  color: rgba(249, 246, 239, 0.9);
}
.feature-card .card-body .btn,
.thumb-card .btn,
.info-card .btn {
  box-shadow: 0 0.6rem 1.6rem rgba(255, 214, 126, 0.24) !important;
}

.text-muted {
  color: rgba(222, 210, 190, 0.82) !important;
}
/* Background refinement to reduce heavy black */
body {
  background-image:
    radial-gradient(140% 90% at 15% -10%, rgba(255, 224, 156, 0.28), rgba(8, 9, 12, 0) 70%),
    radial-gradient(120% 80% at 110% 20%, rgba(255, 210, 135, 0.22), rgba(8, 9, 12, 0) 70%),
    radial-gradient(120% 90% at 50% 100%, rgba(249, 246, 239, 0.12), rgba(8, 9, 12, 0.75));
}
body::before {
  opacity: 0.55;
  background:
    radial-gradient(90% 65% at 30% 20%, rgba(255, 214, 126, 0.18), rgba(8, 9, 12, 0) 70%),
    radial-gradient(70% 55% at 75% 12%, rgba(244, 192, 101, 0.15), rgba(8, 9, 12, 0) 70%);
}

main > section,
section.section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer {
  background: linear-gradient(170deg, rgba(249, 246, 239, 0.1), rgba(12, 9, 7, 0.65));
  border: 1px solid rgba(255, 214, 126, 0.14);
  box-shadow: 0 1.4rem 3rem rgba(8, 9, 12, 0.45);
}

.company-intro {
  background: linear-gradient(135deg, rgba(249, 246, 239, 0.88) 0%, rgba(230, 204, 148, 0.42) 45%, rgba(18, 12, 7, 0.65) 100%);
  color: rgba(27, 19, 13, 0.88);
}
.company-intro .company-intro__highlight {
  color: rgba(193, 142, 27, 0.92);
}
.company-intro__blurb {
  color: rgba(24, 17, 12, 0.82) !important;
}
.company-intro__contacts {
  justify-content: flex-start;
}
.company-intro__contact {
  background: rgba(193, 142, 27, 0.16);
  color: rgba(24, 17, 12, 0.92) !important;
  border: 1px solid rgba(193, 142, 27, 0.32);
}
.company-intro__contact:hover,
.company-intro__contact:focus-visible {
  background: rgba(193, 142, 27, 0.26);
  color: #08090c !important;
}

.hero-overlay {
  background: radial-gradient(70% 70% at 40% 0%, rgba(252, 219, 144, 0.32), rgba(8, 9, 12, 0.75));
}

.feature-card,
.thumb-card,
.info-card,
.card.shadow-sm,
.card.bg-light {
  background: rgba(249, 246, 239, 0.08) !important;
  border: 1px solid rgba(255, 214, 126, 0.18) !important;
  color: rgba(245, 240, 226, 0.92);
  box-shadow: 0 1.2rem 2.4rem rgba(8, 9, 12, 0.35);
}
.feature-card .card-body .btn,
.thumb-card .btn,
.info-card .btn {
  background: linear-gradient(135deg, rgba(255, 214, 126, 0.9), rgba(193, 142, 27, 0.85));
  color: #120c07;
  border: 1px solid rgba(255, 214, 126, 0.4);
}
.feature-card .card-body .btn:hover,
.thumb-card .btn:hover,
.info-card .btn:hover {
  background: linear-gradient(135deg, rgba(193, 142, 27, 0.95), rgba(255, 214, 126, 0.92));
}

.text-muted {
  color: rgba(228, 220, 204, 0.82) !important;
}

footer {
  background: linear-gradient(185deg, rgba(8, 9, 12, 0.92), rgba(12, 9, 7, 0.78));
  border-top: 1px solid rgba(255, 214, 126, 0.24);
}
.app-navbar {
  background: linear-gradient(180deg, rgba(249, 246, 239, 0.92), rgba(232, 214, 174, 0.55));
  color: var(--ink);
  border-bottom: 1px solid rgba(193, 142, 27, 0.35);
}
.app-navbar .nav-link {
  color: rgba(24, 17, 12, 0.82);
}
.app-navbar .nav-link:hover,
.app-navbar .nav-link:focus {
  color: rgba(193, 142, 27, 0.92);
}
.brand-text {
  font-size: clamp(1.25rem, 3vw, 1.6rem) !important;
  letter-spacing: 0.36rem;
}
.company-intro__contact {
  font-size: 1.05rem !important;
  padding: 0.65rem 1.35rem;
}
.company-intro__contact {
  font-size: 1.15rem !important;
  padding: 0.72rem 1.4rem;
}
.company-intro__logo {
  max-width: 220px;
}
.brand-text {
  color: var(--brand) !important;
}
.company-intro__highlight {
  color: var(--brand) !important;
}
.company-intro--balanced .company-intro__highlight {
  color: #f5cf64 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.company-intro--balanced .company-intro__logo {
  max-width: clamp(260px, 32vw, 360px) !important;
}
.company-intro__logo-wrap--wide {
  width: clamp(260px, 32vw, 380px) !important;
}
.company-intro__logo-wrap--wide {
  width: clamp(320px, 42vw, 620px) !important;
}
.company-intro--balanced .company-intro__logo {
  max-width: clamp(320px, 42vw, 600px) !important;
}
@media (max-width: 991.98px) {
  .company-intro__logo-wrap--wide {
    width: clamp(260px, 65vw, 520px) !important;
  }
  .company-intro--balanced .company-intro__logo {
    max-width: clamp(260px, 65vw, 520px) !important;
  }
}
.company-intro--balanced .company-intro__row {
  flex-direction: column;
}
.company-intro__logo-wrap--wide,
.company-intro--balanced .company-intro__logo {
  margin-left: auto !important;
  margin-right: auto !important;
}
.company-intro--balanced .company-intro__contacts {
  justify-content: center;
}
/* Lighten background gradients */
body {
  background-image:
    radial-gradient(140% 90% at 15% -10%, rgba(255, 224, 156, 0.22), rgba(8, 9, 12, 0) 70%),
    radial-gradient(120% 80% at 110% 20%, rgba(255, 210, 135, 0.18), rgba(8, 9, 12, 0) 70%),
    radial-gradient(120% 90% at 50% 100%, rgba(249, 246, 239, 0.26), rgba(8, 9, 12, 0.55));
}
body::before {
  opacity: 0.42;
  background:
    radial-gradient(90% 65% at 30% 20%, rgba(255, 214, 126, 0.18), rgba(8, 9, 12, 0) 70%),
    radial-gradient(70% 55% at 75% 12%, rgba(244, 192, 101, 0.12), rgba(8, 9, 12, 0) 70%);
}
main > section,
section.section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer {
  background: linear-gradient(170deg, rgba(249, 246, 239, 0.18), rgba(18, 12, 7, 0.48));
  border-color: rgba(255, 214, 126, 0.12);
}
.company-intro {
  background: linear-gradient(135deg, rgba(249, 246, 239, 0.92) 0%, rgba(231, 203, 148, 0.38) 55%, rgba(18, 12, 7, 0.48) 100%);
}
/* Light neutral background override */
body {
  background: radial-gradient(120% 120% at 10% -20%, rgba(255, 255, 255, 0.95), rgba(243, 238, 225, 0.85) 40%, rgba(230, 222, 206, 0.65) 70%),
              linear-gradient(180deg, #f8f3e6 0%, #f2e9d6 100%);
  color: rgba(30, 22, 14, 0.9);
}
body::before,
body::after {
  display: none;
}

main > section,
section.section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(222, 204, 167, 0.32);
  box-shadow: 0 1.2rem 2.6rem rgba(208, 193, 163, 0.35);
}

.company-intro {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(30, 22, 14, 0.88);
}
.company-intro__blurb,
.company-intro__contacts,
.company-intro__contact {
  color: rgba(30, 22, 14, 0.9) !important;
}
.hero-overlay {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.6), rgba(193, 142, 27, 0.25));
}
footer {
  background: rgba(251, 248, 240, 0.95);
  color: rgba(30, 22, 14, 0.9);
}
footer .link-light {
  color: rgba(30, 22, 14, 0.9) !important;
}
/* Adjust text and panels for light theme */
.feature-card,
.thumb-card,
.info-card,
.card.bg-light,
.card.shadow-sm {
  background: #ffffff !important;
  border: 1px solid rgba(204, 182, 142, 0.35) !important;
  color: rgba(30, 22, 14, 0.9) !important;
  box-shadow: 0 12px 24px rgba(200, 185, 150, 0.25);
}
.text-muted {
  color: rgba(80, 66, 51, 0.72) !important;
}
.hero-section,
.products-hero,
.company-intro,
.home-trusted,
.home-cta {
  color: rgba(30, 22, 14, 0.9);
}
.home-cta {
  background: linear-gradient(135deg, rgba(251, 247, 238, 0.95), rgba(230, 207, 165, 0.55));
}
.home-cta .btn-accent {
  background: linear-gradient(135deg, rgba(193, 142, 27, 0.92), rgba(255, 214, 126, 0.92)) !important;
  color: #1e160e !important;
}
footer .link-light {
  color: rgba(30, 22, 14, 0.82) !important;
}
.home-cta,
.home-cta .cta-title,
.home-cta .cta-sub {
  color: rgba(30, 22, 14, 0.9) !important;
}
footer {
  color: rgba(30, 22, 14, 0.9);
}
footer .text-white-50,
footer small,
footer .link-light {
  color: rgba(30, 22, 14, 0.75) !important;
}
footer {
  background: #f8f5ec;
  color: #20160f;
}
footer .text-white-50,
footer .link-light,
footer .link-light:hover,
footer .link-light:focus,
footer small {
  color: #3a2a1d !important;
}
footer .bi {
  color: #c18e1b !important;
}
/* Dark gold footer theme */
footer {
  background: linear-gradient(180deg, #8a5a10 0%, #5f3c07 100%) !important;
  color: #fdf8ea !important;
}
footer .text-white-50,
footer small,
footer .link-light,
footer .link-light:hover,
footer .link-light:focus {
  color: rgba(255, 249, 235, 0.9) !important;
}
footer .bi {
  color: #f7d37c !important;
}
/* Brightened gold footer */
footer {
  background: linear-gradient(180deg, #c8922f 0%, #a36d18 100%) !important;
  color: #20160f !important;
}
footer .text-white-50,
footer small,
footer .link-light,
footer .link-light:hover,
footer .link-light:focus {
  color: #2e1e11 !important;
}
footer .bi {
  color: #fbe4a3 !important;
}
/* Light cream footer */
footer {
  background: linear-gradient(180deg, #fdf6e5 0%, #f4ead6 100%) !important;
  color: rgba(40, 28, 18, 0.9) !important;
}
footer .text-white-50,
footer small,
footer .link-light,
footer .link-light:hover,
footer .link-light:focus {
  color: rgba(60, 42, 26, 0.88) !important;
}
footer .bi {
  color: #c8922f !important;
}
.company-intro__logo-wrap--wide {
  width: clamp(200px, 22vw, 280px) !important;
}
.company-intro--balanced .company-intro__logo {
  max-width: clamp(180px, 20vw, 260px) !important;
}
/* Updated hero background imagery */
.hero-section {
  position: relative;
  background: none;
}
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.65), rgba(230, 207, 165, 0.25)), url('/assets/images/warehouse-cover.jpg');
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
  z-index: -2;
}
.hero-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(193, 142, 27, 0.28));
  mix-blend-mode: multiply;
  z-index: -1;
}
.hero-section .hero-overlay {
  background: transparent;
}
.products-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(140deg, rgba(255, 255, 255, 0.72), rgba(230, 207, 165, 0.35)), url('/assets/images/glass-bottle-factory.png');
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
  z-index: -2;
}
.products-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(193, 142, 27, 0.35));
  mix-blend-mode: multiply;
  z-index: -1;
}
.products-hero .hero-overlay {
  background: transparent !important;
}
.company-intro__logo-wrap--wide {
  width: clamp(260px, 36vw, 440px) !important;
}
.company-intro--balanced .company-intro__logo {
  max-width: clamp(240px, 34vw, 420px) !important;
}
.company-intro__logo-wrap--wide {
  width: clamp(320px, 44vw, 560px) !important;
}
.company-intro--balanced .company-intro__logo {
  max-width: clamp(300px, 42vw, 540px) !important;
}
@media (max-width: 991.98px) {
  .company-intro__logo-wrap--wide {
    width: clamp(260px, 70vw, 520px) !important;
  }
  .company-intro--balanced .company-intro__logo {
    max-width: clamp(260px, 68vw, 500px) !important;
  }
}
/* Brighter global background */
body {
  background: linear-gradient(180deg, #ffffff 0%, #f8f5eb 50%, #f2e9d6 100%) !important;
  color: rgba(30, 22, 14, 0.88) !important;
}
main > section,
section.section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1.2rem 2.4rem rgba(210, 198, 175, 0.35);
  border: 1px solid rgba(215, 196, 160, 0.25);
}
.hero-section::before,
.hero-section::after,
.products-hero::before,
.products-hero::after {
  filter: brightness(1.12) !important;
  opacity: 0.85;
}
.company-intro__contact,
.btn,
.navbar .nav-link {
  color: rgba(40, 28, 18, 0.9) !important;
}
.navbar,
footer {
  background: rgba(255, 255, 255, 0.94) !important;
  color: rgba(40, 28, 18, 0.9) !important;
}
/* Light footer override */
footer {
  background: #fbf7ef !important;
  color: rgba(40, 28, 18, 0.9) !important;
}
footer .link-light,
footer .text-white-50,
footer small {
  color: rgba(40, 28, 18, 0.78) !important;
}
footer .bi {
  color: #c18e1b !important;
}
/* Footer clarity tweak */
footer {
  background: #ffffff !important;
  color: rgba(32, 22, 14, 0.92) !important;
  border-top: 1px solid rgba(193, 142, 27, 0.25) !important;
  box-shadow: 0 -6px 16px rgba(200, 185, 160, 0.18);
}
footer .text-white-50,
footer small,
footer .link-light,
footer .link-light:hover,
footer .link-light:focus {
  color: rgba(48, 32, 20, 0.85) !important;
}
footer .bi {
  color: #ba8b1a !important;
  opacity: 1 !important;
}
/* Pure white theme override */
body {
  background: #ffffff !important;
  color: #20160f !important;
}
body::before,
body::after {
  display: none !important;
}
main,
section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer,
.card,
.feature-card,
.thumb-card,
.info-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 220, 220, 0.8) !important;
  box-shadow: none !important;
  color: #20160f !important;
}
.hero-section::before,
.hero-section::after,
.products-hero::before,
.products-hero::after {
  display: none !important;
}
.hero-overlay {
  background: none !important;
}
.navbar,
footer {
  background: #ffffff !important;
  color: #20160f !important;
  border: 1px solid rgba(220, 220, 220, 0.8) !important;
}
.navbar .nav-link,
footer .link-light,
footer .text-white-50,
footer small {
  color: #20160f !important;
}
.company-intro__contact,
.btn,
.btn-primary,
.btn-outline-primary,
.btn-accent {
  background: #ffffff !important;
  border: 1px solid rgba(193, 142, 27, 0.5) !important;
  color: #20160f !important;
  box-shadow: none !important;
}
/* Ensure info-card icons visible on white */
.info-card .icon,
.info-card i,
.info-card svg {
  color: #c8922f !important;
  fill: #c8922f !important;
}
.info-card svg path {
  fill: #c8922f !important;
}
/* Ensure icons visible on light sections */
.company-intro__contact i,
.info-card .icon,
.info-card i,
.info-card svg,
.info-card svg path,
.home-cta i,
footer .bi {
  color: #b37a12 !important;
  fill: #b37a12 !important;
  opacity: 0.95 !important;
}
/* Cream footer for clear contrast */
footer {
  background: linear-gradient(180deg, #fffaf1 0%, #f4ead8 100%) !important;
  color: rgba(32, 22, 14, 0.9) !important;
  border-top: 1px solid rgba(193, 142, 27, 0.25) !important;
  box-shadow: 0 -6px 16px rgba(210, 196, 170, 0.25);
}
footer .link-light,
footer .text-white-50,
footer small {
  color: rgba(40, 28, 18, 0.82) !important;
}
footer .bi {
  color: #b37a12 !important;
}
footer .fw-semibold {
  color: rgba(40, 28, 18, 0.92) !important;
}
/* Remove section separators */
main > section,
section.section,
.company-intro,
.hero-section,
.home-trusted,
.home-cta,
footer,
.card,
.feature-card,
.thumb-card,
.info-card {
  border: none !important;
  box-shadow: none !important;
}
/* Nudge intro section upward */
.company-intro {
  margin-top: clamp(-1.8rem, -3vw, -2.8rem) !important;
}
@media (max-width: 768px) {
  .company-intro {
    margin-top: clamp(-1rem, -2vw, -1.6rem) !important;
  }
}
.company-intro {
  margin-top: clamp(-2.8rem, -4vw, -3.4rem) !important;
}
@media (max-width: 768px) {
  .company-intro {
    margin-top: clamp(-1.6rem, -3vw, -2.2rem) !important;
  }
}
/* Navbar logo sizing for new crest */
.app-navbar .navbar-brand .logo {
  height: clamp(44px, 6vw, 62px) !important;
  width: auto !important;
}
.company-intro__blurb .company-intro__highlight {
  color: #c18e1b !important;
}
.company-intro__blurb .company-intro__highlight {
  font-weight: 400 !important;
}
/* Harmonize intro background with logo */
.company-intro {
  background: #fcfeff !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(205, 192, 170, 0.18) !important;
}
.company-intro__logo-wrap--wide {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: clamp(18px, 3vw, 26px) !important;
  box-shadow: 0 10px 22px rgba(193, 142, 27, 0.18) !important;
  padding: clamp(0.8rem, 2vw, 1.4rem) !important;
}
.company-intro {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}
.company-intro__logo-wrap--wide {
  background: #ffffff !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Make second-row logo blend with section background */
.company-intro { --intro-bg: #ffffff; background: var(--intro-bg) !important; }
.company-intro__logo-wrap--wide { background: transparent !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.company-intro--balanced .company-intro__logo { display: block; width: 100%; height: auto; background: var(--intro-bg) !important; box-shadow: none !important; border-radius: 0 !important; }
/* Plain white background for intro + logo */
.company-intro { background: #ffffff !important; border: none !important; box-shadow: none !important; }
.company-intro__logo-wrap--wide { background: #ffffff !important; padding: 0 !important; border: none !important; box-shadow: none !important; }

/* Normalize company intro row so logo and row share the same background */
.company-intro {
  --intro-bg: #ffffff;
  background: var(--intro-bg) !important;
}
.company-intro__logo-wrap--wide,
.company-intro--balanced .company-intro__logo {
  background: var(--intro-bg) !important;
  box-shadow: none !important;
  border: none !important;
}
.company-intro__logo-wrap--wide {
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Final override: make company intro row and logo backgrounds identical */
.company-intro.border-bottom.company-intro--balanced {
  --company-intro-bg: #ffffff;
  background-color: var(--company-intro-bg) !important;
  background-image: none !important;
}
.company-intro.border-bottom.company-intro--balanced .company-intro__logo-wrap--wide,
.company-intro.border-bottom.company-intro--balanced .company-intro__logo {
  background-color: var(--company-intro-bg) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Responsive contacts in company intro (mobile + desktop) */
.company-intro__contacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 0.75rem;
}
.company-intro__contact {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
}
.company-intro__contact span {
  display: inline-block;
  overflow-wrap: anywhere;
}
@media (max-width: 576px) {
  .company-intro__contacts {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .company-intro__contact {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* Match company intro background to logo edge color */
.company-intro.border-bottom.company-intro--balanced {
  --company-intro-bg: #fefdfb;
  background-color: var(--company-intro-bg) !important;
}
.company-intro.border-bottom.company-intro--balanced .company-intro__logo-wrap--wide,
.company-intro.border-bottom.company-intro--balanced .company-intro__logo {
  background-color: var(--company-intro-bg) !important;
}