/* ============================================================
   EGR59 AGRO FOODS — home.css v2.0
   Homepage-specific styles (Fixed & Complete)
   ============================================================ */

/* ============================================================
   HERO
   ============================================================ */
.hero-section{position:relative;overflow:hidden;background:var(--dark-bg)}
.hero-swiper{width:100%;height:100vh;min-height:560px;max-height:900px}
.hero-slide{position:relative;overflow:hidden}
.hero-slide-bg{position:absolute;inset:0;z-index:0}
.hero-bg-img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease}
.swiper-slide-active .hero-bg-img{transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(10,20,10,.85) 0%,rgba(15,35,15,.65) 50%,rgba(0,0,0,.3) 100%)}
.hero-slide-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-top:120px;padding-bottom:180px}
.hero-eyebrow{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--yellow);margin-bottom:18px;background:rgba(243,233,15,.1);padding:6px 14px;border-radius:var(--rad-full);border:1px solid rgba(243,233,15,.2)}
.hero-heading{font-size:clamp(1.8rem,4.5vw,3.5rem);font-weight:800;line-height:1.15;color:#fff;margin-bottom:18px;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.hero-description{font-size:clamp(.9rem,1.4vw,1.075rem);color:rgba(255,255,255,.85);line-height:1.8;margin-bottom:32px;max-width:540px}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Hero Pagination */
.hero-pagination{bottom:170px !important;left:auto !important;right:36px !important;width:auto !important;display:flex;flex-direction:column;gap:8px}
.hero-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,.4);opacity:1;border-radius:var(--rad-full);transition:all var(--trans)}
.hero-pagination .swiper-pagination-bullet-active{height:30px;width:8px;background:var(--yellow);border-radius:4px}

