/* ── Container ── */
.page-wrap{max-width:1280px;margin:0 auto;padding:0 10px;box-sizing:border-box}
html{margin:0;padding:0}body{overflow-x:hidden;margin:0;padding:0}
.nav-wrap{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.hero-sec .hero-inner{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.trust-bar .trust-bar-inner{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.govt-sec .govt-inner{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.why-sec .why-inner,.why-section .why-inner{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.train-sec .train-inner{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.stats-bar .stats-wrap{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
.site-footer .footer-wrap{max-width:1280px!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important}
@media(max-width:768px){
  .nav-wrap,.hero-inner,.trust-bar-inner,.govt-inner,.train-inner,.stats-wrap,.footer-wrap{padding-left:14px!important;padding-right:14px!important}
}

/* Navbar */
.nav-wrap{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Hero */
.hero-inner{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Trust bar */
.trust-bar-inner{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Govt section */
.govt-inner{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Training section */
.train-inner{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Why choose us */
.why-inner{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Stats */
.stats-wrap{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Footer */
.footer-wrap{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

/* Category bar */
.cb-wrap .cb-all-btn,.cb-items{box-sizing:border-box}

/* Mobile */
@media(max-width:768px){
  .nav-wrap,.hero-inner,.trust-bar-inner,.govt-inner,.train-inner,.why-inner,.stats-wrap,.footer-wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* ============================================================
   IFRA HANDCRAFT - Premium Eco Design
   Exact match to reference screenshots
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap');

:root{
  --green:#1f5c34; --dark-green:#18492a; --mid-green:#256b3d;
  --cream:#f0e6d0; --light-cream:#f7eed8; --bg:#f2e8d5;
  --gold:#c79b52; --brown:#8a5b2f; --text:#1f1f1f; --muted:#6b7280;
  --white:#fff; --shadow:0 4px 20px rgba(0,0,0,.07);
  --shadow-hover:0 12px 40px rgba(0,0,0,.14);
  --radius:14px; --radius-sm:8px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;margin:0;padding:0;width:100%;padding-top:195px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:'Poppins',sans-serif}

/* ===== HEADER ===== */
.site-header{background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.12);position:fixed;top:0;left:0;right:0;z-index:99999;width:100%;transform:translateZ(0);will-change:transform}
.nav-wrap{max-width:1300px;margin:0 auto;padding:0 10px;display:flex;align-items:center;min-height:74px;gap:10px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo img{height:56px;width:auto}
.logo-txt .lname{display:block;font-family:'Playfair Display',serif;font-size:1.18rem;font-weight:800;color:var(--green);line-height:1}
.logo-txt .lsub{display:block;font-size:.44rem;letter-spacing:4.5px;color:var(--gold);font-weight:700;margin-top:3px}
.nav-links{display:flex;list-style:none;margin:0;padding:0;flex:1;justify-content:center;gap:0}
.nav-links li{position:relative}
.nav-links li>a{display:block;padding:24px 11px;font-size:.79rem;font-weight:500;color:#2d2d2d;white-space:nowrap;transition:color .2s;position:relative}
.nav-links li>a:hover{color:var(--green)}
.nav-links li>a.active-nav{color:var(--green);font-weight:600}
.nav-links .has-dd:hover .nav-dd{display:block}
.nav-dd{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:224px;box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:10px;padding:6px 0;z-index:200;border-top:2px solid var(--green)}
.nav-dd a{display:block;padding:10px 20px;font-size:.79rem;color:#333;transition:all .2s}
.nav-dd a:hover{background:#f0f8ed;color:var(--green);padding-left:24px}
.nav-right{display:flex;align-items:center;gap:7px;flex-shrink:0}
.lang-sw{display:flex;align-items:center;gap:3px;font-size:.73rem;font-weight:600;background:#f5f5f5;border-radius:20px;padding:4px 6px}
.lang-sw a{padding:3px 8px;border-radius:14px;color:#555;transition:all .2s}
.lang-sw a.active{background:var(--green);color:#fff}
.lang-sw span{color:#ccc;font-size:.7rem}
.btn-login{border:1.5px solid var(--green);color:var(--green);border-radius:7px;padding:8px 14px;font-size:.76rem;font-weight:600;background:transparent;cursor:pointer;display:inline-block;transition:all .2s;white-space:nowrap}
.btn-login:hover{background:var(--green);color:#fff}
.btn-quote{background:var(--green);color:#fff!important;border:none;border-radius:8px;padding:10px 20px;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s;display:inline-block}
.btn-quote:hover{background:var(--dark-green)}
.mob-btn{display:none;background:none;border:1px solid #e0e0e0;border-radius:7px;padding:7px 11px;cursor:pointer;font-size:1rem;color:#444}

/* ===== HERO ===== */
.hero-sec{background:linear-gradient(rgba(238,228,210,.92),rgba(238,228,210,.92)),url('../images/hero-bg.jpg') center/cover;padding:64px 24px 56px;display:flex;align-items:center}
.hero-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:56px;width:100%}
.hero-left{flex:1;min-width:0}
.hero-title{font-family:'Playfair Display',serif;font-size:3.5rem;font-weight:800;color:var(--green);line-height:1.1;margin-bottom:14px}
.hero-sub{font-size:1.28rem;color:var(--brown);font-weight:600;font-style:italic;margin-bottom:30px;padding-bottom:18px;border-bottom:2px solid rgba(139,91,47,.15)}
.hero-feats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}
.hero-feat{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:#fff;border-radius:12px;padding:16px 12px;width:115px;box-shadow:var(--shadow);border:1px solid rgba(199,155,82,.2);transition:.3s}
.hero-feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--gold)}
.hero-feat i{font-size:1.4rem;color:var(--green)}
.hero-feat span{font-size:.63rem;font-weight:600;color:#333;line-height:1.3}
.hero-btn{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;padding:14px 30px;border-radius:9px;font-size:.9rem;font-weight:700;transition:.3s;border:none;cursor:pointer}
.hero-btn:hover{background:var(--dark-green);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(31,92,52,.35)}
.hero-right{flex:0 0 480px;max-width:480px}
.hero-right img{width:100%;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2)}

/* ===== GOVT SECTION ===== */
.govt-sec{background:linear-gradient(90deg,#1a5730,#164824);padding:36px 24px;margin:0}
.govt-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:36px}
.govt-badge{width:82px;height:82px;border-radius:50%;border:3px solid var(--gold);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.govt-badge svg{width:62px;height:62px}
.govt-txt{flex:1;min-width:0}
.govt-title{font-size:1.04rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1.35;margin-bottom:7px}
.govt-desc{font-size:.77rem;color:rgba(255,255,255,.82);line-height:1.75;margin:0}
.govt-feats{display:flex;flex-shrink:0;gap:0}
.govt-feat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px;border-left:1px solid rgba(255,255,255,.18)}
.govt-feat:first-child{border-left:none}
.govt-feat i{font-size:1.8rem;color:var(--gold);display:block;margin-bottom:7px}
.govt-feat span{font-size:.69rem;color:rgba(255,255,255,.88);line-height:1.4}

/* ===== MARKETPLACE ===== */
.mkt-sec{background:var(--light-cream);border:1px solid rgba(199,155,82,.18);margin:30px 24px;border-radius:14px;padding:24px 30px}
.mkt-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mkt-label{flex-shrink:0}
.mkt-label .ml1{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--brown);display:block}
.mkt-label .ml2{font-size:.88rem;font-weight:700;color:var(--green);display:block;margin-top:2px}
.mkt-btns{display:flex;gap:12px;flex-wrap:wrap;flex:1;justify-content:center}
.btn-mkt{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid #e0d8cc;border-radius:10px;padding:12px 24px;min-width:130px;font-size:.82rem;font-weight:700;background:#fff;color:#333;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.btn-mkt:hover{border-color:var(--green);background:var(--green);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-mkt .amazon-logo{font-size:1.2rem;font-weight:900;font-family:sans-serif;color:#ff9900}
.btn-mkt:hover .amazon-logo{color:#fff}

/* ===== SECTION HEADER ===== */
.sec-hdr{text-align:center;margin-bottom:40px}
.sec-hdr h2{font-family:'Playfair Display',serif;font-size:2.1rem;font-weight:800;color:var(--green);margin-bottom:0}
.sec-divider{width:40px;height:3px;background:var(--gold);border-radius:2px;margin:12px auto 0}

/* ===== CATEGORIES ===== */
.cat-sec{padding:60px 24px;background:#ece0c8}
.cat-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.cat-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.3s;text-decoration:none;display:block;border:1.5px solid transparent;position:relative}
.cat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--gold)}
.cat-card .cimg{height:210px;overflow:hidden;background:rgba(199,155,82,.12);position:relative;border-radius:0}
.cat-card .cimg img{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block;border-radius:0}
.cat-card:hover .cimg img{transform:scale(1.08)}
.cat-name{text-align:center;padding:16px 10px;color:var(--green);font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.9px;line-height:1.4}

/* ===== PRODUCT SLIDER ===== */
.prod-sec{padding:60px 24px;background:linear-gradient(to bottom,#ece0c8,#e8d8bc)}
.prod-wrap{max-width:1280px;margin:0 auto}
.slider-outer{position:relative}
.prod-slider{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:6px 4px 22px}
.prod-slider::-webkit-scrollbar{display:none}
.prod-card{flex:0 0 175px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.3s;border:1.5px solid rgba(199,155,82,.12);text-decoration:none;display:block}
.prod-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.prod-card .pimg{height:155px;overflow:hidden;background:rgba(199,155,82,.12);display:flex;align-items:center;justify-content:center}
.prod-card .pimg img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}
.prod-card .pimg .noimg{font-size:3rem;color:rgba(139,91,47,.2)}
.prod-card .pname{padding:10px 12px 4px;font-size:.73rem;font-weight:600;color:#333;line-height:1.3}
.prod-card .pprice{padding:0 12px 12px;font-size:.8rem;font-weight:700;color:var(--green)}
.sl-arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;border:1.5px solid #e0d8cc;box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#555;z-index:5;transition:.2s}
.sl-arr:hover{background:var(--green);color:#fff;border-color:var(--green)}
.sl-prev{left:-22px}.sl-next{right:-22px}

/* ===== WHY CHOOSE US ===== */
.why-sec{padding:60px 24px;background:var(--bg)}
.why-box{max-width:1300px;margin:0 auto;background:#fff;border-radius:20px;padding:44px 40px;box-shadow:var(--shadow);border:1px solid rgba(199,155,82,.15)}
.why-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;align-items:center}
.why-left{}
.why-title{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;color:var(--green);margin-bottom:6px}
.why-divider{width:36px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:22px}
.why-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center;margin-top:14px}
.why-ico-item{}
.wico{width:62px;height:62px;border-radius:50%;background:rgba(31,92,52,.08);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--green);margin:0 auto 9px;transition:.3s;border:2px solid transparent}
.why-ico-item:hover .wico{background:var(--green);color:#fff;transform:scale(1.1);border-color:var(--green)}
.wlbl{font-size:.72rem;font-weight:700;color:var(--text);line-height:1.3}
.why-photo{border-radius:16px;overflow:hidden;height:320px;box-shadow:var(--shadow-hover)}
.why-photo img{width:100%;height:100%;object-fit:cover}
.why-right{}
.commit-box{background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff;border-radius:14px;padding:24px;margin-bottom:16px}
.commit-box h5{color:#fff;font-weight:700;margin-bottom:10px;font-size:.92rem}
.commit-box p{color:rgba(255,255,255,.85);font-size:.8rem;line-height:1.75;margin:0}
.why-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wstat{background:var(--light-cream);border-radius:10px;padding:14px;text-align:center;border:1px solid rgba(199,155,82,.2)}
.wstat .wnum{font-size:1.35rem;font-weight:800;color:var(--green)}
.wstat .wlb{font-size:.65rem;color:var(--muted)}

/* ===== TRAINING ===== */
.train-sec{padding:60px 24px;background:var(--light-cream)}
.train-inner{max-width:1300px;margin:0 auto}
.train-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:32px;align-items:center}
.tphoto{border-radius:16px;overflow:hidden;height:300px;box-shadow:var(--shadow-hover)}
.tphoto img{width:100%;height:100%;object-fit:cover}
.tchk h4{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:800;color:var(--green);margin-bottom:18px}
.chk-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid rgba(199,155,82,.2);font-size:.83rem;color:#333}
.chk-item:last-of-type{border-bottom:none}
.chk-item i{color:var(--green);font-size:.88rem;flex-shrink:0}
.btn-learn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border-radius:9px;padding:13px 28px;font-size:.85rem;font-weight:700;margin-top:20px;transition:background .2s;border:none;cursor:pointer}
.btn-learn:hover{background:var(--dark-green);color:#fff}

/* ===== STATS BAR ===== */
.stats-bar{background:var(--bg);border-top:1px solid rgba(199,155,82,.2);border-bottom:1px solid rgba(199,155,82,.2);padding:22px 24px}
.stats-wrap{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;text-align:center}
.stat-i{display:flex;flex-direction:column;align-items:center;gap:6px}
.stat-i i{font-size:1.7rem;color:var(--green)}
.stat-i span{font-size:.67rem;font-weight:600;color:#555;line-height:1.3}

/* ===== FOOTER ===== */
.site-footer{background:linear-gradient(135deg,#194a2a,#102f1b);color:#fff;padding:60px 24px 0}
.footer-wrap{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:42px}
.footer-brand .fbname{font-family:'Playfair Display',serif;font-size:1.08rem;font-weight:800;color:#fff;display:block}
.footer-brand .fbsub{font-size:.44rem;letter-spacing:4px;color:var(--gold);font-weight:700;display:block;margin-top:2px}
.footer-desc{font-size:.76rem;color:rgba(255,255,255,.62);line-height:1.9;margin:14px 0}
.footer-h{font-size:.78rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.9px;margin-bottom:14px;padding-bottom:7px;border-bottom:2px solid var(--gold);display:inline-block}
.footer-ul{list-style:none;padding:0}
.footer-ul li{margin-bottom:8px}
.footer-ul li a{font-size:.76rem;color:rgba(255,255,255,.62);transition:color .2s}
.footer-ul li a:hover{color:var(--gold)}
.fci{display:flex;gap:9px;align-items:flex-start;margin-bottom:10px;font-size:.76rem;color:rgba(255,255,255,.72)}
.fci i{color:var(--gold);flex-shrink:0;margin-top:2px;width:14px}
.footer-follow{font-size:.72rem;font-weight:700;color:#fff;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.8px}
.footer-social{display:flex;gap:7px}
.footer-social a{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.72);font-size:.82rem;transition:all .2s}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.footer-bottom{max-width:1300px;margin:36px auto 0;border-top:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex;justify-content:space-between;font-size:.69rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:8px}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.65rem;box-shadow:0 8px 28px rgba(37,211,102,.4);z-index:9999;transition:transform .2s}
.wa-float:hover{transform:scale(1.1);color:#fff}

/* ===== PAGE HERO ===== */
.page-hero{background:linear-gradient(135deg,var(--dark-green),var(--green));color:#fff;padding:50px 24px;text-align:center}
.page-hero h1{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:800}
.page-hero p{margin-top:8px;font-size:.88rem;opacity:.85}

/* ===== PRODUCTS PAGE ===== */
.products-page{padding:50px 24px;background:var(--bg)}
.prod-layout{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:270px 1fr;gap:28px}
.filter-box{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:90px}
.filter-title{font-weight:700;color:var(--green);font-size:.88rem;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #f0f0f0}
.filter-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #fafafa;font-size:.81rem;cursor:pointer;color:#444;transition:color .2s}
.filter-item:hover,.filter-item.active-f{color:var(--green);font-weight:600}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.pgc{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.3s;border:1.5px solid transparent}
.pgc:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--gold)}
.pgc-img{height:220px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px}
.pgc-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.pgc:hover .pgc-img img{transform:scale(1.04)}
.pgc-body{padding:14px}
.pgc-cat{font-size:.67rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.pgc-name{font-weight:700;font-size:.87rem;color:#1a2a1a;margin-bottom:6px}
.pgc-price{font-weight:800;color:var(--green);font-size:.94rem}
.btn-detail{display:block;width:100%;background:var(--green);color:#fff;border:none;border-radius:8px;padding:9px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s;text-align:center;margin-top:10px}
.btn-detail:hover{background:var(--dark-green);color:#fff}

/* ===== PRODUCT DETAIL ===== */
.prod-detail{padding:50px 24px;background:var(--bg)}
.pd-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.pd-main-img{border-radius:16px;overflow:hidden;height:420px;margin-bottom:12px;box-shadow:var(--shadow-hover)}
.pd-main-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.pd-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.pd-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:9px;cursor:pointer;border:2.5px solid transparent;transition:border .2s}
.pd-thumbs img.active{border-color:var(--green)}
.pd-cat{font-size:.7rem;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}
.pd-title{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:800;color:#1a2a1a;margin-bottom:12px;line-height:1.2}
.order-tabs{display:flex;gap:9px;margin:18px 0;flex-wrap:wrap}
.otab{padding:9px 18px;border-radius:8px;font-size:.77rem;font-weight:600;cursor:pointer;border:1.5px solid #ddd;background:#fff;color:#555;transition:all .2s;text-align:center}
.otab.active{background:var(--green);color:#fff;border-color:var(--green)}
.pd-price{font-size:1.7rem;font-weight:800;color:var(--green);margin:12px 0}
.whs-note{font-size:.75rem;color:var(--brown);background:rgba(199,155,82,.1);padding:9px 13px;border-radius:7px;margin-bottom:14px;border-left:3px solid var(--gold)}
.qty-row{display:flex;align-items:center;gap:11px;margin:14px 0}
.qbtn{width:38px;height:38px;border-radius:8px;border:1.5px solid #ddd;background:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qbtn:hover{border-color:var(--green);color:var(--green)}
.qinp{width:60px;text-align:center;border:1.5px solid #ddd;border-radius:8px;padding:8px;font-size:.9rem;font-family:inherit;outline:none}
.qinp:focus{border-color:var(--green)}
.btn-order{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:.88rem;font-weight:700;cursor:pointer;transition:.3s;width:100%;margin-top:4px}
.btn-order:hover{background:var(--dark-green)}
.btn-cart{background:var(--brown);color:#fff;border:none;border-radius:10px;padding:14px;font-size:.88rem;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px}
.btn-cart:hover{background:#6b4422;color:#fff}
.btn-wa-order{display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff;border:none;border-radius:10px;padding:12px;font-size:.85rem;font-weight:600;margin-top:8px;width:100%;cursor:pointer;transition:background .2s}
.btn-wa-order:hover{background:#20ba5a;color:#fff}

/* ===== CART ===== */
.cart-page{padding:50px 24px;background:var(--bg);min-height:60vh}
.cart-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:24px}
.cart-box{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow)}
.cart-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f4f0ea;align-items:center}
.cart-item:last-child{border-bottom:none}
.ci-img{width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(199,155,82,.12)}
.ci-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.ci-info{flex:1;min-width:0}
.ci-name{font-weight:700;font-size:.88rem;color:#1a2a1a;margin-bottom:3px}
.ci-type{font-size:.7rem;color:var(--green);font-weight:600;text-transform:uppercase}
.cart-summary{background:#fff;border-radius:14px;padding:24px;box-shadow:var(--shadow);height:fit-content}
.srow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:.83rem}
.stotal{font-size:1rem;font-weight:800;color:var(--green)}

/* ===== CHECKOUT ===== */
.checkout-page{padding:50px 24px;background:var(--bg)}
.checkout-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:28px}
.checkout-form-box{background:#fff;border-radius:14px;padding:30px;box-shadow:var(--shadow)}
.fsec{margin-bottom:24px}
.fsec h4{font-weight:700;color:#1a2a1a;margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid #f0ece4;font-size:.9rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:.78rem;font-weight:600;color:#333;margin-bottom:5px}
.fc{width:100%;border:1.5px solid #e0d8cc;border-radius:9px;padding:10px 14px;font-size:.83rem;font-family:inherit;outline:none;transition:border .2s;background:#fff}
.fc:focus{border-color:var(--green)}
select.fc{cursor:pointer}

/* ===== AUTH ===== */
.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--light-cream),var(--bg));display:flex;align-items:center;justify-content:center;padding:0}
.auth-box{background:#fff;border-radius:18px;padding:42px;width:100%;max-width:450px;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.auth-title{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;color:var(--green);text-align:center;margin-bottom:6px}
.auth-sub{text-align:center;color:var(--muted);font-size:.82rem;margin-bottom:24px}
.role-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:20px}
.rtab{padding:8px 4px;border-radius:7px;font-size:.67rem;font-weight:600;cursor:pointer;border:1.5px solid #e0d8cc;background:#fff;color:#555;text-align:center;transition:all .2s}
.rtab.active{background:var(--green);color:#fff;border-color:var(--green)}
.divider{display:flex;align-items:center;gap:12px;margin:16px 0}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#eee}
.divider span{font-size:.74rem;color:#aaa}
.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid #e0d8cc;border-radius:9px;padding:12px;font-size:.83rem;font-weight:600;background:#fff;cursor:pointer;transition:all .2s;color:#333}
.btn-google:hover{border-color:var(--green);background:#f8fff4}
.btn-submit{width:100%;background:var(--green);color:#fff;border:none;border-radius:10px;padding:14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:6px}
.btn-submit:hover{background:var(--dark-green)}
.alert-ok{background:#d1e7dd;color:#0a3622;border-radius:8px;padding:12px 16px;font-size:.82rem;margin-bottom:14px}
.alert-err{background:#f8d7da;color:#842029;border-radius:8px;padding:12px 16px;font-size:.82rem;margin-bottom:14px}

/* ===== ADMIN ===== */
.adm-body{background:#f0f2f5;min-height:100vh;font-family:'Poppins',sans-serif}
.adm-sidebar{width:260px;background:linear-gradient(180deg,var(--dark-green),var(--mid-green));position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:200;flex-shrink:0}
.adm-sb-brand{padding:20px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.adm-sb-brand .sbn{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:800;color:#fff;display:block}
.adm-sb-brand .sbs{font-size:.43rem;letter-spacing:3.5px;color:var(--gold);display:block}
.adm-nav-sec{padding:8px 16px 4px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.38);margin-top:8px}
.adm-nav-link{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.79rem;font-weight:500;color:rgba(255,255,255,.73);transition:all .2s;border-left:3px solid transparent}
.adm-nav-link:hover,.adm-nav-link.active{background:rgba(255,255,255,.1);color:#fff;border-left-color:var(--gold)}
.adm-nav-link i{width:17px;text-align:center;font-size:.83rem}
.adm-main{margin-left:260px;display:flex;flex-direction:column;min-height:100vh}
.adm-topbar{background:#fff;border-bottom:1px solid #eee;padding:0 28px;display:flex;align-items:center;justify-content:space-between;min-height:62px;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.adm-content{padding:28px;flex:1}
.adm-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:22px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.adm-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #f4f0ea}
.adm-card-title{font-size:.92rem;font-weight:700;color:#1a2a1a}
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}
.sc{border-radius:12px;padding:22px;color:#fff;display:flex;justify-content:space-between;align-items:center}
.sc.g{background:linear-gradient(135deg,var(--dark-green),var(--green))}
.sc.au{background:linear-gradient(135deg,#7a5a14,var(--gold))}
.sc.b{background:linear-gradient(135deg,#1357a6,#1a8fe5)}
.sc.r{background:linear-gradient(135deg,#a01010,#e03535)}
.sc .snum{font-size:1.9rem;font-weight:800}
.sc .slbl{font-size:.74rem;opacity:.85}
.sc i{font-size:2rem;opacity:.6}
.dtable{width:100%;border-collapse:collapse}
.dtable th{background:#f8f5f0;padding:11px 14px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666}
.dtable td{padding:11px 14px;font-size:.82rem;border-bottom:1px solid #f4f0ea;vertical-align:middle}
.dtable tr:hover td{background:#fafaf7}
.badge{padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700}
.badge-p{background:#fff3cd;color:#856404}
.badge-a{background:#d1e7dd;color:#0a3622}
.badge-c{background:#f8d7da;color:#842029}
.badge-b{background:#cfe2ff;color:#084298}
.btn-sm{padding:6px 13px;font-size:.73rem;border-radius:7px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:5px}
.btn-g{background:var(--green);color:#fff}
.btn-r{background:#e03535;color:#fff}
.btn-au{background:var(--gold);color:#fff}
.btn-ol{background:transparent;border:1.5px solid #ddd;color:#555}
.btn-ol:hover{border-color:var(--green);color:var(--green)}

/* ===== PANEL PAGES ===== */
.panel-page{padding:40px 24px;background:var(--bg);min-height:calc(100vh - 74px)}
.panel-inner{max-width:1280px;margin:0 auto}
.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.panel-header h2{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:800;color:var(--green)}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
  .nav-links li>a{padding:24px 8px;font-size:.74rem}
}

@media(max-width:992px){
  /* Navbar */
  .nav-links{display:none;flex-direction:column;position:absolute;top:74px;left:0;right:0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.1);padding:10px 0;z-index:100}
  .nav-links.open{display:flex}
  .mob-btn{display:block}

  /* Hero - stack vertically */
  .hero-sec{padding:28px 16px 24px!important;min-height:auto!important;align-items:flex-start}
  .hero-inner{flex-direction:column!important;gap:20px!important;width:100%}
  .hero-left{flex:none!important;width:100%!important}
  .hero-right{flex:none!important;width:100%!important;max-width:100%!important}
  .hero-right img{width:100%!important;border-radius:14px!important;display:block!important}
  .hero-title{font-size:2rem!important}
  .hero-feats{gap:8px}
  .hero-feat{width:90px;padding:12px 8px}

  /* Category bar */
  .cb-wrap{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cb-items{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cb-items::-webkit-scrollbar{display:none}
  .cb-item{flex:0 0 auto}

  /* Govt */
  .govt-inner{flex-direction:column}
  .govt-feats{flex-wrap:wrap;justify-content:center}

  /* Grids */
  .why-grid{grid-template-columns:1fr}
  .train-grid{grid-template-columns:1fr}
  .footer-wrap{grid-template-columns:repeat(2,1fr)}
  .stats-wrap{grid-template-columns:repeat(3,1fr)}
  .prod-layout{grid-template-columns:1fr}
  .checkout-layout{grid-template-columns:1fr}
  .cart-layout{grid-template-columns:1fr}
  .pd-inner{grid-template-columns:1fr}
  .adm-sidebar{left:-260px;transition:.3s}
  .adm-sidebar.open{left:0}
  .adm-main{margin-left:0}
  .sc-grid{grid-template-columns:repeat(2,1fr)}
  .form-row{grid-template-columns:1fr}
  .why-icons{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:768px){
  /* Hero */
  .hero-title{font-size:1.7rem!important}
  .hero-sub{font-size:.95rem}
  .hero-feat{width:84px;font-size:.6rem}

  /* Category bar */
  .cb-nm{font-size:9.5px!important;letter-spacing:.2px!important}
  .cb-all-btn{font-size:10px!important;padding:0 10px!important}

  /* Trust bar */
  .trust-bar-inner{flex-wrap:wrap;gap:8px;justify-content:center}
  .trust-item{font-size:.7rem}

  /* Category 6-grid -> 2 col */
  .cats-grid-6{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .cat-grid{grid-template-columns:repeat(2,1fr)}

  /* Marketplace 2x2 */
  .mkt-grid-btns{flex-wrap:wrap!important;gap:10px!important}
  .mkt-single-btn{min-width:calc(50% - 8px)!important;padding:12px 14px!important;flex:1 1 calc(50% - 8px)!important}

  /* Education cards stack */
  .edu-card-grid{grid-template-columns:1fr!important;min-height:auto!important}
  .edu-img-col{min-height:200px!important}
  .edu-content-col{padding:22px 18px!important}
  .school-logo-img{width:90px!important;height:90px!important}
  .school-name-text{font-size:1rem!important}

  /* Product sliders */
  .prod-card{flex:0 0 140px!important}
  .sl-arr{display:none}

  /* Stats/footer */
  .stats-wrap{grid-template-columns:repeat(2,1fr)}
  .footer-wrap{grid-template-columns:1fr}
}

@media(max-width:480px){
  .hero-sec{padding:20px 12px!important}
  .hero-title{font-size:1.4rem!important}
  .hero-feat{width:75px!important}
  .hero-btn{padding:11px 18px!important;font-size:.82rem!important}
  .cats-grid-6{gap:8px!important}
  .mkt-single-btn{min-width:calc(50% - 6px)!important}
  .sec-hdr h2{font-size:1.5rem!important}
  .prod-card{flex:0 0 128px!important}
}

/* ============ COMPLETE MOBILE FIX ============ */

/* Hero full fix */
@media(max-width:992px){
  .hero-sec{min-height:auto!important;padding:32px 16px 28px!important}
  .hero-inner{flex-direction:column!important;gap:20px!important;align-items:stretch!important}
  .hero-left{width:100%!important;flex:none!important}
  .hero-right{width:100%!important;flex:none!important;max-width:100%!important;flex-basis:auto!important;display:block!important}
  .hero-right img{width:100%!important;border-radius:14px!important;display:block!important}
  .hero-title{font-size:2rem!important}
  .hero-feats{gap:8px!important}
  .hero-feat{width:90px!important;padding:12px 8px!important}
}

/* Category bar scroll */
@media(max-width:992px){
  .cb-wrap{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .cb-items{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .cb-items::-webkit-scrollbar{display:none!important}
  .cb-item{flex:0 0 auto!important;min-width:auto!important}
}

/* Category 6-grid -> 2 col on mobile */
@media(max-width:768px){
  .cats-grid-6{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
}

/* Marketplace 2x2 grid */
@media(max-width:768px){
  .mkt-grid-btns{gap:10px!important}
  .mkt-single-btn{min-width:calc(50% - 8px)!important;padding:12px 14px!important}
}

/* Education cards stack */
@media(max-width:768px){
  .edu-card-grid{grid-template-columns:1fr!important;min-height:auto!important}
  .edu-img-col{min-height:200px!important;order:-1!important}
  .edu-content-col{padding:22px 18px!important;order:1!important}
  .school-logo-img{width:90px!important;height:90px!important}
  .school-name-text{font-size:1rem!important}
}

/* Trust bar mobile */
@media(max-width:768px){
  .trust-bar-inner{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}
  .trust-item{font-size:.7rem!important}
}

/* Govt mobile */
@media(max-width:768px){
  .govt-sec{padding:20px 14px!important}
  .govt-inner{flex-direction:column!important;gap:16px!important;padding:20px 0!important}
  .govt-feats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .govt-feat{font-size:.7rem!important;padding:10px 6px!important}
}

/* Product sliders mobile */
@media(max-width:768px){
  .prod-card{flex:0 0 140px!important;min-width:140px!important}
  .prod-img-wrap{height:125px!important}
}

/* Section headings mobile */
@media(max-width:768px){
  .sec-hdr h2,.sec-title{font-size:1.6rem!important}
}

/* Small mobile */
@media(max-width:480px){
  .hero-title{font-size:1.4rem!important}
  .hero-feat{width:76px!important;font-size:.58rem!important}
  .hero-btn{padding:11px 18px!important;font-size:.82rem!important}
  .cats-grid-6{gap:8px!important}
  .mkt-single-btn{min-width:calc(50% - 6px)!important}
}

/* ============ PREMIUM GOVT ADDITIONS ============ */

/* Ticker / announcement bar */
.ticker-bar{background:linear-gradient(90deg,#18492a,#1f5c34);color:#fff;padding:8px 0;font-size:.73rem;overflow:hidden;position:relative}
.ticker-inner{max-width:1280px;margin:0 auto;padding:0 10px;display:flex;gap:40px;white-space:nowrap;animation:ticker 30s linear infinite}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:8px}
.ticker-item i{color:#c79b52}

/* Trust bar below hero */
.trust-bar{background:#fff;border-bottom:2px solid #e8dfc8;padding:14px 24px}
.trust-bar-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#444}
.trust-item i{color:#1f5c34;font-size:1rem}

/* Premium section decoration */
.sec-hdr .sec-tag{color:#8B6914}
.sec-hdr h2{position:relative}

/* Category cards - deeper premium */
.cat-card{border:none;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.cat-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.18)}
.cat-name{background:#fff;border-top:3px solid #c79b52}

/* Premium product cards */
.prod-card{box-shadow:0 4px 16px rgba(0,0,0,.09)}
.prod-card:hover{box-shadow:0 12px 36px rgba(0,0,0,.16)}
.pprice{color:#1f5c34;font-size:.85rem}

/* Govt section premium */
.govt-sec{background:linear-gradient(100deg,#133d23 0%,#1a5230 50%,#133d23 100%);border-bottom:3px solid #c79b52}
.govt-badge{border:3px solid #c79b52;box-shadow:0 0 0 4px rgba(199,155,82,.2),0 4px 16px rgba(0,0,0,.2)}

/* Footer brand premium */
.site-footer{background:linear-gradient(180deg,#133d23 0%,#0d2b18 100%)}

/* Scroll to top */
.scroll-top{position:fixed;bottom:90px;right:24px;width:44px;height:44px;background:var(--green);color:#fff;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 16px rgba(31,92,52,.4);z-index:999;transition:all .2s}
.scroll-top.show{display:flex}
.scroll-top:hover{background:var(--dark-green);transform:translateY(-2px)}

/* Trust badge on products */
.trust-badge{display:inline-flex;align-items:center;gap:4px;background:#f0f8f4;border:1px solid #c0ddc8;border-radius:20px;padding:3px 10px;font-size:.66rem;font-weight:600;color:#1f5c34;margin-bottom:8px}

/* Floating announcement */
.announcement-strip{background:linear-gradient(90deg,#c79b52,#e8b870,#c79b52);color:#fff;text-align:center;font-size:.74rem;font-weight:600;padding:8px;letter-spacing:.3px}
.announcement-strip a{color:#fff;text-decoration:underline}

/* Premium navbar active */
.nav-links li>a.active-nav::after{transform:scaleX(1)}
.nav-links li>a.active-nav{color:var(--green);font-weight:600}

/* Why section icon animation */
.wico{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}
.why-ico-item:hover .wico{transform:scale(1.15) rotate(-5deg)}

/* SVG image handling */
.cat-card .cimg img[src$=".svg"],
.hero-right img[src$=".svg"],
.why-photo img[src$=".svg"],
.tphoto img[src$=".svg"] {
  object-fit: contain;
  background: #f0e8d5;
  padding: 0;
}

/* Upload prompt on category cards without images */
.cat-img-empty {
  height: 210px;
  background: linear-gradient(135deg, #f0e8d5, #e8dcc5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(139,100,20,.4);
  font-size: 2.5rem;
  gap: 8px;
}
.cat-img-empty span {
  font-size: .72rem;
  font-weight: 600;
  color: rgba(139,100,20,.5);
  font-family: 'Poppins', sans-serif;
}

/* Google Translate - hide ugly bar */
body > .skiptranslate { display: none !important; }
.goog-te-banner-frame { display: none !important; }
iframe.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }
#goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }