/* ============================================================
   DMK AGRO EXPORT — MAIN STYLESHEET
   Component styling: typography, buttons, cards, navbar, footer,
   sections, forms, and every page component used sitewide.
   Design tokens (colors, spacing, radius, shadow) live in
   variables.css, which loads before this file.
   Load order: variables.css -> style.css -> utilities.css ->
               responsive.css -> animations.css
   ============================================================ */

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{font-family:'Inter',sans-serif;color:var(--dmk-dark);background:var(--dmk-bg);font-weight:400;overflow-x:hidden;padding-bottom:0;}

h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--dmk-dark);}

a{text-decoration:none;color:inherit;}

img{max-width:100%;}

::selection{background:var(--dmk-accent);color:#fff;}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xl-custom {
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;
}
@media (min-width: 576px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xl-custom {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xl-custom {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xl-custom {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xl-custom {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xl-custom {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container-xl-custom {
    max-width: 1680px;
  }
}

::-webkit-scrollbar{width:10px;}

::-webkit-scrollbar-track{background:var(--dmk-bg);}

::-webkit-scrollbar-thumb{background:var(--dmk-secondary);border-radius:10px;}

.text-primary-dmk{color:var(--dmk-primary)!important;}

.section-pad{padding:100px 0;}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.75rem;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:600;color:var(--dmk-secondary);margin-bottom:16px;
}

.eyebrow::before{content:'';width:18px;height:2px;background:var(--dmk-gold);display:inline-block;}

.section-heading {
    font-size: clamp(1.4rem,2.8vw,2.6rem);
    line-height: 1.18;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.section-sub{color:#5b6b5c;font-size:1rem;max-width:620px;line-height:1.75;}

.btn-dmk-primary{
  background:var(--dmk-primary);color:#fff;border:none;padding:14px 32px;border-radius:8px;
  font-weight:600;font-size:.92rem;transition:background .3s var(--ease),transform .3s var(--ease);
  display:inline-flex;align-items:center;gap:10px;
}

.btn-dmk-primary:hover{background:var(--dmk-secondary);transform:translateY(-2px);color:#fff;}

.btn-dmk-outline {
    background: #f9a825;
    color: var(--dmk-dark);
    border: 1.5px solid rgba(30,30,30,.16);
    padding: 13px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: .92rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all .3s var(--ease);
}

.btn-dmk-outline:hover{border-color:var(--dmk-primary);background:var(--dmk-primary);color:#fff;transform:translateY(-2px);}

.btn-dmk-gold{
  background:var(--dmk-gold);color:#1E1E1E;border:none;padding:14px 32px;border-radius:8px;
  font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:10px;
  transition:background .3s var(--ease),transform .3s var(--ease);
}

.btn-dmk-gold:hover{background:#F57F17;transform:translateY(-2px);color:#1E1E1E;}

/* ===== Top bar ===== */
.topbar{background:#1b5e20;color:#cfd8ce;font-size:.82rem;padding:9px 0;position:relative;z-index:1050;}

.topbar a{color:#cfd8ce;transition:color .25s;}

.topbar a:hover{color:var(--dmk-gold);}

.topbar .divider{width:1px;height:14px;background:rgba(255,255,255,.18);}

.topbar .social a{
  width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);font-size:.75rem;transition:all .25s;
}

.topbar .social a:hover{background:var(--dmk-gold);color:#1E1E1E;}

/* ===== Header / Nav — merged transparent over the banner ===== */
.site-header{
  position:sticky;top:0;z-index:1060;background:#00000099;border-bottom:1px solid transparent;
  transition:all .3s var(--ease);margin-bottom:-82px;
}

.site-header.scrolled{
  background:#ffffff;border-bottom:1px solid rgba(27,94,32,.08);
  box-shadow:0 4px 20px -12px rgba(27,94,32,.2);
}

.site-header.menu-open{background:#fff;border-bottom:1px solid rgba(27,94,32,.08);}

.navbar{ display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;}

.brand-logo{display:flex;align-items:center;gap:12px;}

.brand-logo .logo-img{
  max-height:60px;width:auto;display:block;transition:opacity .25s ease;
}

/* Default state: white logo visible over dark header, colored logo hidden */
.brand-logo .logo-white{
  display:block;
}
.brand-logo .logo-color{
  display:none;
}

/* Scrolled down or mobile menu open: show colored logo over white header, hide white logo */
.site-header.scrolled .brand-logo .logo-white,
.site-header.menu-open .brand-logo .logo-white{
  display:none !important;
}
.site-header.scrolled .brand-logo .logo-color,
.site-header.menu-open .brand-logo .logo-color{
  display:block !important;
}

.nav-links-wrap{display:flex;align-items:center;gap:32px;}

.nav-link-dmk{
  font-weight:500;font-size:.92rem;color:#fff!important;padding:10px 4px!important;
  position:relative;transition:color .3s;white-space:nowrap;
}

@media (min-width: 992px) and (max-width: 1280px) {
  .nav-link-dmk {
    font-size: .82rem;
    padding: 8px 2px !important;
  }
  .navbar-nav .btn-dmk-outline {
    font-size: .78rem;
    padding: 5px 10px !important;
  }
  .site-header .btn-dmk-primary {
    font-size: .78rem;
    padding: 6px 12px !important;
  }
  .brand-logo .logo-img {
    max-height: 50px;
  }
}

.site-header.scrolled .nav-link-dmk,.site-header.menu-open .nav-link-dmk{color:var(--dmk-dark)!important;}

.nav-link-dmk::after{
  content:'';position:absolute;left:4px;right:4px;bottom:2px;height:2px;background:var(--dmk-gold);
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);
}

.nav-link-dmk:hover::after,.nav-link-dmk.active::after{transform:scaleX(1);}

.navbar-toggler i{color:#fff;transition:color .3s;}

.site-header.scrolled .navbar-toggler i,.site-header.menu-open .navbar-toggler i{color:var(--dmk-dark);}

.mega-menu{
  border:1px solid rgba(27,94,32,.08);border-radius:var(--radius-sm);
  box-shadow:0 16px 40px -20px rgba(27,94,32,.25);padding:26px;min-width:600px;
}

.mega-col-title{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--dmk-secondary);font-weight:700;margin-bottom:14px;}

.mega-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:.9rem;color:#3c463c;transition:all .2s;}

.mega-link:hover{background:rgba(139,195,74,.12);color:var(--dmk-primary);padding-left:14px;}

.mega-link i{color:var(--dmk-accent);}

/* ===== Hero Banner (static, large, merged with nav) ===== */
.hero-banner{position:relative;height:94vh;min-height:640px;max-height:900px;overflow:hidden;}

.hero-banner .banner-img{position:absolute;inset:0;}

.hero-banner .banner-img img{width:100%;height:100%;object-fit:cover;}

.hero-banner .slide-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;}

.hero-banner .slide-inner{
  max-width:820px;color:#fff;background:rgba(10,26,12,.5);
  backdrop-filter:blur(2px);border-radius:var(--radius-lg);padding:40px 44px;
}

.hero-banner .slide-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:2.5px;
  text-transform:uppercase;font-weight:600;color:#d9ecd6;margin-bottom:18px;
}

.hero-banner .slide-eyebrow::before{content:'';width:18px;height:2px;background:var(--dmk-gold);display:inline-block;}

.hero-banner h1{color:#fff;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.15;letter-spacing:-0.5px;margin-bottom:18px;}

.hero-banner h1 span{color:var(--dmk-accent);}

.hero-banner p.lead-dmk{color:rgba(255,255,255,.85);font-size:1.02rem;line-height:1.75;max-width:480px;margin-bottom:30px;}

/* ===== Stats strip ===== */
.stats-strip{background:var(--dmk-primary);border-bottom:none;}

.stats-strip .row{padding:34px 0;}

.stats-strip .stat{text-align:center;position:relative;}

.stats-strip .stat:not(:last-child)::after{
  content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:34px;width:1px;background:rgba(255,255,255,.2);
}

.stats-strip h3{font-size:1.85rem;color:#fff;font-weight:800;margin-bottom:2px;}

.stats-strip span{font-size:.78rem;color:rgba(255,255,255,.75);letter-spacing:.3px;}

.stats-strip .eyebrow{color:#c8e6c9;}

.stats-strip .section-heading{color:#fff;}

/* ===== Trust / Certification ===== */
.trust-strip{background:#fff;border-top:1px solid rgba(27,94,32,.08);border-bottom:1px solid rgba(27,94,32,.08);}

.cert-card{
  background:var(--dmk-bg);border-radius:var(--radius-md);padding:24px 16px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.07);transition:all .3s var(--ease);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}

.cert-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);background:#fff;border-color:rgba(27,94,32,.22);}

.cert-card .cert-logo-wrap {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    padding: 8px 12px;
    background: #ffffff;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(27,94,32,.08);
    box-shadow: 0 2px 6px rgba(0,0,0,.03);
    transition: all .3s var(--ease);
}

.cert-card:hover .cert-logo-wrap{
  box-shadow:0 4px 14px rgba(27,94,32,.12);
  border-color:rgba(27,94,32,.2);
  transform:scale(1.04);
}

.cert-card .cert-logo-wrap img{
  max-height:54px;max-width:100%;width:auto;height:auto;object-fit:contain;
  transition:transform .3s var(--ease);
}

.cert-card .ic{
  width:56px;height:56px;border-radius:50%;margin:0 auto 14px;
  background:linear-gradient(135deg,var(--dmk-primary),var(--dmk-accent));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;
}

.cert-card h6{font-weight:700;margin-bottom:4px;font-size:.92rem;color:var(--dmk-dark);}

.cert-card p{font-size:.76rem;color:#6b7a6c;margin:0;}

/* Extra breathing room between the two columns of a two-column section */
.gap-100{--bs-gutter-x:100px;}

/* ===== About ===== */
.about-img-wrap{position:relative;}

.about-img-wrap img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;height:560px;object-fit:cover;}


.feature-pill{
  display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--radius-sm);padding:14px 16px;
  border:1px solid rgba(27,94,32,.08);
}

.feature-pill i{color:var(--dmk-accent);font-size:1.15rem;}

.feature-pill span{font-weight:600;font-size:.88rem;}

/* ===== Product Category Cards ===== */
.cat-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:420px;box-shadow:var(--shadow-card);}

.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}

.cat-card:hover img{transform:scale(1.08);}

.cat-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(27, 94, 32, 0) 17%, rgb(20 40 20) 100%);
}

.cat-card .content{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;}

.cat-card h4{color:#fff;margin-bottom:8px;}

.cat-card p {
    color: rgb(255 255 255);
    font-size: .87rem;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cat-card .cat-link{font-size:.85rem;font-weight:600;color:var(--dmk-gold);display:inline-flex;align-items:center;gap:6px;}

/* ===== Product cards ===== */
.product-card{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);height:100%;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);border:1px solid rgba(27,94,32,.05);
  display:flex;flex-direction:column;
}

.product-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px -18px rgba(27,94,32,.28);}

.product-card .img-wrap{position:relative;height:220px;overflow:hidden;flex-shrink:0;}

.product-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}

.product-card:hover .img-wrap img{transform:scale(1.1);}

.product-card .origin-tag{
  position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);padding:5px 12px;
  border-radius:100px;font-size:.7rem;font-weight:600;color:var(--dmk-primary);
}

.product-card .body-p{padding:20px;display:flex;flex-direction:column;flex:1;}

.product-card h5{font-size:1.05rem;margin-bottom:10px;}

.product-card h5 a{color:var(--dmk-dark);transition:color .2s;}

.product-card h5 a:hover{color:var(--dmk-primary);}

.product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}

.product-meta span{
  font-size:.7rem;background:var(--dmk-bg);padding:5px 10px;border-radius:8px;color:#546455;
  font-weight:500;border:1px solid rgba(27,94,32,.06);
}

.product-card .body-p p {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card .btn-quote,
.product-card .btn-req-quote{
  width:100%;background:transparent;border:1.5px solid var(--dmk-primary);color:var(--dmk-primary);
  border-radius:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .3s;margin-top:auto;
}

.product-card .btn-quote:hover,
.product-card .btn-req-quote:hover{background:var(--dmk-primary);color:#fff;}

.product-card .card-btn-row{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;
}

.product-card .card-btn-row > *{
  flex:1 1 calc(50% - 6px);min-width:150px;display:inline-flex;align-items:center;justify-content:center;
}

.product-card .card-btn-row .btn-view-details,
.product-card .card-btn-row .btn-quote{
  width:auto;margin-top:0;
}

.product-card .btn-view-details{
  background:transparent;border:1.5px solid var(--dmk-primary);color:var(--dmk-primary);
  border-radius:8px;padding:10px .95rem;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;
  transition:all .3s;
}

.product-card .btn-view-details:hover{
  background:var(--dmk-primary);color:#fff;
}

/* ===== Why choose us ===== */
.why-card{
  background:#fff;border-radius:var(--radius-md);padding:32px 26px;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .35s var(--ease);
}

.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);}

.why-card .ic{
  width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,rgba(27,94,32,.1),rgba(139,195,74,.15));
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--dmk-primary);
  margin-bottom:20px;transition:all .4s;
}

.why-card:hover .ic{background:linear-gradient(135deg,var(--dmk-primary),var(--dmk-accent));color:#fff;}

.why-card h5{margin-bottom:10px;font-size:1.08rem;}

.why-card p{font-size:.88rem;color:#5b6b5c;line-height:1.7;margin:0;}

/* ===== Export process timeline ===== */
.process-track{
  position:relative;display:flex;flex-wrap:wrap;justify-content:center;
  max-width:1100px;margin:0 auto;gap:0;
}

.process-track::before{
  content:'';position:absolute;top:36px;left:10%;right:10%;height:2px;
  background:repeating-linear-gradient(90deg,rgba(27,94,32,.25) 0 10px,transparent 10px 20px);
  z-index:0;
}

.process-step{text-align:center;position:relative;padding:0 14px;flex:1 1 180px;max-width:220px;}

.process-step .step-circle{
  width:72px;height:72px;border-radius:50%;background:#fff;border:2px solid var(--dmk-accent);
  display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:2;
  font-weight:800;font-size:1.3rem;color:var(--dmk-primary);box-shadow:0 10px 24px -10px rgba(27,94,32,.3);
  transition:all .4s;
}

.process-step:hover .step-circle{background:var(--dmk-primary);color:#fff;transform:scale(1.08);}

.process-step h6{font-weight:700;margin-bottom:8px;font-size:.98rem;}

.process-step p{font-size:.82rem;color:#5b6b5c;}

/* ===== Quality ===== */
.quality-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;height:600px;object-fit:cover;}

.quality-list{list-style:none;padding:0;margin:0;}

.quality-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(27,94,32,.15);}

.quality-list li:last-child{border-bottom:none;}

.quality-list .chk{
  width:30px;height:30px;border-radius:50%;background:rgba(139,195,74,.15);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;
}

/* ===== Packaging ===== */
.pack-card{
  background:#fff;border-radius:var(--radius-md);padding:30px 24px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .35s;
}

.pack-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);}

.pack-card .ic{font-size:2.1rem;color:var(--dmk-secondary);margin-bottom:16px;}

.pack-card h6{font-weight:700;font-size:.95rem;}

/* ===== Leadership ===== */
.leader-photo-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);}

