/* ========== RESET & BASE (Mobile-First 320px+) ========== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
img{max-width:100%;height:auto;display:block}

/* ========== NAVBAR ========== */
.navbar{position:fixed;width:100%;top:0;left:0;z-index:1000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 16px}
.logo{font-size:1.25rem;font-weight:700;color:#2c5f2d;text-decoration:none}
.nav-right{display:flex;gap:.75rem;align-items:center}
.cart-btn{background:#2c5f2d;color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;cursor:pointer;min-height:44px;font-size:.9rem;font-weight:600;transition:background .3s}
.cart-btn:hover{background:#1e4620}
.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;min-height:44px;min-width:44px;justify-content:center;align-items:center}
.hamburger span{display:block;width:24px;height:2px;background:#333;transition:.3s;border-radius:2px}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(0,7px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(0,-7px)}
.nav-links{display:none}
.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);gap:0}
.nav-links a{text-decoration:none;color:#333;padding:.75rem 1rem;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #f0f0f0;transition:background .2s}
.nav-links a:last-child{border-bottom:none}
.nav-links a:hover{background:#f8f9fa}

/* ========== HERO SECTION ========== */
.hero-section{background:linear-gradient(rgba(46,139,139,.4),rgba(26,95,95,.4)),url('background.png');background-size:cover;background-position:center;color:#fff;padding:80px 16px 40px}
.main-hero-title{text-align:center;font-size:1.75rem;margin-bottom:.75rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:800}
.main-hero-subtitle{text-align:center;font-size:1rem;margin-bottom:2rem;color:rgba(255,255,255,.95)}
.hero-grid-three{display:grid;grid-template-columns:1fr;gap:1.5rem}
.hero-grid-two{display:grid;grid-template-columns:1fr;gap:1.5rem}
.hero-left{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}
.hero-tagline p{font-size:1.1rem;line-height:1.8;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:500}
.product-hero{order:-1}

/* ========== LEFT COLUMN / WHO WE ARE HERO ========== */
.left-column-wrapper{display:flex;flex-direction:column;gap:1rem}
.who-we-are-hero{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2)}
.who-we-are-hero h2{font-size:1.5rem;margin-bottom:1rem;color:#fff}
.who-we-are-hero p{font-size:.9rem;line-height:1.8;margin-bottom:1rem;background:#fff;color:#2E8B8B;padding:1rem;border-radius:10px;font-weight:600}

/* ========== HEALTH BENEFITS ========== */
.health-benefits{background:#f0f9ff;padding:1.25rem;border-radius:10px;border:2px solid #2c5f2d}
.benefits-title{color:#2c5f2d;font-size:1.1rem;margin-bottom:1rem;text-align:center;font-weight:700}
.benefit-item{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-start}
.benefit-icon{font-size:1.25rem;flex-shrink:0}
.benefit-text{font-size:.85rem;line-height:1.6;color:#333}
.benefit-text strong{color:#2c5f2d}

/* ========== PRODUCT HERO ========== */
.product-hero{background:#fff;padding:1.25rem;border-radius:15px;text-align:center}
.product-image{width:100%;height:auto;border-radius:10px;margin-bottom:1rem;object-fit:cover}
.product-hero h3{color:#2c5f2d;font-size:1.2rem;margin-bottom:.5rem;font-weight:700}
.product-description{font-size:.85rem;line-height:1.6;color:#555;margin:.75rem 0;text-align:left}
.product-highlights-hero{display:flex;gap:.3rem;margin:.75rem 0;flex-wrap:wrap;justify-content:center}
.badge{background:#e8f5e9;color:#2c5f2d;padding:.4rem .6rem;border-radius:20px;font-size:.7rem;font-weight:500}

/* ========== PRICE COMPARISON ========== */
.price-comparison{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;flex-wrap:wrap;justify-content:center}
.original-price{font-size:1rem;color:#999;text-decoration:line-through}
.our-price{font-size:1.5rem;font-weight:800;color:#2c5f2d}
.savings-badge{background:#ff4444;color:#fff;padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:700}

/* ========== PACK CARDS ========== */
.pack-selection-text{font-size:1rem;font-weight:700;color:#2c5f2d;margin:1.25rem 0 .5rem;text-align:center}
.pack-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.pack-card{background:rgba(255,255,255,.9);border:2px solid rgba(44,95,45,.3);border-radius:12px;padding:.75rem;text-align:center;cursor:pointer;transition:.3s;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1);min-height:44px}
.pack-card:hover{border-color:#2c5f2d}
.pack-card.popular{border-color:#ff9800}
.pack-card.selected{border-color:#2c5f2d;background:rgba(44,95,45,.15);box-shadow:0 0 15px rgba(44,95,45,.3)}
.pack-badge{position:absolute;top:-8px;right:-8px;background:#ff9800;color:#fff;padding:.15rem .5rem;border-radius:15px;font-size:.6rem;font-weight:700}
.pack-size{font-size:1.1rem;font-weight:700;color:#2c5f2d;margin-bottom:.2rem}
.pack-price{font-size:.95rem;color:#333;font-weight:700;margin-bottom:.2rem}
.pack-label{font-size:.7rem;color:#666}
.pack-qty-controls{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.4rem}
.pack-qty-controls button{width:32px;height:32px;min-height:44px;min-width:44px;border:1px solid #2c5f2d;background:#fff;color:#2c5f2d;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:bold;display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:.2s}
.pack-qty-controls button:hover{background:#2c5f2d;color:#fff}
.pack-qty-controls span{font-weight:bold;font-size:1rem;min-width:20px;text-align:center}

/* ========== SELECTION MESSAGE & ADD TO CART ========== */
.selection-message{font-size:.85rem;color:#2c5f2d;font-weight:600;text-align:center;margin:.25rem 0 .5rem;min-height:1.5rem}
.add-to-cart-btn-hero{background:#2c5f2d;color:#fff;border:none;padding:.9rem 2rem;font-size:1rem;border-radius:25px;cursor:pointer;width:100%;min-height:48px;font-weight:600;touch-action:manipulation;transition:.3s}
.add-to-cart-btn-hero:hover{background:#1e4620}
.add-to-cart-btn-hero:active{transform:scale(.98)}

/* ========== FIRST ORDER DISCOUNT ========== */
.first-order-discount{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem;border-radius:10px;margin-top:.75rem;text-align:center;font-size:.85rem}

/* ========== WHATSAPP SUPPORT (inside product card) ========== */
.whatsapp-support{margin-top:1.25rem;padding:1rem;background:#f0f9ff;border-radius:10px;border:1px solid #25d366}
.support-text{font-size:.85rem;line-height:1.6;color:#333;margin-bottom:.75rem;text-align:left}
.whatsapp-support-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#fff;padding:.75rem 1.25rem;border-radius:25px;text-decoration:none;font-weight:600;min-height:48px;transition:.3s}
.whatsapp-support-btn:hover{background:#128c7e}
.whatsapp-icon-inline{width:22px;height:22px}

/* ========== WELCOME TAGLINE ========== */
.welcome-tagline{margin-top:1.25rem;padding:.75rem;background:linear-gradient(135deg,#2c5f2d,#1e4620);color:#fff;border-radius:10px;font-weight:600;font-size:.85rem;line-height:1.6;text-align:center}

/* ========== SHIPPING STRIP ========== */
.shipping-strip{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}
.shipping-strip-item{display:flex;align-items:center;gap:.5rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);flex:1}
.shipping-strip-item p{margin:0;color:#555;font-size:.8rem}
.shipping-strip-item strong{color:#2c5f2d;font-size:.9rem}
.shipping-strip-icon{font-size:1.5rem}

/* ========== WHO WE ARE / VISIT FIELDS ========== */
/* ========== WHO WE ARE + BENEFITS (below hero) ========== */
.who-we-are-about{padding:3rem 16px;background:#f8faf8}
.about-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.about-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.about-card h2{color:#2c5f2d;font-size:1.5rem;margin-bottom:1rem;font-weight:700}
.about-card p{color:#555;font-size:.95rem;line-height:1.8;margin-bottom:.75rem}
.about-card p:last-child{margin-bottom:0}
.benefits-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.benefits-card .benefits-title{color:#2c5f2d;font-size:1.2rem;margin-bottom:1rem;text-align:center;font-weight:700}
.benefits-grid-compact{display:grid;grid-template-columns:1fr;gap:.6rem}
.benefit-chip{background:#f0f9f0;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;line-height:1.5;color:#333;border-left:3px solid #2c5f2d}
.benefit-chip strong{color:#2c5f2d}

.who-we-are-section{background:linear-gradient(#f8f9fa,#e9ecef);padding:3rem 16px;text-align:center}
.visit-fields-card{max-width:900px;margin:0 auto}
.visit-fields-card p{font-size:1rem;line-height:1.8;color:#333;background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.06);font-weight:500;margin-bottom:0}
.visit-contact{margin-top:1.25rem;font-size:.95rem;font-weight:600;color:#2c5f2d}
.whatsapp-visit-btn{display:inline-flex;align-items:center;gap:.6rem;background:#25D366;color:#fff;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;margin-top:1.25rem;min-height:48px;transition:.3s;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.whatsapp-visit-btn:hover{background:#128c7e}

/* ========== TESTIMONIALS ========== */
.testimonials-section{background:#f8f9fa;padding:3rem 16px}
.testimonials-section h2{text-align:center;font-size:1.75rem;margin-bottom:2rem;color:#2c5f2d;font-weight:800}
.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.testimonial-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.stars{font-size:1rem;margin-bottom:.75rem}
.testimonial-text{font-style:italic;color:#666;margin-bottom:1rem;line-height:1.6;font-size:.9rem}
.testimonial-author strong{display:block;color:#2c5f2d;margin-bottom:.2rem}
.testimonial-author span{color:#999;font-size:.85rem}

/* ========== COMPARISON TABLE ========== */
.comparison-section{padding:3rem 16px;background:#fff}
.comparison-section h2{text-align:center;font-size:1.75rem;margin-bottom:2rem;color:#2c5f2d;font-weight:800}
.comparison-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.comparison-table table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);min-width:500px}
.comparison-table th{background:#2c5f2d;color:#fff;padding:1rem;text-align:left;font-size:.85rem}
.comparison-table th.highlight-col{background:#1e4620}
.comparison-table td{padding:.8rem;border-bottom:1px solid #eee;font-size:.8rem}
.comparison-table td.highlight-col{background:rgba(44,95,45,.05);font-weight:600;color:#2c5f2d}

/* ========== RECIPES ========== */
.recipes-section{background:#f8f9fa;padding:3rem 16px}
.recipes-section h2{text-align:center;font-size:1.75rem;margin-bottom:2rem;color:#2c5f2d;font-weight:800}
.recipes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.recipe-card{background:#fff;padding:1.25rem;border-radius:15px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:.3s}
.recipe-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.recipe-icon{font-size:2.5rem;margin-bottom:.75rem}
.recipe-card h3{color:#2c5f2d;margin-bottom:.5rem;font-size:1rem}
.recipe-card p{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:.75rem}
.recipe-time{display:inline-block;background:rgba(44,95,45,.1);padding:.2rem .6rem;border-radius:20px;font-size:.8rem;color:#2c5f2d}

/* ========== FAQ ========== */
.faq-section{padding:3rem 16px;background:#fff}
.faq-section h2{text-align:center;font-size:1.75rem;margin-bottom:2rem;color:#2c5f2d;font-weight:800}
.faq-container{max-width:800px;margin:0 auto}
.faq-item{background:#fff;border:1px solid #eee;border-radius:10px;margin-bottom:.75rem;overflow:hidden}
.faq-question{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#2c5f2d;min-height:48px}
.faq-question:hover{background:#f8f9fa}
.faq-icon{font-size:1.25rem;font-weight:bold;transition:.3s}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.active .faq-answer{max-height:500px}
.faq-answer p{padding:0 1rem 1rem;color:#666;line-height:1.6;font-size:.9rem}

/* ========== REFUND POLICY ========== */
.refund-policy-section{padding:3rem 16px;background:#fff8f0}
.refund-policy-section h2{text-align:center;color:#2c5f2d;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}
.refund-intro{text-align:center;max-width:700px;margin:0 auto 1.5rem;color:#555;font-size:.9rem}
.refund-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}
.refund-card{background:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.refund-card h3{color:#2c5f2d;margin-bottom:.4rem;font-size:1rem}
.refund-contact{text-align:center;color:#555;font-size:.9rem}
.refund-contact a{color:#2c5f2d;font-weight:600;text-decoration:none}

/* ========== WHATSAPP FLOAT ========== */
.whatsapp-float{position:fixed;bottom:80px;right:16px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(37,211,102,.4);z-index:999;transition:.3s;text-decoration:none}
.whatsapp-float:hover{transform:scale(1.1)}
.whatsapp-float-icon{width:30px;height:30px;color:#fff}

/* ========== CART SIDEBAR ========== */
.cart-sidebar{position:fixed;right:-100%;top:0;width:100%;height:100%;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);transition:right .3s ease;z-index:2000;display:flex;flex-direction:column}
.cart-sidebar.active{right:0}
.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #ddd}
.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#333;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}
.cart-items{flex:1;overflow-y:auto;padding:1.25rem}
.cart-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #eee;align-items:center}
.cart-footer{padding:1.25rem;border-top:2px solid #ddd}
.cart-total{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:bold;margin-bottom:.75rem}
.checkout-btn{width:100%;background:#2c5f2d;color:#fff;border:none;padding:.9rem;font-size:1rem;border-radius:5px;cursor:pointer;min-height:48px;font-weight:600;transition:.3s}
.checkout-btn:hover{background:#1e4620}

/* ========== MODAL ========== */
.modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);overflow-y:auto}
.modal.active{display:block}
.modal-content{background:#fff;margin:0;padding:1.5rem;width:100%;border-radius:0;position:relative;min-height:100vh}
.modal-content .close-btn{position:absolute;right:.75rem;top:.75rem}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.9rem}
.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;min-height:48px;-webkit-appearance:none;font-family:inherit}
.form-group textarea{min-height:80px;resize:vertical}
.order-summary{background:#f9f9f9;padding:1.25rem;border-radius:8px;margin:1.5rem 0}
.summary-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:bold;margin-top:.75rem;padding-top:.75rem;border-top:2px solid #ddd}
.coupon-section{margin:1rem 0;padding:1rem;background:#f0f9ff;border-radius:10px;border:1px dashed #2c5f2d}
.coupon-input-row{display:flex;gap:.5rem}
.coupon-input-row input{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;min-height:48px}
.coupon-input-row input:focus{border-color:#2c5f2d;outline:none}
.coupon-input-row button{background:#2c5f2d;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;min-height:48px;font-size:1rem;white-space:nowrap}
.coupon-input-row button:hover{background:#1e4620}
#coupon-message{font-size:.9rem;margin-top:.5rem;min-height:1.2rem;font-weight:600}
.submit-btn{width:100%;background:#2c5f2d;color:#fff;border:none;padding:1rem;font-size:1.1rem;border-radius:8px;cursor:pointer;min-height:52px;font-weight:600;transition:.3s}
.submit-btn:hover{background:#1e4620}

/* ========== STICKY BUY BAR (mobile only) ========== */
.sticky-buy-bar{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:998;padding:.75rem 16px;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));transition:transform .3s}
.sticky-buy-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}
.sticky-buy-info{display:flex;flex-direction:column}
.sticky-buy-info strong{font-size:.9rem;color:#333}
.sticky-buy-info span{font-size:.8rem;color:#2c5f2d;font-weight:600}
.sticky-buy-bar button{background:#2c5f2d;color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;min-height:48px;touch-action:manipulation;transition:.3s}
.sticky-buy-bar button:hover{background:#1e4620}

/* ========== FOOTER ========== */
footer{background:#333;color:#fff;text-align:center;padding:2rem 16px;margin-bottom:70px}
footer a{color:#25d366;text-decoration:none}

/* ========== ANIMATIONS ========== */
.fade-in{animation:fadeIn 1s ease-in}
.fade-in-delay{animation:fadeIn 1s ease-in .3s backwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ========== HERO CONTENT (legacy) ========== */
.hero-content{text-align:center}
.hero-content h1{font-size:2rem;margin-bottom:.5rem}
.hero-content p{font-size:1rem;margin-bottom:1rem}

/* ========== UNUSED CLASS STUBS ========== */
.mini-feature,.story-section,.product-section,.promise-section,.makhana-field-image,.why-mithila{display:block}

/* ========== TABLET BREAKPOINT (768px+) ========== */
@media(min-width:768px){
  .hamburger{display:none}
  .nav-links{display:flex!important;flex-direction:row;position:static;box-shadow:none;padding:0;gap:2rem}
  .nav-links a{padding:0;border-bottom:none;min-height:auto}
  .testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem}
  .recipes-grid{grid-template-columns:repeat(4,1fr);gap:2rem}
  .pack-cards{grid-template-columns:repeat(4,1fr);gap:.8rem}
  .shipping-strip{flex-direction:row;gap:1.5rem}
  .cart-sidebar{width:400px;right:-400px}
  .cart-sidebar.active{right:0}
  .modal-content{margin:50px auto;width:90%;max-width:600px;border-radius:10px;min-height:auto}
  .sticky-buy-bar{display:none}
  .whatsapp-float{bottom:30px;right:30px}
  footer{margin-bottom:0}
  .refund-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .badge{font-size:.8rem}
  .comparison-table th{padding:1.5rem;font-size:1.1rem}
  .comparison-table td{padding:1.2rem 1.5rem;font-size:1rem}
}

/* ========== DESKTOP BREAKPOINT (1024px+) ========== */
@media(min-width:1024px){
  .logo{font-size:1.5rem}
  .hero-section{padding:100px 20px 60px;background-attachment:fixed}
  .main-hero-title{font-size:3rem}
  .main-hero-subtitle{font-size:1.3rem;margin-bottom:3rem}
  .hero-grid-three{grid-template-columns:1fr 1fr 1fr;gap:2rem}
  .hero-grid-two{grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
  .hero-left{gap:2rem}
  .product-hero{order:0;grid-column:auto;grid-row:auto}
  .who-we-are-hero{padding:2.5rem}
  .who-we-are-hero h2{font-size:2rem}
  .who-we-are-hero p{font-size:1rem}
  .health-benefits{padding:1.5rem}
  .benefits-title{font-size:1.2rem}
  .benefit-text{font-size:.9rem}
  .product-hero{padding:1.5rem}
  .product-hero h3{font-size:1.3rem}
  .badge{font-size:.9rem}
  .price-comparison{gap:1rem}
  .original-price{font-size:1.2rem}
  .our-price{font-size:1.8rem}
  .pack-size{font-size:1.3rem}
  .pack-price{font-size:1.1rem}
  .pack-label{font-size:.8rem}
  .pack-card{padding:1rem}
  .pack-qty-controls button{width:28px;height:28px;min-height:28px;min-width:28px}
  .first-order-discount{font-size:.95rem}
  .whatsapp-support{padding:1.5rem}
  .welcome-tagline{font-size:.95rem}
  .shipping-strip-icon{font-size:2rem}
  .who-we-are-section{padding:5rem 20px}
  .who-we-are-about{padding:4rem 20px}
  .about-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .about-card{padding:2.5rem}
  .about-card h2{font-size:1.75rem}
  .benefits-card{padding:2.5rem}
  .benefits-grid-compact{grid-template-columns:1fr 1fr;gap:.75rem}
  .visit-fields-card p{font-size:1.3rem}
  .visit-contact{font-size:1.1rem}
  .testimonials-section{padding:4rem 20px}
  .testimonials-section h2{font-size:2.5rem}
  .comparison-section{padding:4rem 20px}
  .comparison-section h2{font-size:2.5rem}
  .recipes-section{padding:4rem 20px}
  .recipes-section h2{font-size:2.5rem}
  .recipe-card{padding:2rem}
  .recipe-card h3{font-size:1.1rem}
  .faq-section{padding:4rem 20px}
  .faq-section h2{font-size:2.5rem}
  .faq-question{padding:1.5rem}
  .faq-answer p{padding:0 1.5rem 1.5rem}
  .refund-policy-section{padding:4rem 20px}
  .refund-policy-section h2{font-size:2.5rem}
  .testimonials-grid{gap:2rem}
}

/* ========== TABLET HERO TITLE ========== */
@media(min-width:768px) and (max-width:1023px){
  .main-hero-title{font-size:2.25rem}
}
/* ===== FIX COUPON ALIGNMENT ===== */

.coupon-container {
  display: flex;
  gap: 8px;
  align-items: center;
}

.coupon-container input {
  flex: 1;
  min-width: 0;
}

.coupon-container button {
  white-space: nowrap;
  flex-shrink: 0;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {
  .coupon-container {
    flex-direction: column;
    align-items: stretch;
  }

  .coupon-container button {
    width: 100%;
  }
}

/* ===== TOTAL AMOUNT FIX ===== */
.total-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}