/* ===================================================================

   ORGANICO PAKISTAN FARMS -- MASTER STYLESHEET

   Consolidated from all site pages. Homepage is the design reference.

   Sections: variables -> shared components -> keyframes -> shared

   responsive rules -> page-specific sections (with page-specific

   responsive overrides at the end of each section).

   =================================================================== */


/* ============ 1. CSS VARIABLES ============ */

:root{
    --primary:#2F4A33;
    --secondary:#FAF6EC;
    --accent:#C9952C;
    --accent-dark:#B07F1E;
    --whatsapp:#25D366;
    --whatsapp-dark:#1EBE57;
    --text-dark:#2B2B28;
    --text-light:#FFFFFF;
    --border:#E2DED1;
    --footer-dark:#211F1B;
    --font-heading:'Poppins',sans-serif;
    --font-body:'Inter',sans-serif;
    --section-pad:100px;
    --card-gap:30px;
  }



/* ============ 2. SHARED BASE, RESET & COMPONENTS ============ */

/* Reset, typography, buttons, header, nav, footer, cards, forms -- used on 2+ pages */

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{font-family:var(--font-body);color:var(--text-dark);line-height:1.6;font-size:18px;background:var(--text-light);}

img{max-width:100%;display:block;}

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

ul{list-style:none;}

.container{max-width:1200px;margin:0 auto;padding:0 20px;}

h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.2;}

h1{font-size:56px;line-height:1.15;}

h2{font-size:40px;color:var(--primary);}

h3{font-size:22px;font-weight:600;}

.eyebrow{font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);}

.section{padding:var(--section-pad) 0;}

.section-header{max-width:700px;margin:0 auto 60px;text-align:center;}

.section-header p{color:rgba(43,43,40,0.75);margin-top:14px;font-size:18px;}

.bg-cream{background:var(--secondary);}

.bg-white{background:var(--text-light);}

.bg-primary{background:var(--primary);color:var(--text-light);}

.bg-primary h2,.bg-primary .section-header p{color:var(--text-light);}

.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;display:block;}

.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;}

.logo-img{height:48px;width:auto;display:block;}

.footer-logo-img{height:54px;width:auto;display:block;margin-bottom:14px;}

.placeholder{
    background:repeating-linear-gradient(45deg, #e9e4d6, #e9e4d6 10px, #f3efe2 10px, #f3efe2 20px);
    color:#8a8472;font-size:13px;font-weight:600;text-align:center;
    display:flex;align-items:center;justify-content:center;border-radius:8px;
    min-height:160px;padding:10px;
  }

.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:0.3px;padding:16px 32px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;}

.btn-primary{background:var(--accent);color:var(--text-light);}

.btn-primary:hover{background:var(--accent-dark);transform:scale(1.02);}

.btn-outline{background:transparent;border:2px solid var(--text-dark);color:var(--text-dark);padding:14px 30px;}

.btn-outline:hover{background:var(--text-dark);color:var(--text-light);}

.btn-outline.light{border-color:var(--text-light);color:var(--text-light);}

.btn-outline.light:hover{background:var(--text-light);color:var(--primary);}

.btn-whatsapp{background:var(--whatsapp);color:var(--text-light);border-radius:50px;padding:16px 36px;}

.btn-whatsapp:hover{background:var(--whatsapp-dark);}

.btn-link{color:var(--accent);font-weight:600;font-size:15px;background:none;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}

.btn-link:hover{text-decoration:underline;}

#site-header{position:sticky;top:0;z-index:999;background:var(--text-light);padding:16px 0;transition:box-shadow .2s;}

#site-header.scrolled{box-shadow:0 2px 8px rgba(0,0,0,0.06);}

.header-inner{display:flex;align-items:center;justify-content:space-between;}

.logo{font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--primary);}

.logo span{color:var(--accent);}
.footer-col.brand .logo{color:var(--text-light);font-size:22px;}

.nav-menu{display:flex;gap:28px;}

.nav-menu a{font-size:16px;font-weight:500;color:var(--text-dark);}

.nav-menu a:hover{color:var(--accent);}

.header-actions{display:flex;align-items:center;gap:16px;}

.header-actions .btn-outline{padding:10px 18px;font-size:14px;}

.header-actions .btn-whatsapp{padding:10px 22px;font-size:14px;}

#menu-toggle{display:none;background:none;border:none;font-size:26px;color:var(--text-dark);cursor:pointer;}

.floating-whatsapp{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--whatsapp);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 14px rgba(0,0,0,0.2);z-index:1000;animation:pulse 2.2s infinite;text-decoration:none;}

.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;
    background:linear-gradient(rgba(47,74,51,0.55),rgba(47,74,51,0.55)),#3c5c41;color:var(--text-light);overflow:hidden;}

.hero .placeholder{position:absolute;inset:0;z-index:-1;border-radius:0;min-height:100%;opacity:0.25;}

.hero-content{max-width:800px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px;}

.hero h1{font-size:56px;}

.hero-sub{max-width:600px;color:rgba(255,255,255,0.9);font-size:18px;}

.segmentation-row{display:flex;gap:24px;width:100%;margin-top:20px;flex-wrap:wrap;justify-content:center;}

.seg-card{flex:1 1 0;min-width:200px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);
    border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;}

.seg-card .icon{font-size:36px;}

.seg-card h3{color:var(--text-light);}

.seg-card p{font-size:14px;color:rgba(255,255,255,0.8);}

.cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:24px;}

.hero-microcopy{font-size:14px;color:rgba(255,255,255,0.7);margin-top:16px;}

.trust-strip{padding:50px 0;}

.trust-row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}

.trust-item{display:flex;align-items:center;gap:10px;flex:1 1 22%;}

.trust-item .icon{font-size:28px;color:var(--primary);}

.trust-item span{font-size:15px;font-weight:600;}

.card-row{display:flex;gap:var(--card-gap);flex-wrap:wrap;}

.card{background:var(--text-light);border:1px solid var(--border);border-radius:16px;overflow:hidden;
    box-shadow:0 4px 16px rgba(0,0,0,0.04);display:flex;flex-direction:column;flex:1 1 0;}

.card .placeholder{border-radius:0;aspect-ratio:4/3;}

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

.card-body p{font-size:15px;color:rgba(43,43,40,0.75);}

.category-row .card{flex-basis:31%;}

.benefit-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-gap);}

.benefit-item{flex-basis:30%;background:var(--text-light);border-radius:12px;padding:28px;
    display:flex;flex-direction:column;gap:12px;}

.benefit-item .icon{font-size:40px;color:var(--accent);}

.benefit-item p{font-size:16px;color:rgba(43,43,40,0.75);}

.stats-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;text-align:center;}

.stat-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:8px;}

.stat-number{font-family:var(--font-heading);font-weight:700;font-size:48px;color:var(--accent);}

.stat-item span{font-size:16px;color:rgba(255,255,255,0.85);font-weight:500;}

.banner-cta{background:var(--primary);border-radius:16px;padding:36px;display:flex;justify-content:space-between;
    align-items:center;gap:16px;flex-wrap:wrap;color:var(--text-light);margin-top:60px;}

.banner-cta h3{color:var(--text-light);font-weight:600;}

.quote-row{display:flex;gap:var(--card-gap);flex-wrap:wrap;}

.quote-card{flex:1 1 31%;background:var(--text-light);border-radius:12px;padding:28px;border-left:4px solid var(--accent);}

.quote-card p{font-style:italic;font-size:16px;color:rgba(43,43,40,0.85);}

.quote-author{margin-top:16px;font-weight:600;font-size:14px;color:var(--primary);}

.badge-row{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;}

.process-row{display:flex;gap:var(--card-gap);position:relative;}

.process-row::before{content:"";position:absolute;top:28px;left:0;right:0;height:2px;background:var(--border);z-index:0;}

.step-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;position:relative;z-index:1;}

.step-number{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--text-light);
    display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:20px;}

.step-item p{font-size:15px;color:rgba(43,43,40,0.75);}

.faq-wrap{max-width:900px;margin:0 auto;}

.faq-item{border-bottom:1px solid var(--border);}

.faq-question{width:100%;text-align:left;background:none;border:none;padding:20px 0;display:flex;
    justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-heading);
    font-size:18px;font-weight:600;color:var(--text-dark);}

.faq-question .toggle-icon{color:var(--accent);font-size:20px;transition:transform .2s;}

.faq-item.open .toggle-icon{transform:rotate(45deg);}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;}

.faq-answer p{padding-bottom:18px;color:rgba(43,43,40,0.8);font-size:16px;}

.final-cta-row{display:flex;gap:60px;align-items:center;}

.final-cta-left{flex:1 1 50%;display:flex;flex-direction:column;gap:20px;}

.final-cta-left h2{color:var(--text-light);}

.final-cta-left p{color:rgba(255,255,255,0.85);}

.final-cta-buttons{display:flex;gap:16px;flex-wrap:wrap;}

.final-cta-right{flex:1 1 50%;}

.final-cta-right .placeholder{aspect-ratio:4/3;border-radius:16px;min-height:260px;}

.address-block{font-size:15px;color:rgba(255,255,255,0.8);line-height:1.8;}

footer{background:var(--footer-dark);color:var(--text-light);padding:80px 0 30px;}

.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}

.footer-col{flex:1 1 18%;min-width:160px;}

.footer-col.brand{flex-basis:28%;}

.footer-col h3{font-size:16px;color:var(--text-light);margin-bottom:16px;}

.footer-col ul li{margin-bottom:10px;}

.footer-col ul li a{color:rgba(255,255,255,0.7);font-size:15px;}

.footer-col ul li a:hover{color:var(--accent);}

.footer-tagline{color:rgba(255,255,255,0.7);font-size:15px;margin-top:12px;}

.social-row{display:flex;gap:12px;margin-top:8px;}

.social-row a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
    display:flex;align-items:center;justify-content:center;color:var(--text-light);}

.social-row a:hover{background:var(--accent);}

.newsletter-strip{background:rgba(255,255,255,0.05);border-radius:12px;padding:24px;margin:50px 0 30px;
    display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}

.newsletter-strip form{display:flex;gap:10px;}

.newsletter-strip input{padding:12px 16px;border-radius:8px;border:none;min-width:220px;}

.copyright{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;text-align:center;
    color:rgba(255,255,255,0.5);font-size:13px;}

input,button,textarea,select{font-family:inherit;}

h4{font-family:var(--font-heading);font-size:17px;font-weight:600;}

.placeholder{
  background:repeating-linear-gradient(45deg,#e9e4d6,#e9e4d6 10px,#f3efe2 10px,#f3efe2 20px);
  color:#8a8472;font-size:13px;font-weight:600;text-align:center;
  display:flex;align-items:center;justify-content:center;border-radius:8px;
  min-height:160px;padding:10px;
}

.nav-menu a:hover,.nav-menu a.active{color:var(--accent);}

#mobile-nav{display:none;flex-direction:column;gap:4px;padding:8px 20px 20px;border-top:1px solid var(--border);}

#mobile-nav a{padding:12px 0;border-bottom:1px solid var(--border);font-weight:500;color:var(--text-dark);}

.benefit-item{flex-basis:30%;background:var(--text-light);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px;}

.faq-question .toggle-icon{color:var(--accent);font-size:20px;transition:transform .2s;flex-shrink:0;}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;}

.faq-answer p{padding-bottom:18px;color:rgba(43,43,40,0.8);font-size:16px;line-height:1.7;}

.social-row a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:14px;font-weight:700;}

.newsletter-strip p{color:rgba(255,255,255,0.85);font-size:15px;}

.newsletter-strip form{display:flex;gap:10px;flex-wrap:wrap;}

.newsletter-strip input{padding:12px 16px;border-radius:8px;border:none;min-width:220px;color:var(--text-dark);}

.breadcrumb{padding:14px 0;border-bottom:1px solid var(--border);font-size:14px;color:rgba(43,43,40,0.6);}

.breadcrumb a{color:var(--accent);}

.breadcrumb a:hover{text-decoration:underline;}

.breadcrumb span{margin:0 8px;}

.hero-content{max-width:820px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px;}

.hero-sub{max-width:640px;color:rgba(255,255,255,0.92);font-size:18px;}

.cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px;}

.hero-microcopy{font-size:14px;color:rgba(255,255,255,0.7);}

.strong-cta-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}

h4{font-family:var(--font-heading);font-size:18px;font-weight:600;}

.hero-sub{max-width:620px;color:rgba(255,255,255,0.92);font-size:18px;}

.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}

.product-split{display:flex;gap:60px;align-items:center;padding:80px 0;border-bottom:1px solid var(--border);}

.product-split.reverse{flex-direction:row-reverse;}

.spec-item{background:var(--secondary);border-radius:10px;padding:12px 16px;}

.spec-item span{font-size:14px;font-weight:600;color:var(--text-dark);}

.product-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}

.banner-cta{background:var(--primary);border-radius:16px;padding:50px;display:flex;justify-content:space-between;
  align-items:center;gap:24px;flex-wrap:wrap;color:var(--text-light);}

.banner-cta-content{flex:1;}

.banner-cta-content h2{color:var(--text-light);margin-bottom:12px;}

.banner-cta-content p{color:rgba(255,255,255,0.85);font-size:16px;max-width:540px;}

.banner-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex-shrink:0;}

.newsletter-strip input{padding:12px 16px;border-radius:8px;border:none;min-width:220px;font-size:15px;color:var(--text-dark);}

.anchor-nav{background:var(--text-light);border-bottom:2px solid var(--border);position:sticky;top:73px;z-index:90;overflow-x:auto;}

.anchor-nav a:hover,.anchor-nav a.active{color:var(--accent);border-bottom-color:var(--accent);}

.anchor-nav-inner{display:flex;min-width:max-content;}

.anchor-nav a{padding:16px 22px;font-size:14px;font-weight:600;color:rgba(43,43,40,0.6);white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;}

.product-split:last-of-type{border-bottom:none;}

.split-media .placeholder{aspect-ratio:4/3;border-radius:0;min-height:300px;}

.split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}

.split-content{flex:1;display:flex;flex-direction:column;gap:18px;}

.split-content h2{font-size:32px;}

.split-content>p{color:rgba(43,43,40,0.78);font-size:16px;line-height:1.75;}

.layout-split{display:flex;gap:40px;align-items:flex-start;}

.layout-main{flex:1 1 60%;}

.layout-aside{flex:0 0 300px;}



/* ============ 3. KEYFRAME ANIMATIONS ============ */

@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.5);}70%{box-shadow:0 0 0 14px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}



/* ============ 4. SHARED RESPONSIVE RULES ============ */

/* Rules identical across most/all pages at each breakpoint */

@media (max-width:1199px){

  h1{font-size:40px;}

  .footer-col{flex-basis:45%;}

  .nav-menu{display:none;}

  h2{font-size:32px;}

  .container{padding:0 30px;}

  .benefit-item{flex-basis:45%;}

  :root{--section-pad:60px;--card-gap:24px;}

  #menu-toggle{display:block;}

  .footer-col.brand{flex-basis:100%;}

}



@media (max-width:767px){

  h2{font-size:26px;}

  h1{font-size:32px;}

  .process-row::before{display:none;}

  .container{padding:0 16px;}

  .header-actions .btn-text{display:none;}

  :root{--section-pad:50px;--card-gap:16px;}

  .floating-whatsapp{width:52px;height:52px;font-size:24px;bottom:16px;right:16px;}

  body{font-size:16px;}

}



/* ============ PAGE-SPECIFIC: HOME PAGE ============ */

.livestock-row .card{flex-basis:22%;position:relative;}

.livestock-row .placeholder{aspect-ratio:1/1;}

.badge-overlay{position:absolute;top:12px;left:12px;background:rgba(255,255,255,0.92);border-radius:20px;
    padding:6px 14px;font-size:12px;font-weight:600;color:var(--primary);}

.product-row{justify-content:center;}

.product-row .card{flex-basis:21%;min-width:220px;}

.product-row .card.dairy{background:var(--secondary);}

.product-row .placeholder{aspect-ratio:4/3;margin:0;border-radius:8px;}

.product-row .card-body{padding:20px;}

.video-block{max-width:800px;margin:0 auto 60px;aspect-ratio:16/9;position:relative;border-radius:16px;overflow:hidden;}

.video-block .placeholder{border-radius:16px;min-height:100%;}

.video-caption{position:absolute;bottom:16px;left:20px;color:#fff;font-weight:600;background:rgba(0,0,0,0.4);
    padding:6px 14px;border-radius:6px;font-size:14px;}

