/* ============================================
   iDress - Responsive Stylesheet
   ============================================ */

/* Tablets */
@media (max-width: 992px){
  .hero-inner{grid-template-columns:1fr;padding:60px 24px;}
  .hero-visual{order:-1;}
  .hero-visual .video{height:320px;}
  .hero h1{font-size:40px;}
  .hero-stats{gap:28px;flex-wrap:wrap;}
  .perks-grid{grid-template-columns:repeat(2,1fr);}
  .perk{border-right:none;border-bottom:1px solid var(--gray-300);}
  .perks4{grid-template-columns:repeat(2,1fr);}
  .testimonial-grid{grid-template-columns:1fr;}
  .testi-stats{grid-template-columns:repeat(2,1fr);gap:20px;}
  .about-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .shop-layout{grid-template-columns:1fr;}
  .filter-box{display:none;}
  .filter-box.mobile-open{display:block;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

/* Nav collapses to burger */
@media (max-width: 880px){
  .main-nav{display:none;}
  .header-actions .search-box{width:fit-content;}
  .burger{display:flex;}
  .search-suggest{top:60px;}
}

/* Mobile */
@media (max-width: 640px){
  .container{padding:0 16px;}
  .header-inner{padding:14px 16px;}
  .logo{font-size:22px;}
  .hero h1{font-size:30px;}
  .hero p{font-size:15px;}
  .hero-ctas{flex-direction:column;}
  .hero-ctas .btn{width:100%;}
  .hero-stats{gap:18px;}
  .stat-num{font-size:20px !important;}
  .float-card{width: fit-content; padding: 10px;}
  .fc-icon { width: fit-content; height: fit-content; padding: 5px;}
  .float-card.fc1{left:-10px;}
  .float-card.fc2{right:-10px;}
  .section{padding:50px 0;}
  .section-head h2{font-size:24px;}
  .cat-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .product-name{font-size:14px;}
  .perks4{grid-template-columns:1fr;}
  .perks-grid{grid-template-columns:1fr;}
  .testi-stats{grid-template-columns:1fr 1fr;}
  .cta-form{flex-direction:column;}
  .newsletter-inner{flex-direction:column;align-items:flex-start;}
  .newsletter-form{width:100%; flex-direction: column;}
  .newsletter-form input{flex:1;width:auto;}
  .footer-grid{grid-template-columns:1fr;gap:30px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .footer-bottom div{display:flex;flex-direction:column;gap:6px;}
  .footer-bottom a{margin-left:0;}
  .values-grid{grid-template-columns:1fr;}
  .about-hero h1{font-size:32px;}
  .cart-drawer{width:100%;max-width:100%;}
  .shop-toolbar{flex-direction:column;align-items:flex-start;}
  .page-head h1{font-size:28px;}
}

/* Small phones */
@media (max-width: 380px){
  .product-grid{grid-template-columns:1fr;}
  .hero-stats{flex-direction:column;gap:10px;}
}