@media (max-width: 991px){
  .hero-text h1{font-size:42px}
  .section-title{font-size:32px}
}
@media (max-width: 768px){
  section{padding:30px 0}
  .hero{padding:30px 0}
  .hero-grid,.problem-grid,.results-grid,.order-grid{grid-template-columns:1fr;gap:25px}
  .hero-text{text-align:center}
  .hero-text h1{font-size:36px}
  .hero-text .tagline{font-size:18px}
  .hero-img img{max-height:380px}
  .section-title{font-size:26px;margin-bottom:30px}
  .benefits-grid{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .order-grid{padding:25px 18px}
  .price-new{font-size:44px}
  .doctor-card{padding:25px 18px}
  .btn-cta{padding:15px 30px;font-size:18px;width:100%}
  .problem h2{font-size:26px}
  .order-form h2{font-size:24px}
  .discount-badge{width:75px;height:75px;font-size:12px}
  .discount-badge .pct{font-size:20px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:20px !important;}


}
@media (max-width: 480px){
  .hero-text h1{font-size:38px}
  .container{padding:0 15px}
  .problem h3{font-size:25px}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:20px !important;}


}
@media (max-width: 991px){
  .symptom-grid,.testi-grid,.trust-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}
  .ingredients-grid{grid-template-columns:1fr}
}
@media (max-width: 600px){
  .symptom-grid,.testi-grid,.trust-grid,.steps-grid{grid-template-columns:1fr}
  .topbar-grid{gap:12px;font-size:12px}
  .hero-stats{justify-content:center}
  .ct-row{grid-template-columns:1.5fr 1fr 1fr}
  .ct-row > div{padding:12px;font-size:14px}
  .urgency p{font-size:15px;flex-wrap:wrap;justify-content:center}
}