/* Hero nav buttons */
.hero-prev,.hero-next{width:50px !important;height:50px !important;background:rgba(255,255,255,.1) !important;border:1.5px solid rgba(255,255,255,.25) !important;border-radius:50% !important;color:#fff !important;backdrop-filter:blur(8px);transition:all var(--trans) !important;top:50% !important;transform:translateY(-50%) !important}
.hero-prev::after,.hero-next::after{display:none !important}
.hero-prev{left:20px !important}
.hero-next{right:20px !important}
.hero-prev:hover,.hero-next:hover{background:var(--green) !important;border-color:var(--green) !important;transform:translateY(-50%) scale(1.06) !important}

/* Stats Bar */
.hero-stats-bar{position:absolute;bottom:0;left:0;right:0;z-index:5;background:rgba(0,0,0,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1)}
.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);divide-y:none}
.hero-stat{display:flex;align-items:center;gap:14px;padding:20px 16px;border-right:1px solid rgba(255,255,255,.08);transition:background var(--trans-fast)}
.hero-stat:last-child{border-right:none}
.hero-stat:hover{background:rgba(255,255,255,.05)}
.stat-icon-wrap{width:42px;height:42px;background:rgba(38,119,60,.25);border:1px solid rgba(38,119,60,.4);border-radius:var(--rad-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-icon-wrap svg{color:var(--green2)}
.stat-num{display:block;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}
.stat-lbl{display:block;font-size:.7rem;color:rgba(255,255,255,.55);line-height:1.3;margin-top:2px}

/* Mobile hero */
@media(max-width:991.98px){
  .hero-swiper{height:85vh}
  .hero-slide-content{padding-top:90px;padding-bottom:150px}
  .hero-pagination{flex-direction:row !important;bottom:155px !important;right:auto !important;left:50% !important;transform:translateX(-50%) !important;width:auto !important}
  .hero-pagination .swiper-pagination-bullet-active{width:30px;height:8px}
  .hero-stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575.98px){
  .hero-swiper{height:90vh}
  .hero-prev,.hero-next{display:none !important}
  .hero-stats-grid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   OUR STORY
   ============================================================ */
.story-img-wrap{position:relative;overflow:hidden;border-radius:var(--rad-xl)}
.story-img{width:100%;aspect-ratio:6/5;object-fit:cover;transition:transform .6s ease}
.story-img-wrap:hover .story-img{transform:scale(1.04)}
.story-badge{position:absolute;bottom:20px;left:20px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--rad-full);font-size:.9rem;font-weight:700;box-shadow:var(--sh-green)}
.story-badge svg{color:var(--yellow)}

/* ============================================================
   FOUNDER CARD
   ============================================================ */
.founder-card{background:#fff;border-radius:var(--rad-xl);padding:44px;box-shadow:var(--sh-lg);border:1px solid var(--border)}
.founder-quote-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:var(--rad-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.founder-quote-icon svg{color:#fff}
.founder-quote{font-size:1rem;font-weight:400;line-height:1.9;color:var(--body-clr);font-style:italic;margin-bottom:14px}
.founder-footer{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
.founder-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid var(--green-lt);flex-shrink:0}
.founder-name{display:block;font-size:1rem;font-weight:700;color:var(--dark)}
.founder-role{display:block;font-size:.875rem;color:var(--green);font-weight:500;margin-top:3px}
@media(max-width:767.98px){.founder-card{padding:28px 20px}}

/* ============================================================
   CATEGORY CARDS
   ============================================================ */
.cat-card{background:#fff;border-radius:var(--rad-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-sm);transition:all var(--trans);height:100%;display:flex;flex-direction:column}
.cat-card:hover{box-shadow:var(--sh-lg);transform:translateY(-8px);border-color:var(--green-lt)}
.cat-card-img-wrap{overflow:hidden;aspect-ratio:4/2.8}
.cat-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cat-card:hover .cat-card-img{transform:scale(1.08)}
.cat-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.cat-icon{width:42px;height:42px;background:var(--green-lt);border-radius:var(--rad-md);display:flex;align-items:center;justify-content:center;transition:all var(--trans)}
.cat-icon svg{color:var(--green)}
.cat-card:hover .cat-icon{background:var(--green)}
.cat-card:hover .cat-icon svg{color:#fff}
.cat-title{font-size:1.0625rem;font-weight:700;color:var(--dark)}
.cat-desc{font-size:.875rem;color:var(--body-clr);line-height:1.7;flex:1}
.btn-explore{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;color:var(--green);border:1.5px solid var(--green);padding:6px 14px;border-radius:var(--rad-full);transition:all var(--trans-fast);width:fit-content;text-decoration:none}
.btn-explore:hover{background:var(--green);color:#fff}
.btn-explore svg{transition:transform var(--trans-fast)}
.btn-explore:hover svg{transform:translateX(3px)}

/* ============================================================
   PRODUCTS SWIPER
   ============================================================ */
.products-swiper{padding-bottom:52px !important;padding-left:2px !important;padding-right:2px !important}
.prod-card{background:#fff;border-radius:var(--rad-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-sm);transition:all var(--trans);height:100%;display:flex;flex-direction:column}
.prod-card:hover{box-shadow:var(--sh-lg);transform:translateY(-6px)}
.prod-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3}
.prod-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.prod-card:hover .prod-img{transform:scale(1.07)}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--green);color:#fff;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:var(--rad-full);text-transform:uppercase;letter-spacing:.05em}
.prod-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod-title{font-size:1rem;font-weight:700;color:var(--dark)}
.prod-title a{color:inherit;transition:color var(--trans-fast)}
.prod-title a:hover{color:var(--green)}
.prod-desc{font-size:.8125rem;color:var(--body-clr);line-height:1.7;flex:1}
.btn-explore-sm{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--green);border:1.5px solid var(--green);padding:5px 12px;border-radius:var(--rad-full);transition:all var(--trans-fast);width:fit-content;text-decoration:none}
.btn-explore-sm:hover{background:var(--green);color:#fff}

/* Swiper controls */
.products-pagination,.testimonials-pagination{bottom:10px !important}
.products-pagination .swiper-pagination-bullet,.testimonials-pagination .swiper-pagination-bullet{width:8px;height:8px;background:var(--border);opacity:1}
.products-pagination .swiper-pagination-bullet-active,.testimonials-pagination .swiper-pagination-bullet-active{background:var(--green);width:22px;border-radius:var(--rad-full)}
.products-prev,.products-next{width:40px !important;height:40px !important;background:#fff !important;border:1.5px solid var(--border) !important;border-radius:50% !important;color:var(--dark) !important;box-shadow:var(--sh-sm) !important;top:calc(50% - 20px) !important;transform:translateY(-50%) !important;transition:all var(--trans) !important}
.products-prev::after,.products-next::after{display:none !important}
.products-prev:hover,.products-next:hover{background:var(--green) !important;border-color:var(--green) !important;color:#fff !important}

/* ============================================================
   FEATURE CARDS
   ============================================================ */
.feat-card{background:#fff;border-radius:var(--rad-lg);padding:30px 22px;text-align:center;border:1px solid var(--border);box-shadow:var(--sh-sm);transition:all var(--trans);height:100%}
.feat-card:hover{box-shadow:var(--sh-lg);transform:translateY(-6px);border-color:var(--green-lt)}
.feat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--green-lt),#c8e6c9);border-radius:var(--rad-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all var(--trans)}
.feat-icon svg{color:var(--green);transition:all var(--trans)}
.feat-card:hover .feat-icon{background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 4px 16px rgba(38,119,60,.3)}
.feat-card:hover .feat-icon svg{color:#fff;transform:scale(1.1) rotate(-5deg)}
.feat-title{font-size:.9375rem;font-weight:700;color:var(--dark);margin-bottom:8px;line-height:1.35}
.feat-desc{font-size:.8125rem;color:var(--body-clr);line-height:1.75}

/* ============================================================
   EXPORT PROCESS
   ============================================================ */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
@media(max-width:991.98px){.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.process-grid{grid-template-columns:1fr;gap:20px}}
.process-step{text-align:center;padding:32px 20px;border-radius:var(--rad-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:all var(--trans);position:relative;overflow:hidden}
.process-step:hover{background:rgba(255,255,255,.07);border-color:rgba(38,119,60,.35);transform:translateY(-4px)}
.process-num{font-size:3rem;font-weight:900;color:rgba(255,255,255,.05);line-height:1;margin-bottom:14px}
.process-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--green),var(--green2));border-radius:var(--rad-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 4px 16px rgba(38,119,60,.3);transition:transform var(--trans)}
.process-icon svg{color:#fff}
.process-step:hover .process-icon{transform:scale(1.1) rotate(5deg)}
.process-step h3{font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.35}
.process-step p{font-size:.8125rem;color:rgba(255,255,255,.5);line-height:1.75}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials-swiper{padding-bottom:52px !important}
.testi-card{background:#fff;border-radius:var(--rad-xl);padding:32px;box-shadow:var(--sh-md);border:1px solid var(--border);height:auto;display:flex;flex-direction:column;gap:14px;transition:all var(--trans)}
.testi-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.testi-stars{color:var(--orange);font-size:1rem;letter-spacing:2px}
.testi-text{font-size:.9375rem;line-height:1.85;color:var(--body-clr);font-style:italic;flex:1}
.testi-footer{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--border)}
.testi-avatar svg{color:var(--muted)}
.testi-name{display:block;font-size:.9rem;font-weight:700;color:var(--dark);font-style:normal}
.testi-loc{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted)}
.testi-loc svg{color:var(--green)}

/* ============================================================
   BLOG CARDS
   ============================================================ */
.blog-card{background:#fff;border-radius:var(--rad-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-sm);transition:all var(--trans);height:100%;display:flex;flex-direction:column}
.blog-card:hover{box-shadow:var(--sh-lg);transform:translateY(-6px)}
.blog-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/2.5}
.blog-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.blog-card:hover .blog-img{transform:scale(1.07)}
.blog-cat-tag{position:absolute;top:10px;left:10px;background:var(--green);color:#fff;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:var(--rad-full);text-transform:uppercase;letter-spacing:.05em}
.blog-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.blog-meta span{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted)}
.blog-meta svg{color:var(--green)}
.blog-title{font-size:.9375rem;font-weight:700;line-height:1.4;flex:1}
.blog-title a{color:var(--dark);transition:color var(--trans-fast)}
.blog-title a:hover{color:var(--green)}
.blog-excerpt{font-size:.8125rem;color:var(--body-clr);line-height:1.75}
.blog-more{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;color:var(--green);transition:all var(--trans-fast);width:fit-content;text-decoration:none;margin-top:auto}
.blog-more:hover{color:var(--green-dark)}
.blog-more svg{transition:transform var(--trans-fast)}
.blog-more:hover svg{transform:translateX(4px)}

/* ============================================================
   NEWSLETTER
   ============================================================ */
.newsletter-box{background:linear-gradient(135deg,#f0f9f2,#e8f5e9);border:1px solid rgba(38,119,60,.15);border-radius:var(--rad-xl);padding:52px 48px}
@media(max-width:767.98px){.newsletter-box{padding:32px 22px}}
.newsletter-icon-wrap{width:52px;height:52px;background:var(--green);border-radius:var(--rad-lg);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.newsletter-icon-wrap svg{color:#fff}
.newsletter-title{font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:700;color:var(--dark);margin-bottom:10px;line-height:1.3}
.newsletter-desc{font-size:.9375rem;color:var(--body-clr)}
.newsletter-form{display:flex;flex-direction:column;gap:10px}
.newsletter-row{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-input{flex:1;min-width:200px;border:1.5px solid rgba(38,119,60,.25);border-radius:var(--rad-md);padding:13px 16px;font-family:var(--font);font-size:.9375rem;background:#fff;transition:border-color var(--trans-fast)}
.newsletter-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(38,119,60,.12);outline:none}
.newsletter-feedback{font-size:.875rem;min-height:18px}
.newsletter-feedback.success{color:var(--success)}
.newsletter-feedback.error{color:var(--error)}
.newsletter-note{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--muted)}
.newsletter-note svg{color:var(--green)}

/* ============================================================
   CTA SECTION
   ============================================================ */
.cta-section{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center}
.cta-bg-wrap{position:absolute;inset:0;z-index:0}
.cta-bg-img{width:100%;height:100%;object-fit:cover}
.cta-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,30,15,.9),rgba(15,50,25,.75))}
.cta-content{position:relative;z-index:2;padding:72px 0;max-width:720px;margin:0 auto}
.cta-icon-wrap{width:68px;height:68px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--rad-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.cta-icon-wrap svg{color:var(--yellow)}
.cta-title{font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800;color:#fff;margin-bottom:14px;line-height:1.25}
.cta-desc{font-size:1.0625rem;color:rgba(255,255,255,.8);line-height:1.75;margin-bottom:32px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:767.98px){
  .cta-content{padding:52px 0}
  .hero-stat{gap:10px;padding:16px 10px}
  .stat-num{font-size:1.25rem}
}
@media(max-width:575.98px){
  .hero-stats-grid .hero-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}
  .newsletter-row{flex-direction:column}
}