.leader-photo-large{
  height:420px;width:100%;object-fit:cover;display:block;object-position:0 -120px;
}

.leader-role{font-size:.85rem;color:var(--dmk-secondary);font-weight:600;}

/* ===== Market Area (cards) ===== */
.market-col h6{
  font-size:.78rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;
  color:var(--dmk-primary);margin-bottom:18px;
}

.market-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

.market-card{
  display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(27,94,32,.08);
  border-radius:var(--radius-sm);padding:12px 14px;font-size:.85rem;font-weight:500;
  transition:all .25s;
}

.market-card:hover{border-color:var(--dmk-accent);box-shadow:var(--shadow-card);transform:translateY(-2px);}

/* Market cards on dark green backgrounds (Global Export Markets bands) —
   transparent with a white border instead of a solid white card */
.gm-dark-section .market-card{
  background:transparent;
  border:1px solid #fff;
  color:#fff;
}
.gm-dark-section .market-card:hover{
  border-color:var(--dmk-gold);
  background:rgba(255,255,255,.08);
  box-shadow:none;
}

.market-card .flag{font-size:1.2rem;line-height:1;flex-shrink:0;}

/* ===== Gallery ===== */
.gallery-item{border-radius:var(--radius-md);overflow:hidden;position:relative;display:block;height:100%;}

.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}

.gallery-item:hover img{transform:scale(1.12);}

.gallery-item .g-overlay{
  position:absolute;inset:0;background:rgba(27,94,32,.35);opacity:0;
  display:flex;align-items:center;justify-content:center;transition:opacity .35s;
}

.gallery-item:hover .g-overlay{opacity:1;}

.gallery-item .g-overlay i{color:#fff;font-size:1.6rem;}

.g-row{height:180px;}

.g-tall{height:380px;}

/* ===== Testimonials ===== */
.testi-card{
  background:#fff;border-radius:var(--radius-md);padding:34px;box-shadow:var(--shadow-card);
  border:1px solid rgba(27,94,32,.06);height:100%;
}

.testi-card .stars{color:var(--dmk-gold);font-size:.85rem;margin-bottom:16px;}

.testi-card p.quote{font-size:.95rem;color:#3c463c;line-height:1.8;margin-bottom:24px;font-style:italic;}

.testi-person{display:flex;align-items:center;gap:14px;}

.testi-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;}

.testi-person h6{margin:0;font-weight:700;font-size:.9rem;}

.testi-person small{color:#6b7a6c;font-size:.76rem;display:flex;align-items:center;gap:6px;}

/* ===== Blog ===== */
.blog-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);height:100%;transition:all .35s;}

.blog-card:hover{transform:translateY(-8px);}

.blog-card .img-wrap{height:220px;overflow:hidden;}

.blog-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}

.blog-card:hover .img-wrap img{transform:scale(1.08);}

.blog-card .body-p{padding:24px;}

.blog-meta{display:flex;align-items:center;gap:14px;font-size:.76rem;color:#6b7a6c;margin-bottom:12px;}

.blog-meta .cat{color:var(--dmk-primary);font-weight:600;background:rgba(139,195,74,.12);padding:3px 10px;border-radius:100px;}

.blog-card h5{font-size:1.02rem;line-height:1.4;margin-bottom:10px;}

.blog-card p{font-size:.85rem;color:#5b6b5c;}

.read-more{font-size:.85rem;font-weight:600;color:var(--dmk-primary);display:inline-flex;align-items:center;gap:6px;}

/* ===== FAQ ===== */
.accordion-dmk .accordion-item{
  border:1px solid rgba(27,94,32,.1);border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:14px;background:#fff;
}

.accordion-dmk .accordion-button{font-weight:600;font-size:.95rem;padding:20px 24px;background:#fff;color:var(--dmk-dark);}

.accordion-dmk .accordion-button:not(.collapsed){color:var(--dmk-primary);background:rgba(139,195,74,.06);box-shadow:none;}

.accordion-dmk .accordion-button:focus{box-shadow:none;border-color:transparent;}

.accordion-dmk .accordion-button::after{
  background-image:none;content:'\f4fe';font-family:"bootstrap-icons";font-size:1rem;transition:transform .3s;
}

.accordion-dmk .accordion-button:not(.collapsed)::after{transform:rotate(45deg);}

.accordion-dmk .accordion-body{font-size:.88rem;color:#5b6b5c;line-height:1.8;padding:4px 24px 22px;}

/* ===== CTA ===== */
.cta-section{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin:0 auto;min-height:420px;display:flex;align-items:center;}

.cta-section .bg-img{position:absolute;inset:0;}

.cta-section .bg-img img{width:100%;height:100%;object-fit:cover;}

.cta-section .bg-img::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,43,18,.94),rgba(27,94,32,.75));}

.cta-section .content{position:relative;z-index:2;padding:70px 60px;color:#fff;}

.cta-section h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:640px;}

.cta-section p{color:rgba(255,255,255,.8);max-width:520px;margin-bottom:32px;}

.contact-info-row{margin-top:-40px;position:relative;z-index:3;}

.contact-info-card{
  background:#fff;border-radius:var(--radius-md);padding:26px 24px;height:100%;
  box-shadow:var(--shadow-card);border:1px solid rgba(27,94,32,.06);
}

.contact-info-card .ic{
  width:44px;height:44px;border-radius:12px;background:rgba(139,195,74,.15);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:14px;
}

.contact-info-card h6{font-size:.85rem;font-weight:700;margin-bottom:8px;}

.contact-info-card p,.contact-info-card a{font-size:.86rem;color:#5b6b5c;margin:0;display:block;}

.contact-info-card a:hover{color:var(--dmk-primary);}

/* ===== Footer ===== */
.site-footer{background:var(--dmk-dark);color:rgba(255,255,255,.65);padding-top:90px;}

.site-footer h6{color:#fff;font-weight:700;margin-bottom:22px;font-size:.95rem;letter-spacing:.5px;}

.site-footer .f-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}

.site-footer .footer-logo-img{
  max-height:70px;width:auto;display:block;
}

.site-footer p{font-size:.88rem;line-height:1.8;}

.footer-links{list-style:none;padding:0;margin:0;}

.footer-links li{margin-bottom:12px;}

.footer-links a{font-size:.87rem;color:rgba(255,255,255,.6);transition:all .25s;}

.footer-links a:hover{color:var(--dmk-gold);padding-left:4px;}

.footer-contact li{display:flex;gap:12px;margin-bottom:16px;font-size:.87rem;align-items:flex-start;}

.footer-contact i{color:var(--dmk-accent);margin-top:3px;}

.footer-contact a{color:rgba(255,255,255,.8);text-decoration:none;transition:all .25s;}
.footer-contact a:hover{color:var(--dmk-gold);}


.newsletter-form .form-control{
  border-radius:100px 0 0 100px;border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);color:#fff;padding:12px 18px;font-size:.85rem;
}

.newsletter-form .form-control::placeholder{color:rgba(255,255,255,.4);}

.newsletter-form .btn{border-radius:0 100px 100px 0;background:var(--dmk-gold);color:#1E1E1E;border:none;padding:0 20px;font-weight:600;}

.footer-social a{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);
  display:inline-flex;align-items:center;justify-content:center;margin-right:8px;transition:all .25s;
}

.footer-social a:hover{background:var(--dmk-accent);color:#1E1E1E;transform:translateY(-3px);}

.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:60px;padding:22px 0;font-size:.8rem;}

.map-embed{border-radius:var(--radius-md);overflow:hidden;height:180px;filter:grayscale(.3) contrast(1.1);}

/* ===== WhatsApp float ===== */
.wa-float {
    position: fixed;
    bottom: 100px;
    right: 30px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 14px 30px -8px rgba(37,211,102,.6);
    z-index: 1000;
    animation: waPulse 2.6s ease-in-out infinite;
    cursor: pointer;
    border: 2px solid #fff;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}
.wa-float:hover {
    color: #fff;
    background: #1EBE5D;
    transform: scale(1.05);
}

/* ===== WhatsApp Chat Popup Widget ===== */
.wa-popup-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(10, 26, 12, .45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease;
}
.wa-popup-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.wa-popup {
  position: fixed;
  bottom: 98px;
  right: 26px;
  width: 375px;
  max-width: calc(100vw - 32px);
  max-height: min(620px, calc(100vh - 120px));
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px -15px rgba(7, 94, 84, .4), 0 0 0 1px rgba(0, 0, 0, .06);
  z-index: 9999;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scale(.96);
  transition: all .28s cubic-bezier(.16, 1, .3, 1);
  transform-origin: bottom right;
}

.wa-popup.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.wa-popup-header {
  background: linear-gradient(135deg, #075E54 0%, #128C7E 100%);
  color: #fff;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.wa-popup-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

.wa-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
  background: #1B5E20;
}

.wa-online-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #25D366;
  border: 2px solid #fff;
}

.wa-popup-meta {
  flex: 1 1 auto;
  min-width: 0;
}

.wa-popup-meta h6 {
  margin: 0;
  font-weight: 700;
  font-size: .95rem;
  color: #fff;
  line-height: 1.25;
}

.wa-popup-meta small {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, .85);
  font-size: .74rem;
  margin-top: 2px;
}

.wa-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25D366;
  display: inline-block;
  box-shadow: 0 0 0 2px rgba(37, 211, 102, .4);
}

