/* ============================================================
   ZoomCoupon — responsive rules
   Store & coupon grids: 4 (desktop) / 2 (tablet) / 1 (mobile)
   ============================================================ */

/* Large desktop is the default (4 columns) in style.css */

@media (max-width: 1080px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .merchant-grid{grid-template-columns:repeat(2,1fr)}
  .coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-2col{grid-template-columns:1fr 280px}
  .hero__layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:32px}
  .tc-track{grid-auto-columns:calc((100% - 16px)/2)}
  .brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .popular-stores__list{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width: 860px){
  .article__layout{grid-template-columns:1fr;gap:24px}
  .article__toc{position:static;border-left:0;border:1px solid var(--line);border-radius:14px;padding:18px}
  .data-table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .merchant-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .trust-band{grid-template-columns:1fr}
  .layout-2col{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  .hero__layout{grid-template-columns:1fr}
  .hero__visual{max-width:600px;width:100%;justify-self:center}
  .popular-stores__list{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px}

  /* mobile nav */
  .nav-toggle{display:flex}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    background:#fff;padding:12px;gap:4px;box-shadow:0 12px 24px rgba(28,126,227,.18);display:none}
  .nav-links.is-open{display:flex}
  .nav-links a{padding:.8em 1em}
  .header-inner{flex-wrap:wrap}
  .header-search{order:3;max-width:none;flex-basis:100%}
}

@media (max-width: 560px){
  .blog-grid{grid-template-columns:1fr}
  .blog-hero{padding:44px 0}
  .article{padding-top:34px}
  .article__hero{margin-top:26px;padding-inline:0}
  .article__hero img{border-radius:0}
  .merchant-grid{grid-template-columns:1fr}
  .coupon-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .news-band{flex-direction:column;align-items:flex-start;padding:26px 20px}
  .news-band form{width:100%;min-width:0}
  .news-band input{flex:1 1 160px;min-width:0}
  .news-band form .btn{flex:1 1 auto}
  .news-band .consent{max-width:100%}
  .store-head{flex-direction:column}
  .store-head__visit{width:100%}
  .hero-stats{gap:20px}
  .hero__visual{border-radius:18px}
  .site-logo{width:48px;height:48px}
  .section{padding-block:32px}
  h1{font-size:1.6rem}

  /* Top coupons carousel: one card per view with a peek of the next */
  .tc-track{grid-auto-columns:86%}
  .tc-card{padding:24px 16px 16px}
  .brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .popular-stores__list{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:10px 14px}
  .popular-stores{padding-block:30px 34px}
}