/* ==========================================================================
   KAYANEK — static template  |  responsive.css (tablet / mobile)
   ========================================================================== */

@media (max-width:1100px){
  .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
  .cols-4{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:900px){
  .container,.container-narrow{padding:0 16px;}
  .header-bar{gap:14px;padding:13px 16px;}
  .nav{display:none;}
  .header-burger{display:flex;}
  .header-icons{gap:18px;margin-left:auto;}
  .mega{display:none !important;}
  .search-row{padding:0 16px;}
  .search-row.open{padding:4px 16px 16px;}

  .section{padding:44px 0;}
  .h1{font-size:36px;}
  .hero .h1{font-size:40px;}
  .h2{font-size:28px;}
  .hero{min-height:440px;}

  .cols-3,.cols-4{grid-template-columns:repeat(2,1fr);gap:14px;}
  .card-grid{gap:14px;}
  .prod-add{transform:translateY(0);opacity:1;height:42px;font-size:13px;left:10px;right:10px;bottom:10px;}

  .footer-top{grid-template-columns:1fr 1fr;}
  .footer-bottom{padding:22px 16px 0;flex-direction:column;align-items:flex-start;}

  .newsletter-inner{padding:44px 16px;}
  .newsletter-form{flex-direction:column;}

  .mega-inner{grid-template-columns:1fr;}

  /* offer modal -> bottom sheet */
  .offer-modal-overlay{padding:0;align-items:flex-end;}
  .offer-modal{grid-template-columns:1fr;width:100%;max-width:480px;max-height:92vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;}
  .offer-img{order:1;height:240px;}
  .offer-form{order:2;padding:28px 24px 30px;}
  .offer-form .big{font-size:32px;margin-bottom:20px;}

  .mc-panel{max-width:100%;}
}

@media (max-width:560px){
  .cols-2{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .h1{font-size:30px;}
}