/* =========================================================
   PRO LIFE HEALTH CARE — RESPONSIVE STYLESHEET
   Breakpoints: 1200 / 992 / 768 / 576 / 375
   ========================================================= */

/* ---------- Large desktops (below 1200) ---------- */
@media (max-width:1199px){
  .container{padding:0 20px;}
  h1{font-size:2.6rem;}
  .hero-content h1{font-size:2.6rem;}
  .category-grid{gap:20px;}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;}
}


/* ---------- Tablets (below 992) ---------- */
@media (max-width:991px){
  section{padding:64px 0;}
  h2{font-size:1.9rem;}

  .main-nav{
    position:fixed;top:var(--header-height);left:0;right:0;bottom:0;
    background:var(--white);flex-direction:column;align-items:stretch;gap:0;
    padding:20px 24px;transform:translateX(100%);transition:transform .3s ease;
    overflow-y:auto;z-index:999;
  }
  .main-nav.is-open{transform:translateX(0);}
  .main-nav ul{flex-direction:column;gap:0;}
  .main-nav ul li{border-bottom:1px solid var(--border-soft);}
  .main-nav ul li a{display:block;padding:16px 4px;}
  .main-nav ul li a::after{display:none;}
  .header-actions .btn{display:none;}
  .main-nav .nav-cta{display:block;margin-top:18px;}
  .hamburger{display:flex;}

  .hero-slide{min-height:520px;}
  .hero-content h1{font-size:2.2rem;}
  .hero-content p{font-size:1rem;}

  .intro-section .row-flex,
  .story-grid{flex-direction:column;}
  .intro-media,.story-grid .intro-media{flex:0 0 auto;width:100%;max-width:440px;margin:0 auto;}

  .category-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .product-grid{grid-template-columns:repeat(3,1fr);}
  .related-grid{grid-template-columns:repeat(3,1fr);}
  .drives-grid{grid-template-columns:repeat(2,1fr);}
  .vm-grid{grid-template-columns:1fr;}

  .pd-grid{grid-template-columns:1fr;gap:36px;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}

/* ---------- Small tablets / large phones (below 768) ---------- */
@media (max-width:767px){
  h1{font-size:2.1rem;}
  h2{font-size:1.65rem;}
  section{padding:52px 0;}

  .page-banner{padding:44px 0 36px;}

  .hero-slide{min-height:460px;}
  .hero-content h1{font-size:1.9rem;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .slider-arrow{width:38px;height:38px;font-size:1rem;}
  .slider-arrow.prev{left:12px;}
  .slider-arrow.next{right:12px;}

  .ticker-label{padding:0 14px;font-size:.68rem;}

  .category-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .related-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .drives-grid{grid-template-columns:1fr;}

  .products-toolbar{flex-direction:column;align-items:stretch;}
  .search-box{max-width:none;}
  .filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;}
  .filter-btn{white-space:nowrap;}

  .timeline::before{left:14px;}
  .timeline-item{padding-left:48px;padding-bottom:36px;}
  .timeline-dot{left:4px;width:18px;height:18px;}

  .contact-info-card,.contact-form-card{padding:28px;}
  .form-row{grid-template-columns:1fr;gap:0;}

  .pd-info h1{font-size:1.6rem;}
  .pd-meta-table td:first-child{width:130px;}

  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;text-align:center;}

  .whatsapp-float{width:50px;height:50px;font-size:1.35rem;bottom:18px;right:18px;}
}

/* ---------- Phones (below 576) ---------- */
@media (max-width:575px){
  .container{padding:0 16px;}
  h1{font-size:1.8rem;}
  .brand-text .brand-name{font-size:1.05rem;}
  .brand img{height:38px;}
  /*.brand-tag{display:none;}*/
  .hero-content h1{font-size:1.6rem;}
  .hero-content p{font-size:.92rem;}
  .hero-eyebrow{font-size:.7rem;}

  .section-eyebrow{font-size:.7rem;}
  .section-head p{font-size:.95rem;}

  .product-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .related-grid{grid-template-columns:1fr;}
  .product-body{padding:14px;}
  .product-body h3{font-size:.92rem;}

  .vm-card{padding:30px 24px;}
  .cta-band .btn{width:100%;}
  .cta-actions{flex-direction:column;}

  .pd-thumbs{overflow-x:auto;}
}

/* ---------- Very small phones (down to 320px) ---------- */
@media (max-width:374px){
  h1{font-size:1.55rem;}
  .hero-content h1{font-size:1.4rem;}
  .product-grid{grid-template-columns:1fr;}
  .btn{padding:12px 22px;font-size:.88rem;}
}