/* PP-MOBILE-GRID-FIX — выдернуто 1:1 из инлайнового <style> в inc/layout.php (2026-08-16).
   Подключается строго после /pp-hero.css и строго до pp-logo/hover/ux/components:
   правила держатся на !important и на порядке в исходнике, переставлять нельзя. */
/* PP-MOBILE-GRID-FIX v2 — universal, format-agnostic collapse for any grid-template-columns; appended last so !important + source order wins over earlier rules */
@media (max-width:1024px){
  div[style*="grid-template-columns"]{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width:768px){
  div[style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
  div[style*="grid-template-columns"] > *{ min-width:0; }
  footer div[style*="grid-template-columns"]{ grid-template-columns:1fr 1fr !important; }
  div.pp-hero-stats[style*="grid-template-columns"]{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width:560px){
  footer div[style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
}
/* Industries block stays 2-up on mobile (overrides the universal 1-col collapse; ID wins on specificity). */
@media (max-width:768px){
  #pp-otrasli-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
/* Footer link columns (Направления / Компания) hidden on mobile. */
@media (max-width:768px){
  .pp-foot-hide-mobile{ display:none !important; }
}

/* Mobile headings: scale fluidly with viewport width instead of fixed px. */
@media (max-width:768px){
  h1{ font-size:clamp(1.6em,7.4vw,3em) !important; line-height:1.1 !important; }
  h2{ font-size:clamp(1.35em,5.8vw,2.4em) !important; line-height:1.14 !important; }
  h3{ font-size:clamp(1.05em,4.4vw,1.5em) !important; line-height:1.2 !important; }
}
@media (max-width:480px){
  h1{ font-size:clamp(1.4em,8vw,2.2em) !important; }
  h2{ font-size:clamp(1.2em,6.4vw,1.9em) !important; }
  h3{ font-size:clamp(1em,4.8vw,1.35em) !important; }
}