.wa-popup-close {
  background: rgba(255, 255, 255, .15);
  border: none;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  transition: background .2s, transform .2s;
  flex-shrink: 0;
  cursor: pointer;
}

.wa-popup-close:hover {
  background: rgba(255, 255, 255, .3);
  transform: rotate(90deg);
}

.wa-popup-body {
  padding: 16px 14px 12px;
  overflow-y: auto;
  background-color: #ECE5DD;
  background-image: radial-gradient(rgba(0,0,0,.04) 1px, transparent 0);
  background-size: 16px 16px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wa-msg-date {
  text-align: center;
}

.wa-msg-date span {
  display: inline-block;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 1px .5px rgba(11,20,26,.13);
  color: #54656f;
  font-size: .7rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.wa-msg-bubble {
  background: #ffffff;
  border-radius: 0 12px 12px 12px;
  padding: 10px 12px 6px;
  box-shadow: 0 1px .5px rgba(11,20,26,.13);
  position: relative;
  max-width: 90%;
  align-self: flex-start;
}

.wa-msg-sender {
  font-size: .75rem;
  font-weight: 700;
  color: #128C7E;
  margin-bottom: 3px;
}

.wa-msg-text {
  font-size: .86rem;
  color: #111b21;
  line-height: 1.45;
  margin-bottom: 4px;
}

.wa-msg-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  font-size: .68rem;
  color: #667781;
}

.wa-msg-checks {
  color: #53bdeb;
  font-size: .85rem;
}

.wa-quick-topics {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.wa-topics-label {
  font-size: .72rem;
  font-weight: 700;
  color: #667781;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.wa-topic-chip {
  background: #ffffff;
  border: 1px solid #d1d7db;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: .8rem;
  font-weight: 500;
  color: #111b21;
  text-align: left;
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wa-topic-chip::after {
  content: '→';
  color: #8696a0;
  font-size: .85rem;
  margin-left: 6px;
  transition: transform .2s, color .2s;
}

.wa-topic-chip:hover {
  background: #f0fdf4;
  border-color: #25D366;
  color: #075E54;
  transform: translateX(3px);
}

.wa-topic-chip:hover::after,
.wa-topic-chip.active::after {
  color: #25D366;
  transform: translateX(2px);
}

.wa-topic-chip.active {
  background: #E7FCE8;
  border-color: #25D366;
  color: #075E54;
  font-weight: 600;
}

.wa-popup-footer {
  background: #f0f2f5;
  border-top: 1px solid #d1d7db;
  padding: 10px 12px;
  flex-shrink: 0;
}

.wa-input-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wa-input-group textarea {
    border-radius: 20px;
    border: 1px solid #d1d7db;
    background: #ffffff;
    padding: 8px 14px;
    font-size: .86rem;
    color: #111b21;
    resize: none;
    min-height: 79px;
    max-height: 90px;
    line-height: 1.4;
}

.wa-input-group textarea:focus {
  border-color: #25D366;
  outline: none;
  box-shadow: 0 0 0 2px rgba(37, 211, 102, .2);
}

.wa-send-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(37, 211, 102, .35);
  transition: all .2s;
}

.wa-send-btn:hover {
  background: #1EBE5D;
  transform: scale(1.08);
}

.wa-footer-caption {
  text-align: center;
  font-size: .68rem;
  color: #8696a0;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.wa-footer-caption i {
  color: #25D366;
}

/* ===== Quote float button + chat-widget-style popup ===== */
.quote-float {
    position: fixed;
    bottom: 26px;
    right: 26px;
    width: auto;
    min-height: 56px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--dmk-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 0 14px 30px -8px rgba(27,94,32,.55);
    z-index: 1010;
    border: none;
    cursor: pointer;
    transition: all .3s;border: 2px solid #fff;
}

.quote-float:hover{background:var(--dmk-secondary);transform:scale(1.02);}

.quote-float i{font-size:1rem;}

.quote-float .badge-dot{
  position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;
  background:var(--dmk-gold);border:2px solid #fff;
}

.quote-panel{
  position:fixed;bottom:98px;right:26px;width:380px;max-width:calc(100vw - 32px);
  max-height:min(800px,calc(100vh - 130px));background:#fff;border-radius:var(--radius-lg);
  box-shadow:0 30px 70px -20px rgba(10,32,16,.4);z-index:9999;overflow:hidden;
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;transform:translateY(24px) scale(.96);
  transition:all .3s var(--ease);transform-origin:bottom right;
}

.quote-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);}

.quote-panel-head{background:var(--dmk-primary);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;}

.quote-panel-head .ic{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

.quote-panel-head h6{margin:0;font-weight:700;font-size:.94rem;color:#fff;}

.quote-panel-head small{color:rgba(255,255,255,.75);font-size:.74rem;}

.quote-panel-close{
  margin-left:auto;background:rgba(255,255,255,.15);border:none;color:#fff;
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .2s;flex-shrink:0;cursor:pointer;
}

.quote-panel-close:hover{background:rgba(255,255,255,.28);}

.quote-panel-body{padding:20px;overflow-y:auto;}

.quote-panel-body label{font-size:.76rem;font-weight:600;color:#546455;margin-bottom:5px;display:block;}

.quote-panel-body .form-control,.quote-panel-body .form-select{
  border-radius:8px;border:1px solid #e2e8e1;padding:10px 12px;font-size:.87rem;background:#fbfcfb;
}

.quote-panel-body .form-control:focus,.quote-panel-body .form-select:focus{
  border-color:var(--dmk-accent);box-shadow:0 0 0 3px rgba(139,195,74,.15);
}

.quote-phone-group{display:flex;gap:8px;align-items:center;}

.quote-phone-group .quote-country-code{flex:0 0 92px;width:92px;}

.quote-phone-group .form-control{flex:1 1 auto;}

/* ----- Swiper navigation arrows — centered as a pair below the
   slider on every carousel site-wide, never overlapping cards ----- */
.testiSwiper,.relatedSwiper,.relatedArticlesSwiper{position:relative;padding:0 0 76px;}
.testiSwiper .swiper-button-next,.testiSwiper .swiper-button-prev,
.relatedSwiper .swiper-button-next,.relatedSwiper .swiper-button-prev,
.relatedArticlesSwiper .swiper-button-next,.relatedArticlesSwiper .swiper-button-prev{
  width:46px!important;height:46px!important;border-radius:50%;background:#fff;
  box-shadow:var(--shadow-card);color:var(--dmk-primary)!important;
  top:auto!important;bottom:0!important;left:50%!important;margin-top:0!important;
}
.testiSwiper .swiper-button-prev,.relatedSwiper .swiper-button-prev,.relatedArticlesSwiper .swiper-button-prev{
  transform:translateX(-58px)!important;
}
.testiSwiper .swiper-button-next,.relatedSwiper .swiper-button-next,.relatedArticlesSwiper .swiper-button-next{
  transform:translateX(12px)!important;
}
.testiSwiper .swiper-button-next::after,.testiSwiper .swiper-button-prev::after,
.relatedSwiper .swiper-button-next::after,.relatedSwiper .swiper-button-prev::after,
.relatedArticlesSwiper .swiper-button-next::after,.relatedArticlesSwiper .swiper-button-prev::after{
  font-size:1rem!important;
}

/* ============================================================
   ABOUT PAGE — additional components (design tokens reused above)
   ============================================================ */

/* ----- Page hero (inner-page banner with breadcrumb) ----- */
.page-hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

.page-hero .banner-img{position:absolute;inset:0;}

.page-hero .banner-img img{width:100%;height:100%;object-fit:cover;}

.page-hero .banner-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,26,12,.55) 0%,rgba(10,26,12,.78) 100%);
}

.breadcrumb-nav a{color:rgba(255,255,255,.75);transition:color .2s;}

.breadcrumb-nav a:hover{color:var(--dmk-gold);}

.breadcrumb-nav i{font-size:.7rem;}

.breadcrumb-nav .current{color:#fff;font-weight:600;}

.page-hero .eyebrow{color:#c8e6c9;}

/* ----- Company introduction feature list (reuses .feature-pill look) ----- */
.intro-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* ----- Our Story — Zig-Zag Journey Timeline ----- */
.timeline-zigzag {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0;
}

@media (min-width: 992px) {
  .timeline-zigzag::before {
    content: '';
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: repeating-linear-gradient(
      180deg,
      rgba(27, 94, 32, 0.25) 0,
      rgba(27, 94, 32, 0.25) 12px,
      transparent 12px,
      transparent 22px
    );
    z-index: 1;
  }
}

.timeline-zigzag-item {
  position: relative;
  margin-bottom: 54px;
}

.timeline-zigzag-item:last-child {
  margin-bottom: 0;
}

.timeline-zigzag-node {
  display: none;
}

@media (min-width: 992px) {
  .timeline-zigzag-node {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--dmk-accent);
    color: var(--dmk-primary);
    font-size: 1.15rem;
    box-shadow: 0 4px 16px rgba(27, 94, 32, 0.15);
    z-index: 3;
    transition: all .35s var(--ease);
  }

  .timeline-zigzag-item:hover .timeline-zigzag-node {
    background: var(--dmk-primary);
    color: #fff;
    border-color: var(--dmk-gold);
    transform: translate(-50%, -50%) scale(1.12);
    box-shadow: 0 6px 20px rgba(27, 94, 32, 0.25);
  }

  .timeline-zigzag-item.active .timeline-zigzag-node {
    background: var(--dmk-primary);
    color: var(--dmk-gold);
    border-color: var(--dmk-gold);
    box-shadow: 0 0 0 6px rgba(249, 168, 37, 0.25);
  }
}

.timeline-img-wrap {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  height: 290px;
  border: 1px solid rgba(27, 94, 32, 0.08);
  background: #f4f6f4;
}

.timeline-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .55s var(--ease);
}

.timeline-zigzag-item:hover .timeline-img-wrap img {
  transform: scale(1.05);
}

.timeline-card {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 34px 30px;
  border: 1px solid rgba(27, 94, 32, 0.08);
  box-shadow: var(--shadow-card);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
  position: relative;
}

.timeline-zigzag-item:hover .timeline-card {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px -12px rgba(27, 94, 32, 0.16);
}

.timeline-zigzag-item.active .timeline-card {
  border-color: rgba(249, 168, 37, 0.4);
  background: linear-gradient(180deg, #ffffff 0%, rgba(249, 168, 37, 0.03) 100%);
}

.timeline-year {
  display: inline-block;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--dmk-primary);
  background: rgba(27, 94, 32, 0.08);
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 12px;
}

.timeline-year.highlight {
  background: var(--dmk-gold);
  color: #1E1E1E;
}

.timeline-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--dmk-dark);
}

.timeline-desc {
  font-size: .92rem;
  color: #556656;
  margin: 0;
  line-height: 1.7;
}

@media (min-width: 992px) {
  .timeline-zigzag-item .timeline-col-media {
    padding-left: 30px;
    padding-right: 30px;
  }
  .timeline-zigzag-item .timeline-col-info {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 991px) {
  .timeline-zigzag-item {
    margin-bottom: 36px;
  }
  .timeline-img-wrap {
    height: 240px;
  }
  .timeline-card {
    padding: 24px 20px;
  }
  .timeline-title {
    font-size: 1.15rem;
  }
  .timeline-desc {
    font-size: .88rem;
  }
}

/* Backward compatibility for .story-timeline */
.story-timeline{position:relative;max-width:760px;margin:0 auto;padding-left:40px;}
.story-timeline::before{content:'';position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:repeating-linear-gradient(180deg,rgba(27,94,32,.25) 0 10px,transparent 10px 20px);}
.timeline-item{position:relative;padding-bottom:44px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item .dot{position:absolute;left:-40px;top:2px;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--dmk-accent);z-index:2;}
.timeline-item.active .dot{background:var(--dmk-primary);border-color:var(--dmk-primary);}
.timeline-item .year-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--dmk-secondary);margin-bottom:6px;}
.timeline-item h5{font-size:1.05rem;margin-bottom:6px;}
.timeline-item p{font-size:.88rem;color:#5b6b5c;margin:0;line-height:1.7;}

/* ----- Mission & Vision ----- */
.mv-card{
  background:#fff;border-radius:var(--radius-lg);padding:40px 36px;height:100%;
  border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card);position:relative;overflow:hidden;
  display:flex;flex-direction:column;
}

