/* Critical, compact, responsive CSS for fast LCP */
		:root{--green:#1f6f3b;--green-600:#1f6f3b;--green-700:#11592d;--green-100:#e8f3ec;--text:#1a1a1a;--muted:#6b7280;--bg:#ffffff;--yellow:#fbbf24;--radius:10px;}
		html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;}
		img{max-width:100%;height:auto;border:0;}
		img[width][height]{aspect-ratio:attr(width number)/attr(height number);} /* hint CLS */
		a{color:var(--green-600);text-decoration:none}
		a:hover{text-decoration:underline}
		.container{max-width:1140px;margin:0 auto;padding:0 16px}
		.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:8px;font-weight:600;border:0}
		.btn:hover{background:var(--green-700);text-decoration:none}
		.badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-100);color:var(--green-700);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}
		.stars{color:var(--yellow);letter-spacing:1px}

		/* Skip link */
		.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
		.skip-link:focus{left:16px;top:8px;width:auto;height:auto;background:#fff;color:#000;padding:8px 12px;border-radius:6px;z-index:1000;border:1px solid #e5e7eb}

		/* Breadcrumb Navigation */
		.breadcrumb{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 0;font-size:14px}
		.breadcrumb .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
		.breadcrumb a{color:var(--green-600);text-decoration:none;transition:color 0.2s}
		.breadcrumb a:hover{color:var(--green-700);text-decoration:underline}
		.breadcrumb .separator{color:var(--muted);margin:0 4px}
		.breadcrumb .current{color:var(--text);font-weight:500}

		/* Top navigation */
		.topnav{background:#ffffff;border-bottom:1px solid #e5e7eb}
		.topnav .row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:14px}
		.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#123523}
		.brand img{display:block;height:48px;width:auto}
		.navlinks{display:flex;align-items:center;gap:16px}
		.navlinks a{color:var(--text)}
		.navlinks .contact{padding:8px 12px}
		.menu-toggle{display:none;background:var(--green);color:#fff;border:0;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;min-width:80px}
		.menu-toggle:hover{background:var(--green-700)}

		/* Hero */
		.hero{background:linear-gradient(90deg,#eaf6ee 0%,#d7efdf 45%,#f3faf6 100%);} 
		.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:42px 0}
		.hero h1{font-size:32px;line-height:1.2;margin:0 0 12px;font-weight:800;color:#123523}
		.hero p{margin:0 0 18px;color:var(--muted)}
		.hero .card{background:#fff;border-radius:var(--radius);box-shadow:0 10px 24px rgba(0,0,0,.06);padding:18px}
		.hero form{display:flex;gap:8px;}
		.input{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}
		.note{font-size:12px;color:var(--muted);margin-top:8px}

		/* How it works */
		.section{padding:36px 0}
		.section h2{font-size:24px;margin:0 0 18px}
		.hiw{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
		.hiw .step{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:16px;text-align:center}
		.step .num{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;background:var(--green-100);color:var(--green-700);font-weight:700;margin-bottom:8px}

		/* Pros grid */
		.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
		.card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:14px}
		.card h3{margin:8px 0 6px;font-size:16px}
		.meta{font-size:12px;color:var(--muted)}

		/* Testimonials */
		.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
		.testimonial .head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
		.testimonial .avatar{width:40px;height:40px;border-radius:999px;object-fit:cover}
		.verified{display:inline-block;background:var(--green-100);color:var(--green-700);padding:2px 6px;border-radius:999px;font-size:11px;font-weight:700}

		/* Facts + chart area simplified */
		.facts{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
		.kv{border:1px solid #e5e7eb;border-radius:var(--radius);padding:14px}
		.kv dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
		.kv dt{font-weight:600}
		.kv dd{margin:0;color:var(--muted)}

		/* CTA band */
		.band{background:#eaf6ee;padding:26px 0;text-align:center;border-radius:12px}

		/* Links grid above footer */
		.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
		.links-grid .linkcard{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:14px}
		.links-grid a{display:block;font-weight:600}
		
		/* Trust badges responsive */
		.trust-badges .badge{margin:4px}

		/* Sticky mobile CTA */
		.sticky-cta{position:sticky;bottom:0;z-index:50;background:#0f3b22;color:#fff;padding:10px 16px;display:none}
		.sticky-cta .row{display:flex;align-items:center;gap:10px}
		.sticky-cta strong{font-size:14px}
		@media (max-width: 720px){.sticky-cta{display:block}}

		/* Footer */
		.footer{background:#0f3b22;color:#d1fae5;padding:36px 0;margin-top:28px}
		.footer a{color:#a7f3d0}

		/* Reduced motion */
		@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}

		/* Responsive */
		@media (max-width: 768px){
			/* Navigation */
			.menu-toggle{display:inline-block !important}
			.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:0;flex-direction:column;padding:16px;gap:12px;z-index:100;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
			.navlinks.show{display:flex !important}
			.navlinks a{text-align:center;padding:8px 0;border-bottom:1px solid #f3f4f6}
			.navlinks a:last-child{border-bottom:none}
			
			/* Hero */
			.hero .wrap{grid-template-columns:1fr;gap:20px;padding:24px 0}
			.hero h1{font-size:24px}
			.hero form{flex-direction:column;gap:8px}
			
			/* Grids */
			.hiw,.grid,.testimonials,.facts{grid-template-columns:1fr}
			.links-grid{grid-template-columns:repeat(2,1fr)}
			
			/* Before/After */
			.before-after .grid{grid-template-columns:1fr}
			.before-after .card{max-width:300px;margin:0 auto}
			
			/* Support methods */
			.support-methods .grid{grid-template-columns:1fr}
			
			/* Trust badges */
			.trust-badges div{flex-direction:column;gap:8px}
			.trust-indicators div{flex-direction:column;gap:8px}
			
			/* Typography */
			.section h2{font-size:20px}
			.container{padding:0 12px}
		}
		
		@media (max-width: 480px){
			.links-grid{grid-template-columns:1fr}
			.hero h1{font-size:20px}
			.brand span{display:none}
			.brand img{height:40px}
		}
/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
ul { list-style: none; }

/* Top Nav */
.topnav {
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-family: Arial, sans-serif;
}
.topnav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}
.topnav .brand img {
  display: block;
  max-height: 48px;
}

/* Nav Links */
.nav-links {
  display: flex;
  gap: 25px;
  align-items: center;
}
.nav-links li { position: relative; }
.nav-links > li > a {
  text-decoration: none;
  color: #333;
  padding: 10px;
  font-weight: 600;
  transition: color .3s;
}
.nav-links > li > a:hover { color: #28a745; }

/* Dropdown */
.dropdown {
  display: none;
  position: absolute;
  top: 100%; left: 0;
  background: #fff;
  min-width: 220px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}
.dropdown li a {
  display: block;
  padding: 10px 15px;
  color: #444;
  font-size: 14px;
  text-decoration: none;
}
.dropdown li a:hover {
  background: #28a745;
  color: #fff;
}
.nav-links li:hover > .dropdown { display: block; }

/* CTA Button */
.nav-links .btn {
  background: #28a745;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 5px;
  font-weight: bold;
  transition: background .3s;
}
.nav-links .btn:hover { background: #218838; }

/* Hamburger (Mobile) */
.menu-toggle {
  display: none;
  font-size: 26px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .menu-toggle { display: block; }
  .nav-links {
    display: none;
    flex-direction: column;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 70px; left: 0;
    border-top: 1px solid #ddd;
    padding: 15px 0;
  }
  .nav-links li { border-bottom: 1px solid #eee; }
  .nav-links li a { padding: 12px 20px; display: block; }
  .nav-links.active { display: flex; }

  /* Dropdowns in Mobile */
  .dropdown {
    position: static;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
  .dropdown li a { padding-left: 40px; }
}

.nav-links > li > a {
    text-decoration: none;
    color: #333;
    padding: 10px;
    font-weight: 600;
    display: inline;
}




/* Product Detail Page Styles */
.product-hero {
    padding: 40px 0;
    background: #f8f9fa;
}

.product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.product-images {
    position: sticky;
    top: 20px;
}

.main-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}

.thumbnail-images {
    display: flex;
    gap: 10px;
}

.thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.thumbnail.active,
.thumbnail:hover {
    border-color: #1f6f3b;
}

.product-info h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #333;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.stars {
    color: #ffc107;
    font-size: 1.2rem;
}

.product-price {
    margin-bottom: 20px;
}

.current-price {
    font-size: 2rem;
    font-weight: bold;
    color: #1f6f3b;
}

.compare-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 10px;
}

.savings {
    background: #ff6b35;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.9rem;
    margin-left: 10px;
}

.product-options {
    margin-bottom: 30px;
}

.option-group {
    margin-bottom: 15px;
}

.option-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.quantity-selector {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-selector button {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    background: white;
    cursor: pointer;
    border-radius: 4px;
}

.quantity-selector input {
    width: 60px;
    height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.product-actions {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.btn-primary {
    background: #1f6f3b;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 6px;
    font-size: 1.1rem;
    cursor: pointer;
    flex: 1;
}

.btn-secondary {
    background: white;
    color: #1f6f3b;
    padding: 15px 30px;
    border: 2px solid #1f6f3b;
    border-radius: 6px;
    font-size: 1.1rem;
    cursor: pointer;
}

.trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.badge {
    background: #f0f0f0;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 0.9rem;
    color: #666;
}

/* Tabs */
.tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.tab-button {
    padding: 15px 25px;
    border: none;
    background: none;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
}

.tab-button.active {
    border-bottom-color: #1f6f3b;
    color: #1f6f3b;
    font-weight: 600;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

/* Reviews */
.review-item {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.verified-badge {
    background: #1f6f3b;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.8rem;
    margin-left: 10px;
}

.helpful-btn {
    background: none;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
}

/* Related Products */
.related-products {
    padding: 40px 0;
    background: #f8f9fa;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.product-card {
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.product-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 15px;
}

.product-card h3 {
    margin-bottom: 10px;
    color: #333;
}

.product-card .price {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1f6f3b;
    margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .product-actions {
        flex-direction: column;
    }
    
    .tabs {
        flex-wrap: wrap;
    }
    
    .tab-button {
        flex: 1;
        min-width: 120px;
    }
}