.badge-item .placeholder{width:100px;height:100px;border-radius:50%;border:2px solid var(--accent);}

/* -- HOME PAGE responsive overrides -- */

@media (max-width:1199px){

  .container,.header-inner,.section .container{padding:0 30px;}

  .category-row .card,.benefit-item{flex-basis:45%;}

  .livestock-row .card{flex-basis:45%;}

  .product-row .card{flex-basis:45%;}

  .quote-card{flex-basis:45%;}

  .trust-item{flex-basis:45%;}

  .stats-row{flex-wrap:wrap;}

  .stat-item{flex-basis:45%;}

  .stat-number{font-size:36px;}

  .final-cta-right .placeholder{min-height:220px;}

}

@media (max-width:767px){

  .container,.header-inner,.section .container{padding:0 20px;}

  .header-actions .btn-outline span.btn-text,.header-actions .btn-whatsapp span.btn-text{display:none;}

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center;}

  .hero{min-height:70vh;}

  .segmentation-row,.cta-row,.card-row,.benefit-grid,.quote-row,.stats-row,.process-row,.final-cta-row,.final-cta-buttons,.banner-cta,.footer-top,.newsletter-strip{
      flex-direction:column;
    }

  .category-row .card,.benefit-item,.livestock-row .card,.product-row .card,.quote-card,.trust-item,.stat-item,.step-item,.final-cta-left,.final-cta-right,.footer-col{
      flex-basis:100%;
    }

  .faq-item .faq-answer{max-height:none!important;height:0;}

  .faq-item.open .faq-answer{height:auto;}

}



/* ============ PAGE-SPECIFIC: ABOUT PAGE ============ */

.hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;
  text-align:center;background:linear-gradient(rgba(31,49,34,0.60),rgba(31,49,34,0.60)),#2e4a2e;
  color:var(--text-light);overflow:hidden;padding:80px 0 60px;}

.story-split{display:flex;gap:70px;align-items:center;}

.story-split.reverse{flex-direction:row-reverse;}

.story-media{flex:0 0 46%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.10);}

.story-media .placeholder{aspect-ratio:4/3;border-radius:0;min-height:340px;}

.story-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}

.story-content{flex:1;display:flex;flex-direction:column;gap:18px;}

.story-content h2{font-size:36px;}

.story-content p{color:rgba(43,43,40,0.78);font-size:16px;line-height:1.8;}

.story-highlight{background:var(--secondary);border-left:4px solid var(--accent);
  border-radius:0 12px 12px 0;padding:18px 22px;font-size:16px;font-style:italic;
  color:var(--text-dark);line-height:1.7;}

.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.mvv-card{border-radius:16px;padding:36px 30px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;}

.mvv-card.mission{background:var(--primary);color:var(--text-light);}

.mvv-card.vision{background:var(--accent);color:var(--text-light);}

.mvv-card.values{background:var(--secondary);border:1px solid var(--border);}

.mvv-card .mvv-icon{font-size:44px;margin-bottom:4px;}

.mvv-card h3{font-size:24px;}

.mvv-card.mission h3,.mvv-card.vision h3{color:var(--text-light);}

.mvv-card.values h3{color:var(--primary);}

.mvv-card p{font-size:15px;line-height:1.7;}

.mvv-card.mission p,.mvv-card.vision p{color:rgba(255,255,255,0.88);}

.mvv-card.values p{color:rgba(43,43,40,0.78);}

.values-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;}

.values-list li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary);}

.values-list li .vcheck{color:var(--accent);font-size:16px;}

.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.svc-overview{background:var(--text-light);border:1px solid var(--border);border-radius:16px;
  padding:30px 26px;display:flex;flex-direction:column;gap:14px;
  transition:transform .2s,box-shadow .2s;}

.svc-overview:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);}

.svc-icon-wrap{width:60px;height:60px;border-radius:14px;background:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:28px;}

.svc-overview h3{font-size:18px;color:var(--primary);}

.svc-overview p{font-size:14px;color:rgba(43,43,40,0.72);line-height:1.6;flex:1;}

.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);}

.facility-card{border-radius:16px;overflow:hidden;position:relative;
  box-shadow:0 4px 16px rgba(0,0,0,0.07);transition:transform .2s,box-shadow .2s;}

.facility-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.12);}

.facility-card .placeholder{aspect-ratio:1/1;border-radius:0;min-height:180px;}

.facility-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}

.facility-overlay{background:linear-gradient(to top,rgba(20,36,22,0.88) 0%,transparent 65%);}

.facility-label{position:absolute;bottom:0;left:0;right:0;padding:16px 14px;}

.facility-label h4{color:#fff;font-size:15px;margin-bottom:2px;}

.facility-label p{color:rgba(255,255,255,0.78);font-size:12px;}

.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);}

.quality-item{background:var(--text-light);border:1px solid var(--border);border-radius:12px;
  padding:24px 20px;display:flex;flex-direction:column;gap:10px;text-align:center;}

.quality-item .q-icon{font-size:36px;color:var(--accent);}

.quality-item h4{font-size:15px;color:var(--primary);}

.quality-item p{font-size:13px;color:rgba(43,43,40,0.72);line-height:1.5;}

.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--card-gap);}

.team-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;}

.team-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);
  margin:0 auto;background:var(--secondary);}

.team-avatar .placeholder{width:120px;height:120px;border-radius:50%;min-height:120px;}

.team-avatar img{width:120px;height:120px;object-fit:cover;border-radius:50%;}

.team-card h4{font-size:16px;color:var(--primary);}

.team-card .team-role{font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:0.8px;}

.team-card p{font-size:13px;color:rgba(43,43,40,0.7);line-height:1.5;}

.badge-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}

.badge-item .badge-icon{width:80px;height:80px;border-radius:50%;background:var(--secondary);
  border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:32px;}

.badge-item span{font-size:13px;font-weight:600;color:var(--primary);}

.strong-cta{background:linear-gradient(135deg,var(--primary) 55%,#3d6342);border-radius:20px;
  padding:64px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;}

.strong-cta h2{color:#fff;font-size:40px;max-width:680px;}

.strong-cta p{color:rgba(255,255,255,0.88);font-size:17px;max-width:560px;}

.strong-cta-meta{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:8px;}

.strong-cta-meta span{color:rgba(255,255,255,0.72);font-size:14px;font-weight:500;}

/* -- ABOUT PAGE responsive overrides -- */

@media (max-width:1199px){

  .mvv-grid{grid-template-columns:1fr;}

  .service-cards{grid-template-columns:repeat(2,1fr);}

  .facility-grid,.quality-grid{grid-template-columns:repeat(2,1fr);}

  .team-grid{grid-template-columns:repeat(3,1fr);}

  .benefit-item,.quote-card{flex-basis:45%;}

  .stat-item{flex-basis:45%;}

  .story-split,.story-split.reverse{gap:40px;}

  .story-media{flex:0 0 44%;}

  .strong-cta{padding:48px 32px;}

  .strong-cta h2{font-size:32px;}

}

@media (max-width:767px){

  .header-actions .btn-outline span.btn-text,
  .header-actions .btn-whatsapp span.btn-text{display:none;}

  .header-actions .btn-outline,
  .header-actions .btn-whatsapp{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center;}

  .hero{min-height:auto;padding:90px 0 60px;}

  .hero h1{font-size:30px;}

  .story-split,.story-split.reverse{flex-direction:column;gap:28px;}

  .story-media{flex:none;width:100%;border-radius:16px;}

  .mvv-grid,.service-cards,.facility-grid,.quality-grid{grid-template-columns:1fr;}

  .team-grid{grid-template-columns:repeat(2,1fr);}

  .benefit-item,.quote-card,.stat-item,.step-item{flex-basis:100%;}

  .cta-row,.final-cta-buttons,.strong-cta-buttons,.final-cta-row,.footer-top,
  .newsletter-strip,.stats-row,.process-row,.strong-cta-meta{flex-direction:column;}

  .final-cta-left,.final-cta-right{flex-basis:100%;}

  .strong-cta{padding:36px 20px;}

  .strong-cta h2{font-size:26px;}

  .badge-row{gap:24px;}

}



/* ============ PAGE-SPECIFIC: FEED PRODUCTS PAGE (feed-products.html) ============ */

.text-center{text-align:center;}

.mt-50{margin-top:50px;}

.mt-40{margin-top:40px;}

.btn-sm{padding:12px 24px;font-size:14px;}

.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(rgba(31,49,34,0.65),rgba(31,49,34,0.65)),#3c5c41;color:var(--text-light);overflow:hidden;padding:80px 0 60px;}

.product-split:last-child{border-bottom:none;}

.product-split-media{flex:0 0 45%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08);position:relative;}

.product-split-media .placeholder{aspect-ratio:4/3;border-radius:0;min-height:300px;}

.product-split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}

.product-split-content{flex:1;display:flex;flex-direction:column;gap:18px;}

.product-split-content .eyebrow{margin-bottom:4px;}

.product-split-content h2{font-size:32px;margin-bottom:4px;}

.product-split-content > p{color:rgba(43,43,40,0.78);font-size:16px;line-height:1.7;}

.product-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);border:1px solid var(--border);
  border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:4px;}

.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0;}

.spec-item strong{display:block;font-size:12px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:3px;}

.product-tag{display:inline-block;background:var(--primary);color:var(--text-light);border-radius:4px;
  padding:3px 10px;font-size:12px;font-weight:600;margin-bottom:8px;}

.social-row a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:15px;font-weight:600;}

.feed-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.feed-overview-card{background:var(--text-light);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,0.04);display:flex;flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;}

.feed-overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.09);}

.feed-overview-card .card-img{width:100%;aspect-ratio:16/9;object-fit:cover;}

.feed-overview-card .placeholder{aspect-ratio:16/9;border-radius:0;}

.feed-overview-card-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:8px;}

.feed-overview-card-body h3{font-size:18px;}

.feed-overview-card-body p{font-size:14px;color:rgba(43,43,40,0.72);flex:1;}

.feed-overview-card-body .tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}

.tag{background:var(--secondary);border:1px solid var(--border);border-radius:20px;padding:3px 12px;
  font-size:12px;font-weight:600;color:var(--primary);}

.tag.accent{background:var(--accent);border-color:var(--accent);color:#fff;}

.anchor-nav-inner{display:flex;gap:0;min-width:max-content;}

.anchor-nav a{padding:16px 22px;font-size:14px;font-weight:600;color:rgba(43,43,40,0.65);white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;}

.inquiry-box{background:var(--secondary);border:1px solid var(--border);border-radius:16px;padding:32px;}

.inquiry-box h4{margin-bottom:16px;color:var(--primary);}

.inquiry-box form{display:flex;flex-direction:column;gap:12px;}

.inquiry-box input,.inquiry-box select,.inquiry-box textarea{
  padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;
  background:#fff;color:var(--text-dark);width:100%;}

.inquiry-box input:focus,.inquiry-box select:focus,.inquiry-box textarea:focus{
  outline:none;border-color:var(--accent);}

.inquiry-box textarea{resize:vertical;min-height:80px;}

.inquiry-box .btn{width:100%;justify-content:center;}

.form-row{display:flex;gap:12px;}

.form-row input,.form-row select{flex:1;}

/* -- FEED PRODUCTS PAGE (feed-products.html) responsive overrides -- */

@media (max-width:1199px){

  .product-split{gap:40px;}

  .product-split-media{flex:0 0 42%;}

  .feed-overview-grid{grid-template-columns:repeat(2,1fr);}

  .banner-cta-actions{align-items:flex-start;}

}

@media (max-width:767px){

  h1{font-size:30px;}

  h2{font-size:24px;}

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:0;border-radius:50%;width:42px;height:42px;justify-content:center;}

  .hero{min-height:auto;padding:90px 0 50px;}

  .cta-row,.final-cta-buttons,.product-cta-row,.banner-cta,.final-cta-row,.footer-top,.newsletter-strip{flex-direction:column;}

  .product-split,.product-split.reverse{flex-direction:column;padding:50px 0;gap:28px;}

  .product-split-media{flex:0 0 auto;width:100%;border-radius:16px;}

  .feed-overview-grid{grid-template-columns:1fr;}

  .spec-grid{grid-template-columns:1fr 1fr;}

  .benefit-item,.stat-item,.footer-col{flex-basis:100%;}

  .process-row{flex-direction:column;}

  .anchor-nav{top:61px;}

  .anchor-nav-inner{gap:0;}

  .anchor-nav a{padding:14px 14px;}

  .banner-cta{padding:30px 24px;}

  .banner-cta-actions{align-items:flex-start;width:100%;}

  .banner-cta-actions .btn{width:100%;justify-content:center;}

  .form-row{flex-direction:column;}

  .inquiry-box{padding:24px 20px;}

  .final-cta-left,.final-cta-right{flex-basis:100%;}

}



/* ============ PAGE-SPECIFIC: DAIRY PRODUCTS PAGE (dairy-products.html) ============ */

.hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(rgba(31,49,34,0.60),rgba(31,49,34,0.60)),#3c5c41;color:var(--text-light);overflow:hidden;padding:80px 0 60px;}

.social-row a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:15px;font-weight:700;}

.dairy-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);}

.dairy-card{background:var(--secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;}

.dairy-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.09);}

.dairy-card .placeholder{aspect-ratio:1/1;border-radius:0;}

.dairy-card-body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1;}

.dairy-card-body h3{font-size:17px;}

.dairy-card-body p{font-size:14px;color:rgba(43,43,40,0.72);flex:1;}

.dairy-card-body .tag{display:inline-block;background:var(--primary);color:#fff;border-radius:4px;
  padding:3px 10px;font-size:11px;font-weight:700;margin-top:4px;}

.split-media{flex:0 0 45%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08);position:relative;}

.product-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);border:1px solid var(--border);
  border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:4px;width:fit-content;}

.purity-list{display:flex;flex-direction:column;gap:10px;margin:4px 0;}

.purity-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:rgba(43,43,40,0.82);}

.purity-list li .check{color:var(--accent);font-size:18px;flex-shrink:0;margin-top:2px;}

.nutrition-table{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0;}

.nutrition-table th{background:var(--primary);color:#fff;padding:10px 14px;text-align:left;font-weight:600;}

.nutrition-table td{padding:10px 14px;border-bottom:1px solid var(--border);}

.nutrition-table tr:nth-child(even) td{background:var(--secondary);}

.size-row{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0;}

.size-pill{background:var(--secondary);border:1px solid var(--border);border-radius:8px;
  padding:8px 16px;font-size:13px;font-weight:600;color:var(--primary);}

.purity-ribbon{background:linear-gradient(135deg,var(--accent),#e0a832);border-radius:16px;padding:36px 44px;
  display:flex;align-items:center;gap:30px;flex-wrap:wrap;color:#fff;margin-bottom:0;}

.purity-ribbon-icon{font-size:64px;flex-shrink:0;}

.purity-ribbon-content h3{color:#fff;font-size:24px;margin-bottom:8px;}

.purity-ribbon-content p{color:rgba(255,255,255,0.9);font-size:15px;max-width:560px;line-height:1.7;}

.horeca-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);}

.horeca-item{background:var(--text-light);border:1px solid var(--border);border-radius:12px;padding:28px;
  display:flex;gap:16px;align-items:flex-start;}

.horeca-icon{font-size:36px;flex-shrink:0;}

.horeca-item h4{font-size:16px;margin-bottom:6px;}

.horeca-item p{font-size:14px;color:rgba(43,43,40,0.72);}

.order-sidebar{background:var(--secondary);border:1px solid var(--border);border-radius:16px;padding:32px;
  display:flex;flex-direction:column;gap:16px;position:sticky;top:130px;}

.order-sidebar h4{color:var(--primary);}

.sidebar-product{display:flex;align-items:center;justify-content:space-between;padding:10px 0;
  border-bottom:1px solid var(--border);font-size:14px;font-weight:500;}

.sidebar-product:last-of-type{border-bottom:none;}

.sidebar-product span{color:rgba(43,43,40,0.6);font-size:13px;}

.order-form-box{background:var(--secondary);border:1px solid var(--border);border-radius:16px;padding:32px;}

.order-form-box h4{margin-bottom:16px;color:var(--primary);}

.order-form-box form{display:flex;flex-direction:column;gap:12px;}

.order-form-box input,.order-form-box select,.order-form-box textarea{
  padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;
  background:#fff;color:var(--text-dark);width:100%;}

.order-form-box input:focus,.order-form-box select:focus,.order-form-box textarea:focus{outline:none;border-color:var(--accent);}

.form-row-2{display:flex;gap:12px;}

.form-row-2 input,.form-row-2 select{flex:1;}

/* -- DAIRY PRODUCTS PAGE (dairy-products.html) responsive overrides -- */

@media (max-width:1199px){

  .dairy-overview-grid{grid-template-columns:repeat(2,1fr);}

  .horeca-grid{grid-template-columns:1fr;}

  .layout-split{flex-direction:column;}

  .layout-aside{flex:0 0 auto;width:100%;position:static;}

  .banner-cta-actions{align-items:flex-start;}

}

@media (max-width:767px){

  h1{font-size:30px;}

  h2{font-size:24px;}

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:0;border-radius:50%;width:42px;height:42px;justify-content:center;}

  .hero{min-height:auto;padding:90px 0 50px;}

  .cta-row,.final-cta-buttons,.product-cta-row,.banner-cta,.final-cta-row,.footer-top,.newsletter-strip{flex-direction:column;}

  .product-split,.product-split.reverse{flex-direction:column;padding:50px 0;gap:28px;}

  .split-media{flex:none;width:100%;border-radius:16px;}

  .dairy-overview-grid{grid-template-columns:1fr 1fr;}

  .benefit-item,.stat-item,.quote-card,.footer-col,.step-item{flex-basis:100%;}

  .process-row{flex-direction:column;}

  .anchor-nav{top:61px;}

  .purity-ribbon{padding:28px 20px;}

  .purity-ribbon-icon{font-size:44px;}

  .horeca-grid,.form-row-2{grid-template-columns:1fr;flex-direction:column;}

  .banner-cta{padding:28px 20px;}

  .banner-cta-actions{align-items:flex-start;width:100%;}

  .banner-cta-actions .btn{width:100%;justify-content:center;}

  .stats-row{flex-direction:column;}

}



/* ============ PAGE-SPECIFIC: LIVESTOCK PAGE ============ */

.hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(rgba(20,36,22,0.65),rgba(20,36,22,0.65)),#2e4a2e;color:var(--text-light);overflow:hidden;padding:80px 0 60px;}

.seg-row{display:flex;gap:20px;width:100%;margin-top:24px;flex-wrap:wrap;justify-content:center;}

.seg-card{flex:1 1 0;min-width:180px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);
  border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:background .2s;text-decoration:none;}

.seg-card:hover{background:rgba(255,255,255,0.18);}

.seg-card .icon{font-size:34px;}

.seg-card h3{color:var(--text-light);font-size:17px;}

.seg-card p{font-size:13px;color:rgba(255,255,255,0.8);text-align:center;}

.badge-overlay{position:absolute;top:12px;left:12px;background:rgba(255,255,255,0.94);border-radius:20px;
  padding:6px 14px;font-size:12px;font-weight:700;color:var(--primary);z-index:1;}

.copyright{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;text-align:center;color:rgba(255,255,255,0.5);font-size:13px;}

.anchor-nav a{padding:16px 24px;font-size:14px;font-weight:600;color:rgba(43,43,40,0.6);white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;}

.livestock-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);}

.ls-overview-card{border-radius:16px;overflow:hidden;position:relative;text-decoration:none;color:inherit;
  display:block;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:transform .2s,box-shadow .2s;}

.ls-overview-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,0.14);}

.ls-overview-card .placeholder{aspect-ratio:3/4;border-radius:0;min-height:300px;}

.ls-overview-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}

.ls-overview-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,36,22,0.88) 40%,transparent 80%);}

.ls-overview-card-body{position:absolute;bottom:0;left:0;right:0;padding:22px 20px;color:#fff;}

.ls-overview-card-body h3{color:#fff;font-size:19px;margin-bottom:6px;}

.ls-overview-card-body p{font-size:13px;color:rgba(255,255,255,0.85);line-height:1.5;margin-bottom:12px;}

.ls-overview-card-body .card-badge{display:inline-block;background:var(--accent);border-radius:20px;
  padding:4px 12px;font-size:11px;font-weight:700;color:#fff;margin-bottom:8px;}

.ls-overview-card-body .card-link{font-size:13px;font-weight:600;color:var(--accent);}

.product-split{display:flex;gap:60px;align-items:flex-start;padding:80px 0;border-bottom:1px solid var(--border);}

.split-media{flex:0 0 46%;display:flex;flex-direction:column;gap:16px;}

.split-media-main{border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);position:relative;}

.split-media-main .placeholder{aspect-ratio:4/3;border-radius:0;min-height:300px;}

.split-media-main img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}

.split-media-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}

.split-media-thumbs .placeholder{aspect-ratio:4/3;border-radius:10px;min-height:80px;font-size:11px;}

.split-media-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;}

.product-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);border:1px solid var(--border);
  border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;color:var(--primary);width:fit-content;}

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

.spec-item strong{display:block;font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:3px;}

.vax-card{background:var(--secondary);border:1px solid var(--border);border-radius:12px;padding:20px 24px;}

.vax-card h4{color:var(--primary);margin-bottom:12px;font-size:15px;}

.vax-list{display:flex;flex-direction:column;gap:8px;}

.vax-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(43,43,40,0.8);}

.vax-list li .check{color:var(--whatsapp);font-size:16px;flex-shrink:0;}

.trust-guarantee{background:var(--primary);border-radius:16px;padding:36px 40px;
  display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:60px 0 0;}

.trust-guarantee-icon{font-size:52px;flex-shrink:0;}

.trust-guarantee-content h3{color:var(--text-light);margin-bottom:10px;}

.trust-guarantee-content p{color:rgba(255,255,255,0.88);font-size:15px;line-height:1.7;}

.buy-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--border);}

.buy-step:last-child{border-bottom:none;}

.buy-step-num{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--text-light);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:18px;flex-shrink:0;}

.buy-step-content h4{font-size:17px;margin-bottom:6px;}

.buy-step-content p{font-size:15px;color:rgba(43,43,40,0.75);}

.eid-banner{background:linear-gradient(135deg,#8B4513,#C9952C);border-radius:16px;padding:40px;
  display:flex;gap:30px;align-items:center;flex-wrap:wrap;color:#fff;}

.eid-banner-icon{font-size:64px;flex-shrink:0;}

.eid-banner-content h3{color:#fff;font-size:26px;margin-bottom:10px;}

.eid-banner-content p{color:rgba(255,255,255,0.92);font-size:15px;max-width:500px;margin-bottom:20px;line-height:1.7;}

.inquiry-form-box{background:var(--secondary);border:1px solid var(--border);border-radius:16px;padding:32px;}

.inquiry-form-box h4{color:var(--primary);margin-bottom:16px;}

.inquiry-form-box form{display:flex;flex-direction:column;gap:12px;}

.inquiry-form-box input,.inquiry-form-box select,.inquiry-form-box textarea{
  padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;
  background:#fff;color:var(--text-dark);width:100%;}

.inquiry-form-box input:focus,.inquiry-form-box select:focus,.inquiry-form-box textarea:focus{outline:none;border-color:var(--accent);}

.form-2col{display:flex;gap:12px;}

.form-2col input,.form-2col select{flex:1;}

.inquiry-sidebar{background:var(--primary);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;position:sticky;top:130px;}

.inquiry-sidebar h4{color:var(--text-light);}

.inquiry-sidebar p{color:rgba(255,255,255,0.82);font-size:14px;line-height:1.6;}

.sidebar-fact{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.12);}

.sidebar-fact:last-of-type{border-bottom:none;}

.sidebar-fact .icon{font-size:20px;flex-shrink:0;}

.sidebar-fact span{font-size:14px;color:rgba(255,255,255,0.85);}

/* -- LIVESTOCK PAGE responsive overrides -- */

@media (max-width:1199px){

  .livestock-overview-grid{grid-template-columns:repeat(2,1fr);}

  .product-split,.product-split.reverse{gap:40px;}

  .split-media{flex:0 0 44%;}

  .banner-cta-actions{align-items:flex-start;}

  .layout-split{flex-direction:column;}

  .layout-aside{flex:0 0 auto;width:100%;position:static;}

  .inquiry-sidebar{position:static;}

}

@media (max-width:767px){

  h1{font-size:30px;}

  h2{font-size:24px;}

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:0;border-radius:50%;width:42px;height:42px;justify-content:center;}

  .hero{min-height:auto;padding:90px 0 50px;}

  .seg-row{gap:12px;}

  .seg-card{min-width:140px;padding:16px 12px;}

  .cta-row,.final-cta-buttons,.product-cta-row,.banner-cta,.final-cta-row,.footer-top,.newsletter-strip,.trust-guarantee,.eid-banner{flex-direction:column;}

  .product-split,.product-split.reverse{flex-direction:column;padding:50px 0;gap:24px;}

  .split-media{flex:none;width:100%;}

  .livestock-overview-grid{grid-template-columns:1fr 1fr;}

  .spec-grid{grid-template-columns:1fr 1fr;}

  .benefit-item,.stat-item,.quote-card,.footer-col,.step-item,.final-cta-left,.final-cta-right{flex-basis:100%;}

  .process-row{flex-direction:column;}

  .anchor-nav{top:61px;}

  .banner-cta{padding:28px 20px;}

  .banner-cta-actions{align-items:flex-start;width:100%;}

  .banner-cta-actions .btn{width:100%;justify-content:center;}

  .eid-banner{padding:28px 20px;}

  .stats-row{flex-direction:column;}

  .form-2col{flex-direction:column;}

  .split-media-thumbs{grid-template-columns:repeat(3,1fr);}

  .trust-guarantee{padding:28px 20px;}

  .trust-guarantee-icon{font-size:40px;}

}



/* ============ PAGE-SPECIFIC: SERVICES PAGE ============ */

.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;
  text-align:center;background:linear-gradient(rgba(47,74,51,0.62),rgba(47,74,51,0.62)),#3c5c41;
  color:var(--text-light);overflow:hidden;padding:80px 0;}

.hero-sub{max-width:620px;color:rgba(255,255,255,0.9);font-size:18px;}

.hero-microcopy{font-size:14px;color:rgba(255,255,255,0.7);margin-top:4px;}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);}

