/* ==========================================================================
   VIC Filter Australia — responsive overrides
   Breakpoints: 1080 / 780 / 480
   ========================================================================== */

/* -------- 1080px: tighten nav, drop to 3-4 column grids -------- */
@media(max-width:1080px){
  .primary-nav{gap:26px;margin-left:22px}
  .stats__grid{grid-template-columns:repeat(3,1fr)}
  .stat{border-bottom:1px solid var(--line)}
  .stat:nth-child(3n){border-right:0}
  .stat:nth-child(n+4){border-bottom:0}
  .products__grid{grid-template-columns:repeat(4,1fr);gap:10px}
  .industries__grid{grid-template-columns:repeat(4,1fr)}
  .why__grid{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .why__item{border-right:1px solid var(--line)}
  .why__item:nth-child(3n){border-right:0}
  .why__item:nth-child(n+4){border-top:1px solid var(--line);padding-top:26px}
  .promo{grid-template-columns:1fr 1fr}
  .promo-card--catalogue{grid-column:span 2}
  .footer__grid{grid-template-columns:1fr 1fr;gap:28px 20px}
  .footer__grid>div:first-child{grid-column:span 2}
}

/* -------- 780px: mobile nav + stacked hero -------- */
@media(max-width:780px){
  .wrap{width:min(92%,540px)}
  .topbar{display:none}

  .nav{height:68px}
  .brand__logo{height:32px}
  .nav .btn-primary{display:none}
  .menu-toggle{display:flex}
  .primary-nav{position:absolute;left:0;right:0;top:100%;z-index:39;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 4% 14px;background:#fff;border-top:1px solid var(--line);box-shadow:0 16px 28px rgba(6,24,42,.12);transform-origin:top;transform:scaleY(0);opacity:0;visibility:hidden;transition:transform .2s var(--ease),opacity .2s var(--ease)}
  .primary-nav.is-open{transform:scaleY(1);opacity:1;visibility:visible}
  .primary-nav a{padding:13px 0;font-size:15px;border-bottom:1px solid var(--line)}
  .primary-nav a:last-child{border-bottom:0}
  .primary-nav a:after{display:none}

  .hero__inner{min-height:0;display:block;padding:28px 0 230px}
  .hero__visual{inset:auto 0 0 0;height:230px}
  .hero__scrim{background:linear-gradient(180deg,#fff 0%,#fff 40%,rgba(255,255,255,.45) 76%,rgba(255,255,255,0) 100%)}
  .hero__content{max-width:100%}
  .hero__title{font-size:clamp(30px,9vw,40px);letter-spacing:-1.2px}
  .hero__desc{max-width:100%}
  .hero__actions{gap:10px}

  .stats{margin-top:22px}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .stat{padding:16px 10px;border-bottom:1px solid var(--line)}
  .stat:nth-child(2n){border-right:0}

  .section{padding-top:44px}
  .section-title{font-size:18px}
  .section-head{margin-bottom:22px}

  .products__grid{grid-template-columns:repeat(2,1fr);gap:10px}

  .industries__grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .industry-card{height:132px}

  .why{margin-top:38px;padding:40px 0}
  .why__title{font-size:19px}
  .why__grid{grid-template-columns:repeat(2,1fr);row-gap:28px;margin-top:28px}
  .why__item{border-right:1px solid var(--line)}
  .why__item:nth-child(2n){border-right:0}
  .why__item:nth-child(n+3){border-top:1px solid var(--line);padding-top:22px}

  .promo{grid-template-columns:1fr;gap:10px;padding:38px 0}
  .promo-card--catalogue{grid-column:auto}
  .promo-card{min-height:180px;padding:26px}

  .footer__grid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-bottom:26px}
  .footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:span 2}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:8px}

  .catalogue-intro{display:block;padding:40px 0 20px}
  .catalogue-intro__desc{width:auto;margin-top:14px}
  .catalogue-grid{grid-template-columns:1fr;gap:14px;padding-bottom:40px}
  .catalogue-card{grid-template-columns:36% 64%;min-height:220px}
  .catalogue-card__content{padding:18px 16px}
  .catalogue-help{grid-column:auto;flex-direction:column;align-items:flex-start;padding:26px 22px}
  .catalogue-help__actions{margin-left:0;margin-top:16px}

  .hero--inner .hero__inner{padding:24px 0 190px}
  .hero--inner .hero__visual{height:190px}
}

/* -------- 480px: single column, compact type -------- */
@media(max-width:480px){
  .btn{padding:12px 18px;font-size:10.5px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{justify-content:center}
  .stats__grid{grid-template-columns:1fr 1fr}
  .products__grid{grid-template-columns:repeat(2,1fr)}
  .promo-card--catalogue .promo-card__content{max-width:100%}
  .promo-card--catalogue .promo-card__shot{width:26%;opacity:.5}
  .catalogue-card{grid-template-columns:1fr}
  .catalogue-card__image{padding:18px 18px 0;min-height:140px}
  .footer__grid{grid-template-columns:1fr}
  .footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:auto}
}

@media(prefers-reduced-motion:no-preference){
  .primary-nav{transition:transform .2s var(--ease),opacity .2s var(--ease)}
}