.mv-card .ic-big{
  width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--dmk-primary),var(--dmk-accent));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;margin-bottom:24px;
}

.mv-card h3{font-size:1.3rem;margin-bottom:16px;}

.mv-card p{font-size:.94rem;color:#4c5a4d;line-height:1.85;margin:0;}

.mv-card .mv-list{padding-left:0;list-style:none;margin-bottom:24px;}
.mv-card .mv-list li{font-size:.9rem;color:#4c5a4d;line-height:1.6;margin-bottom:12px;display:flex;align-items:flex-start;}
.mv-card .mv-list li i{color:var(--dmk-primary);margin-right:10px;margin-top:3px;flex-shrink:0;font-size:1.05rem;}
.mv-card .mv-highlight{background:rgba(27,94,32,.05);border-left:3px solid var(--dmk-primary);padding:14px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:auto;}
.mv-card .mv-highlight p{font-size:.88rem;color:#2e4430;font-style:italic;line-height:1.6;}

/* ----- Core Values ----- */
.value-card{
  background:#fff;border-radius:var(--radius-md);padding:30px 24px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .35s var(--ease);
}

.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card);border-color:transparent;}

.value-card .ic{
  width:56px;height:56px;border-radius:50%;margin:0 auto 18px;
  background:rgba(139,195,74,.14);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .35s;
}

.value-card:hover .ic{background:var(--dmk-primary);color:#fff;transform:scale(1.08) rotate(-6deg);}

.value-card h5{font-size:1rem;margin-bottom:8px;}

.value-card p{font-size:.84rem;color:#5b6b5c;margin:0;line-height:1.6;}

/* ----- Infrastructure list (reuses .quality-list pattern from homepage) ----- */
.infra-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;height:600px;object-fit:cover;}

/* ----- Leadership profile cards ----- */
.leader-profile-card{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;text-align:center;
  border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card); 
  transition:transform .35s var(--ease);
}

.leader-profile-card:hover{transform:translateY(-6px);}

.leader-profile-photo{
  height:260px;background:linear-gradient(135deg,rgba(27,94,32,.14),rgba(139,195,74,.18));
  display:flex;align-items:center;justify-content:center;color:var(--dmk-primary);font-size:3.4rem;
}

.leader-profile-card .body-p{padding:26px 22px;}

.leader-profile-card h5{font-size:1.05rem;margin-bottom:2px;}

.leader-profile-card .role{font-size:.82rem;color:var(--dmk-secondary);font-weight:600;display:block;margin-bottom:14px;}

.leader-profile-card p.bio{font-size:.85rem;color:#5b6b5c;line-height:1.7;margin-bottom:18px;}

.leader-social{display:flex;gap:10px;justify-content:center;}

.leader-social a{
  width:34px;height:34px;border-radius:50%;background:var(--dmk-bg);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .25s;
  border:1px solid rgba(27,94,32,.08);
}

.leader-social a:hover{background:var(--dmk-primary);color:#fff;}

/* ----- Why Partner With Us — comparison table ----- */
.comparison-wrap{
  background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(27,94,32,.08);
  box-shadow:var(--shadow-card);overflow:hidden;
}

.comparison-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center;}

.comparison-row:nth-child(odd){background:var(--dmk-bg);}

.comparison-row.head-row{background:var(--dmk-primary);color:#fff;font-weight:700;}

.comparison-row.head-row div{color:#fff;}

.comparison-row > div{padding:16px 20px;font-size:.88rem;}

.comparison-row .crit{font-weight:600;color:var(--dmk-dark);}

.comparison-row .yes{color:var(--dmk-primary);font-weight:700;text-align:center;}

.comparison-row .no{color:#b0473f;text-align:center;}

.comparison-row.head-row .yes,.comparison-row.head-row .no{text-align:center;}

/* ============================================================
   PRODUCTS LISTING PAGE — additional components
   ============================================================ */

/* ----- Page hero (reused from about.html pattern) ----- */
.page-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

.page-hero .hero-content{position:relative;z-index:2;color:#fff;padding-bottom:56px;width:100%;}

/* ----- Search & Filter bar ----- */
.product-filter-wrapper {
  margin-bottom: 35px;
}

.product-pill-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 6px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.product-pill-scroll::-webkit-scrollbar {
  height: 4px;
}
.product-pill-scroll::-webkit-scrollbar-thumb {
  background: rgba(27,94,32,.2);
  border-radius: 4px;
}

.prod-filter-pill {
  background: #f4f7f1;
  border: 1px solid #dbe5d8;
  color: #3c463c;
  padding: 8px 18px;
  border-radius: 100px;
  font-size: .85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.prod-filter-pill:hover {
  background: #e6ede2;
  border-color: var(--dmk-accent);
  color: var(--dmk-primary);
  transform: translateY(-1px);
}
.prod-filter-pill.active {
  background: var(--dmk-primary);
  border-color: var(--dmk-primary);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(27,94,32,.25);
}
.prod-filter-pill .pill-count {
  background: rgba(0,0,0,.08);
  font-size: .74rem;
  padding: 1px 7px;
  border-radius: 20px;
  font-weight: 600;
}
.prod-filter-pill.active .pill-count {
  background: rgba(255,255,255,.25);
  color: #fff;
}

.product-filter-bar {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px -10px rgba(27,94,32,.1);
  border: 1px solid rgba(27,94,32,.1);
  padding: 22px 24px;
}

.prod-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.prod-search-wrap i.bi-search {
  position: absolute;
  left: 14px;
  color: #8a9a8b;
  font-size: .95rem;
  pointer-events: none;
}
.prod-search-wrap input {
  padding-left: 38px;
  padding-right: 36px;
  border-radius: 10px;
  border: 1px solid #e2e8e1;
  background-color: #fbfcfb;
  font-size: .88rem;
  height: 42px;
  transition: all .25s;
}
.prod-search-wrap input:focus {
  background: #fff;
  border-color: var(--dmk-accent);
  box-shadow: 0 0 0 3px rgba(139,195,74,.15);
  outline: none;
}
.prod-search-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #e2e8e1;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  color: #555;
  cursor: pointer;
  padding: 0;
  transition: all .2s;
}
.prod-search-clear:hover {
  background: #d1d9d0;
  color: #000;
}

.prod-filter-select {
  border-radius: 10px;
  border: 1px solid #e2e8e1;
  background-color: #fbfcfb;
  font-size: .86rem;
  height: 42px;
  padding: 8px 12px;
  transition: all .25s;
}
.prod-filter-select:focus {
  background: #fff;
  border-color: var(--dmk-accent);
  box-shadow: 0 0 0 3px rgba(139,195,74,.15);
  outline: none;
}

.product-filter-meta-bar {
  border-top: 1px solid #edf2ec;
}

.filter-group-label {
  font-size: .7rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--dmk-secondary);
  margin-bottom: 8px;
  display: block;
}

.active-filter-tags .filter-tag-chip {
  background: rgba(27,94,32,.08);
  color: var(--dmk-primary);
  border: 1px solid rgba(27,94,32,.18);
  padding: 3px 10px;
  border-radius: 100px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.active-filter-tags .filter-tag-chip button {
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: .85rem;
  opacity: .7;
  transition: opacity .2s;
}
.active-filter-tags .filter-tag-chip button:hover {
  opacity: 1;
}

.results-count {
  font-size: .86rem;
  color: #5b6b5c;
}
.results-count strong {
  color: var(--dmk-primary);
}

/* ----- Full product card (listing grid) ----- */
.product-full-card{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);height:100%;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);border:1px solid rgba(27,94,32,.05);
  display:flex;flex-direction:column;min-height:100%;
}

.product-full-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px -18px rgba(27,94,32,.28);}

.product-full-card .img-wrap{position:relative;height:220px;overflow:hidden;flex-shrink:0;background:#f4f7f1;}

.product-full-card .img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}

.product-full-card:hover .img-wrap img{transform:scale(1.08);}

.product-full-card .cat-badge{
  position:absolute;top:14px;left:14px;background:var(--dmk-primary);color:#fff;padding:5px 12px;
  border-radius:100px;font-size:.68rem;font-weight:600;letter-spacing:.5px;z-index:2;
}

.product-full-card .avail-badge{
  position:absolute;top:14px;right:14px;background:rgba(255,255,255,.94);color:var(--dmk-primary);padding:5px 12px;
  border-radius:100px;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;z-index:2;
}

.product-full-card .avail-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--dmk-accent);}

.product-full-card .body-p{padding:20px;display:flex;flex-direction:column;flex:1;gap:10px;}

.product-full-card h5{font-size:1.05rem;margin:0;}

.product-full-card h5 a{color:var(--dmk-dark);transition:color .2s;text-decoration:none;display:block;}

.product-full-card h5 a:hover{color:var(--dmk-primary);}

.product-full-card .short-desc{font-size:.83rem;color:#5b6b5c;margin:0;line-height:1.6;flex:1;}

.spec-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:0;flex:1;}

.spec-mini-grid div{font-size:.72rem;color:#5b6b5c;}

.spec-mini-grid strong{display:block;color:var(--dmk-dark);font-size:.76rem;font-weight:600;}

.product-full-card .export-countries{font-size:.7rem;color:#6b7a6c;margin:0;}

.product-full-card .export-countries i{color:var(--dmk-accent);margin-right:4px;}

.product-full-card .card-btn-row{display:flex;gap:8px;margin-top:auto;padding-top:6px;}

.product-full-card .card-btn-row a,.product-full-card .card-btn-row button{
  flex:1;text-align:center;font-size:.8rem;font-weight:600;padding:9px 10px;border-radius:8px;transition:all .3s;text-decoration:none;
}

.btn-view-details{background:var(--dmk-bg);border:1px solid rgba(27,94,32,.1);color:var(--dmk-dark);}

.btn-view-details:hover{background:#eef3ec;color:var(--dmk-dark);}

.btn-req-quote{background:var(--dmk-primary);border:1px solid var(--dmk-primary);color:#fff;}

.btn-req-quote:hover{background:var(--dmk-secondary);color:#fff;}

.product-full-card[hidden]{display:none;}

.product-full-card.filtering-out{opacity:0;transform:scale(.96);pointer-events:none;}

/* ----- Seasonal availability table ----- */
.seasonal-table-wrap{
  background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(27,94,32,.08);
  box-shadow:var(--shadow-card);overflow-x:auto;
}

.seasonal-table{width:100%;border-collapse:collapse;min-width:680px;}

.seasonal-table thead th{
  background:var(--dmk-primary);color:#fff;text-align:left;padding:16px 20px;font-size:.78rem;
  letter-spacing:.5px;text-transform:uppercase;font-weight:700;
}

.seasonal-table tbody td{padding:16px 20px;font-size:.87rem;color:#3c463c;border-bottom:1px solid rgba(27,94,32,.06);}

.seasonal-table tbody tr:nth-child(even){background:var(--dmk-bg);}

.seasonal-table tbody tr:last-child td{border-bottom:none;}

.avail-tag{
  display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:4px 12px;border-radius:100px;
}

.avail-tag.now{background:rgba(139,195,74,.15);color:var(--dmk-primary);}

.avail-tag.soon{background:rgba(249,168,37,.15);color:#b5790f;}

.avail-tag.offseason{background:rgba(176,71,63,.1);color:#b0473f;}

/* ============================================================
   PRODUCT DETAIL PAGE — additional components
   ============================================================ */

/* ----- Breadcrumb strip (light, sits under the shared header) ----- */
.pd-breadcrumb-strip{background:var(--dmk-bg);border-bottom:1px solid rgba(27,94,32,.07);padding:18px 0;margin-top:90px}

.pd-breadcrumb-strip .breadcrumb-nav{color:#5b6b5c;margin-bottom:0;}

.pd-breadcrumb-strip .breadcrumb-nav a{color:#5b6b5c;}

.pd-breadcrumb-strip .breadcrumb-nav a:hover{color:var(--dmk-primary);}

.pd-breadcrumb-strip .breadcrumb-nav .current{color:var(--dmk-primary);}

/* ----- Product gallery ----- */
.pd-gallery-main{
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);
  border:1px solid rgba(27,94,32,.06);height:460px;position:relative;cursor:zoom-in;
}

.pd-gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}

.pd-gallery-main:hover img{transform:scale(1.05);}

.pd-gallery-main .zoom-hint{
  position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.92);color:var(--dmk-primary);
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;
}

.pd-thumb-row{display:flex;gap:12px;margin-top:14px;}

.pd-thumb{
  width:84px;height:84px;border-radius:12px;overflow:hidden;cursor:pointer;
  border:2px solid transparent;transition:all .25s;flex-shrink:0;
}

.pd-thumb img{width:100%;height:100%;object-fit:cover;}

.pd-thumb.active,.pd-thumb:hover{border-color:var(--dmk-accent);}

/* ----- Product info panel ----- */
.pd-cat-badge{
  display:inline-flex;align-items:center;gap:6px;background:rgba(139,195,74,.14);color:var(--dmk-primary);
  font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:100px;margin-bottom:16px;
}

.pd-title{font-size:clamp(1.7rem,2.6vw,2.2rem);margin-bottom:12px;}

.pd-short-desc{font-size:.98rem;color:#5b6b5c;line-height:1.75;margin-bottom:22px;}

.pd-price-label{
  background:var(--dmk-bg);border:1px dashed rgba(27,94,32,.25);border-radius:var(--radius-sm);
  padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;
  flex-wrap:wrap;gap:12px;
  max-width: 450px;
}

.pd-price-label .label{font-size:.78rem;color:#5b6b5c;}

.pd-price-label .value{
  font-size:1.05rem;font-weight:700;color:var(--dmk-primary);
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;
}

.btn-price-check {
  font-size: 0.8rem;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 600;
  background: var(--dmk-primary);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.btn-price-check:hover {
  background: var(--dmk-secondary);
  color: #fff;
}

.pd-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px;}

.pd-quick-facts .fact{display:flex;align-items:flex-start;gap:10px;}

.pd-quick-facts .fact i{color:var(--dmk-accent);font-size:1.05rem;margin-top:2px;}

.pd-quick-facts .fact strong{display:block;font-size:.85rem;color:var(--dmk-dark);}

.pd-quick-facts .fact span{font-size:.78rem;color:#6b7a6c;}

.pd-cta-row{display:flex;flex-wrap:wrap;gap:12px;}

.btn-whatsapp-pd{
  background:#25D366;color:#fff;border:none;padding:14px 26px;border-radius:8px;font-weight:600;font-size:.92rem;
  display:inline-flex;align-items:center;gap:10px;transition:all .3s;
}

.btn-whatsapp-pd:hover{background:#1fb956;color:#fff;transform:translateY(-2px);}

/* ----- Sticky mobile CTA bar ----- */
.sticky-pd-cta{
  position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -8px 24px -10px rgba(27,94,32,.25);
  padding:12px 16px;z-index:1005;display:none;gap:10px;
}

.sticky-pd-cta button,.sticky-pd-cta a{flex:1;text-align:center;font-size:.85rem;padding:12px;}

/* ----- Specification table ----- */
.spec-table-wrap{
  background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(27,94,32,.08);
  box-shadow:var(--shadow-card);overflow:hidden;
}

.spec-row{display:grid;grid-template-columns:1fr 1.4fr;border-bottom:1px solid rgba(27,94,32,.06);}

.spec-row:last-child{border-bottom:none;}

.spec-row:nth-child(even){background:var(--dmk-bg);}

.spec-row .spec-label{padding:16px 22px;font-size:.82rem;font-weight:700;color:var(--dmk-primary);text-transform:uppercase;letter-spacing:.5px;}

.spec-row .spec-value{padding:16px 22px;font-size:.9rem;color:#3c463c;}

/* ----- Key feature chips ----- */
.feature-chip-card{
  background:#fff;border-radius:var(--radius-md);padding:26px 20px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .3s var(--ease);
}

.feature-chip-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);}

.feature-chip-card .ic{
  width:52px;height:52px;border-radius:50%;margin:0 auto 14px;background:rgba(139,195,74,.14);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;
}

.feature-chip-card h6{font-size:.88rem;font-weight:700;margin:0;}

/* ----- Applications ----- */
.application-card{
  background:var(--dmk-bg);border-radius:var(--radius-md);padding:24px 16px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .3s;
}

.application-card:hover{background:#fff;box-shadow:var(--shadow-card);transform:translateY(-4px);}

.application-card i{font-size:1.6rem;color:var(--dmk-secondary);margin-bottom:12px;display:block;}

.application-card span{font-size:.85rem;font-weight:600;color:var(--dmk-dark);}

/* ----- Related products (mini cards for the slider) ----- */
.related-product-card{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);
  border:1px solid rgba(27,94,32,.05);transition:all .3s;
}

.related-product-card:hover{transform:translateY(-6px);}

.related-product-card .img-wrap{height:170px;overflow:hidden;}

.related-product-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}

.related-product-card:hover .img-wrap img{transform:scale(1.08);}

.related-product-card .body-p{padding:16px;}

.related-product-card h6{font-size:.9rem;margin-bottom:4px;}

.related-product-card h6 a{color:var(--dmk-dark);}

.related-product-card h6 a:hover{color:var(--dmk-primary);}

.related-product-card .origin{font-size:.74rem;color:#6b7a6c;margin-bottom:10px;}

.related-product-card .view-link{font-size:.78rem;font-weight:600;color:var(--dmk-primary);display:inline-flex;align-items:center;gap:4px;}

/* ============================================================
   GALLERY PAGE — additional components
   ============================================================ */

/* ----- Page hero (shared inner-page pattern) ----- */
.page-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

/* ----- Filter bar (reused visual language from products.html) ----- */
.gallery-filter-bar{
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  border:1px solid rgba(27,94,32,.07);padding:22px 26px;
}

.filter-pill-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}

/* ----- Masonry gallery (CSS columns, no JS library needed) ----- */
.masonry-grid{column-count:4;column-gap:16px;}

.masonry-item{
  break-inside:avoid;margin-bottom:16px;position:relative;border-radius:var(--radius-md);
  overflow:hidden;display:block;box-shadow:var(--shadow-card);transition:opacity .3s,transform .3s;
}

.masonry-item img{width:100%;display:block;transition:transform .6s var(--ease);}

.masonry-item:hover img{transform:scale(1.08);}

.masonry-item .g-overlay{
  position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,40,20,0) 40%,rgba(15,30,15,.9) 100%);
  opacity:0;transition:opacity .35s;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;
}

.masonry-item:hover .g-overlay{opacity:1;}

.masonry-item .g-overlay .zoom-ic{
  position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;border:1px solid rgba(255,255,255,.3);
}

.masonry-item .g-overlay h6{color:#fff;font-size:.9rem;margin-bottom:4px;}

.masonry-item .g-overlay p{color:rgba(255,255,255,.75);font-size:.76rem;margin:0;}

.masonry-item.filtering-hide{display:none;}

/* ----- Video gallery ----- */
.video-card{
  position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);
  height:220px;cursor:pointer;
}

.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}

.video-card:hover img{transform:scale(1.06);}

.video-card::after{content:'';position:absolute;inset:0;background:rgba(10,26,12,.4);}

.video-card .play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--dmk-primary);display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;z-index:2;transition:all .3s;
}

.video-card:hover .play-btn{background:var(--dmk-gold);color:#1E1E1E;transform:translate(-50%,-50%) scale(1.1);}

.video-card .video-title{
  position:absolute;bottom:14px;left:14px;right:14px;color:#fff;font-size:.88rem;font-weight:600;z-index:2;
}

/* ============================================================
   CERTIFICATIONS PAGE — additional components
   ============================================================ */

/* ----- Page hero (shared inner-page pattern) ----- */
.page-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

.page-hero h1{color:#fff;font-size:clamp(2rem,3.8vw,3rem);line-height:1.15;letter-spacing:-0.5px;margin-bottom:18px;max-width:780px;}

.page-hero p.lead-dmk{color:rgba(255,255,255,.85);font-size:1.02rem;line-height:1.8;max-width:660px;margin-bottom:30px;}

/* ----- Value card (reused pattern for compliance standards) ----- */
.value-card{
  background:#fff;border-radius:var(--radius-md);padding:30px 24px;text-align:center;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .35s var(--ease);
}

/* ----- Detailed certification card ----- */
.cert-detail-card{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;height:100%;
  border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card);transition:transform .3s;
  display:flex;flex-direction:column;
}

.cert-detail-card:hover{transform:translateY(-6px);}

.cert-detail-card .cert-img-placeholder{
  height:150px;background:#ffffff;border-bottom:1px solid rgba(27,94,32,.08);
  display:flex;align-items:center;justify-content:center;color:var(--dmk-primary);font-size:2.6rem;position:relative;
  overflow:hidden;padding:16px;
}
.cert-detail-card .cert-img-placeholder img{
  max-width:140px;max-height:100px;width:auto;height:auto;object-fit:contain;
}

.cert-detail-card .verified-badge{
  position:absolute;top:12px;right:12px;background:var(--dmk-primary);color:#fff;font-size:.68rem;font-weight:700;
  padding:5px 11px;border-radius:100px;display:inline-flex;align-items:center;gap:5px;
}

.cert-detail-card .body-p{padding:22px;display:flex;flex-direction:column;flex:1;}

.cert-detail-card h5{font-size:1rem;margin-bottom:4px;}

.cert-detail-card .reg-no{font-size:.76rem;color:#6b7a6c;margin-bottom:2px;}

.cert-detail-card .issued-by{font-size:.76rem;color:#6b7a6c;margin-bottom:12px;}

.cert-detail-card .issued-by strong{color:var(--dmk-secondary);}

.cert-detail-card p.desc{font-size:.84rem;color:#5b6b5c;line-height:1.65;margin-bottom:16px;flex:1;}

.cert-detail-card .btn-download{
  background:var(--dmk-bg);border:1px solid rgba(27,94,32,.1);color:var(--dmk-dark);font-size:.8rem;font-weight:600;
  padding:9px 14px;border-radius:8px;text-align:center;transition:all .3s;margin-top:auto;
}

.cert-detail-card .btn-download:hover{background:var(--dmk-primary);color:#fff;}

.placeholder-tag{font-size:.68rem;color:#b0473f;font-style:italic;}

/* ----- Document card (export documentation grid) ----- */
.doc-card{
  background:#fff;border-radius:var(--radius-md);padding:26px 22px;height:100%;
  border:1px solid rgba(27,94,32,.06);transition:all .3s;
}

.doc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);}

.doc-card .ic{
  width:48px;height:48px;border-radius:12px;background:rgba(139,195,74,.14);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;
}

.doc-card h6{font-size:.92rem;font-weight:700;margin-bottom:8px;}

.doc-card p{font-size:.8rem;color:#5b6b5c;line-height:1.6;margin-bottom:6px;}

.doc-card .purpose{font-size:.72rem;color:var(--dmk-secondary);font-weight:600;}

/* ----- Global compliance regions ----- */
.compliance-region-card{
  background:#fff;border-radius:var(--radius-md);padding:26px 24px;height:100%;
  border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card);
}

.compliance-region-card .region-ic{
  width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--dmk-primary),var(--dmk-accent));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;
}

.compliance-region-card h5{font-size:1rem;margin-bottom:10px;}

.compliance-region-card p{font-size:.85rem;color:#5b6b5c;line-height:1.65;margin:0;}

/* ============================================================
   BLOG LISTING PAGE — additional components
   ============================================================ */

/* ----- Page hero (shared inner-page pattern) ----- */
.page-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

/* ----- Article meta row (shared: listing cards + featured + detail page) ----- */
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:.76rem;color:#6b7a6c;}

.article-meta span{display:inline-flex;align-items:center;gap:5px;}

.article-meta i{color:var(--dmk-accent);}

/* ----- Featured article ----- */
.featured-article{
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);
  border:1px solid rgba(27,94,32,.06);
}

.featured-article .row{--bs-gutter-x:0;}

.featured-article .img-wrap{height:100%;min-height:340px;position:relative;}

.featured-article .img-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}

.featured-article .content-wrap{padding:44px;display:flex;flex-direction:column;justify-content:center;height:100%;}

.featured-article .content-wrap h2{font-size:1.5rem;line-height:1.3;margin:14px 0;}

.featured-article .content-wrap h2 a{color:var(--dmk-dark);}

.featured-article .content-wrap h2 a:hover{color:var(--dmk-primary);}

.featured-article .content-wrap p{font-size:.95rem;color:#5b6b5c;line-height:1.75;margin-bottom:20px;}

/* ----- Blog filter bar (reused visual language) ----- */
/* ----- Blog filter bar & controls ----- */
.blog-filter-bar{
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  border:1px solid rgba(27,94,32,.08);padding:24px 28px;margin-bottom:40px;
}

.filter-pill-scroll{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}

.filter-pill{
  border:1px solid #dce4db;background:#f9fbf8;color:#3b4a3c;font-size:.82rem;font-weight:600;
  padding:8px 16px;border-radius:100px;transition:all .2s ease;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;user-select:none;text-decoration:none;
}

.filter-pill:hover{
  background:#eef4ec;border-color:#b8ceb6;color:var(--dmk-primary);
}

.filter-pill.active{
  background:var(--dmk-primary);border-color:var(--dmk-primary);color:#fff;
  box-shadow:0 4px 12px rgba(27,94,32,.25);
}

.filter-pill .pill-count{
  display:inline-block;padding:2px 6px;border-radius:20px;font-size:.7rem;
  background:rgba(0,0,0,.06);line-height:1;
}

.filter-pill.active .pill-count{
  background:rgba(255,255,255,.25);color:#fff;
}

.blog-filter-label{
  font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:#5a6d5b;margin-bottom:6px;display:flex;align-items:center;gap:5px;
}

.blog-filter-select{
  border:1px solid #dbe3da;border-radius:10px;padding:9px 12px;font-size:.85rem;
  background:#fcfdfb;width:100%;color:#2d3a2e;transition:border-color .2s,box-shadow .2s;
  cursor:pointer;
}

.blog-filter-select:focus{
  border-color:var(--dmk-primary);outline:none;
  box-shadow:0 0 0 3px rgba(27,94,32,.12);background:#fff;
}

.blog-search-wrap{
  position:relative;
}

.blog-search-wrap input{
  border:1px solid #dbe3da;border-radius:10px;padding:10px 14px 10px 38px;font-size:.88rem;
  background:#fcfdfb;width:100%;color:#2d3a2e;transition:all .2s ease;
}

.blog-search-wrap input:focus{
  border-color:var(--dmk-primary);outline:none;
  box-shadow:0 0 0 3px rgba(27,94,32,.12);background:#fff;
}

.blog-search-wrap i{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:#7c8f7e;pointer-events:none;font-size:.95rem;
}

.active-filter-chips{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}

.filter-chip{
  display:inline-flex;align-items:center;gap:6px;background:#eef5ed;color:var(--dmk-primary);
  border:1px solid #c9dec6;padding:4px 10px 4px 12px;border-radius:100px;
  font-size:.78rem;font-weight:600;
}

.filter-chip .chip-label{
  color:#617262;font-weight:500;font-size:.72rem;margin-right:2px;
}

.filter-chip button{
  background:none;border:none;padding:0;margin:0;color:var(--dmk-primary);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  width:16px;height:16px;border-radius:50%;transition:background .2s;
}

.filter-chip button:hover{
  background:rgba(27,94,32,.15);color:#0d4715;
}

.btn-clear-blog-filters{
  border:1px solid #d4ded3;background:#fff;color:#576658;font-size:.8rem;font-weight:600;
  padding:6px 14px;border-radius:8px;transition:all .2s ease;display:inline-flex;
  align-items:center;gap:6px;cursor:pointer;
}

.btn-clear-blog-filters:hover{
  background:#f4f7f3;color:#1b5e20;border-color:#b6cbb4;
}

.blog-card-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px;
}

.blog-card-tag{
  display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;
  padding:3px 8px;border-radius:6px;background:#f3f6f2;color:#3d523e;
  border:1px solid #e1e9e0;
}

.blog-card-tag.tag-product{
  background:#fbf5e8;color:#855c0c;border-color:#f2dfba;
}

.blog-card-tag.tag-country{
  background:#eef6f9;color:#185a73;border-color:#cfdfe6;
}

.filter-divider{height:1px;background:rgba(27,94,32,.08);margin:18px 0;}

/* ----- Blog card (listing grid) ----- */
.blog-card-full{
  background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);height:100%;
  border:1px solid rgba(27,94,32,.05);transition:all .35s var(--ease);display:flex;flex-direction:column;
  min-height:100%;
}

.blog-card-full:hover{transform:translateY(-8px);box-shadow:0 22px 44px -18px rgba(27,94,32,.28);}

.blog-card-full .img-wrap{position:relative;height:220px;overflow:hidden;flex-shrink:0;background:#f4f7f1;}

.blog-card-full .img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}

.blog-card-full:hover .img-wrap img{transform:scale(1.08);}

.blog-card-full .img-wrap .cat-badge-blog{position:absolute;top:14px;left:14px; z-index:2; margin-bottom:0;}

.blog-card-full .body-p{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;gap:10px;}

.blog-card-full .article-meta{display:flex;flex-wrap:wrap;gap:10px 12px;font-size:.72rem;color:#6b7a6c;}

.blog-card-full h3{font-size:1rem;line-height:1.4;margin:0;}

.blog-card-full h3 a{color:var(--dmk-dark);transition:color .2s;text-decoration:none;display:block;}

.blog-card-full h3 a:hover{color:var(--dmk-primary);}

.blog-card-full p.excerpt{font-size:.84rem;color:#5b6b5c;line-height:1.65;margin:0;flex:1;}

.blog-card-full .read-more{font-size:.82rem;font-weight:600;color:var(--dmk-primary);display:inline-flex;align-items:center;gap:6px;margin-top:auto;text-decoration:none;}

.blog-card-full[hidden]{display:none;}

/* ----- Newsletter ----- */
.newsletter-section{
  background:var(--dmk-primary);border-radius:var(--radius-lg);padding:56px 48px;color:#fff;position:relative;overflow:hidden;
}

.newsletter-section::before{
  content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;
  background:rgba(255,255,255,.06);
}

.newsletter-section h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:12px;}

.newsletter-section p{color:rgba(255,255,255,.78);font-size:.95rem;max-width:520px;margin-bottom:0;}

.newsletter-form-row{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:2;}

.newsletter-form-row input{
  border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:13px 16px;font-size:.9rem;
  background:rgba(255,255,255,.08);color:#fff;flex:1;min-width:160px;
}

.newsletter-form-row input::placeholder{color:rgba(255,255,255,.5);}

.newsletter-form-row input:focus{outline:none;border-color:var(--dmk-gold);background:rgba(255,255,255,.12);}

/* ============================================================
   BLOG DETAIL PAGE — additional components
   ============================================================ */

/* ----- Reading progress bar ----- */
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--dmk-gold);z-index:1200;width:0%;transition:width .1s linear;}

.blog-detail-shell{max-width:1299px;}

/* ----- Breadcrumb strip ----- */
.pd-breadcrumb-strip{background:var(--dmk-bg);border-bottom:1px solid rgba(27,94,32,.07);padding:18px 0;}

.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-wrap:wrap;}

/* ----- Blog hero (editorial, not photo-hero) ----- */
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:.8rem;color:#6b7a6c;}

.cat-badge-blog{
  display:inline-flex;align-items:center;background:var(--dmk-primary);color:#fff;font-size:.7rem;font-weight:700;
  padding:5px 13px;border-radius:100px;letter-spacing:.4px;margin-bottom:16px;width:fit-content;
}

.blog-h1{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.2;letter-spacing:-.5px;margin:14px 0 18px;}

.blog-article-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}

.blog-intro{font-size:1.08rem;color:#4c5a4d;line-height:1.85;max-width:780px;margin-bottom:28px;}

.blog-hero-media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);background:#f7f9f4;}

.blog-featured-img{border-radius:var(--radius-lg);box-shadow:none;width:100%;max-height:560px;min-height:320px;object-fit:cover;display:block;}

.blog-hero-media{margin-bottom:40px;}

.social-share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.social-share-bar .label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7a6c;margin-right:4px;}

.social-share-bar a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dmk-bg);color:var(--dmk-primary);border:1px solid rgba(27,94,32,.08);transition:all .25s;}