.svc-card{background:var(--text-light);border:1px solid var(--border);border-radius:16px;padding:32px 26px;
  display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;}

.svc-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,0.09);}

.svc-card-icon{width:64px;height:64px;border-radius:16px;background:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:32px;}

.svc-card h3{font-size:19px;color:var(--primary);}

.svc-card p{font-size:15px;color:rgba(43,43,40,0.72);line-height:1.6;flex:1;}

.svc-card .svc-link{font-size:14px;font-weight:600;color:var(--accent);margin-top:4px;}

.service-split{display:flex;gap:60px;align-items:flex-start;padding:80px 0;border-bottom:1px solid var(--border);}

.service-split:last-of-type{border-bottom:none;}

.service-split.reverse{flex-direction:row-reverse;}

.split-media{flex:0 0 44%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08);}

.split-content .eyebrow{margin-bottom:2px;}

.product-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);
  border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;
  font-weight:600;color:var(--primary);width:fit-content;margin-bottom:4px;}

.feed-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0;}

.feed-card-sm{background:var(--secondary);border-radius:12px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;}

.feed-card-sm .fc-icon{font-size:24px;flex-shrink:0;margin-top:2px;}

.feed-card-sm h4{font-size:15px;color:var(--primary);margin-bottom:4px;}

.feed-card-sm p{font-size:13px;color:rgba(43,43,40,0.72);line-height:1.5;}

.check-list{display:flex;flex-direction:column;gap:10px;margin:4px 0;}

.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:rgba(43,43,40,0.82);}

.check-list li .ck{color:var(--whatsapp);font-size:17px;flex-shrink:0;margin-top:2px;}

.dairy-tags{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;}

.dp-tag{background:var(--secondary);border:1px solid var(--border);border-radius:8px;
  padding:8px 16px;font-size:14px;font-weight:600;color:var(--primary);}

.dp-tag.accent{background:var(--accent);border-color:var(--accent);color:#fff;}

.split-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}

.benefit-item.accent-top{border-top:3px solid var(--accent);}

.timeline{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto;}

.tl-item{display:flex;gap:28px;padding:0 0 40px 0;position:relative;}

.tl-item:last-child{padding-bottom:0;}

.tl-left{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0;}

.tl-num{width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:18px;flex-shrink:0;}

.tl-line{flex:1;width:2px;background:var(--border);margin:6px 0 0 0;}

.tl-item:last-child .tl-line{display:none;}

.tl-content{padding-top:10px;}

.tl-content h4{font-size:18px;color:var(--primary);margin-bottom:8px;}

.tl-content p{font-size:15px;color:rgba(43,43,40,0.78);line-height:1.7;}

.tl-content .tl-badge{display:inline-block;background:var(--secondary);border:1px solid var(--border);
  border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;color:var(--accent);margin-top:8px;}

.doc-badges{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;}

.doc-badge{display:flex;align-items:center;gap:6px;background:var(--secondary);border:1px solid var(--border);
  border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--primary);}

.doc-badge .db-icon{font-size:16px;}

.strong-cta{background:linear-gradient(135deg,var(--primary) 60%,#3d6342);border-radius:20px;
  padding:64px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;}

.strong-cta h2{color:#fff;font-size:42px;max-width:700px;}

.strong-cta p{color:rgba(255,255,255,0.88);font-size:18px;max-width:580px;}

.strong-cta-meta{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;margin-top:8px;}

.strong-cta-meta span{color:rgba(255,255,255,0.75);font-size:14px;font-weight:500;}

/* -- SERVICES PAGE responsive overrides -- */

@media (max-width:1199px){

  .services-grid{grid-template-columns:repeat(2,1fr);}

  .benefit-item,.quote-card{flex-basis:45%;}

  .service-split,.service-split.reverse{gap:40px;}

  .split-media{flex:0 0 42%;}

  .feed-cards{grid-template-columns:1fr;}

  .stat-item{flex-basis:45%;}

  .strong-cta{padding:48px 32px;}

  .strong-cta h2{font-size:32px;}

  .anchor-nav{top:61px;}

}

@media (max-width:767px){

  .header-actions .btn-outline span.btn-text,
  .header-actions .btn-whatsapp span.btn-text{display:none;}

  .header-actions .btn-outline,
  .header-actions .btn-whatsapp{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center;}

  .hero{min-height:auto;padding:90px 0 60px;}

  .hero h1{font-size:32px;}

  .services-grid{grid-template-columns:1fr;}

  .service-split,.service-split.reverse{flex-direction:column;padding:50px 0;gap:24px;}

  .split-media{flex:none;width:100%;border-radius:16px;}

  .feed-cards{grid-template-columns:1fr;}

  .cta-row,.final-cta-buttons,.split-cta-row,.strong-cta-buttons,.banner-cta,
  .final-cta-row,.footer-top,.newsletter-strip,.stats-row,.process-row{flex-direction:column;}

  .benefit-item,.quote-card,.stat-item,.step-item,.final-cta-left,.final-cta-right,.footer-col{flex-basis:100%;}

  .strong-cta{padding:36px 20px;}

  .strong-cta h2{font-size:26px;}

  .tl-item{gap:18px;}

  .tl-num{width:42px;height:42px;font-size:16px;}

  .strong-cta-meta{gap:16px;}

}



/* ============ PAGE-SPECIFIC: BLOG PAGE ============ */

.logo{font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--primary);display:flex;align-items:center;gap:10px;}

.logo-img{height:40px;width:auto;}

.hero{position:relative;min-height:68vh;display:flex;align-items:center;justify-content:center;
  text-align:center;background:linear-gradient(rgba(47,74,51,0.62),rgba(47,74,51,0.62)),#3c5c41;
  color:var(--text-light);overflow:hidden;padding:80px 0;}

.hero .placeholder{position:absolute;inset:0;z-index:-1;border-radius:0;min-height:100%;opacity:0.22;}

.hero-content{max-width:820px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:18px;}

.hero h1{font-size:52px;}

.hero-sub{max-width:640px;color:rgba(255,255,255,0.9);font-size:17px;}

.search-bar-wrap{width:100%;max-width:540px;}

.search-bar{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.15);}

.search-bar input{flex:1;padding:16px 20px;border:none;font-size:15px;color:var(--text-dark);outline:none;}

.search-bar button{background:var(--accent);border:none;padding:0 24px;color:#fff;font-size:18px;cursor:pointer;
  transition:background .2s;white-space:nowrap;font-family:var(--font-body);font-weight:600;font-size:14px;}

.search-bar button:hover{background:var(--accent-dark);}

.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

.article-cat{display:inline-block;background:var(--accent);color:#fff;border-radius:20px;
  padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;}

.article-cat.green{background:var(--primary);}

