/* ===== ROOT VARIABLES ===== */
:root{
  --green:#27ae60;
  --dark-green:#1e8449;
  --orange:#e67e22;
  --text:#2c3e50;
  --text-light:#5d6d7e;
  --card-bg:#ffffff;
  --border:rgba(39,174,96,0.18);
  --bg-main:#f4faf5;
  --bg-section:#eaf5ec;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg-main);color:var(--text);font-family:'Nunito',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#e8f5e9;}
::-webkit-scrollbar-thumb{background:var(--green);border-radius:3px;}

/* ===== NAV ===== */
nav{position:fixed;top:0;width:100%;z-index:999;background:#ffffff;border-bottom:2px solid #c8e6c9;padding:0 3%;box-shadow:0 2px 16px rgba(39,174,96,0.10);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem;}
.logo-text{font-family:'Rajdhani',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:2px;white-space:nowrap;flex-shrink:0;}
.logo-text .g{color:var(--green);}
.logo-text .o{color:var(--orange);}

/* ===== SEARCH BAR ===== */
.nav-search{position:relative;flex:1;max-width:340px;display:flex;align-items:center;background:#f0f7f1;border:1.5px solid #c8e6c9;border-radius:50px;overflow:visible;transition:.3s;}
.nav-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(39,174,96,0.12);background:#fff;}
.nav-search input{flex:1;border:none;background:transparent;padding:.48rem 1rem;font-family:'Nunito',sans-serif;font-size:.84rem;color:var(--text);outline:none;width:100%;}
.nav-search input::placeholder{color:#9ab5a0;font-size:.82rem;}
.nav-search-btn{background:var(--green);border:none;border-radius:50px;width:34px;height:34px;margin-right:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:.25s;}
.nav-search-btn:hover{background:var(--dark-green);}

/* Search Dropdown */
.nav-search-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #c8e6c9;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12);z-index:1100;overflow:hidden;display:none;}
.nav-search-drop.open{display:block;}
.nsd-list{display:flex;flex-direction:column;}
.nsd-item{display:flex;align-items:center;gap:.65rem;padding:.62rem 1rem;text-decoration:none;color:var(--text);font-size:.84rem;transition:.2s;border-bottom:1px solid #f0f7f1;}
.nsd-item:last-child{border-bottom:none;}
.nsd-item:hover{background:#f0f7f1;color:var(--green);}
.nsd-tag{font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#e8f5e9;border:1px solid #c8e6c9;color:var(--green);padding:.12rem .45rem;border-radius:3px;white-space:nowrap;flex-shrink:0;}
.nsd-title{flex:1;font-weight:600;}

/* ===== NAV LINKS ===== */
.nav-links{display:flex;gap:1.4rem;list-style:none;align-items:center;flex-shrink:0;}
.nav-links a{color:#444;text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:1px;transition:.3s;text-transform:uppercase;position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--green);transition:.3s;}
.nav-links a:hover{color:var(--green);}
.nav-links a:hover::after{width:100%;}
.nav-cta{background:var(--green)!important;color:#fff!important;padding:.45rem 1.2rem!important;border-radius:6px;font-weight:800!important;transition:.3s!important;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--orange)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 14px rgba(230,126,34,0.35);}

.alert-banner{background:linear-gradient(90deg,var(--orange),#c0392b);padding:.6rem 5%;text-align:center;font-weight:700;font-size:.82rem;letter-spacing:.5px;color:#fff;position:fixed;top:66px;width:100%;z-index:998;}
.alert-banner span{margin:0 .7rem;}
.main-wrap{padding-top:calc(66px + 36px);}

/* ===================================================
   HERO SLIDER
=================================================== */
.hero-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  user-select:none;
  background:#000;
  height:520px;
}

.slides-track{
  display:flex;
  height:100%;
  will-change:transform;
  transition:transform .85s cubic-bezier(.77,0,.18,1);
}

.slide{
  min-width:100%;
  width:100%;
  height:100%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#061a09;
  position:relative;
}

.slide video{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center;
  display:block;
}

.slide img{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center;
  display:block;
}

/* Slide background colours */
.slide-panels{background:linear-gradient(135deg,#071a0a,#0d2b10);}
.slide-inverters{background:linear-gradient(135deg,#1a0d04,#2d1a08);}
.slide-batteries{background:linear-gradient(135deg,#04081a,#0a1535);}
.slide-lithium{background:linear-gradient(135deg,#0d0418,#1a0830);}

/* Slider controls */
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.3s;outline:none;}
.sl-prev{left:1.5rem;}.sl-next{right:1.5rem;}
.sl-prev:hover,.sl-next:hover{background:rgba(39,174,96,0.5);border-color:var(--green);}

/* Dots */
.sl-dots{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.6rem;z-index:10;}
.sdot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;padding:0;transition:.4s;}
.sdot.on{background:#fff;width:28px;border-radius:4px;}

.sl-prog-wrap{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3px;
  z-index:10;
  background:rgba(255,255,255,0.15);
}
.sl-prog{
  height:100%;
  background:var(--green);
  opacity:.8;
  transition:width .4s ease;
}

/* ===================================================
   PROMO TICKER
=================================================== */
.pticker{background:#1a3a1e;border-bottom:1px solid rgba(39,174,96,0.2);display:flex;overflow:hidden;}
.pticker-lbl{background:var(--orange);color:#fff;font-weight:800;font-size:.72rem;padding:.62rem 1.1rem;letter-spacing:2px;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;white-space:nowrap;}
.pticker-track{overflow:hidden;flex:1;}
.pticker-inner{display:inline-flex;gap:2.2rem;animation:tick 28s linear infinite;padding:.62rem 2rem;white-space:nowrap;}
.pticker-inner:hover{animation-play-state:paused;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ti{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#a8d8b0;flex-shrink:0;}
.ti .icon{color:#6fcf97;}
.tsep{color:rgba(39,174,96,0.3);}

/* ===================================================
   PRODUCT CATEGORY SECTION
=================================================== */
.product-category-section{padding:50px 20px;background:#f9f9f9;text-align:center;}
.product-category-heading{font-size:32px;font-weight:bold;margin-bottom:30px;color:#222;}
.product-category-grid{display:flex;justify-content:center;gap:20px;flex-wrap:nowrap;}
.product-category-card{text-decoration:none;width:220px;display:block;}
.product-category-box{background:#fff;border-radius:12px;padding:20px;height:180px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:0.3s ease;}
.product-category-box img{max-width:100%;max-height:140px;object-fit:contain;}
.product-category-card:hover .product-category-box{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,0.15);}
.product-category-name{margin-top:12px;font-size:18px;font-weight:600;color:#333;}

/* ===================================================
   FEATURED PRODUCTS
=================================================== */
.feat-products{padding:4rem 5%;background:#ffffff;}
.feat-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.8rem;flex-wrap:wrap;gap:1rem;}
.feat-head-l .ftag{font-size:.68rem;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:.25rem;}
.feat-head-l h2{font-family:'Rajdhani',sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;color:var(--text);}
.feat-head-l h2 span{color:var(--green);}
.feat-head-l p{font-size:.82rem;color:var(--text-light);margin-top:.25rem;}
.view-all{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--green);color:var(--green);padding:.45rem 1.1rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:.3s;text-decoration:none;white-space:nowrap;}
.view-all:hover{background:var(--green);color:#fff;}
.pfilter{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.pftab{background:#f0f7f1;border:1px solid #c8e6c9;color:#5d8a6a;padding:.38rem .95rem;border-radius:50px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:.3s;font-family:'Nunito',sans-serif;}
.pftab.on,.pftab:hover{background:var(--green);color:#fff;border-color:var(--green);}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:1.2rem;}
.pcard{background:#ffffff;border:1px solid #d4edda;border-radius:13px;overflow:hidden;transition:.35s;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.pcard:hover{border-color:#a8d5b5;transform:translateY(-5px);box-shadow:0 12px 32px rgba(39,174,96,0.15);}
.pcard-img{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;}
.pcard-img .pemoji{font-size:3.8rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.2));z-index:1;}
.pbadge{position:absolute;top:.65rem;left:.65rem;font-size:.6rem;font-weight:800;padding:.2rem .62rem;border-radius:3px;letter-spacing:1px;text-transform:uppercase;z-index:2;}
.pbadge.new{background:var(--green);color:#fff;}
.pbadge.hot{background:#e74c3c;color:#fff;}
.pbadge.sale{background:var(--orange);color:#fff;}
.pbadge.top{background:#8e44ad;color:#fff;}
.pbadge.cyan{background:#00bcd4;color:#fff;}
.pcard-body{padding:1rem;}
.pc-brand{font-size:.63rem;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:.22rem;}
.pc-name{font-family:'Rajdhani',sans-serif;font-size:1.07rem;font-weight:700;color:var(--text);margin-bottom:.3rem;line-height:1.2;}
.pc-specs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.72rem;}
.pcs{background:#f0f7f1;border:1px solid #c8e6c9;color:#5d8a6a;font-size:.62rem;padding:.16rem .44rem;border-radius:3px;font-weight:600;}
.pc-desc{font-size:.76rem;color:var(--text-light);line-height:1.5;margin-bottom:.75rem;}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8f5e9;padding-top:.75rem;}
.pc-price{font-family:'Rajdhani',sans-serif;font-size:.97rem;font-weight:700;color:var(--green);background:none;border:none;cursor:pointer;}
.pc-price a{color:var(--green);text-decoration:none;}
.pc-price small{font-size:.65rem;color:var(--text-light);font-weight:400;display:block;}
.pc-enq{background:rgba(39,174,96,0.1);border:1px solid rgba(39,174,96,0.25);color:var(--green);padding:.28rem .8rem;border-radius:5px;font-size:.72rem;font-weight:700;cursor:pointer;transition:.3s;text-decoration:none;}
.pc-enq:hover{background:var(--green);color:#fff;}
.pcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.pcard:hover .pcard-img img{transform:scale(1.07);}

/* ===================================================
   ADS SECTION
=================================================== */
.ads-sec{padding:2.8rem 5%;background:#f0f7f1;}
.ads-lbl{font-size:.65rem;color:#5d8a6a;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.1rem;}
.ads-r1{display:grid;grid-template-columns:1.7fr 1fr;gap:1.1rem;margin-bottom:1.1rem;}
.adbanner{border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:.3s;border:1px solid transparent;}
.adbanner:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}
.adlbl{position:absolute;top:.55rem;right:.55rem;background:rgba(0,0,0,0.4);color:#aaa;font-size:.56rem;padding:.13rem .42rem;border-radius:2px;letter-spacing:1px;text-transform:uppercase;}
.adbig{min-height:185px;background:linear-gradient(125deg,#0d2b10,#1a4a1e,#0d2b10);border-color:rgba(39,174,96,0.25);display:flex;align-items:center;padding:1.8rem 2rem;gap:1.3rem;}
.adbig-c{flex:1;}
.adbig-tag{display:inline-block;background:rgba(39,174,96,0.18);border:1px solid rgba(39,174,96,0.35);color:#6fcf97;font-size:.65rem;padding:.2rem .65rem;border-radius:3px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.65rem;}
.adbig-c h3{font-family:'Rajdhani',sans-serif;font-size:1.6rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:.35rem;}
.adbig-c h3 span{color:#6fcf97;}
.adbig-c p{font-size:.8rem;color:#a8d8b0;margin-bottom:.9rem;line-height:1.55;}
.adbig-v{font-size:4.5rem;opacity:.4;flex-shrink:0;}
.adside{min-height:185px;background:linear-gradient(125deg,#2d1008,#4a1a08,#2d1008);border-color:rgba(230,126,34,0.25);display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;}
.adside-tag{font-size:.63rem;color:#f0a868;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:.45rem;}
.adside h3{font-family:'Rajdhani',sans-serif;font-size:1.2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.35rem;}
.adside h3 em{color:#f0a868;font-style:normal;}
.adside p{font-size:.76rem;color:#c8a880;line-height:1.5;flex:1;margin-bottom:.7rem;}
.adside-bot{display:flex;align-items:center;justify-content:space-between;}
.adside-num{font-family:'Rajdhani',sans-serif;font-size:1.9rem;font-weight:700;color:#f0a868;line-height:1;}
.adcta{display:inline-block;padding:.36rem .85rem;border-radius:5px;font-size:.72rem;font-weight:800;text-decoration:none;transition:.3s;}
.adcta.org{background:var(--orange);color:#fff;}.adcta.org:hover{background:#c0392b;}
.adcta.grn{background:var(--green);color:#fff;}.adcta.grn:hover{background:var(--dark-green);}
.ads-r2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.admini{border-radius:12px;overflow:hidden;border:1px solid #d4edda;cursor:pointer;transition:.3s;position:relative;background:#fff;}
.admini:hover{transform:translateY(-3px);border-color:#a8d5b5;box-shadow:0 6px 20px rgba(39,174,96,0.12);}
.admini-top{height:86px;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.3rem;}
.admini-top .ami{font-size:2.1rem;}
.admini-top .amv{font-family:'Rajdhani',sans-serif;font-size:1.9rem;font-weight:700;line-height:1;}
.admini-body{padding:.82rem 1.3rem 1rem;}
.admini-body h4{font-family:'Rajdhani',sans-serif;font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:.22rem;}
.admini-body p{font-size:.72rem;color:var(--text-light);line-height:1.5;margin-bottom:.55rem;}
.am1{background:linear-gradient(135deg,#e8f5e9,#d4edda);}.am1 .amv{color:var(--green);}
.am2{background:linear-gradient(135deg,#fef3e2,#fde8c8);}.am2 .amv{color:var(--orange);}
.am3{background:linear-gradient(135deg,#e8f0fe,#d0e4fd);}.am3 .amv{color:#2980b9;}

/* ===================================================
   SECTIONS COMMON
=================================================== */
section{padding:4.8rem 5%;}
.sec-title{font-family:'Rajdhani',sans-serif;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;margin-bottom:.4rem;color:var(--text);}
.sec-title span{color:var(--green);}
.sec-sub{color:var(--text-light);font-size:.92rem;margin-bottom:2.8rem;max-width:560px;}
.sec-head{margin-bottom:2.4rem;}

/* ===================================================
   PARTNERS
=================================================== */
.partners{padding:1.6rem 5%;background:#ffffff;border-top:2px solid #e8f5e9;border-bottom:2px solid #e8f5e9;}
.partners-in{display:flex;align-items:center;gap:2.2rem;flex-wrap:wrap;}
.p-lbl{font-size:.72rem;color:var(--text-light);font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;}
.p-logos{display:flex;gap:1.3rem;flex-wrap:wrap;align-items:center;}
.plogo{background:#f0f7f1;border:1px solid #c8e6c9;border-radius:7px;padding:.45rem 1rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.9rem;letter-spacing:1px;color:var(--text-light);transition:.3s;}
.plogo:hover{border-color:var(--green);color:var(--green);background:#e8f5e9;}

/* ===================================================
   WHY CHOOSE
=================================================== */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1.3rem;}
.why-card{background:#ffffff;border:1px solid #d4edda;border-radius:12px;padding:1.6rem;transition:.3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),transparent);}
.why-card:hover{border-color:#a8d5b5;transform:translateY(-4px);box-shadow:0 8px 24px rgba(39,174,96,0.12);}
.why-icon{font-size:1.9rem;margin-bottom:.85rem;}
.why-card h3{font-family:'Rajdhani',sans-serif;font-size:1.1rem;font-weight:700;color:var(--green);margin-bottom:.38rem;}
.why-card p{font-size:.85rem;color:var(--text-light);line-height:1.6;}

/* ===================================================
   SUBSIDY
=================================================== */
.sub-sec{background:linear-gradient(135deg,#e8f5e9,#fff8f0);}
.sub-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid #c8e6c9;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.sub-table th{background:#d4edda;color:var(--dark-green);padding:.85rem 1rem;font-family:'Rajdhani',sans-serif;font-size:.92rem;font-weight:700;letter-spacing:1px;text-align:left;}
.sub-table td{padding:.85rem 1rem;border-bottom:1px solid #e8f5e9;font-size:.85rem;color:var(--text);background:#fff;}
.sub-table tr:last-child td{border-bottom:none;}
.sub-table tr:hover td{background:#f0f7f1;}
.hv{color:var(--orange);font-weight:800;font-family:'Rajdhani',sans-serif;font-size:1rem;}

/* ===================================================
   SERVICES
=================================================== */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1.3rem;}
.svc-card{background:#ffffff;border:1px solid #d4edda;border-radius:12px;padding:1.7rem;transition:.3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),transparent);}
.svc-card:hover{border-color:#f0c090;transform:translateY(-4px);box-shadow:0 8px 24px rgba(230,126,34,0.12);}
.svc-icon{font-size:2.2rem;margin-bottom:.85rem;}
.svc-card h3{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:.38rem;}
.svc-card p{color:var(--text-light);font-size:.85rem;line-height:1.7;}
.stag2{display:inline-block;background:#e8f5e9;border:1px solid #c8e6c9;color:var(--green);font-size:.7rem;padding:.2rem .62rem;border-radius:50px;margin-top:.65rem;font-weight:700;}
.prod-tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.7rem;}
.ptab{background:#f0f7f1;border:1px solid #c8e6c9;color:#5d8a6a;padding:.5rem 1.1rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.3s;font-family:'Nunito',sans-serif;}
.ptab.on,.ptab:hover{background:var(--green);color:#fff;border-color:var(--green);}
.tab-cnt{display:none;}
.tab-cnt.on{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:1rem;}
.prd-card{background:#ffffff;border:1px solid #d4edda;border-radius:10px;padding:1.3rem;transition:.3s;box-shadow:0 1px 6px rgba(0,0,0,0.05);}
.prd-card:hover{border-color:#a8d5b5;background:#f0f7f1;}
.prd-brand{font-size:.65rem;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:.32rem;}
.prd-name{font-family:'Rajdhani',sans-serif;font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.32rem;}
.prd-spec{font-size:.76rem;color:var(--text-light);line-height:1.6;}
.prd-spec strong{color:var(--dark-green);}

/* ===================================================
   ABOUT
=================================================== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.8rem;align-items:center;}
.ab-content h2{font-family:'Rajdhani',sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:.85rem;color:var(--text);}
.ab-content p{color:var(--text-light);line-height:1.8;margin-bottom:.85rem;font-size:.9rem;}
.ab-hl{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1.3rem;}
.abl{background:#ffffff;border:1px solid #d4edda;border-radius:8px;padding:.85rem;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,0.05);}
.abl .num{font-family:'Rajdhani',sans-serif;font-size:1.65rem;font-weight:700;color:var(--green);}
.abl .lbl{font-size:.7rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.ab-vis{background:linear-gradient(135deg,#e8f5e9,#f0f7f1);border:1px solid #c8e6c9;border-radius:13px;padding:2rem;}
.ab-vis h3{font-family:'Rajdhani',sans-serif;font-size:1.2rem;color:var(--green);margin-bottom:.85rem;}
.cred{display:flex;align-items:center;gap:.85rem;padding:.65rem 0;border-bottom:1px solid #d4edda;}
.cred:last-child{border-bottom:none;}
.cred-ic{font-size:1.3rem;min-width:36px;}
.cred-txt{font-size:.8rem;color:var(--text-light);line-height:1.5;}
.cred-txt strong{color:var(--text);display:block;}

/* ===================================================
   CONTACT
=================================================== */
.contact-sec{background:linear-gradient(135deg,#e8f5e9,#f4faf5);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;}
.contact-l h2{font-family:'Rajdhani',sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:.85rem;color:var(--text);}
.contact-l p{color:var(--text-light);font-size:.9rem;margin-bottom:1.7rem;line-height:1.7;}
.citems{display:flex;flex-direction:column;gap:.85rem;}
.citem{display:flex;align-items:flex-start;gap:.85rem;background:#ffffff;border:1px solid #d4edda;border-radius:10px;padding:1rem;box-shadow:0 1px 6px rgba(0,0,0,0.05);}
.citem-ic{font-size:1.3rem;min-width:36px;}
.citem-lbl{font-size:.65rem;color:var(--text-light);font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.citem-val{color:var(--text);font-size:.85rem;font-weight:600;}
.citem-val a{color:var(--green);text-decoration:none;}
.cform{background:#ffffff;border:1px solid #d4edda;border-radius:13px;padding:1.7rem;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.cform h3{font-family:'Rajdhani',sans-serif;font-size:1.4rem;color:var(--green);margin-bottom:1.3rem;}
.fg{margin-bottom:1rem;}
.fg label{display:block;font-size:.72rem;color:var(--text-light);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:.32rem;}
.fg input,.fg select,.fg textarea{width:100%;background:#f8fcf8;border:1px solid #c8e6c9;border-radius:6px;padding:.72rem .88rem;color:var(--text);font-family:'Nunito',sans-serif;font-size:.86rem;transition:.3s;outline:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(39,174,96,0.1);}
.fg textarea{resize:vertical;min-height:88px;}
.btn-sub{width:100%;background:linear-gradient(135deg,var(--green),var(--dark-green));color:#fff;padding:.9rem;border:none;border-radius:6px;font-weight:800;font-size:.92rem;cursor:pointer;font-family:'Nunito',sans-serif;transition:.3s;letter-spacing:1px;}
.btn-sub:hover{box-shadow:0 8px 25px rgba(39,174,96,0.35);transform:translateY(-2px);}

/* ===================================================
   QUICK ROI CALCULATOR
=================================================== */
.qcalc-sec{background:#f0f7f1;padding:0;}
.qcalc-inner{display:grid;grid-template-columns:1.15fr 1fr;min-height:340px;}
.qcalc-photo{position:relative;overflow:hidden;background:#0d2b10;min-height:340px;}
.qcalc-photo-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0d2b10,#1a4a1e);z-index:0;}
.qcalc-photo-overlay{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:1rem 1.4rem;background:linear-gradient(transparent,rgba(0,0,0,0.6));}
.qcalc-photo-tag{display:inline-flex;align-items:center;gap:.4rem;background:rgba(39,174,96,0.2);border:1px solid rgba(39,174,96,0.4);color:#6fcf97;font-size:.7rem;font-weight:700;padding:.3rem .8rem;border-radius:50px;letter-spacing:1px;}
.qcalc-illustration{position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;}
  .qcalc-illustration img{
  width:100%;
  height:100%;
  object-fit:cover;   /* IMPORTANT */
  object-position:center;
  display:block;
}
.qcalc-form{background:#ffffff;padding:2rem 2.2rem;display:flex;flex-direction:column;gap:.9rem;justify-content:center;}
.qcalc-tabs{display:flex;border:1.5px solid #c8e6c9;border-radius:8px;overflow:hidden;margin-bottom:.2rem;}
.qct{flex:1;padding:.55rem;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:700;color:#5d8a6a;font-family:'Nunito',sans-serif;transition:.25s;}
.qct.active{background:var(--green);color:#fff;}
.qct:not(.active):hover{background:#f0f7f1;}
.qtab{display:none;}.qtab.active{display:flex;flex-direction:column;gap:.4rem;}
.qc-field-lbl{font-size:.82rem;font-weight:700;color:var(--text);letter-spacing:.2px;}
.qc-input{border:1.5px solid #c8e6c9;border-radius:8px;padding:.7rem 1rem;font-size:1rem;font-family:'Nunito',sans-serif;color:var(--text);outline:none;transition:.25s;width:100%;background:#f8fcf8;}
.qc-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(39,174,96,0.12);}
.qc-hint{font-size:.72rem;color:var(--text-light);line-height:1.4;}
.qc-result-box{background:linear-gradient(135deg,#e8f5e9,#d4edda);border:1.5px solid #a8d5b5;border-radius:10px;padding:1rem 1.2rem;}
.qcr-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.35rem;}
.qcr-lbl{font-size:.62rem;font-weight:700;color:#5d8a6a;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.1rem;}
.qcr-val{font-family:'Rajdhani',sans-serif;font-size:1.8rem;font-weight:700;color:var(--text);line-height:1;}
.qcr-val2{font-family:'Rajdhani',sans-serif;font-size:1.4rem;font-weight:700;color:var(--dark-green);line-height:1;}
.qcr-sub{font-size:.74rem;color:#5d8a6a;line-height:1.5;}
.qcr-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;}
.qcp{font-size:.68rem;font-weight:700;padding:.18rem .6rem;border-radius:50px;}
.qcp.green{background:rgba(39,174,96,0.15);color:var(--dark-green);border:1px solid rgba(39,174,96,0.3);}
.qcp.orange{background:rgba(230,126,34,0.12);color:#c0392b;border:1px solid rgba(230,126,34,0.25);}
.qcp.blue{background:rgba(30,144,255,0.08);color:#1e6fb3;border:1px solid rgba(30,144,255,0.2);}
.qc-btns{display:flex;gap:.7rem;}
.qc-btn-main{flex:2;background:var(--green);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:800;font-size:.88rem;cursor:pointer;font-family:'Nunito',sans-serif;transition:.3s;letter-spacing:.5px;}
.qc-btn-main:hover{background:var(--dark-green);transform:translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,0.3);}
.qc-btn-reset{flex:1;background:transparent;color:#5d8a6a;border:1.5px solid #c8e6c9;border-radius:8px;padding:.75rem;font-weight:700;font-size:.88rem;cursor:pointer;font-family:'Nunito',sans-serif;transition:.3s;}
.qc-btn-reset:hover{background:#f0f7f1;border-color:var(--green);}
.qc-footer-note{font-size:.68rem;color:var(--text-light);line-height:1.4;text-align:center;}

/* ===================================================
   CALCULATOR MODAL
=================================================== */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.calc-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .3s;}
.calc-overlay.open{opacity:1;pointer-events:all;}
.calc-modal{background:#ffffff;border:1px solid #c8e6c9;border-radius:18px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(30px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,0.15);}
.calc-overlay.open .calc-modal{transform:translateY(0) scale(1);}
.calc-header{padding:1.6rem 1.8rem 1rem;border-bottom:1px solid #e8f5e9;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#e8f5e9,#f4faf5);}
.calc-header-l .calc-prod-name{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:.15rem;}
.calc-header-l .calc-prod-brand{font-size:.65rem;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.calc-close{background:#f0f7f1;border:1px solid #c8e6c9;color:var(--text-light);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s;}
.calc-close:hover{background:#ffe0d0;color:var(--orange);border-color:var(--orange);}
.calc-body{padding:1.5rem 1.8rem;}
.calc-btn{width:100%;background:linear-gradient(135deg,var(--green),var(--dark-green));color:#fff;padding:.9rem;border:none;border-radius:8px;font-weight:800;font-size:.95rem;cursor:pointer;font-family:'Nunito',sans-serif;transition:.3s;letter-spacing:1px;margin-top:1.2rem;}
.calc-btn:hover{box-shadow:0 8px 25px rgba(39,174,96,0.35);transform:translateY(-2px);}
.calc-results{display:none;margin-top:1.4rem;border-top:1px solid #e8f5e9;padding-top:1.4rem;}
.calc-results.show{display:block;animation:fadeUp .4s ease;}
.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.2rem;}
.res-card{background:#f8fcf8;border:1px solid #d4edda;border-radius:10px;padding:1rem;text-align:center;}
.res-card.highlight{border-color:#a8d5b5;background:#e8f5e9;}
.res-card.orange{border-color:#f0c090;background:#fff8f0;}
.res-val{font-family:'Rajdhani',sans-serif;font-size:1.5rem;font-weight:700;color:var(--green);line-height:1;}
.res-card.orange .res-val{color:var(--orange);}
.res-lbl{font-size:.65rem;color:var(--text-light);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:.2rem;}
.sbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.62rem 1.4rem;border-radius:6px;font-weight:800;font-size:.82rem;text-decoration:none;transition:.3s;border:none;cursor:pointer;}
.sbtn.green{background:var(--green);color:#fff;}
.sbtn.green:hover{background:var(--dark-green);transform:translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,0.4);}

/* ===================================================
   FOOTER
=================================================== */
footer{background:#1a3a1e;border-top:2px solid rgba(39,174,96,0.2);padding:2.6rem 5%;text-align:center;}
.foot-logo{font-family:'Rajdhani',sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:.38rem;}
.foot-tag{color:#a8d8b0;font-size:.85rem;margin-bottom:1.3rem;}
.foot-links{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-bottom:1.6rem;}
.foot-links a{color:#a8d8b0;text-decoration:none;font-size:.8rem;transition:.3s;}
.foot-links a:hover{color:#6fcf97;}
.foot-copy{font-size:.72rem;color:#6a9a72;}
.socials{display:flex;justify-content:center;gap:.85rem;margin-bottom:1.3rem;}
.soc{background:rgba(39,174,96,0.12);border:1px solid rgba(39,174,96,0.25);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#a8d8b0;text-decoration:none;transition:.3s;font-size:.85rem;}
.soc:hover{background:var(--green);color:#fff;border-color:var(--green);}

/* ===================================================
   FLOATING CTA
=================================================== */
.float-cta{position:fixed;bottom:1.8rem;right:1.8rem;z-index:900;display:flex;flex-direction:column;gap:.6rem;}
.fbtn{display:flex;align-items:center;gap:.55rem;padding:.62rem 1.05rem;border-radius:50px;font-weight:800;font-size:.8rem;text-decoration:none;transition:.3s;}
.fbtn:hover{transform:scale(1.05);}
.fbtn.wa{background:#25d366;color:#fff;box-shadow:0 4px 18px rgba(37,211,102,0.4);}
.fbtn.ph{background:var(--orange);color:#fff;box-shadow:0 4px 18px rgba(230,126,34,0.4);}

/* ===================================================
   RESPONSIVE
=================================================== */
@media(max-width:1100px){.nav-search{max-width:220px;}.nav-links{gap:1rem;}}
@media(max-width:900px){.ads-r1{grid-template-columns:1fr;}.ads-r2{grid-template-columns:1fr 1fr;}.nav-search{max-width:180px;}.product-category-grid{flex-wrap:wrap;}.product-category-card{width:45%;}}
@media(max-width:768px){.nav-links{display:none;}.nav-search{max-width:220px;}.hero-slider{height:280px;}.about-grid,.contact-grid{grid-template-columns:1fr;}.ab-hl{grid-template-columns:1fr 1fr;}.ads-r2{grid-template-columns:1fr;}.pcards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));}.sl-prev,.sl-next{width:34px;height:34px;font-size:.85rem;}.qcalc-inner{grid-template-columns:1fr;}.qcalc-photo{min-height:220px;}.qcalc-form{padding:1.5rem;}.product-category-card{width:100%;}}
@media(max-width:576px){.hero-slider{height:200px;}.product-category-card{width:100%;}}
@media(max-width:480px){.logo-text{font-size:1.1rem;}.nav-search{max-width:160px;}.nav-search input{font-size:.76rem;}}