/* =========================================================
   Responsive katman — mobile first kontroller
   ========================================================= */

@media (max-width:1180px){
  .pgrid{grid-template-columns:repeat(4,1fr)}
  .pcard,.pcard--wide{grid-column:span 2}
  .footer__grid{grid-template-columns:1fr 1fr;gap:34px}
}

@media (max-width:1024px){
  .nav__menu{display:none}
  .nav__burger{display:flex}
  .nav__phone span{display:none}
  .detail-grid{grid-template-columns:1fr}
  .sidecard{position:static}
  .split{grid-template-columns:1fr}
  .sgrid,.bgrid,.subgrid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .masonry{columns:2}
  .contact-grid{grid-template-columns:1fr}
  .trust__grid{grid-template-columns:repeat(2,1fr)}
  .trust__item:nth-child(2n){border-right:0}
  .trust__item:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media (max-width:760px){
  body{font-size:16px}
  .container{padding-inline:18px}
  .topbar__note{display:none}
  .topbar__in{justify-content:center}
  .nav__in{min-height:72px;gap:12px}
  .hero{min-height:auto}
  .hero__in{padding:72px 0 64px;max-width:none}
  .hero__actions .btn{flex:1 1 auto}
  .hero__meta{gap:18px}
  .hero__meta div{flex:1 1 40%}
  .pgrid{grid-template-columns:1fr}
  .pcard,.pcard--wide{grid-column:span 1;min-height:290px}
  .sgrid,.bgrid,.subgrid{grid-template-columns:1fr}
  .thumbs{grid-template-columns:repeat(2,1fr)}
  .form__row{grid-template-columns:1fr}
  .masonry{columns:1}
  .footer__grid{grid-template-columns:1fr;gap:30px}
  .footer__bar-in{flex-direction:column;align-items:flex-start}
  .fab{right:14px;bottom:14px;grid-template-columns:1fr 1fr;gap:8px;left:14px;justify-items:stretch}
  .fab__item{justify-content:center;padding:14px 12px}
  .map iframe{height:320px}
  .cta__actions .btn{flex:1 1 100%}
}

@media (max-width:420px){
  .trust__grid{grid-template-columns:1fr}
  .trust__item{border-right:0;border-bottom:1px solid var(--line)}
  .stats{grid-template-columns:1fr}
}

@media (min-width:1600px){
  :root{--container:1340px}
}
