/* ═══════════════════════════════════════
   EFL – Emon Fashion Limited | style.css
═══════════════════════════════════════ */

:root {
  --navy:  #0a1628;
  --gold:  #b8943f;
  --gold2: #e0b86a;
  --light: #f4f1eb;
  --white: #ffffff;
  --gray:  #6b7280;
  --dark:  #111827;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Outfit', sans-serif; background: var(--light); color: var(--dark); overflow-x: hidden; }
h1,h2,h3,h4,h5 { font-family: 'Cormorant Garamond', serif; }
img { max-width: 100%; }
a { text-decoration: none; }

/* ── UTILITIES ── */
.section-pad { padding: 90px 0; }
.bg-light-custom { background: var(--light); }
.bg-white { background: #fff; }
.bg-navy { background: var(--navy); }
.sec-tag { display: block; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 10px; }
.sec-title { font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 700; color: var(--navy); line-height: 1.15; }
.sec-line { width: 52px; height: 3px; background: var(--gold); margin: 14px 0 22px; }
.sec-line.center { margin: 14px auto 22px; }
.sec-sub { max-width: 560px; margin: 0 auto; color: var(--gray); font-size: .95rem; line-height: 1.8; }
.about-p { color: var(--gray); line-height: 1.85; font-size: .97rem; margin-bottom: 14px; }

/* ── BUTTONS ── */
.btn-gold {
  background: var(--gold); color: #fff; border: 2px solid var(--gold);
  border-radius: 3px; padding: 12px 30px; font-size: .82rem; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase; transition: all .3s; display: inline-block;
  font-family: 'Outfit', sans-serif; cursor: pointer;
}
.btn-gold:hover { background: transparent; color: var(--gold); }
.btn-gold-lg { background: var(--gold); color: #fff; border: 2px solid var(--gold); border-radius: 3px; padding: 14px 38px; font-size: .9rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; transition: all .3s; display: inline-block; }
.btn-gold-lg:hover { background: transparent; color: var(--gold); }
.btn-hero-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); border-radius: 3px; padding: 12px 30px; font-size: .82rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; transition: all .3s; display: inline-block; }
.btn-hero-outline:hover { background: #fff; color: var(--navy); }
.btn-play-hero { background: rgba(255,255,255,.12); border: 2px solid rgba(255,255,255,.7); color: #fff; border-radius: 30px; padding: 12px 26px; font-size: .82rem; font-weight: 600; letter-spacing: .06em; cursor: pointer; transition: all .3s; backdrop-filter: blur(4px); }
.btn-play-hero:hover { background: var(--gold); border-color: var(--gold); }


 /* ── TOPBAR ── */
    #topbar {
      background: #0a1628;
      color: #94a3b8;
      font-size: .76rem;
      letter-spacing: .05em;
      padding: 8px 0;
      border-bottom: 1px solid rgba(184,148,63,.2);
    }
    #topbar a { color: #c9a84c; text-decoration: none; transition: color .2s; }
    #topbar a:hover { color: #fff; }
    #topbar .topbar-social a {
      width: 28px; height: 28px; border-radius: 50%;
      background: rgba(255,255,255,.07);
      display: inline-flex; align-items: center; justify-content: center;
      font-size: .72rem; margin-left: 4px;
      transition: all .2s;
    }
    #topbar .topbar-social a:hover { background: var(--gold); color: #fff; }
    .topbar-flag { display: inline-flex; align-items: center; gap: 5px; }

    /* ── NAVBAR ENHANCED ── */
    #mainNav {
      background: #fff;
      border-bottom: none;
      transition: box-shadow .35s, background .35s;
      z-index: 1050;
      padding: 0;
    }
    #mainNav .container { padding-top: 0; padding-bottom: 0; }
    #mainNav.scrolled {
      box-shadow: 0 4px 32px rgba(0,0,0,.1);
      border-bottom: 2px solid var(--gold);
    }

    /* Brand */
    .navbar-brand { padding: 14px 0; }
    .brand-logo-box {
      width: 54px; height: 54px; background: #fff;
      border-radius: 6px; display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; overflow: hidden; ;
    }
    .brand-logo-box img { width: 100%; height: 100%; object-fit: contain; }
    .brand-name-text {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.55rem; font-weight: 700;
      color: #0a1628; letter-spacing: .04em; line-height: 1;
    }
    .brand-sub {
      font-size: .58rem; letter-spacing: .18em;
      text-transform: uppercase; color: #9ca3af;
      font-family: 'Outfit', sans-serif; font-weight: 500;
    }

    /* Nav links */
    .nav-link {
      font-size: .73rem; font-weight: 600;
      letter-spacing: .1em; color: #0a1628 !important;
      text-transform: uppercase; padding: 22px 15px !important;
      position: relative; transition: color .25s;
    }
    .nav-link::after {
      content: ''; position: absolute; bottom: 0;
      left: 15px; right: 15px; height: 3px;
      background: var(--gold); transform: scaleX(0);
      transition: transform .3s; transform-origin: left;
    }
    .nav-link:hover::after, .nav-link.active::after { transform: scaleX(1); }
    .nav-link:hover { color: var(--gold) !important; }

    /* CTA button in nav */
    .nav-cta {
      background: var(--gold); color: #fff !important;
      border-radius: 2px; padding: 10px 22px !important;
      font-size: .72rem; font-weight: 700;
      letter-spacing: .1em; transition: all .3s;
      border: 2px solid var(--gold); margin-left: 8px;
    }
    .nav-cta:hover { background: transparent !important; color: var(--gold) !important; }
    .nav-cta::after { display: none !important; }

    /* ── MEGA DROPDOWN ── */
    .nav-item.has-mega { position: static; }
    .mega-menu {
      display: none; position: absolute;
      left: 0; right: 0;
      top: auto;
      background: #fff;
      border-top: 3px solid var(--gold);
      box-shadow: 0 20px 60px rgba(0,0,0,.14);
      z-index: 9000;
      animation: megaFade .22s ease;
    }
    @keyframes megaFade {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .nav-item.has-mega:hover .mega-menu { display: block; }
    .mega-inner { padding: 36px 0 40px; }
    .mega-col-title {
      font-size: .63rem; letter-spacing: .18em; text-transform: uppercase;
      color: var(--gold); font-weight: 700; margin-bottom: 16px;
      border-bottom: 1px solid #f0ece3; padding-bottom: 10px;
    }
    .mega-link {
      display: flex; align-items: center; gap: 12px;
      padding: 9px 12px; border-radius: 4px;
      font-size: .82rem; color: #374151; font-weight: 500;
      text-decoration: none; transition: all .22s;
      margin-bottom: 2px;
    }
    .mega-link:hover { background: #faf8f4; color: var(--gold); padding-left: 18px; }
    .mega-link .ml-icon {
      width: 36px; height: 36px; border-radius: 4px;
      background: #faf8f4; display: flex; align-items: center;
      justify-content: center; color: var(--gold); font-size: .9rem;
      flex-shrink: 0; transition: background .2s;
    }
    .mega-link:hover .ml-icon { background: var(--gold); color: #fff; }
    .mega-link-label { line-height: 1.2; }
    .mega-link-label small { display: block; font-size: .7rem; color: #9ca3af; font-weight: 400; }
    .mega-feature {
      background: linear-gradient(135deg, #0a1628 0%, #142550 100%);
      border-radius: 6px; padding: 28px; height: 100%;
      display: flex; flex-direction: column; justify-content: space-between;
    }
    .mega-feature h5 { color: #fff; font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; margin-bottom: 10px; }
    .mega-feature p { color: #94a3b8; font-size: .82rem; line-height: 1.7; margin: 0 0 18px; }
    .mega-view-all {
      display: inline-block; background: var(--gold); color: #fff;
      font-size: .72rem; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; padding: 9px 20px; border-radius: 2px;
      text-decoration: none; transition: all .2s;
    }
    .mega-view-all:hover { background: #c9a84c; color: #fff; }
    .mega-cert-list { list-style: none; padding: 0; margin: 0; }
    .mega-cert-list li {
      font-size: .8rem; color: #374151; padding: 6px 0;
      border-bottom: 1px solid #f3f4f6;
      display: flex; align-items: center; gap: 8px;
    }
    .mega-cert-list li:last-child { border: none; }
    .mega-cert-list li i { color: var(--gold); font-size: .75rem; width: 16px; }

    /* Simple dropdown (non-mega) */
    .nav-item.dropdown:not(.has-mega) .dropdown-menu {
      border: none; border-top: 3px solid var(--gold);
      border-radius: 0 0 6px 6px; box-shadow: 0 12px 40px rgba(0,0,0,.12);
      min-width: 200px; padding: 8px 0;
    }

    /* Mobile nav */
    .navbar-toggler { border: none; padding: 8px; }
    .navbar-toggler:focus { box-shadow: none; }
    .toggler-icon {
      width: 24px; height: 2px; background: #0a1628;
      display: block; transition: all .3s;
      position: relative;
    }
    .toggler-icon::before, .toggler-icon::after {
      content: ''; position: absolute; left: 0;
      width: 100%; height: 100%; background: #0a1628;
      transition: all .3s;
    }
    .toggler-icon::before { top: -7px; }
    .toggler-icon::after { top: 7px; }

    /* ── HERO ENHANCED ── */
    #home { position: relative; }
    .carousel-item { height: 96vh; min-height: 580px; }
    .carousel-item img {
      width: 100%; height: 100%; object-fit: cover;
      filter: brightness(.42);
      transform: scale(1.04);
      transition: transform 7s ease !important;
    }
    .carousel-item.active img { transform: scale(1); }

    /* Ken burns pan effect */
    .hero-caption {
      position: absolute; inset: 0;
      display: flex; flex-direction: column;
      justify-content: center; align-items: flex-start;
      padding: 0 8% 5%;
    }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 10px;
      background: rgba(184,148,63,.15);
      border: 1px solid rgba(184,148,63,.5);
      border-radius: 2px; padding: 6px 16px;
      color: #e0b86a; font-size: .68rem;
      font-weight: 700; letter-spacing: .18em;
      text-transform: uppercase; margin-bottom: 24px;
      animation: fadeUp .7s ease both;
    }
    .hero-eyebrow i { font-size: .72rem; }
    .hero-caption h1 {
      font-size: clamp(2.4rem, 3.2vw, 3.1rem);
      color: #fff; line-height: 1.08; font-weight: 700;
      max-width: 700px;
      animation: fadeUp .9s .12s ease both;
      text-shadow: 0 4px 30px rgba(0,0,0,.3);
    }
    .hero-caption h1 em { color: #e0b86a; font-style: normal; }
    .hero-caption p {
      color: rgba(255,255,255,.8); font-size: clamp(.88rem, 1.7vw, 1.05rem);
      max-width: 520px; margin-top: 18px;
      font-weight: 300; line-height: 1.8;
      animation: fadeUp .9s .22s ease both;
    }
    .hero-btns {
      margin-top: 34px; display: flex;
      gap: 14px; flex-wrap: wrap;
      animation: fadeUp .9s .32s ease both;
    }
    .btn-gold {
      background: var(--gold); color: #fff;
      border: 2px solid var(--gold); border-radius: 2px;
      padding: 13px 32px; font-size: .78rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      transition: all .3s; display: inline-block;
      font-family: 'Outfit', sans-serif; cursor: pointer;
    }
    .btn-gold:hover { background: transparent; color: var(--gold); }
    .btn-hero-outline {
      background: transparent; color: #fff;
      border: 2px solid rgba(255,255,255,.6); border-radius: 2px;
      padding: 13px 32px; font-size: .78rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      transition: all .3s; display: inline-block;
    }
    .btn-hero-outline:hover { background: #fff; color: #0a1628; }
    .btn-play-hero {
      background: rgba(255,255,255,.1);
      border: 2px solid rgba(255,255,255,.6);
      color: #fff; border-radius: 30px;
      padding: 13px 28px; font-size: .78rem;
      font-weight: 700; letter-spacing: .06em;
      cursor: pointer; transition: all .3s;
      backdrop-filter: blur(4px);
      display: inline-flex; align-items: center; gap: 10px;
    }
    .btn-play-hero .play-dot {
      width: 28px; height: 28px; border-radius: 50%;
      background: var(--gold); display: flex;
      align-items: center; justify-content: center;
      font-size: .75rem; flex-shrink: 0;
    }
    .btn-play-hero:hover { background: var(--gold); border-color: var(--gold); }

    /* Hero decorative */
    .hero-scroll-cue {
      position: absolute; bottom: 36px; left: 50%;
      transform: translateX(-50%);
      display: flex; flex-direction: column;
      align-items: center; gap: 8px; z-index: 5;
      animation: fadeUp 1s .6s ease both;
    }
    .hero-scroll-cue span {
      font-size: .65rem; letter-spacing: .18em;
      color: rgba(255,255,255,.6); text-transform: uppercase;
      font-weight: 600;
    }
    .scroll-line {
      width: 1px; height: 40px;
      background: linear-gradient(to bottom, rgba(255,255,255,.6), transparent);
      animation: scrollPulse 2s ease infinite;
    }
    @keyframes scrollPulse {
      0%, 100% { opacity: .4; }
      50% { opacity: 1; }
    }

    /* Hero side badge */
    .hero-side-info {
      position: absolute; right: 5%; top: 50%;
      transform: translateY(-50%);
      display: flex; flex-direction: column; gap: 12px;
      animation: fadeUp .9s .4s ease both;
      z-index: 5;
    }
    .hero-badge-item {
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 4px; padding: 14px 18px;
      text-align: center; min-width: 110px;
    }
    .hero-badge-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2rem; font-weight: 700; color: #e0b86a; line-height: 1;
    }
    .hero-badge-lbl {
      font-size: .63rem; letter-spacing: .12em;
      text-transform: uppercase; color: rgba(255,255,255,.7);
      margin-top: 4px;
    }

    /* Carousel indicators */
    .carousel-indicators {
      bottom: 28px; justify-content: flex-start;
      padding-left: 8%;
      margin-bottom: 0;
    }
    .carousel-indicators [data-bs-target] {
      width: 24px; height: 3px; border-radius: 0;
      background: rgba(255,255,255,.4); border: none;
      opacity: 1; transition: all .4s;
    }
    .carousel-indicators .active {
      background: var(--gold); width: 48px;
    }
    .carousel-control-prev, .carousel-control-next { width: 60px; opacity: 0; transition: opacity .3s; }
    #heroCarousel:hover .carousel-control-prev,
    #heroCarousel:hover .carousel-control-next { opacity: 1; }
    .carousel-control-prev-icon, .carousel-control-next-icon {
      width: 42px; height: 42px;
      background-color: rgba(255,255,255,.1);
      background-size: 40%;
      border-radius: 50%;
      backdrop-filter: blur(4px);
    }

    /* ── CLIENTS TICKER ── */
    #clients {
      background: #fff;
      padding: 0;
      border-bottom: 1px solid #f0ece3;
      overflow: hidden;
    }
    .clients-ticker {
      display: flex; gap: 0;
      padding: 0;
    }
    .clients-track {
      display: flex; align-items: center;
      gap: 0;
      animation: tickerScroll 30s linear infinite;
      white-space: nowrap; flex-shrink: 0;
    }
    .clients-track:hover { animation-play-state: paused; }
    @keyframes tickerScroll {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    .client-item {
      display: inline-flex; align-items: center; gap: 12px;
      padding: 18px 40px;
      border-right: 1px solid #f0ece3;
      font-size: .72rem; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase;
      color: #9ca3af; white-space: nowrap;
      transition: color .2s;
      flex-shrink: 0;
    }
    .client-item:hover { color: var(--gold); }
    .client-item i { color: var(--gold); font-size: .9rem; }
    .client-divider-text {
      display: inline-flex; align-items: center;
      padding: 18px 30px;
      font-size: .65rem; letter-spacing: .2em;
      text-transform: uppercase; color: var(--gold);
      font-weight: 700; border-right: 1px solid #f0ece3;
      flex-shrink: 0;
    }

    /* ── STATS ENHANCED ── */
    #statsBar { background: var(--navy); }
    .stat-item {
      text-align: center; padding: 38px 20px;
      border-right: 1px solid rgba(255,255,255,.07);
      position: relative;
    }
    .stat-item::before {
      content: ''; position: absolute;
      top: 0; left: 0; right: 0; height: 3px;
      background: transparent;
      transition: background .3s;
    }
    .stat-item:hover::before { background: var(--gold); }
    .stat-item:last-child { border-right: none; }
    .stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 3rem; font-weight: 700;
      color: var(--gold2); line-height: 1;
    }
    .stat-label {
      font-size: .68rem; letter-spacing: .15em;
      text-transform: uppercase; color: #64748b;
      margin-top: 8px;
    }
    .stat-icon {
      font-size: .9rem; color: rgba(184,148,63,.35);
      margin-bottom: 8px;
    }

    /* ── ABOUT ENHANCED ── */
    #about { padding: 100px 0; }
    .about-label-strip {
      display: flex; align-items: center; gap: 12px;
      margin-bottom: 14px;
    }
    .about-label-strip .strip-line {
      width: 32px; height: 2px; background: var(--gold);
    }
    .about-img-wrap { position: relative; }
    .about-img-main {
      width: 100%; height: 480px;
      object-fit: cover; border-radius: 4px;
      display: block;
    }
    .about-img-accent {
      position: absolute; bottom: -30px; right: -24px;
      width: 200px; height: 160px;
      object-fit: cover; border-radius: 4px;
      border: 6px solid #fff;
      box-shadow: 0 12px 40px rgba(0,0,0,.15);
    }
    .about-badge {
      position: absolute; top: 30px; left: -18px;
      background: var(--gold); color: #fff;
      padding: 20px 24px; text-align: center;
      border-radius: 4px; z-index: 2;
      box-shadow: 0 8px 28px rgba(184,148,63,.4);
    }
    .about-badge .num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2.8rem; font-weight: 700; line-height: 1;
    }
    .about-badge .lbl {
      font-size: .65rem; letter-spacing: .12em; text-transform: uppercase;
    }
    .about-play-wrap {
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; cursor: pointer; z-index: 3;
    }
    .play-ring {
      width: 72px; height: 72px; border-radius: 50%;
      background: rgba(184,148,63,.9);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.3rem; color: #fff;
      margin: 0 auto 10px;
      transition: transform .3s, box-shadow .3s;
      box-shadow: 0 0 0 14px rgba(184,148,63,.22);
    }
    .about-play-wrap:hover .play-ring { transform: scale(1.1); }
    .about-play-wrap span {
      color: #fff; font-size: .72rem;
      font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; text-shadow: 0 2px 8px rgba(0,0,0,.5);
    }
    .about-pill {
      background: #fff; border: 1px solid #e5e7eb;
      border-radius: 4px; padding: 12px;
      display: flex; flex-direction: column;
      align-items: center; gap: 7px;
      transition: all .25s; text-align: center;
    }
    .about-pill:hover { border-color: var(--gold); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(184,148,63,.15); }
    .about-pill i { color: var(--gold); font-size: 1.2rem; }
    .about-pill span { font-size: .72rem; font-weight: 600; color: var(--navy); }
    .mvq-card {
      background: #f9f7f2; border-radius: 4px;
      padding: 20px; border-left: 3px solid var(--gold); height: 100%;
    }
    .mvq-card i { color: var(--gold); font-size: 1.1rem; margin-bottom: 9px; display: block; }
    .mvq-card h6 { font-family: 'Cormorant Garamond', serif; font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
    .mvq-card p { font-size: .8rem; color: #6b7280; line-height: 1.65; margin: 0; }

    /* ── PRODUCT HIGHLIGHTS ── */
    #products { padding: 100px 0; }
    .product-card-link { display: block; text-decoration: none; height: 100%; }
    .product-card {
      background: #fff; border-radius: 4px;
      overflow: hidden; transition: transform .35s, box-shadow .35s;
      height: 100%; border: 1px solid #f0ece3;
    }
    .product-card:hover { transform: translateY(-8px); box-shadow: 0 22px 50px rgba(0,0,0,.1); }
    .product-img-wrap { position: relative; overflow: hidden; }
    .product-img-wrap img {
      width: 100%; height: 250px;
      object-fit: cover; transition: transform .6s; display: block;
    }
    .product-card:hover .product-img-wrap img { transform: scale(1.07); }
    .prod-overlay {
      position: absolute; inset: 0;
      background: rgba(184,148,63,.75);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem; color: #fff;
      opacity: 0; transition: opacity .3s;
    }
    .product-card:hover .prod-overlay { opacity: 1; }
    .product-card-body { padding: 22px; }
    .product-tag {
      display: inline-block; background: var(--gold);
      color: #fff; font-size: .62rem; letter-spacing: .12em;
      text-transform: uppercase; font-weight: 700;
      padding: 3px 10px; border-radius: 2px; margin-bottom: 10px;
    }
    .product-card-body h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.22rem; font-weight: 700;
      color: var(--navy); margin-bottom: 7px;
    }
    .product-card-body p { font-size: .83rem; color: #6b7280; line-height: 1.7; margin-bottom: 12px; }
    .prod-link-text {
      font-size: .72rem; font-weight: 700; color: var(--gold);
      letter-spacing: .08em; text-transform: uppercase;
      display: flex; align-items: center; gap: 6px;
    }
    .prod-link-text i { transition: transform .3s; }
    .product-card:hover .prod-link-text i { transform: translateX(4px); }

    /* ── WHY CHOOSE US ── */
    #why { padding: 100px 0; background: #f9f7f2; }
    .why-card {
      background: #fff; border-radius: 4px;
      padding: 34px 26px; height: 100%;
      border: 1px solid #f0ece3; transition: all .3s;
      position: relative; overflow: hidden;
    }
    .why-card::before {
      content: ''; position: absolute;
      bottom: 0; left: 0; right: 0; height: 3px;
      background: var(--gold); transform: scaleX(0);
      transition: transform .3s;
    }
    .why-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,.09); }
    .why-card:hover::before { transform: scaleX(1); }
    .why-icon {
      width: 58px; height: 58px; border-radius: 4px;
      background: linear-gradient(135deg, var(--gold) 0%, #c9a84c 100%);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.3rem; color: #fff; margin-bottom: 18px;
    }
    .why-card h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.15rem; font-weight: 700;
      color: var(--navy); margin-bottom: 10px;
    }
    .why-card p { font-size: .83rem; color: #6b7280; line-height: 1.75; margin: 0; }
    .why-num {
      position: absolute; top: 20px; right: 20px;
      font-family: 'Cormorant Garamond', serif;
      font-size: 2.5rem; font-weight: 700;
      color: rgba(184,148,63,.1); line-height: 1;
    }

    /* ── PROCESS ENHANCED ── */
    #process { padding: 100px 0; background: #0a1628; }
    .process-step {
      text-align: center; padding: 32px 22px;
      border-radius: 4px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.07);
      transition: all .3s; height: 100%;
      position: relative;
    }
    .process-step:hover {
      background: rgba(184,148,63,.08);
      border-color: rgba(184,148,63,.4);
      transform: translateY(-6px);
    }
    .step-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 3rem; 
      /* color: rgba(184,148,63,.12); */
      color: #ffffff8c;
      font-weight: 700; line-height: 1; margin-bottom: 2px;
    }
    .process-icon {
      width: 261px; 
      /* height: 110px; */
      border-radius: 10%;
      background: #ffffff;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 16px; font-size: 1.35rem; color: #fff;
      box-shadow: 0 4px 18px rgba(184,148,63,.3);
      padding: 2px;
    }
    .process-step h5 { color: #fff; font-size: 1rem; margin-bottom: 8px; }
    .process-step p { color: #64748b; font-size: .82rem; line-height: 1.7; margin: 0; }
    .process-connector {
      position: absolute; right: -20px; top: 50%;
      transform: translateY(-50%);
      color: rgba(184,148,63,.3); font-size: 1.1rem;
      z-index: 2;
    }

    /* ── CERTIFICATIONS ENHANCED ── */
    #certs { padding: 100px 0; background: #fff; }
    .cert-card {
      border: 1px solid #e5e7eb; border-radius: 4px;
      padding: 30px 18px; text-align: center;
      transition: all .3s; height: 100%;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
    }
    .cert-card:hover {
      border-color: var(--gold);
      box-shadow: 0 8px 28px rgba(184,148,63,.14);
      transform: translateY(-4px);
    }
    .cert-icon {
      width: 94px; height: 94px;
      background: #faf8f4; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 14px; font-size: 1.5rem; color: var(--gold);
      padding: 2px;
    }
    .cert-card:hover .cert-icon { background: var(--gold); color: #fff; }
    .cert-card h6 { font-size: .88rem; font-weight: 700; color: var(--navy); margin: 0; }
    .cert-card small { font-size: .73rem; color: #9ca3af; margin-top: 5px; display: block; }

    /* ── CTA ── */
    #cta {
      background: linear-gradient(135deg, #0a1628 0%, #142550 100%);
      padding: 100px 0; position: relative; overflow: hidden;
    }
    #cta::before {
      content: ''; position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23b8943f' fill-opacity='0.07'/%3E%3C/svg%3E");
    }
    .cta-inner { position: relative; z-index: 1; }

    /* ── CONTACT ── */
    #contact { padding: 100px 0; background: #f9f7f2; }
    .contact-card {
      background: #fff; border-radius: 4px;
      padding: 26px; height: 100%;
      border: 1px solid #f0ece3;
      transition: all .25s;
    }
    .contact-card:hover { border-color: var(--gold); }
    .contact-icon {
      width: 52px; height: 52px; border-radius: 4px;
      background: var(--gold);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem; color: #fff; margin-bottom: 16px;
    }
    .contact-card h5 { font-size: 1rem; color: var(--navy); margin-bottom: 7px; }
    .contact-card p, .contact-card a {
      font-size: .86rem; color: #6b7280;
      text-decoration: none; line-height: 1.85;
    }
    .contact-card a:hover { color: var(--gold); }
    .contact-form-wrap {
      background: #fff; border-radius: 4px;
      padding: 38px; border: 1px solid #f0ece3;
    }
    .form-control, .form-select {
      border: 1px solid #d1d5db; border-radius: 3px;
      padding: 11px 16px; font-size: .88rem;
      background: #fff; font-family: 'Outfit', sans-serif;
    }
    .form-control:focus, .form-select:focus {
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(184,148,63,.12);
    }
    textarea.form-control { resize: none; }
    .contact-submit-btn {
      border: 2px solid var(--gold); border-radius: 3px;
      cursor: pointer; padding: 13px;
      font-size: .85rem; font-family: 'Outfit', sans-serif;
    }

    /* ── FOOTER ENHANCED ── */
    footer { background: #111827; color: #64748b; padding-top: 80px; }
    .footer-brand {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.9rem; font-weight: 700; color: #fff;
    }
    .footer-brand em { color: var(--gold); font-style: normal; }
    .footer-heading {
      font-size: .65rem; letter-spacing: .18em; text-transform: uppercase;
      color: #fff; font-weight: 700; margin-bottom: 18px;
    }
    .footer-links { list-style: none; padding: 0; }
    .footer-links li { margin-bottom: 10px; }
    .footer-links a {
      color: #64748b; text-decoration: none;
      font-size: .85rem; transition: color .2s;
      display: flex; align-items: center; gap: 8px;
    }
    .footer-links a i { font-size: .7rem; color: var(--gold); }
    .footer-links a:hover { color: var(--gold2); }
    .footer-divider { border-color: rgba(255,255,255,.06); margin: 48px 0 0; }
    .footer-bottom { padding: 18px 0; font-size: .78rem; }
    .social-btn {
      width: 38px; height: 38px; background: rgba(255,255,255,.06);
      border-radius: 50%; display: inline-flex;
      align-items: center; justify-content: center;
      color: #64748b; text-decoration: none;
      transition: all .3s; margin-right: 8px;
    }
    .social-btn:hover { background: var(--gold); color: #fff; }
    .footer-cert-badge {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
      border-radius: 3px; padding: 5px 10px;
      font-size: .68rem; color: #9ca3af; margin: 3px;
    }
    .footer-cert-badge i { color: var(--gold); font-size: .65rem; }
    .working-hours-box {
      background: rgba(184,148,63,.07); border: 1px solid rgba(184,148,63,.2);
      border-radius: 4px; padding: 14px; margin-top: 16px;
      font-size: .82rem; line-height: 1.8;
    }
    .wh-title {
      font-size: .65rem; letter-spacing: .14em;
      text-transform: uppercase; color: var(--gold2); font-weight: 700; margin-bottom: 4px;
    }

    /* ── VIDEO POPUP ── */
    .video-popup-overlay {
      position: fixed; inset: 0; background: rgba(5,10,25,.93);
      z-index: 99999; display: flex; align-items: center; justify-content: center;
      opacity: 0; pointer-events: none; transition: opacity .4s;
      backdrop-filter: blur(8px);
    }
    .video-popup-overlay.active { opacity: 1; pointer-events: auto; }
    .video-popup-box {
      background: #0d1f3c; border-radius: 8px;
      width: 92%; max-width: 840px; padding: 36px;
      position: relative; border: 1px solid rgba(184,148,63,.25);
      box-shadow: 0 40px 100px rgba(0,0,0,.7);
      transform: scale(.94); transition: transform .4s;
    }
    .video-popup-overlay.active .video-popup-box { transform: scale(1); }
    .video-popup-close {
      position: absolute; top: 14px; right: 14px;
      width: 36px; height: 36px; border-radius: 50%;
      background: rgba(255,255,255,.08); border: none;
      color: #fff; font-size: 1rem; cursor: pointer;
      transition: background .2s; display: flex;
      align-items: center; justify-content: center;
    }
    .video-popup-close:hover { background: var(--gold); }
    .video-popup-header { margin-bottom: 20px; }
    .video-frame-wrap { position: relative; padding-bottom: 40.25%; height: 0; overflow: hidden; border-radius: 6px; }
    .video-frame-wrap iframe, .video-frame-wrap video {
      position: absolute; top: 0; left: 0; width: 100%; height: 100%;
      object-fit: cover;
    }
    /* height: 360px; */
    #videoFrame { width: 100%;  object-fit: cover; border-radius: 8px; }
    .video-popup-footer { display: flex; align-items: center; gap: 16px; margin-top: 22px; flex-wrap: wrap; }
    .btn-skip {
      background: transparent; border: 2px solid rgba(255,255,255,.25);
      color: rgba(255,255,255,.65); border-radius: 3px;
      padding: 10px 22px; font-size: .8rem; font-weight: 600;
      letter-spacing: .07em; cursor: pointer; transition: all .3s;
    }
    .btn-skip:hover { border-color: var(--gold); color: var(--gold2); }

    /* ── BACK TO TOP ── */
    #backTop {
      position: fixed; bottom: 28px; right: 28px;
      width: 44px; height: 44px; background: var(--gold);
      color: #fff; border: none; border-radius: 4px;
      font-size: .9rem; display: flex;
      align-items: center; justify-content: center;
      cursor: pointer; opacity: 0; pointer-events: none;
      transition: opacity .3s, transform .3s; z-index: 9999;
      box-shadow: 0 4px 18px rgba(184,148,63,.4);
    }
    #backTop.show { opacity: 1; pointer-events: auto; }
    #backTop:hover { transform: translateY(-4px); }

    /* ── REVEAL ── */
    .reveal { opacity: 0; transform: translateY(30px); transition: opacity .75s ease, transform .75s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* ── UTILS ── */
    .section-pad { padding: 100px 0; }
    .sec-tag {
      display: block; font-size: .68rem; letter-spacing: .2em;
      text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 10px;
    }
    .sec-title {
      font-size: clamp(1.9rem, 4vw, 3rem);
      font-weight: 700; color: var(--navy); line-height: 1.15;
    }
    .sec-line { width: 48px; height: 3px; background: var(--gold); margin: 14px 0 22px; }
    .sec-line.center { margin: 14px auto 22px; }
    .sec-sub { max-width: 560px; margin: 0 auto; color: #6b7280; font-size: .93rem; line-height: 1.8; }
    .about-p { color: #6b7280; line-height: 1.85; font-size: .95rem; margin-bottom: 14px; }
    @keyframes fadeUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }



    /* ── MOBILE ADJUSTMENTS ── */
    @media (max-width: 991px) {
      .carousel-item { height: 75vh; }
      .hero-side-info { display: none; }
      .hero-caption { padding: 0 6% 8%; }
      .mega-menu { position: relative; border: none; border-top: none; box-shadow: none; padding-top: 0; }
      .mega-menu .container { padding: 0; }
      .mega-inner { padding: 12px 0 0; }
      .nav-item.has-mega:hover .mega-menu { display: none; }
      .nav-item.has-mega .mega-toggle { display: flex; }
      .mega-feature { display: none; }
      .nav-link { padding: 12px 16px !important; }
      .nav-link::after { display: none; }
      .about-img-main { height: 340px; }
      .about-img-accent { display: none; }
      .about-badge { right: 0; left: 0; bottom: 0; top: auto; position: static; margin-top: 14px; display: inline-block; }
    }
    @media (max-width: 767px) {
      .carousel-item { height: 88vh; }
      .hero-caption h1 { font-size: 2rem; }
      .hero-btns { flex-direction: column; align-items: flex-start; }
      .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }
      .stat-item:last-child { border-bottom: none; }
      .video-popup-box { padding: 20px; }
      #topbar .topbar-social { display: none; }
      .contact-form-wrap { padding: 24px; }
  .audit-item{flex-wrap:wrap}
    }
    @media (max-width: 480px) {
      .hero-caption h1 { font-size: 1.75rem; }
      .hero-eyebrow { font-size: .6rem; }
    }

    /* Smooth transition for mega menu hover on desktop */
    @media (min-width: 992px) {
      .mega-menu {
        display: none;
        pointer-events: none;
      }
      .nav-item.has-mega:hover .mega-menu {
        display: block;
        pointer-events: auto;
      }
      /* Ensure mega menu is accessible */
      .mega-menu:hover {
        display: block;
        pointer-events: auto;
      }
    }


/* ── PRODUCT CARDS ── */
.product-card-link { display: block; text-decoration: none; height: 100%; }
.product-card { background: var(--light); border-radius: 6px; overflow: hidden; transition: transform .35s, box-shadow .35s; height: 100%; }
.product-card:hover { transform: translateY(-8px); box-shadow: 0 22px 50px rgba(0,0,0,.1); }
.product-img-wrap { position: relative; overflow: hidden; }
.product-img-wrap img { width: 100%; height: 240px; object-fit: cover; transition: transform .5s; display: block; }
.product-card:hover .product-img-wrap img { transform: scale(1.06); }
.prod-overlay { position: absolute; inset: 0; background: rgba(184,148,63,.7); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; opacity: 0; transition: opacity .3s; }
.product-card:hover .prod-overlay { opacity: 1; }
.product-card-body { padding: 22px; }
.product-tag { display: inline-block; background: var(--gold); color: #fff; font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; padding: 3px 10px; border-radius: 2px; margin-bottom: 9px; }
.product-card-body h5 { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.product-card-body p { font-size: .84rem; color: var(--gray); line-height: 1.7; margin-bottom: 12px; }
.prod-link-text { font-size: .78rem; font-weight: 700; color: var(--gold); letter-spacing: .06em; text-transform: uppercase; }

/* ── PROCESS ── */
/* .process-step { text-align: center; padding: 30px 20px; border-radius: 6px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); transition: all .3s; height: 100%; }
.process-step:hover { background: rgba(184,148,63,.1); border-color: rgba(184,148,63,.5); transform: translateY(-6px); }
.step-num { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: rgba(184,148,63,.18); font-weight: 700; line-height: 1; margin-bottom: 4px; }
.process-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--gold); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 1.4rem; color: #fff; }
.process-step h5 { color: #fff; font-size: 1.05rem; margin-bottom: 8px; }
.process-step p { color: #94a3b8; font-size: .83rem; line-height: 1.7; margin: 0; } */

/* ── CERTS ── */
/* .cert-card { border: 1px solid #e5e7eb; border-radius: 6px; padding: 28px 18px; text-align: center; transition: all .3s; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cert-card:hover { border-color: var(--gold); box-shadow: 0 8px 24px rgba(184,148,63,.12); transform: translateY(-4px); }
.cert-icon { width: 62px; height: 62px; background: var(--light); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; font-size: 1.5rem; color: var(--gold); }
.cert-card h6 { font-size: .88rem; font-weight: 700; color: var(--navy); margin: 0; }
.cert-card small { font-size: .74rem; color: var(--gray); margin-top: 4px; display: block; } */

/* ── CTA ── */
#cta { background: linear-gradient(135deg, var(--navy) 0%, #142550 60%, #0d1f42 100%); padding: 80px 0; position: relative; overflow: hidden; }
#cta::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8943f' fill-opacity='0.06'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/svg%3E"); }


/* ── BACK TO TOP ── */
#backTop { position: fixed; bottom: 28px; right: 28px; width: 44px; height: 44px; background: var(--gold); color: #fff; border: none; border-radius: 4px; font-size: 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s; z-index: 9999; box-shadow: 0 4px 18px rgba(184,148,63,.4); }
#backTop.show { opacity: 1; pointer-events: auto; }
#backTop:hover { transform: translateY(-4px); }


/* ── ANIMATIONS ── */
@keyframes fadeUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }

/* ══════════════════════════════════════════
   PRODUCTS PAGE SPECIFIC STYLES
══════════════════════════════════════════ */

/* Page hero banner */
.page-hero { background: linear-gradient(135deg, var(--navy) 0%, #1a3060 100%); padding: 80px 0 60px; }
.page-hero h1 { color: #fff; font-size: clamp(2rem, 4vw, 3.5rem); }
.breadcrumb-item a { color: var(--gold2); text-decoration: none; }
.breadcrumb-item.active, .breadcrumb-separator { color: #94a3b8; }
.breadcrumb-item + .breadcrumb-item::before { color: #94a3b8; }

/* Filter sidebar */
.filter-sidebar { background: #fff; border-radius: 6px; padding: 28px; box-shadow: 0 2px 16px rgba(0,0,0,.06); position: sticky; top: 90px; }
.filter-title { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--navy); border-bottom: 2px solid var(--gold); padding-bottom: 10px; margin-bottom: 16px; }
.filter-btn { display: block; width: 100%; text-align: left; background: none; border: none; font-size: .88rem; color: var(--gray); padding: 8px 12px; border-radius: 3px; cursor: pointer; transition: all .2s; margin-bottom: 3px; font-family: 'Outfit', sans-serif; }
.filter-btn:hover, .filter-btn.active { background: var(--gold); color: #fff; padding-left: 16px; }
.filter-btn .count { float: right; font-size: .75rem; opacity: .7; }

/* Gallery grid */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.gallery-item { background: #fff; border-radius: 6px; overflow: hidden; transition: transform .35s, box-shadow .35s; }
.gallery-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,.12); }
.gallery-item .gi-img { position: relative; overflow: hidden; }
.gallery-item .gi-img img { width: 100%; height: 260px; object-fit: cover; transition: transform .5s; display: block; }
.gallery-item:hover .gi-img img { transform: scale(1.07); }
.gi-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,22,40,.8) 0%, transparent 60%); opacity: 0; transition: opacity .35s; display: flex; align-items: flex-end; padding: 18px; }
.gallery-item:hover .gi-overlay { opacity: 1; }
.gi-overlay .gi-btns { display: flex; gap: 8px; }
.gi-btn { background: var(--gold); color: #fff; border: none; border-radius: 3px; padding: 8px 16px; font-size: .78rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: background .2s; font-family: 'Outfit', sans-serif; }
.gi-btn.outline { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.5); }
.gi-btn:hover { background: #d4a94a; }
.gi-body { padding: 18px; }
.gi-cat { font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 5px; }
.gi-title { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-weight: 700; color: var(--navy); margin-bottom: 5px; }
.gi-info { font-size: .82rem; color: var(--gray); line-height: 1.5; }
.gi-tags { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px; }
.gi-tag { background: var(--light); font-size: .68rem; color: var(--gray); padding: 3px 9px; border-radius: 2px; border: 1px solid #e5e7eb; }

/* Product detail modal */
.prod-modal .modal-content { border: none; border-radius: 8px; overflow: hidden; }
.prod-modal .modal-header { background: var(--navy); border: none; padding: 20px 24px; }
.prod-modal .modal-title { color: #fff; font-size: 1.3rem; }
.prod-modal .btn-close { filter: invert(1) brightness(2); }
.prod-detail-img { width: 100%; height: 340px; object-fit: cover; border-radius: 6px; }
.prod-spec-row { display: flex; gap: 10px; margin-bottom: 10px; font-size: .87rem; }
.prod-spec-label { font-weight: 700; color: var(--navy); min-width: 110px; }
.prod-spec-val { color: var(--gray); }
.spec-divider { border: none; border-top: 1px solid #e5e7eb; margin: 16px 0; }

/* Sort bar */
.sort-bar { background: #fff; border-radius: 6px; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.05); margin-bottom: 24px; }
.sort-bar .result-count { font-size: .85rem; color: var(--gray); }
.sort-bar .result-count strong { color: var(--navy); }
.sort-select { border: 1px solid #d1d5db; border-radius: 3px; padding: 7px 14px; font-size: .83rem; color: var(--navy); font-family: 'Outfit', sans-serif; cursor: pointer; }

/* Search bar */
.prod-search-wrap { position: relative; margin-bottom: 20px; }
.prod-search-wrap input { width: 100%; border: 1px solid #d1d5db; border-radius: 4px; padding: 10px 40px 10px 16px; font-size: .9rem; font-family: 'Outfit', sans-serif; }
.prod-search-wrap input:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(184,148,63,.12); }
.prod-search-wrap i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--gray); }

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
  .carousel-item { height: 72vh; }
  .hero-caption { padding: 0 5% 8%; }
  .about-badge { right: 0; bottom: 0; }
  .about-img-wrap img { height: 320px; }
  .filter-sidebar { position: static; margin-bottom: 24px; }
}
@media (max-width: 767px) {
  .carousel-item { height: 85vh; }
  .hero-caption h1 { font-size: 1.9rem; }
  .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat-item:last-child { border: none; }
  .video-popup-box { padding: 22px; }
  .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
  .about-badge { position: static; margin-top: 14px; display: inline-block; }
}
@media (max-width: 480px) {
  .gallery-grid { grid-template-columns: 1fr; }
  .hero-btns { flex-direction: column; align-items: flex-start; }
}



/*  CSR */

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,#0a1628 0%,#142550 100%);padding:80px 0 68px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23b8943f' fill-opacity='0.06'/%3E%3C/svg%3E")}
.page-hero-inner{position:relative;z-index:1}
.breadcrumb{--bs-breadcrumb-divider:'›';background:none;padding:0;margin:0 0 18px}
.breadcrumb-item a{color:#e0b86a}
.breadcrumb-item.active{color:#94a3b8}
.breadcrumb-item+.breadcrumb-item::before{color:#64748b}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(184,148,63,.12);border:1px solid rgba(184,148,63,.35);border-radius:2px;padding:6px 14px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#e0b86a;font-weight:700;margin-bottom:18px}

/* CERT PILLAR CARDS */
.cert-pillar{background:#fff;border-radius:4px;padding:36px 28px;height:100%;border:1px solid #f0ece3;transition:all .35s;position:relative;overflow:hidden}
.cert-pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transition:transform .35s;transform-origin:left}
.cert-pillar:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
.cert-pillar:hover::before{transform:scaleX(1)}
.cert-logo-circle{width:100px;height:100px;border-radius:50%;background:#faf8f4;border:2px solid #f0ece3;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:var(--gold);transition:all .35s}
.cert-pillar:hover .cert-logo-circle{background:var(--gold);color:#fff;border-color:var(--gold)}
.cert-pillar h4{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:6px;text-align:center}
.cert-pillar .cert-subtitle{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;text-align:center;margin-bottom:16px}
.cert-pillar p{font-size:.85rem;color:#6b7280;line-height:1.75;margin-bottom:16px}
.cert-detail-list{list-style:none;padding:0;margin:0}
.cert-detail-list li{font-size:.82rem;color:#374151;padding:6px 0;border-bottom:1px solid #f0ece3;display:flex;align-items:flex-start;gap:9px;line-height:1.5}
.cert-detail-list li:last-child{border:none}
.cert-detail-list li i{color:var(--gold);font-size:.72rem;margin-top:4px;flex-shrink:0}
.cert-status-badge{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#16a34a;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:700;margin-top:14px}
.cert-status-badge.pending{background:#fef3c7;color:#d97706}

/* CERT SUMMARY GRID */
.cert-summary-card{background:#fff;border-radius:4px;border:1px solid #f0ece3;padding:22px 18px;text-align:center;transition:all .3s;height:100%}
.cert-summary-card:hover{border-color:var(--gold);box-shadow:0 8px 28px rgba(184,148,63,.14);transform:translateY(-4px)}
.cs-icon{width:90px;height:90px; padding: 2px;border-radius:50%;background:#faf8f4;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.4rem;color:var(--gold);transition:all .3s}
.cert-summary-card:hover .cs-icon{background:var(--gold);color:#fff}
.cert-summary-card h6{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.cert-summary-card small{font-size:.74rem;color:#9ca3af;display:block;margin-bottom:8px}
.cert-progress{background:#f0ece3;border-radius:20px;height:5px;overflow:hidden;margin-top:10px}
.cert-progress-bar{height:100%;background:var(--gold);border-radius:20px;transition:width 1.5s ease}

/* CSR CARDS */
.csr-card{background:#fff;border-radius:4px;overflow:hidden;border:1px solid #f0ece3;height:100%;transition:all .3s}
.csr-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,0,0,.09)}
.csr-img{position:relative;overflow:hidden}
.csr-img img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s}
.csr-card:hover .csr-img img{transform:scale(1.06)}
.csr-img-tag{position:absolute;bottom:12px;left:12px;background:var(--gold);color:#fff;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:2px}
.csr-body{padding:22px}
.csr-body h5{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:var(--navy);margin-bottom:9px}
.csr-body p{font-size:.84rem;color:#6b7280;line-height:1.75;margin-bottom:12px}
.csr-list{list-style:none;padding:0;margin:0}
.csr-list li{font-size:.81rem;color:#374151;padding:4px 0;display:flex;align-items:flex-start;gap:8px}
.csr-list li i{color:var(--gold);font-size:.7rem;margin-top:3px;flex-shrink:0}

/* COMPLIANCE MATRIX */
.matrix-section{padding:100px 0;background:#fff}
.matrix-table{width:100%;border-collapse:collapse}
.matrix-table th{background:var(--navy);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:13px 16px;font-weight:600;font-family:'Outfit',sans-serif;text-align:left}
.matrix-table td{padding:12px 16px;font-size:.86rem;color:#374151;border-bottom:1px solid #f0ece3}
.matrix-table tr:hover td{background:#faf8f4}
.matrix-table td:first-child{font-weight:700;color:var(--navy)}
.badge-yes{background:#dcfce7;color:#16a34a;padding:2px 12px;border-radius:20px;font-size:.7rem;font-weight:700}
.badge-progress{background:#fef3c7;color:#d97706;padding:2px 12px;border-radius:20px;font-size:.7rem;font-weight:700}
.badge-na{background:#f3f4f6;color:#9ca3af;padding:2px 10px;border-radius:20px;font-size:.7rem}

/* SUSTAINABILITY PILLARS */
.pillar-card{background:linear-gradient(135deg,#0a1628 0%,#142550 100%);border-radius:4px;padding:36px 28px;height:100%;border:1px solid rgba(255,255,255,.06);transition:all .3s;position:relative;overflow:hidden}
.pillar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transition:transform .3s;transform-origin:left}
.pillar-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.pillar-card:hover::before{transform:scaleX(1)}
.pillar-num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:700;color:rgba(184,148,63,.1);line-height:1;margin-bottom:0}
.pillar-icon{width:248px;height:115px; padding: 2px;border-radius:4px;background:rgba(184,148,63,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--gold2);margin-bottom:16px}
.pillar-card h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:9px}
.pillar-card p{color:#64748b;font-size:.83rem;line-height:1.75;margin:0}
.pillar-icon img{border-radius: 10px;}

/* AUDIT SECTION */
.audit-item{background:#fff;border-radius:4px;padding:22px 24px;border:1px solid #f0ece3;margin-bottom:14px;display:flex;align-items:flex-start;gap:18px;transition:all .3s}
.audit-item:hover{border-color:rgba(184,148,63,.3);box-shadow:0 6px 24px rgba(0,0,0,.07)}
.audit-icon{width:50px;height:50px;border-radius:4px;background:var(--gold);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}
.audit-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:5px}
.audit-body{font-size:.84rem;color:#6b7280;line-height:1.7;margin:0}
.audit-tag{display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#16a34a;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;margin-top:8px}


/* INFO ACCORDION */
.info-acc .accordion-button{font-size:.9rem;font-weight:700;color:var(--navy);background:#fff;font-family:'Outfit',sans-serif;padding:16px 20px}
.info-acc .accordion-button:not(.collapsed){background:#faf8f4;color:var(--gold);box-shadow:none}
.info-acc .accordion-button::after{filter:brightness(0) saturate(100%) invert(61%) sepia(51%) saturate(452%) hue-rotate(2deg) brightness(94%) contrast(88%)}
.info-acc .accordion-body{font-size:.86rem;color:#6b7280;line-height:1.8;padding:16px 20px 20px}
.info-acc .accordion-item{border:1px solid #f0ece3;border-radius:4px !important;margin-bottom:10px;overflow:hidden}

/* CTA */
.cta-section{background:linear-gradient(135deg,#0a1628 0%,#142550 100%);padding:100px 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23b8943f' fill-opacity='0.07'/%3E%3C/svg%3E")}
.cta-inner{position:relative;z-index:1}



/* ── HERO ── */
    .cap-pg-hero {
      background: linear-gradient(135deg, #0a1628 0%, #142550 100%);
      padding: 84px 0 72px;
      position: relative; overflow: hidden;
    }
    .cap-pg-hero::before {
      content: ''; position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23b8943f' fill-opacity='0.06'/%3E%3C/svg%3E");
    }
    .cap-pg-hero-inner { position: relative; z-index: 1; }
    .cap-pg-stats { display: flex; gap: 36px; margin-top: 36px; flex-wrap: wrap; }
    .cap-pg-stat { text-align: left; }
    .cap-pg-stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2.4rem; font-weight: 700; color: #e0b86a; line-height: 1;
    }
    .cap-pg-stat-lbl {
      font-size: .66rem; letter-spacing: .14em;
      text-transform: uppercase; color: #64748b; margin-top: 4px;
    }
    .cap-pg-divider { width: 1px; background: rgba(255,255,255,.12); align-self: stretch; margin: 4px 0; }

    /* ── PROCESS SECTION (all prefixed cap-pg-) ── */
    .cap-pg-process-section { padding: 100px 0; background: #fff; }

    .cap-pg-timeline { position: relative; }
    .cap-pg-timeline::before {
      content: ''; position: absolute;
      top: 60px; bottom: 60px; left: 50%;
      transform: translateX(-50%);
      width: 2px;
      background: linear-gradient(to bottom, #b8943f, rgba(184,148,63,.1));
    }

    /* Each row: content | node | content */
    .cap-pg-row {
      display: grid;
      grid-template-columns: 1fr 80px 1fr;
      gap: 0 32px;
      margin-bottom: 56px;
      align-items: start;
    }
    .cap-pg-row:last-child { margin-bottom: 0; }

    /* Left card (normal rows) */
    .cap-pg-card {
      background: #fff;
      border: 1px solid #f0ece3;
      border-radius: 4px;
      padding: 30px 28px;
      transition: all .35s;
      position: relative;
      overflow: hidden;
    }
    .cap-pg-card::before {
      content: ''; position: absolute;
      top: 0; left: 0; right: 0; height: 3px;
      background: var(--gold);
      transform: scaleX(0); transform-origin: left;
      transition: transform .35s; border-radius: 4px 4px 0 0;
    }
    .cap-pg-card:hover { border-color: rgba(184,148,63,.3); box-shadow: 0 16px 44px rgba(0,0,0,.08); transform: translateY(-4px); }
    .cap-pg-card:hover::before { transform: scaleX(1); }

    /* Right card flips the accent bar origin */
    .cap-pg-row.cap-pg-right .cap-pg-card::before { transform-origin: right; }

    /* Empty placeholder keeps grid symmetric */
    .cap-pg-empty { background: transparent; border: none; box-shadow: none; }

    .cap-pg-node {
      display: flex; flex-direction: column;
      align-items: center; gap: 8px;
      padding-top: 20px;
    }
    .cap-pg-node-circle {
      width: 56px; height: 56px; border-radius: 50%;
      background: #0a1628; border: 3px solid #b8943f;
      display: flex; align-items: center; justify-content: center;
      color: #b8943f; font-size: 1.1rem;
      position: relative; z-index: 2;
      transition: all .3s;
      box-shadow: 0 0 0 6px rgba(184,148,63,.08);
    }
    .cap-pg-row:hover .cap-pg-node-circle { background: #b8943f; color: #fff; }
    .cap-pg-node-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: .75rem; font-weight: 700; color: #9ca3af; letter-spacing: .08em;
    }

    .cap-pg-step-tag {
      font-size: .63rem; letter-spacing: .16em;
      text-transform: uppercase; color: #b8943f;
      font-weight: 700; margin-bottom: 7px; display: block;
    }
    .cap-pg-step-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.45rem; font-weight: 700;
      color: #0a1628; margin-bottom: 10px;
    }
    .cap-pg-step-desc {
      font-size: .86rem; color: #6b7280;
      line-height: 1.8; margin-bottom: 16px;
    }
    .cap-pg-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
    .cap-pg-bullets li {
      font-size: .81rem; color: #374151;
      display: flex; align-items: flex-start; gap: 9px; line-height: 1.5;
    }
    .cap-pg-bullets li i { color: #b8943f; font-size: .65rem; margin-top: 5px; flex-shrink: 0; }

    /* ── CAPABILITIES GRID ── */
    .cap-pg-grid-section { padding: 100px 0; background: #f4f1eb; }
    .cap-pg-grid-card {
      background: #fff; border: 1px solid #f0ece3;
      border-radius: 4px; padding: 32px 26px; height: 100%;
      transition: all .35s; position: relative; overflow: hidden;
    }
    .cap-pg-grid-card::after {
      content: ''; position: absolute;
      bottom: 0; left: 0; right: 0; height: 4px;
      background: #b8943f; transform: scaleX(0); transition: transform .35s;
    }
    .cap-pg-grid-card:hover { transform: translateY(-6px); box-shadow: 0 20px 52px rgba(0,0,0,.09); }
    .cap-pg-grid-card:hover::after { transform: scaleX(1); }
    .cap-pg-grid-icon {
      width: 62px; height: 62px; border-radius: 4px;
      background: #faf8f4; border: 1px solid #f0ece3;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; color: #b8943f; margin-bottom: 18px; transition: all .3s;
    }
    .cap-pg-grid-card:hover .cap-pg-grid-icon { background: #b8943f; color: #fff; border-color: #b8943f; }
    .cap-pg-grid-card h4 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.25rem; font-weight: 700; color: #0a1628; margin-bottom: 8px;
    }
    .cap-pg-grid-card p { font-size: .84rem; color: #6b7280; line-height: 1.75; margin-bottom: 14px; }
    .cap-pg-tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
    .cap-pg-tag {
      background: #faf8f4; border: 1px solid #f0ece3; border-radius: 2px;
      padding: 3px 9px; font-size: .67rem; font-weight: 600;
      letter-spacing: .07em; text-transform: uppercase; color: #6b7280;
    }

    /* ── FACTORY CAPACITY (dark section) ── */
    .cap-pg-capacity-section {
      padding: 100px 0;
      background: linear-gradient(135deg, #0a1628 0%, #142550 100%);
      position: relative; overflow: hidden;
    }
    .cap-pg-capacity-section::before {
      content: ''; position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23b8943f' fill-opacity='0.07'/%3E%3C/svg%3E");
    }
    .cap-pg-capacity-inner { position: relative; z-index: 1; }
    .cap-pg-stat-card {
      text-align: center; padding: 40px 20px;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 4px; transition: all .3s; height: 100%;
    }
    .cap-pg-stat-card:hover { background: rgba(255,255,255,.04); border-color: rgba(184,148,63,.3); }
    .cap-pg-stat-icon {
      width: 54px; height: 54px; border-radius: 4px;
      background: rgba(184,148,63,.12);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.25rem; color: #e0b86a; margin: 0 auto 18px;
    }
    .cap-pg-stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 3rem; font-weight: 700; color: #e0b86a; line-height: 1; margin-bottom: 6px;
    }
    .cap-pg-stat-label {
      font-size: .7rem; letter-spacing: .14em;
      text-transform: uppercase; color: #64748b; font-weight: 600; margin-bottom: 8px;
    }
    .cap-pg-stat-sub { font-size: .8rem; color: #475569; line-height: 1.6; }

    /* ── QUALITY FLOW ── */
    .cap-pg-quality-section { padding: 100px 0; background: #f4f1eb; }
    .cap-pg-flow {
      display: flex; flex-wrap: wrap;
      justify-content: center; gap: 0;
      position: relative;
    }
    .cap-pg-flow-step {
      flex: 0 0 calc(12.5% - 2px);
      min-width: 110px;
      text-align: center; padding: 0 8px;
      position: relative;
    }
    /* Arrow connector between steps */
    .cap-pg-flow-step:not(:last-child)::after {
      content: '\f054';
      font-family: 'Font Awesome 6 Free'; font-weight: 900;
      position: absolute; top: 22px; right: -4px;
      font-size: .55rem; color: #b8943f; z-index: 3;
    }
    .cap-pg-flow-dot {
      width: 52px; height: 52px; border-radius: 50%;
      background: #fff; border: 2px solid #b8943f;
      display: flex; align-items: center; justify-content: center;
      color: #b8943f; font-size: .95rem;
      margin: 0 auto 12px; position: relative; z-index: 2;
      transition: all .3s;
    }
    .cap-pg-flow-step:hover .cap-pg-flow-dot { background: #b8943f; color: #fff; }
    .cap-pg-flow-label { font-size: .72rem; font-weight: 700; color: #0a1628; line-height: 1.3; }
    .cap-pg-flow-sub { font-size: .65rem; color: #9ca3af; margin-top: 3px; }

    /* AQL Table */
    .cap-pg-aql-table { width: 100%; border-collapse: collapse; }
    .cap-pg-aql-table thead th {
      background: #0a1628; color: #fff;
      font-size: .7rem; letter-spacing: .13em; text-transform: uppercase;
      padding: 14px 18px; font-weight: 600; font-family: 'Outfit', sans-serif; text-align: left;
    }
    .cap-pg-aql-table tbody td { padding: 13px 18px; font-size: .85rem; color: #374151; border-bottom: 1px solid #f0ece3; vertical-align: middle; }
    .cap-pg-aql-table tbody tr:hover td { background: #faf8f4; }
    .cap-pg-aql-table tbody td:first-child { font-weight: 700; color: #0a1628; }
    .cap-pg-badge-yes { background: #dcfce7; color: #16a34a; padding: 2px 12px; border-radius: 20px; font-size: .7rem; font-weight: 700; display: inline-block; }
    .cap-pg-badge-req { background: #fef3c7; color: #d97706; padding: 2px 12px; border-radius: 20px; font-size: .7rem; font-weight: 700; display: inline-block; }

    /* ── TECHNOLOGY SECTION ── */
    .cap-pg-tech-section { padding: 100px 0; background: #fff; }
    .cap-pg-tech-card {
      display: flex; align-items: flex-start; gap: 18px;
      padding: 24px 22px; border: 1px solid #f0ece3;
      border-radius: 4px; height: 100%; transition: all .3s;
    }
    .cap-pg-tech-card:hover { border-color: rgba(184,148,63,.3); box-shadow: 0 10px 32px rgba(0,0,0,.07); transform: translateY(-3px); }
    .cap-pg-tech-icon {
      width: 50px; height: 50px; border-radius: 4px;
      background: #faf8f4; display: flex; align-items: center;
      justify-content: center; font-size: 1.1rem; color: #b8943f;
      flex-shrink: 0; transition: all .3s;
    }
    .cap-pg-tech-card:hover .cap-pg-tech-icon { background: #b8943f; color: #fff; }
    .cap-pg-tech-card h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.08rem; font-weight: 700; color: #0a1628; margin-bottom: 5px;
    }
    .cap-pg-tech-card p { font-size: .82rem; color: #6b7280; line-height: 1.7; margin: 0; }

    .cap-pg-equip-table { width: 100%; border-collapse: collapse; }
    .cap-pg-equip-table thead th {
      background: #0a1628; color: #fff; font-size: .7rem; letter-spacing: .13em;
      text-transform: uppercase; padding: 14px 18px;
      font-weight: 600; font-family: 'Outfit', sans-serif; text-align: left;
    }
    .cap-pg-equip-table tbody td { padding: 13px 18px; font-size: .85rem; color: #374151; border-bottom: 1px solid #f0ece3; vertical-align: middle; }
    .cap-pg-equip-table tbody tr:hover td { background: #faf8f4; }
    .cap-pg-equip-table tbody td:first-child { font-weight: 700; color: #0a1628; }
    .cap-pg-equip-count {
      display: inline-flex; align-items: center;
      background: rgba(184,148,63,.1); color: #b8943f;
      border-radius: 20px; font-size: .75rem; font-weight: 700; padding: 3px 12px;
    }
    .cap-pg-equip-brand { font-size: .78rem; color: #9ca3af; font-style: italic; }

    /* ── CTA ── */
    .cap-pg-cta {
      background: linear-gradient(135deg, #0a1628 0%, #142550 100%);
      padding: 100px 0; position: relative; overflow: hidden;
    }
    .cap-pg-cta::before {
      content: ''; position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23b8943f' fill-opacity='0.07'/%3E%3C/svg%3E");
    }
    .cap-pg-cta-inner { position: relative; z-index: 1; }
    .cap-pg-cta-outline-btn {
      background: transparent; color: #fff;
      border: 2px solid rgba(255,255,255,.4); border-radius: 2px;
      padding: 14px 36px; font-size: .82rem; font-weight: 700;
      letter-spacing: .08em; text-transform: uppercase;
      display: inline-block; transition: all .3s; text-decoration: none;
    }
    .cap-pg-cta-outline-btn:hover { background: #fff; color: #0a1628; }

    /* ── RESPONSIVE ── */
    @media (max-width: 991px) {
      .cap-pg-timeline::before { left: 28px; transform: none; }
      .cap-pg-row { grid-template-columns: 56px 1fr; grid-template-rows: auto auto; }
      .cap-pg-row .cap-pg-node { grid-column: 1; grid-row: 1; padding-top: 18px; }
      .cap-pg-row .cap-pg-card:not(.cap-pg-empty) { grid-column: 2; grid-row: 1; }
      .cap-pg-row .cap-pg-empty { display: none; }
      .cap-pg-row.cap-pg-right { direction: ltr; }
      .cap-pg-node-num { display: none; }
      .cap-pg-flow-step { flex: 0 0 calc(33.33% - 8px); margin-bottom: 24px; }
      .cap-pg-flow-step:not(:last-child)::after { display: none; }
    }
    @media (max-width: 575px) {
      .cap-pg-flow-step { flex: 0 0 calc(50% - 8px); }
      .cap-pg-stats { gap: 20px; }
    }