.article-cat.blue{background:#2563EB;}

.article-cat.teal{background:#0891B2;}

.article-cat.purple{background:#7C3AED;}

.article-cat.red{background:#DC2626;}

.article-meta-info{font-size:13px;color:rgba(43,43,40,0.6);display:flex;align-items:center;gap:6px;}

.meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(43,43,40,0.4);}

.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);}

.featured-card{border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);
  display:flex;flex-direction:column;background:var(--text-light);border:1px solid var(--border);
  transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;}

.featured-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,0.1);}

.featured-card .placeholder{aspect-ratio:16/9;border-radius:0;}

.featured-card.large .placeholder{aspect-ratio:16/9;min-height:260px;}

.featured-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;}

.featured-card-body h3{font-size:20px;line-height:1.3;color:var(--text-dark);}

.featured-card-body h3:hover{color:var(--primary);}

.featured-card-body p{font-size:14px;color:rgba(43,43,40,0.72);line-height:1.65;flex:1;}

.featured-card .author-row{display:flex;align-items:center;gap:10px;margin-top:4px;}

.author-avatar{width:32px;height:32px;border-radius:50%;background:var(--secondary);
  border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}

.author-name{font-size:13px;font-weight:600;color:var(--primary);}

.featured-sidebar{display:flex;flex-direction:column;gap:var(--card-gap);}

.featured-card.small .placeholder{aspect-ratio:16/9;min-height:140px;}

.featured-card.small .featured-card-body h3{font-size:17px;}

.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.cat-card{border-radius:16px;overflow:hidden;position:relative;display:block;text-decoration:none;
  transition:transform .2s,box-shadow .2s;}

.cat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.12);}

.cat-card .placeholder{aspect-ratio:16/9;border-radius:0;min-height:160px;}

.cat-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:20px;background:linear-gradient(to top,rgba(20,36,22,0.88) 50%,transparent 90%);}

.cat-overlay h3{color:#fff;font-size:17px;margin-bottom:4px;}

.cat-overlay p{color:rgba(255,255,255,0.8);font-size:13px;}

.cat-count{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;
  border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;}

.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.article-card{border-radius:16px;overflow:hidden;background:var(--text-light);border:1px solid var(--border);
  box-shadow:0 4px 16px rgba(0,0,0,0.04);display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;}

.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.09);}

.article-card .placeholder{aspect-ratio:16/9;border-radius:0;}

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

.article-card-body h3{font-size:17px;line-height:1.35;color:var(--text-dark);}

.article-card-body p{font-size:14px;color:rgba(43,43,40,0.72);line-height:1.6;flex:1;}

.topics-wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}

.topic-pill{background:var(--text-light);border:1.5px solid var(--border);border-radius:50px;
  padding:10px 22px;font-size:14px;font-weight:600;color:var(--text-dark);cursor:pointer;
  transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}

.topic-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

.topic-pill .tp-icon{font-size:16px;}

.topic-pill .tp-count{font-size:12px;background:var(--secondary);border-radius:10px;
  padding:1px 8px;color:var(--primary);font-weight:700;}

.topic-pill:hover .tp-count{background:rgba(255,255,255,0.2);color:#fff;}

.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);}

.resource-card{background:var(--text-light);border:1px solid var(--border);border-radius:16px;
  padding:28px;display:flex;gap:18px;align-items:flex-start;
  transition:transform .2s,box-shadow .2s;}

.resource-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.08);}

.resource-icon-wrap{width:56px;height:56px;border-radius:14px;background:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}

.resource-content{flex:1;display:flex;flex-direction:column;gap:8px;}

.resource-content h4{font-size:16px;color:var(--primary);}

.resource-content p{font-size:14px;color:rgba(43,43,40,0.72);line-height:1.55;}

.resource-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:0.5px;color:var(--accent);margin-bottom:2px;}

.newsletter-section{border-radius:20px;padding:60px;background:linear-gradient(135deg,var(--primary) 60%,#3d6342);
  display:flex;gap:60px;align-items:center;}

.newsletter-content{flex:1;}

.newsletter-content h2{color:#fff;margin-bottom:12px;}

.newsletter-content p{color:rgba(255,255,255,0.88);font-size:16px;max-width:440px;line-height:1.7;}

.newsletter-content .privacy{font-size:13px;color:rgba(255,255,255,0.6);margin-top:10px;}

.newsletter-form-wrap{flex:0 0 380px;}

.newsletter-form{display:flex;flex-direction:column;gap:12px;}

.newsletter-form input{padding:14px 18px;border-radius:10px;border:none;font-size:15px;
  color:var(--text-dark);width:100%;}

.newsletter-form input:focus{outline:2px solid var(--accent);}

.newsletter-form .btn{justify-content:center;font-size:16px;}

.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:60px;flex-wrap:wrap;}

.page-btn{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);
  background:var(--text-light);color:var(--text-dark);text-decoration:none;transition:all .2s;}

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

.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);}

.page-btn.arrow{font-size:18px;}

.strong-cta{background:var(--secondary);border:1px solid var(--border);border-radius:20px;
  padding:60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;}

.strong-cta h2{color:var(--primary);}

.strong-cta p{color:rgba(43,43,40,0.78);font-size:17px;max-width:560px;}

/* -- BLOG PAGE responsive overrides -- */

@media (max-width:1199px){

  .featured-grid{grid-template-columns:1fr;}

  .featured-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap);}

  .categories-grid{grid-template-columns:repeat(2,1fr);}

  .latest-grid{grid-template-columns:repeat(2,1fr);}

  .resources-grid{grid-template-columns:repeat(2,1fr);}

  .newsletter-section{flex-direction:column;padding:40px;gap:36px;}

  .newsletter-form-wrap{flex:0 0 auto;width:100%;}

}

@media (max-width:767px){

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center;}

  .hero{min-height:auto;padding:80px 0 50px;}

  .hero h1{font-size:30px;}

  .categories-grid,.latest-grid,.resources-grid{grid-template-columns:1fr;}

  .featured-sidebar{grid-template-columns:1fr;}

  .cta-row,.final-cta-buttons,.strong-cta-buttons,.final-cta-row,.footer-top,.newsletter-strip,.trust-row{flex-direction:column;}

  .final-cta-left,.final-cta-right,.footer-col{flex-basis:100%;}

  .trust-item{flex-basis:100%;}

  .newsletter-section{padding:30px 20px;}

  .resource-card{flex-direction:column;}

  .resource-icon-wrap{width:48px;height:48px;font-size:24px;}

}



/* ============ PAGE-SPECIFIC: CONTACT PAGE ============ */

.nav-menu a.active{color:var(--accent);}

.breadcrumb-strip{background:var(--secondary);padding:16px 0;border-bottom:1px solid var(--border);}

.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(43,43,40,0.6);flex-wrap:wrap;}

.breadcrumb a{color:rgba(43,43,40,0.6);font-weight:500;}

.breadcrumb a:hover{color:var(--accent);}

.breadcrumb .sep{color:var(--accent);}

.breadcrumb .current{color:var(--primary);font-weight:600;}

.hero-contact{min-height:64vh;}

.info-grid{display:flex;flex-wrap:wrap;gap:var(--card-gap);}

.info-card{flex:1 1 30%;min-width:260px;background:var(--text-light);border:1px solid var(--border);
    border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:12px;
    box-shadow:0 4px 16px rgba(0,0,0,0.04);transition:transform .2s, box-shadow .2s;}

.info-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,0.08);}

.info-card .icon-badge{width:56px;height:56px;border-radius:50%;background:var(--secondary);
    display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary);}

.info-card h3{color:var(--primary);}

.info-card p{font-size:15px;color:rgba(43,43,40,0.75);}

.info-card a.info-link{color:var(--accent);font-weight:600;font-size:15px;}

.info-card a.info-link:hover{text-decoration:underline;}

.contact-grid{display:flex;gap:50px;align-items:flex-start;}

.contact-form-col{flex:1 1 62%;}

.contact-side-col{flex:1 1 34%;display:flex;flex-direction:column;gap:24px;}

.form-card{background:var(--text-light);border:1px solid var(--border);border-radius:16px;
    padding:40px;box-shadow:0 4px 20px rgba(0,0,0,0.05);}

.form-card h3{color:var(--primary);margin-bottom:6px;}

.form-card .form-intro{font-size:15px;color:rgba(43,43,40,0.7);margin-bottom:26px;}

