/* ==========================================================================
   White Square Exim — Responsive (responsive.css)
   Breakpoints: 1200 / 992 / 768 / 576 / 380. Mobile-first refinements.
   Loaded last so media-query overrides win.
   ========================================================================== */

/* ≤ 1200 — laptop --------------------------------------------------------- */
@media (max-width:1200px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .industry-grid{grid-template-columns:repeat(4,1fr)}
  .cert-grid{grid-template-columns:repeat(2,1fr)}
  .footer__top{grid-template-columns:1.4fr 1fr 1.4fr;grid-template-areas:
    "brand links news" "brand products news"}
}

/* ≤ 992 — tablet landscape ------------------------------------------------ */
@media (max-width:992px){
  .main-nav,.header-actions .btn--primary{display:none}
  .nav-toggle{display:flex}
  .header-actions{gap:.5rem}
  .hero{min-height:auto;padding-top:9rem}
  .hero__trust{gap:1.25rem}
  .hero__trust-item b{font-size:1.4rem}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .intro__grid{grid-template-columns:1fr;gap:2.5rem}
  .intro__media{max-width:520px;margin-inline:auto}
  .global__grid{grid-template-columns:1fr;gap:2.5rem}
  .process__track{grid-template-columns:repeat(2,1fr)}
  .process-step::after{display:none}
  .stats__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 1.5rem}
  .stats__grid .stat:not(:last-child)::after{display:none}
  .footer__top{grid-template-columns:1fr 1fr;grid-template-areas:
    "brand brand" "links products" "news news"}
  .cta-band__inner{flex-direction:column;align-items:flex-start}
}
.footer__brand{grid-area:brand} .footer__links{grid-area:links}
.footer__products{grid-area:products} .footer__news{grid-area:news}

/* ≤ 768 — tablet portrait / large mobile ---------------------------------- */
@media (max-width:768px){
  :root{--section-y:clamp(3rem,8vw,4.5rem)}
  .feature-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:1fr}
  .industry-grid{grid-template-columns:repeat(3,1fr)}
  .cert-grid{grid-template-columns:1fr}
  .filters{gap:.45rem}
  .product-search{margin-left:0;order:99;width:100%;margin-top:.6rem}
  .hero__actions .btn{flex:1 1 auto;justify-content:center}
  .hero__trust{width:100%}
  .intro__badge{right:12px}
  .testi__quote{font-size:1.15rem}
  .footer__top{grid-template-columns:1fr;grid-template-areas:"brand" "links" "products" "news";
    gap:2rem}
  .footer__bottom{flex-direction:column;text-align:center}
}

/* ≤ 576 — mobile ---------------------------------------------------------- */
@media (max-width:576px){
  h1{font-size:clamp(2.1rem,9vw,2.7rem)}
  .product-grid{grid-template-columns:1fr}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .process__track{grid-template-columns:1fr}
  .stats__grid{grid-template-columns:1fr;gap:2rem}
  .hero__trust{gap:1rem 1.75rem}
  .hero__trust-item{flex:1 1 40%}
  .brand img{height:36px}
  .hero__actions{flex-direction:column}
  .hero__actions .btn{width:100%}
  .intro__badge{position:static;max-width:none;margin-top:1rem;justify-content:center}
  .cta-band__actions{width:100%} .cta-band__actions .btn{flex:1 1 auto}
  .to-top{right:1rem;bottom:1rem;width:46px;height:46px}
}

/* ≤ 380 — small mobile ---------------------------------------------------- */
@media (max-width:380px){
  .industry-grid{grid-template-columns:1fr}
  .hero__trust-item b{font-size:1.25rem}
  .header-actions .btn{padding:.6rem 1rem;font-size:.9rem}
}

/* interior page components ------------------------------------------------ */
@media (max-width:992px){
  .split{grid-template-columns:1fr;gap:2.5rem}
  .split--reverse .split__media{order:0}
  .split__media{max-width:560px;margin-inline:auto}
  .split__media .intro__badge{left:12px}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .mv-grid{grid-template-columns:1fr}
  .check-grid{grid-template-columns:1fr}
  .tl-item{padding-left:4rem}
}
@media (max-width:480px){
  .team-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .lightbox__prev{left:.6rem} .lightbox__next{right:.6rem}
  .lightbox__btn{width:44px;height:44px}
}

/* print ------------------------------------------------------------------- */
@media print{
  .site-header,.nav-drawer,.to-top,.preloader,.marquee,.hero__scroll{display:none!important}
  *{box-shadow:none!important;color:#000!important;background:#fff!important}
}