/*
   Töréspontok. Utolsóként töltődik, hogy felülírja a modulokat.
*/

@media (max-width:1280px){
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .mega-inner{gap:0 24px}
}

@media (max-width:1160px){
  .nav{display:none}
  .menu-toggle{display:flex}
  .header-right .btn-primary{display:none}
  .single-layout{grid-template-columns:1fr}
  .sidebar{position:static}
}

@media (min-width:1161px){
  .mobile-menu{display:none !important}
}

@media (max-width:1000px){
  .hero-grid,
  .overview-grid,
  .quote-grid,
  .term-hero-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .card-grid.cols-3{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .feature-cards{grid-template-columns:1fr}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .subcat-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .utility .meta{gap:16px}
  .utility .utility-intro{display:none}
}

@media (max-width:760px){
  :root{--header-height:74px}
  .gallery-thumbs{grid-template-columns:repeat(4,1fr);gap:8px}
  .article-meta{gap:12px}
}

@media (max-width:620px){
  .check-grid{grid-template-columns:1fr}
  .card-grid,
  .card-grid.cols-3,
  .card-grid.cols-2,
  .blog-grid,
  .service-grid,
  .subcat-grid,
  .form-row,
  .foot-grid{grid-template-columns:1fr}
  .utility .links{display:none}
  /* Mobilon a felső sávban csak a szlogen marad; a kapcsolati adatok elmaradnak
     (a Webshop a fejlécbe, az Ajánlatkérés gomb mellé került). */
  .utility .wrap{justify-content:space-between;flex-wrap:nowrap;gap:12px}
  .utility .utility-intro{display:inline-flex}
  .utility .utility-contact{margin-left:0;gap:0}
  .utility .utility-contact span{display:none}
  /* Szűk kijelzőn a fejléc Webshop linkje ikonra egyszerűsödik. */
  .header-webshop span{display:none}
  table.spec-table th{width:50%}
  table.spec-table th,
  table.spec-table td{padding:12px 16px}
  .dl-card{flex-wrap:wrap}
  .dl-card .btn{margin-left:0;width:100%}
  .rep-card{flex-direction:column;align-items:flex-start}
  .tabs-nav{gap:4px}
  .tab-btn{padding:11px 16px;font-size:13.5px}
  .btn{padding:13px 22px}
}

@media (max-width:420px){
  .spec-badges{gap:8px}
  .spec-badge{min-width:calc(50% - 4px)}
}

/* Mozgáscsökkentés */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* Nyomtatás */
@media print{
  .utility,.site-header,.site-footer,.breadcrumb,.quote,.pagination,.mobile-cta,.to-top{display:none !important}
  body{font-size:12pt;color:#000}
  .wrap{max-width:none;padding:0}
}