.form-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;}

.form-group{flex:1 1 0;min-width:220px;display:flex;flex-direction:column;gap:8px;}

.form-group.full{flex-basis:100%;}

.form-group label{font-size:14px;font-weight:600;color:var(--text-dark);}

.form-group label .optional{font-weight:400;color:rgba(43,43,40,0.5);}

.form-group input,
  .form-group select,
  .form-group textarea{
    font-family:var(--font-body);font-size:15px;color:var(--text-dark);
    padding:14px 16px;border:1.5px solid var(--border);border-radius:8px;
    background:var(--text-light);width:100%;transition:border-color .2s;
  }

.form-group input:focus,
  .form-group select:focus,
  .form-group textarea:focus{outline:none;border-color:var(--accent);}

.form-group textarea{resize:vertical;min-height:130px;}

.form-note{font-size:13px;color:rgba(43,43,40,0.55);margin-top:16px;}

.form-card button[type="submit"]{width:100%;justify-content:center;margin-top:6px;}

.side-card{background:var(--secondary);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;}

.side-card h3{color:var(--primary);}

.side-card p{font-size:15px;color:rgba(43,43,40,0.75);}

.side-card .side-row{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;}

.side-card .side-row .icon{font-size:20px;color:var(--accent);width:24px;text-align:center;}

.side-card.dark{background:var(--primary);color:var(--text-light);}

.side-card.dark h3{color:var(--text-light);}

.side-card.dark p{color:rgba(255,255,255,0.8);}

.hours-table{width:100%;font-size:14px;}

.hours-table tr td{padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.06);}

.hours-table tr td:last-child{text-align:right;font-weight:600;color:var(--primary);}

.side-card.dark .hours-table tr td{border-bottom:1px solid rgba(255,255,255,0.15);}

.side-card.dark .hours-table tr td:last-child{color:var(--text-light);}

.quick-grid{display:flex;flex-wrap:wrap;gap:var(--card-gap);}

.quick-card{flex:1 1 21%;min-width:180px;background:var(--text-light);border:1px solid var(--border);
    border-radius:14px;padding:26px 20px;text-align:center;display:flex;flex-direction:column;
    align-items:center;gap:10px;transition:transform .2s, box-shadow .2s, border-color .2s;}

.quick-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,0.08);border-color:var(--accent);}

.quick-card .icon-circle{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:24px;color:#fff;}

.quick-card h3{font-size:16px;}

.quick-card span.handle{font-size:13px;color:rgba(43,43,40,0.6);}

.icon-whatsapp{background:var(--whatsapp);}

.icon-phone{background:var(--primary);}

.icon-email{background:var(--accent);}

.icon-maps{background:#4285F4;}

.icon-facebook{background:#1877F2;}

.icon-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}

.icon-youtube{background:#FF0000;}

.icon-linkedin{background:#0A66C2;}

.map-wrap{display:flex;gap:40px;align-items:stretch;flex-wrap:wrap;}

.map-visual{flex:1 1 58%;min-width:300px;}

.map-visual .placeholder{min-height:420px;border-radius:16px;}

.map-details{flex:1 1 34%;min-width:260px;display:flex;flex-direction:column;gap:22px;}

.map-detail-item{display:flex;gap:14px;align-items:flex-start;}

.map-detail-item .icon{font-size:22px;color:var(--accent);margin-top:2px;}

.map-detail-item h3{font-size:17px;margin-bottom:4px;}

.map-detail-item p{font-size:15px;color:rgba(43,43,40,0.75);}

.partner-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:36px 0;}

.partner-chip{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);
    border-radius:50px;padding:12px 24px;font-size:15px;font-weight:600;color:var(--text-light);}

.emergency-box{background:linear-gradient(135deg,#B07F1E,#C9952C);border-radius:20px;
    padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;color:#fff;}

.emergency-box .em-icon{font-size:52px;}

.emergency-box h2{color:#fff;font-size:32px;}

.emergency-box p{color:rgba(255,255,255,0.9);max-width:520px;}

.emergency-buttons{display:flex;gap:14px;flex-wrap:wrap;}

/* -- CONTACT PAGE responsive overrides -- */

@media (max-width:1199px){

  .container,.header-inner,.section .container{padding:0 30px;}

  .info-card{flex-basis:45%;}

  .quick-card{flex-basis:31%;}

  .contact-grid{flex-direction:column;}

  .map-wrap{flex-direction:column;}

  .emergency-box{flex-direction:column;text-align:center;}

}

@media (max-width:767px){

  .container,.header-inner,.section .container{padding:0 20px;}

  .header-actions .btn-outline span.btn-text,.header-actions .btn-whatsapp span.btn-text{display:none;}

  .header-actions .btn-outline,.header-actions .btn-whatsapp{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center;}

  .hero{min-height:70vh;}

  .hero-contact{min-height:56vh;}

  .segmentation-row,.cta-row,.card-row,.benefit-grid,.final-cta-row,.final-cta-buttons,.banner-cta,.footer-top,.newsletter-strip,.form-row,.contact-grid,.map-wrap,.emergency-buttons{
      flex-direction:column;
    }

  .benefit-item,.info-card,.quick-card,.final-cta-left,.final-cta-right,.footer-col{
      flex-basis:100%;
    }

  .faq-item .faq-answer{max-height:none!important;height:0;}

  .faq-item.open .faq-answer{height:auto;}

  .form-card{padding:26px;}

  .emergency-box{padding:32px;}

}


/* ============ PAGE-SPECIFIC: BECOME A DEALER PAGE ============ */
.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin-bottom:16px;}

.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dark);cursor:pointer;font-weight:500;}

.checkbox-label input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);cursor:pointer;}

.agreement-label{align-items:flex-start;font-size:13px;line-height:1.5;color:rgba(43,43,40,0.75);margin-bottom:16px;}

.agreement-label input[type="checkbox"]{margin-top:2px;}

/* -- BECOME A DEALER PAGE responsive overrides -- */
@media (max-width:767px){
  .checkbox-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============ PAGE-SPECIFIC: PRIVACY POLICY PAGE ============ */
.legal-content{max-width:760px;margin:0 auto;}

.legal-section{margin-bottom:48px;scroll-margin-top:140px;}

.legal-section h2{font-size:28px;margin-bottom:16px;}

.legal-section h3{font-size:18px;color:var(--primary);margin:24px 0 10px;}

.legal-section p{margin-bottom:14px;color:rgba(43,43,40,0.85);}

.legal-section ul{list-style:disc;padding-left:22px;margin-bottom:14px;}

.legal-section li{margin-bottom:8px;color:rgba(43,43,40,0.85);line-height:1.6;}

.legal-section a{color:var(--accent);text-decoration:underline;}

.legal-contact-list{list-style:none!important;padding-left:0!important;}

.legal-contact-list li{margin-bottom:10px!important;}

.legal-note{font-size:14px;font-style:italic;color:rgba(43,43,40,0.55);border-top:1px solid var(--border);padding-top:16px;margin-top:20px;}

/* -- PRIVACY POLICY PAGE responsive overrides -- */
@media (max-width:767px){
  .legal-section h2{font-size:24px;}
}

/* ============ PAGE-SPECIFIC: 404 ERROR PAGE ============ */
.error-section{padding-top:80px;}

.error-inner{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}

.error-illustration{width:180px;height:auto;margin-bottom:8px;}

.error-code{font-family:var(--font-heading);font-weight:700;font-size:96px;line-height:1;color:var(--primary);opacity:0.15;display:block;margin-bottom:-24px;}

.error-section h1{margin-bottom:16px;}

.error-explanation{color:rgba(43,43,40,0.75);font-size:18px;margin-bottom:8px;max-width:520px;}

.quick-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}

.quick-link-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--text-light);
  border:1px solid var(--border);border-radius:12px;padding:24px 12px;font-weight:600;color:var(--text-dark);
  transition:transform .2s ease,box-shadow .2s ease;}

.quick-link-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:var(--accent);}

.quick-link-tile .icon{font-size:28px;}

/* -- 404 ERROR PAGE responsive overrides -- */
@media (max-width:767px){
  .error-code{font-size:64px;}
  .error-illustration{width:130px;}
  .quick-links-grid{grid-template-columns:repeat(2,1fr);}
}
/* ===============================
   Google Map Section
   =============================== */

.map-container {
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.map-container iframe {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
}