.social-share-bar a:hover{background:var(--dmk-primary);color:#fff;transform:translateY(-1px);}

/* ----- Article info bar (author + meta + share) ----- */
.article-info-bar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  background:#fff;border:1px solid rgba(27,94,32,.07);border-radius:var(--radius-md);padding:20px 24px;
  box-shadow:var(--shadow-card);margin-top:-30px;position:relative;z-index:5;
}

.author-inline{display:flex;align-items:center;gap:12px;}

.author-inline img{width:46px;height:46px;border-radius:50%;object-fit:cover;}

.author-inline strong{display:block;font-size:.88rem;color:var(--dmk-dark);}

.author-inline small{font-size:.74rem;color:#6b7a6c;}

.share-row{display:flex;gap:8px;align-items:center;}

.share-row .label{font-size:.75rem;color:#6b7a6c;margin-right:4px;}

.share-btn{
  width:36px;height:36px;border-radius:50%;background:var(--dmk-bg);color:var(--dmk-primary);border:1px solid rgba(27,94,32,.08);
  display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .25s;cursor:pointer;
}

.share-btn:hover{background:var(--dmk-primary);color:#fff;}

/* ----- Table of contents (sticky sidebar) ----- */
.toc-sidebar{
  background:#fff;border:1px solid rgba(27,94,32,.07);border-radius:var(--radius-md);padding:24px;
  box-shadow:var(--shadow-card);position:sticky;top:110px;
}

.toc-sidebar .toc-title{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--dmk-secondary);margin-bottom:16px;}

.toc-list{list-style:none;padding:0;margin:0;}

.toc-list li{margin-bottom:4px;}

.toc-list a{
  display:block;padding:8px 12px;border-radius:8px;font-size:.85rem;color:#4c5a4d;transition:all .2s;border-left:2px solid transparent;
}

.toc-list a:hover{background:var(--dmk-bg);color:var(--dmk-primary);}

.toc-list a.active{background:rgba(139,195,74,.12);color:var(--dmk-primary);border-left-color:var(--dmk-primary);font-weight:600;}

.toc-list .sub-link{padding-left:26px;font-size:.8rem;}

/* ----- Article body typography ----- */
.article-body{font-size:1rem;color:#3c463c;line-height:1.85;}

.article-body h2{font-size:1.5rem;margin:44px 0 18px;letter-spacing:-.3px;}

.article-body h2:first-child{margin-top:0;}

.article-body h3{font-size:1.15rem;margin:30px 0 14px;color:var(--dmk-dark);}

.article-body p{margin-bottom:18px;}

.article-support-block{margin:28px 0 30px;padding:24px 26px;border:1px solid rgba(27,94,32,.08);border-radius:var(--radius-md);background:linear-gradient(135deg,#f8fbf4 0%,#ffffff 100%);}

.article-support-block h2{font-size:1.3rem;margin:0 0 10px;}

.article-info-card{background:#fff;border:1px solid rgba(27,94,32,.07);border-radius:var(--radius-sm);padding:18px 18px 16px;height:100%;box-shadow:var(--shadow-card);}

.article-info-card h3{font-size:1rem;margin:0 0 8px;color:var(--dmk-dark);}

.article-info-card p{margin:0;font-size:.9rem;line-height:1.7;color:#5b6b5c;}

.article-checklist{margin:24px 0 30px;padding:24px 26px;border-radius:var(--radius-md);background:#f8fbf4;border:1px solid rgba(27,94,32,.08);}

.article-checklist h3{margin-top:0;}

.article-checklist ul{margin:0;padding-left:20px;}

.article-checklist li{margin-bottom:8px;color:#4c5a4d;}

.article-body ul,.article-body ol{margin-bottom:20px;padding-left:22px;}

.article-body li{margin-bottom:8px;}

.article-body a{color:var(--dmk-primary);font-weight:600;text-decoration:underline;text-decoration-color:rgba(27,94,32,.3);}

.article-body img{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);margin:24px 0;}

.article-body .img-caption{font-size:.8rem;color:#6b7a6c;text-align:center;margin-top:-16px;margin-bottom:24px;}

.article-table-wrap{overflow-x:auto;margin:24px 0;border-radius:var(--radius-md);border:1px solid rgba(27,94,32,.08);box-shadow:var(--shadow-card);}

.article-table{width:100%;border-collapse:collapse;min-width:520px;}

.article-table thead th{background:var(--dmk-primary);color:#fff;padding:14px 18px;font-size:.78rem;text-align:left;letter-spacing:.4px;text-transform:uppercase;}

.article-table tbody td{padding:14px 18px;font-size:.88rem;border-bottom:1px solid rgba(27,94,32,.06);}

.article-table tbody tr:nth-child(even){background:var(--dmk-bg);}

.article-table tbody tr:last-child td{border-bottom:none;}

.quote-block{
  border-left:3px solid var(--dmk-gold);background:var(--dmk-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;
  padding:22px 28px;margin:28px 0;font-size:1.05rem;font-style:italic;color:var(--dmk-dark);position:relative;
}

.quote-block i.bi-quote{color:var(--dmk-accent);font-size:1.4rem;margin-right:8px;}

.quote-block cite{display:block;font-size:.8rem;font-style:normal;color:#6b7a6c;margin-top:10px;}

.callout-box{
  border-radius:var(--radius-md);padding:22px 24px;margin:26px 0;display:flex;gap:16px;border:1px solid;
}

.callout-box .ic{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;}

.callout-box .label{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:6px;display:block;}

.callout-box p{margin:0;font-size:.9rem;line-height:1.7;}

.callout-tip{background:rgba(139,195,74,.08);border-color:rgba(139,195,74,.25);}

.callout-tip .ic{background:var(--dmk-accent);color:#fff;}

.callout-tip .label{color:var(--dmk-secondary);}

.callout-advice{background:rgba(249,168,37,.08);border-color:rgba(249,168,37,.3);}

.callout-advice .ic{background:var(--dmk-gold);color:#1E1E1E;}

.callout-advice .label{color:#b5790f;}

.callout-note{background:rgba(27,94,32,.06);border-color:rgba(27,94,32,.2);}

.callout-note .ic{background:var(--dmk-primary);color:#fff;}

.callout-note .label{color:var(--dmk-primary);}

.callout-fact{background:rgba(139,195,74,.06);border-color:rgba(139,195,74,.2);}

.callout-fact .ic{background:var(--dmk-secondary);color:#fff;}

.callout-fact .label{color:var(--dmk-secondary);}

.callout-standard{background:#fff;border-color:rgba(27,94,32,.15);box-shadow:var(--shadow-card);}

.callout-standard .ic{background:var(--dmk-dark);color:#fff;}

.callout-standard .label{color:var(--dmk-dark);}

/* ----- Download resources ----- */
.download-card{
  background:#fff;border-radius:var(--radius-md);padding:22px;display:flex;align-items:center;gap:16px;
  border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card);transition:all .3s;height:100%;
}

.download-card:hover{transform:translateY(-4px);}

.download-card .ic{
  width:50px;height:50px;border-radius:12px;background:rgba(139,195,74,.14);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;
}

.download-card h6{font-size:.9rem;margin-bottom:2px;}

.download-card span{font-size:.76rem;color:#6b7a6c;}

.download-card .dl-btn{
  margin-left:auto;width:38px;height:38px;border-radius:50%;background:var(--dmk-bg);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;border:none;cursor:pointer;
}

.download-card .dl-btn:hover{background:var(--dmk-primary);color:#fff;}

/* ----- Author card ----- */
.author-card-full{
  background:#fff;border-radius:var(--radius-lg);padding:36px;border:1px solid rgba(27,94,32,.07);
  box-shadow:var(--shadow-card);display:flex;gap:24px;align-items:flex-start;
}

.author-card-full .photo{
  width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,rgba(27,94,32,.14),rgba(139,195,74,.18));
  display:flex;align-items:center;justify-content:center;color:var(--dmk-primary);font-size:2rem;flex-shrink:0;
}

.author-card-full h5{margin-bottom:2px;}

.author-card-full .role{font-size:.82rem;color:var(--dmk-secondary);font-weight:600;display:block;margin-bottom:12px;}

.author-card-full p{font-size:.88rem;color:#5b6b5c;line-height:1.7;margin-bottom:14px;}

/* ----- Comments ----- */
.comment-form-wrap{background:#fff;border-radius:var(--radius-md);padding:28px;border:1px solid rgba(27,94,32,.07);box-shadow:var(--shadow-card);}

.comment-form-wrap label{font-size:.78rem;font-weight:600;color:#546455;margin-bottom:6px;display:block;}

.comment-form-wrap .form-control{border-radius:8px;border:1px solid #e2e8e1;padding:11px 14px;font-size:.9rem;background:#fbfcfb;}

.comment-form-wrap .form-control:focus{outline:none;border-color:var(--dmk-accent);box-shadow:0 0 0 3px rgba(139,195,74,.15);}

.comment-item{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid rgba(27,94,32,.07);}

.comment-item:last-child{border-bottom:none;}

.comment-item img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;}

.comment-item .c-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;}

.comment-item .c-head strong{font-size:.88rem;}

.comment-item .c-head span{font-size:.74rem;color:#6b7a6c;}

.comment-item p{font-size:.87rem;color:#4c5a4d;margin:0;line-height:1.65;}

/* ----- Image gallery (in-article) ----- */
.article-gallery-item{border-radius:var(--radius-md);overflow:hidden;position:relative;display:block;height:180px;}

.article-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}

.article-gallery-item:hover img{transform:scale(1.08);}

.article-gallery-item .g-cap{
  position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(10,26,12,.85));
  color:#fff;font-size:.76rem;padding:20px 12px 10px;
}

/* ============================================================
   CONTACT PAGE — additional components
   ============================================================ */

/* ----- Page hero (shared inner-page pattern) ----- */
.page-hero{position:relative;min-height:54vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:120px;}

/* ----- WhatsApp CTA button (reused pattern) ----- */
.btn-whatsapp-pd{
  background:#25D366;color:#fff;border:none;padding:14px 26px;border-radius:8px;font-weight:600;font-size:.92rem;
  display:inline-flex;align-items:center;gap:10px;transition:all .3s;
}

/* ----- Glassmorphism contact info cards ----- */
.contact-info-strip{margin-top:-70px;position:relative;z-index:6;}

.glass-contact-card{
  background:rgba(255,255,255,.85);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:30px 26px;height:100%;
  box-shadow:0 20px 50px -20px rgba(10,32,16,.28);transition:all .35s var(--ease);
}

.glass-contact-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -18px rgba(10,32,16,.34);}

.glass-contact-card .ic{
  width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--dmk-primary),var(--dmk-accent));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px;
}

.glass-contact-card h5{font-size:1.02rem;margin-bottom:14px;}

.glass-contact-card .row-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.86rem;}

.glass-contact-card .row-item i{color:var(--dmk-accent);margin-top:3px;flex-shrink:0;}

.glass-contact-card .row-item a{color:var(--dmk-dark);font-weight:500;}

.glass-contact-card .row-item a:hover{color:var(--dmk-primary);}

.glass-contact-card .row-item span{color:#5b6b5c;}

.glass-contact-card .map-btn{
  display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--dmk-primary);margin-top:8px;
}

/* ----- Quick contact form ----- */
.contact-form-card{
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:36px;
  border:1px solid rgba(27,94,32,.07);
}

.contact-form-card label{font-size:.8rem;font-weight:600;color:#546455;margin-bottom:6px;display:block;}

.contact-form-card .form-control,.contact-form-card .form-select{
  border-radius:8px;border:1px solid #e2e8e1;padding:12px 14px;font-size:.9rem;background:#fbfcfb;
}

.contact-form-card .form-control:focus,.contact-form-card .form-select:focus{
  outline:none;border-color:var(--dmk-accent);box-shadow:0 0 0 3px rgba(139,195,74,.15);
}

.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:.83rem;color:#5b6b5c;}

.privacy-check input{margin-top:4px;}

.trust-tick-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;}

.trust-tick-row span{
  display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:#4c5a4d;font-weight:500;
}

.trust-tick-row i{color:var(--dmk-primary);}

.contact-side-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;height:100%;min-height:520px;object-fit:cover;}

/* ----- Office & Warehouse image stack ----- */
.office-img-stack{position:relative;}

.office-img-stack img.primary{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;height:340px;object-fit:cover;}

.office-img-stack img.secondary{
  border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:60%;height:200px;object-fit:cover;
  position:absolute;bottom:-30px;right:-20px;border:4px solid #fff;
}

/* ----- Map ----- */
.map-embed-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid rgba(27,94,32,.08);position:relative;}

.map-embed-wrap iframe{width:100%;height:460px;display:block;filter:grayscale(.15) contrast(1.05);}

.map-directions-btn{
  position:absolute;bottom:20px;right:20px;background:#fff;color:var(--dmk-primary);font-weight:600;font-size:.85rem;
  padding:11px 20px;border-radius:100px;box-shadow:var(--shadow-card);display:inline-flex;align-items:center;gap:8px;
}

.map-directions-btn:hover{background:var(--dmk-primary);color:#fff;}
/* ----- Form success / error messaging (used by main.js) ----- */
.form-alert{
  display:flex;align-items:center;gap:10px;border-radius:10px;padding:14px 18px;font-size:.87rem;
  font-weight:500;margin-top:16px;animation:fadeInUp .3s ease both;
}
.form-alert-success{background:rgba(139,195,74,.14);color:#fff;border:1px solid rgba(139,195,74,.35);}
.form-alert-error{background:rgba(176,71,63,.1);color:#b0473f;border:1px solid rgba(176,71,63,.3);}
.form-alert i{font-size:1.1rem;flex-shrink:0;}

/* ----- Clear filters button ----- */
.btn-clear-filters{
  background:transparent;border:1px solid rgba(176,71,63,.3);color:#b0473f;font-size:.82rem;font-weight:600;
  padding:8px 16px;border-radius:100px;display:inline-flex;align-items:center;gap:6px;transition:all .25s;white-space:nowrap;
}
.btn-clear-filters:hover{background:#b0473f;color:#fff;border-color:#b0473f;}

/* ----- Quote panel backdrop ----- */
.quote-backdrop{
  position:fixed;inset:0;background:rgba(10,26,12,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  z-index:1009;opacity:0;visibility:hidden;transition:opacity .3s ease;
}
.quote-backdrop.open{opacity:1;visibility:visible;}

/* ----- Legal pages (Privacy Policy / Cookie Policy / Terms of Use) ----- */
.legal-content{font-size:.96rem;color:#3c463c;line-height:1.85;max-width:820px;}
.legal-content h2{font-size:1.3rem;margin:36px 0 14px;}
.legal-content h2:first-child{margin-top:0;}
.legal-content h3{font-size:1.05rem;margin:24px 0 10px;color:var(--dmk-dark);}
.legal-content p{margin-bottom:16px;}
.legal-content ul{margin-bottom:18px;padding-left:22px;}
.legal-content li{margin-bottom:8px;}
.legal-content .effective-date{
  display:inline-block;background:var(--dmk-bg);border:1px solid rgba(27,94,32,.1);border-radius:100px;
  padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--dmk-secondary);margin-bottom:30px;
}

/* ----- Status pages (Thank You / 404) ----- */
.status-page{min-height:80vh;display:flex;align-items:center;padding:120px 0 80px;}
.status-icon-wrap{
  width:100px;height:100px;border-radius:50%;background:rgba(139,195,74,.14);color:var(--dmk-primary);
  display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 32px;
}
.status-page h1{font-size:clamp(1.8rem,3.2vw,2.5rem);margin-bottom:16px;}
.status-page p.lead-status{font-size:1.05rem;color:#5b6b5c;max-width:560px;margin:0 auto 36px;line-height:1.8;}
.status-next-steps{
  background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(27,94,32,.07);
  box-shadow:var(--shadow-card);padding:32px;max-width:560px;margin:0 auto 36px;text-align:left;
}
.status-next-steps h6{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--dmk-secondary);margin-bottom:18px;}
.status-next-steps li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:.9rem;color:#4c5a4d;}
.status-next-steps li:last-child{margin-bottom:0;}
.status-next-steps li i{color:var(--dmk-primary);margin-top:3px;flex-shrink:0;}

.error-page{min-height:80vh;display:flex;align-items:center;padding:120px 0 80px;}
.error-code{
  font-size:clamp(5rem,14vw,9rem);font-weight:800;color:var(--dmk-primary);line-height:1;
  letter-spacing:-2px;opacity:.15;margin-bottom:-24px;
}
.error-page h1{font-size:clamp(1.8rem,3.2vw,2.4rem);margin-bottom:16px;position:relative;z-index:2;}
.error-page p.lead-error{font-size:1.02rem;color:#5b6b5c;max-width:520px;margin:0 auto 36px;line-height:1.8;}
.error-search-row{max-width:480px;margin:0 auto 36px;}

/* ============================================================
   DYNAMIC ADD-ONS — filter tabs, team "view more" popup, and
   the floating daily-price widget. Appended without touching
   existing rules above.
   ============================================================ */

/* ---------- Filter tabs (Gallery + Testimonials) ---------- */
.gfilter-btn{
  border:1px solid var(--color-border,rgba(27,94,32,.15));
  background:#fff;color:var(--dmk-dark,#1E1E1E);
  padding:8px 20px;border-radius:var(--radius-pill,100px);
  font-size:.85rem;font-weight:600;cursor:pointer;
  transition:var(--transition-fast,.2s ease);
}
.gfilter-btn:hover{border-color:var(--dmk-primary,#1B5E20);color:var(--dmk-primary,#1B5E20);}
.gfilter-btn.active{background:var(--dmk-primary,#1B5E20);border-color:var(--dmk-primary,#1B5E20);color:#fff;}
.tfilter-btn{
  border:1px solid var(--color-border,rgba(27,94,32,.15));
  background:#fff;color:var(--dmk-dark,#1E1E1E);
  padding:8px 20px;border-radius:var(--radius-pill,100px);
  font-size:.85rem;font-weight:600;cursor:pointer;
  transition:var(--transition-fast,.2s ease);
}
.tfilter-btn:hover{border-color:var(--dmk-primary,#1B5E20);color:var(--dmk-primary,#1B5E20);}
.tfilter-btn.active{background:var(--dmk-primary,#1B5E20);border-color:var(--dmk-primary,#1B5E20);color:#fff;}
.testimonial-item.filtering-hide{display:none;}

/* ---------- Team section ---------- */
.team-card{background:#fff;border-radius:var(--radius-md,16px);box-shadow:var(--shadow-card,0 8px 24px -14px rgba(0,0,0,.15));overflow:hidden;height:100%;text-align:center;padding-bottom:24px;}
.team-card .team-photo{width:100%;aspect-ratio:1/1;object-fit:cover;}
.team-card .team-body{padding:20px 18px 0;}
.team-card h5{margin-bottom:2px;font-size:1.05rem;}
.team-card .team-role{color:var(--dmk-primary,#1B5E20);font-size:.85rem;font-weight:600;margin-bottom:10px;display:block;}
.team-card .team-bio-short{font-size:.85rem;color:var(--color-text-muted,#5b6b5c);line-height:1.4;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.team-card .btn-view-more{margin-top:14px;border:1px solid var(--dmk-primary,#1B5E20);color:var(--dmk-primary,#1B5E20);background:transparent;border-radius:var(--radius-pill,100px);padding:8px 22px;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast,.2s ease);}
.team-card .btn-view-more:hover{background:var(--dmk-primary,#1B5E20);color:#fff;}

.team-modal-backdrop{position:fixed;inset:0;background:rgba(15,25,15,.55);z-index:1200;display:none;}
.team-modal-backdrop.open{display:block;}
.team-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:92%;max-width:480px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:var(--radius-md,16px);z-index:1201;display:none;padding:28px;box-shadow:0 30px 60px -20px rgba(0,0,0,.35);}
.team-modal.open{display:block;}
.team-modal .team-modal-close{position:absolute;top:14px;right:14px;border:none;background:#f0f1f0;width:34px;height:34px;border-radius:50%;cursor:pointer;}
.team-modal .team-modal-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:14px;}
.team-modal .team-modal-contact{list-style:none;padding:0;margin:16px 0 0;font-size:.88rem;}
.team-modal .team-modal-contact li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #eee;}
.team-modal .team-modal-contact li a{color:var(--dmk-dark,#1E1E1E);text-decoration:none;word-break:break-all;}
.team-modal .team-modal-contact li i{color:var(--dmk-primary,#1B5E20);width:18px;}

/* ---------- Floating daily price widget (mirrors .quote-float / .quote-panel stacking so it isn't hidden behind them) ---------- */
.price-float {
    position: fixed;
    right: -104px;
    bottom: auto;
    width: auto;
    height: auto;
    border-radius: 15px 15px 0 0;
    border: none;
    background: var(--dmk-gold,#F9A825);
    color: #1E1E1E;
    box-shadow: 0 14px 30px -8px rgba(0,0,0,.4);
    cursor: pointer;
    padding: 10px 30px;
    z-index: 1045;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    font-size: 16px;
    top: 50%;
    transform: rotate(270deg);
    border: 2px solid #fff;
    border-bottom: 0;
    white-space: nowrap;
}

button#priceFloatBtn i {
    padding-right: 8px;
}
.price-float .price-float-label {
    display: inline-block;
}

.price-backdrop{
  position:fixed;inset:0;background:rgba(10,26,12,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  z-index:9990;opacity:0;visibility:hidden;transition:opacity .3s ease;
}
.price-backdrop.open{opacity:1;visibility:visible;}

/* Right-side sticky price panel that slides in from the right with curtain reveal */
.price-panel {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    z-index: 9999;
    width: 500px;
    max-width: calc(100vw - 64px);
    max-height: min(80vh,calc(100vh - 120px));
    overflow: hidden;
    background: transparent;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 30px 70px -20px rgba(10,32,16,.4);
    opacity: 0;
    visibility: hidden;
    transition: transform .36s var(--ease),opacity .28s var(--ease);
    transform-origin: center right;
}
.price-panel.open{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);} 
@media (max-width: 991px){
  .price-panel {
    right: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    width: 92%;
    max-width: 440px;
    border-radius: var(--radius-md, 16px);
    transform: translate(-50%, -50%) scale(0.95);
    transform-origin: center center;
  }
  .price-panel.open {
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Curtain overlay that covers the panel and reveals content on open */
.price-panel::before{
  content:'';position:absolute;inset:0;border-radius:var(--radius-lg,16px);background:var(--dmk-primary,#1B5E20);z-index:2;transform-origin:right center;transform:scaleX(1);transition:transform .38s cubic-bezier(.2,.9,.2,1);
}
.price-panel.open::before{transform:scaleX(0);} 

.price-panel-content{position:relative;z-index:1;background:#fff;overflow:auto;max-height:100%;padding:0;}

.price-panel-head{background:var(--dmk-primary,#1B5E20);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;}
.price-panel-head h6{margin:0;font-size:.95rem;color:#fff;}
.price-panel-head small{opacity:.8;font-size:.72rem;color:rgba(255,255,255,.75);}
.price-panel-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;flex-shrink:0;}
.price-panel-close:hover{background:rgba(255,255,255,.28);}
.price-panel-body{padding:18px;}
.price-panel-body label{font-size:.78rem;font-weight:600;margin-bottom:4px;display:block;color:#546455;}
.price-panel-body .form-control,.price-panel-body .form-select{margin-bottom:12px;}
.price-result{background:var(--dmk-bg,#F8FAF8);border-radius:var(--radius-sm,10px);padding:16px;text-align:center;}
.price-result .price-amount{font-size:1.6rem;font-weight:800;color:var(--dmk-primary,#1B5E20);margin:6px 0;}
.price-result .price-meta{font-size:.78rem;color:var(--color-text-muted,#5b6b5c);}

/* ===== Cookie Store Bottom Popup ===== */
.cookie-popup {
  position: fixed;
  bottom: 24px;
  left: 24px;
  right: 24px;
  max-width: 1040px;
  margin: 0 auto;
  z-index: 1060;
  transform: translateY(120%);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
  pointer-events: none;
}

.cookie-popup.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.cookie-popup-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 16px 50px -10px rgba(10, 32, 16, 0.22), 0 0 0 1px rgba(27, 94, 32, 0.12);
  padding: 24px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  position: relative;
}

.cookie-popup-content {
  flex: 1;
  min-width: 0;
}

.cookie-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.cookie-popup-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--dmk-dark, #1E1E1E);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.cookie-popup-close {
  background: transparent;
  border: none;
  color: #718096;
  font-size: 1.4rem;
  line-height: 1;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
  display: none;
}

.cookie-popup-close:hover {
  color: #1a202c;
  background: rgba(0, 0, 0, 0.05);
}

.cookie-popup-text {
  font-size: 0.92rem;
  color: #4a5568;
  line-height: 1.6;
  margin: 0;
}

.cookie-policy-link {
  color: var(--dmk-primary, #1B5E20);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s;
}

.cookie-policy-link:hover {
  color: var(--dmk-secondary, #2E7D32);
}

.cookie-popup-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.btn-cookie-accept {
  background: var(--dmk-primary, #1B5E20);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.92rem;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1.5px solid var(--dmk-primary, #1B5E20);
  transition: all 0.25s ease;
  white-space: nowrap;
}

.btn-cookie-accept:hover {
  background: var(--dmk-secondary, #2E7D32);
  border-color: var(--dmk-secondary, #2E7D32);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(27, 94, 32, 0.3);
}

.btn-cookie-manage {
  background: #ffffff;
  color: var(--dmk-dark, #1E1E1E);
  font-weight: 600;
  font-size: 0.92rem;
  padding: 12px 22px;
  border-radius: 8px;
  border: 1.5px solid rgba(30, 30, 30, 0.2);
  transition: all 0.25s ease;
  white-space: nowrap;
}

.btn-cookie-manage:hover {
  background: rgba(27, 94, 32, 0.05);
  border-color: var(--dmk-primary, #1B5E20);
  color: var(--dmk-primary, #1B5E20);
  transform: translateY(-2px);
}

.cookie-pref-modal {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(27, 94, 32, 0.15);
  box-shadow: 0 25px 60px -15px rgba(10, 32, 16, 0.3);
}

.cookie-pref-item {
  background: #fbfdfa;
  border: 1px solid rgba(27, 94, 32, 0.1);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 12px;
}

.cookie-pref-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .cookie-popup {
    bottom: 14px;
    left: 14px;
    right: 14px;
  }
  .cookie-popup-card {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 20px 22px;
  }
  .cookie-popup-actions {
    flex-direction: column-reverse;
  }
  .cookie-popup-actions button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .cookie-popup-close {
    display: block;
  }
}

/* ===== Partner With Us Section ===== */
.partner-card {
  background: #ffffff;
  border-radius: var(--radius-lg, 16px);
  padding: 36px 30px;
  height: 100%;
  border: 1px solid rgba(27, 94, 32, 0.09);
  box-shadow: var(--shadow-card);
  transition: all 0.35s var(--ease);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.partner-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px -12px rgba(10, 32, 16, 0.18);
  border-color: var(--dmk-accent);
}

.partner-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--dmk-primary), var(--dmk-accent));
  opacity: 0;
  transition: opacity 0.35s ease;
}

.partner-card:hover::before {
  opacity: 1;
}

.partner-card .partner-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: rgba(139, 195, 74, 0.15);
  color: var(--dmk-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 22px;
  transition: all 0.35s ease;
}

.partner-card:hover .partner-icon-wrap {
  background: var(--dmk-primary);
  color: #ffffff;
  transform: scale(1.06);
}

.partner-badge {
  display: inline-block;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--dmk-secondary);
  margin-bottom: 8px;
}

.partner-card h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--dmk-dark);
}

.partner-card p {
  font-size: 0.9rem;
  color: #556656;
  line-height: 1.65;
  margin-bottom: 20px;
}

.partner-features {
  list-style: none;
  padding: 0;
  margin: 0 0 26px 0;
  flex: 1;
}

.partner-features li {
  font-size: 0.86rem;
  color: #4a5c4b;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.5;
}

.partner-features li i {
  color: var(--dmk-primary);
  font-size: 0.95rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.partner-card .btn-partner {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.partner-trust-banner {
  background: linear-gradient(135deg, var(--dmk-primary), var(--dmk-secondary));
  border-radius: var(--radius-lg, 16px);
  padding: 30px 36px;
  color: #ffffff;
  box-shadow: 0 16px 40px -10px rgba(27, 94, 32, 0.35);
  margin-top: 48px;
}

.partner-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.partner-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.partner-trust-item i {
  font-size: 2rem;
  color: var(--dmk-gold);
  flex-shrink: 0;
}

.partner-trust-item h6 {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 2px 0;
  color: #ffffff;
}

.partner-trust-item p {
  font-size: 0.78rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.4;
}

@media (max-width: 991px) {
  .partner-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 576px) {
  .partner-trust-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}