/* Szanyi Elektronik – közös fejléc + lábléc, 2026-09-13 */
:root{--shell-blue:#07355d;--shell-blue2:#0b4778;--shell-orange:#f36d21;--shell-line:#dfe7ed;--shell-text:#12324a}
.site-header,.site-footer{font-family:Inter,Arial,sans-serif}
.site-header{position:relative;z-index:5000;background:#fff;border-bottom:1px solid #e6edf2;box-shadow:0 2px 10px rgba(7,53,93,.05)}
.site-header-inner{width:min(1160px,calc(100% - 40px));height:78px;margin:auto;display:flex;align-items:center;gap:26px}
.site-brand{display:flex;align-items:center;gap:10px;min-width:280px;color:var(--shell-blue);text-decoration:none}
.site-bolt{font-family:Arial,sans-serif;font-size:48px;line-height:.8;color:#f3a000;font-weight:400;transform:skewX(-7deg)}
.site-brand-copy{display:flex;flex-direction:column;line-height:.9}
.site-brand-copy b,.site-brand-copy strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:4px;font-size:19px;font-weight:700}
.site-brand-copy strong{margin-top:5px}
.site-brand-copy small{font-family:Arial,sans-serif;margin-top:7px;font-size:5.5px;letter-spacing:.55px;color:#48687f;white-space:nowrap}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:18px}
.site-nav a{font-size:11px;font-weight:700;color:#173d5a;text-decoration:none;white-space:nowrap;position:relative}
.site-nav a:not(.mobile-quote):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--shell-orange);transition:right .2s ease}
.site-nav a:hover:after{right:0}
.mobile-quote{display:none}
.head-contact{display:flex;align-items:center;gap:12px;margin-left:6px}
.head-contact .quote{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#ff5f68,#ed3155);color:#fff;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap;box-shadow:0 7px 18px rgba(229,47,79,.18)}
.head-contact .phone{display:flex;flex-direction:column;text-decoration:none;color:#173d5a;white-space:nowrap;line-height:1.1}
.head-contact .phone b{font-size:10px}.head-contact .phone small{font-size:7px;margin-top:3px;color:#698092}
.hamb{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;padding:8px;cursor:pointer}
.hamb span{display:block;height:3px;background:#0c5d97;border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s}
.hamb.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamb.open span:nth-child(2){opacity:0}.hamb.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.site-footer{background:#062b49;color:#fff;margin-top:0}
.site-footer-inner{width:min(1160px,calc(100% - 40px));min-height:84px;margin:auto;display:grid;grid-template-columns:1.35fr .9fr 1.15fr 1.45fr;gap:20px;align-items:center}

/* Asztali nézet: maga a lábléc kék háttere is ugyanarra a 1160 px-es
   közös szélességre zár, mint a fejléc és az oldaltartalom. */
@media(min-width:761px){
 .site-footer{width:min(1160px,calc(100% - 40px));margin-left:auto;margin-right:auto}
 .site-footer-inner{width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px}
}
.site-footer a,.site-footer span{color:#e9f3fa;text-decoration:none;font-size:11px;line-height:1.35}
.site-footer a{white-space:nowrap}
.footer-brand{display:flex;flex-direction:column}.footer-brand b{font-size:14px;letter-spacing:.65px}.footer-brand span{font-size:9.5px;color:#a9c5d8;margin-top:4px;font-style:italic}

@media(max-width:1050px){
 .site-header-inner{gap:16px}.site-brand{min-width:245px}.site-nav{gap:11px}.site-nav a{font-size:9.5px}.head-contact .quote{padding:0 11px}.head-contact .phone{display:none}
}
@media(max-width:760px){
 .site-header-inner{width:calc(100% - 28px);height:82px;gap:10px}
 .site-brand{min-width:0;max-width:270px;gap:7px}.site-bolt{font-size:42px}.site-brand-copy b,.site-brand-copy strong{font-size:18px;letter-spacing:3.2px}.site-brand-copy small{display:none}
 .hamb{display:block;flex:0 0 44px}
 .head-contact{display:none}
 .site-nav{position:absolute;left:0;right:0;top:82px;margin:0;background:#fff;border-top:1px solid #e4ebf0;border-bottom:1px solid #d7e2ea;box-shadow:0 14px 30px rgba(5,42,70,.14);display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 14px}
 .site-nav.open{display:flex}
 .site-nav a{font-size:15px;padding:13px 10px;border-bottom:1px solid #eef2f5;color:#0c3858}
 .site-nav a:after{display:none}.site-nav .mobile-quote{display:flex;justify-content:center;margin-top:8px;border:0;border-radius:999px;background:#f45128;color:#fff}
 .site-footer-inner{width:calc(100% - 28px);min-height:0;grid-template-columns:1fr;gap:7px;padding:18px 0}.site-footer a,.site-footer span{font-size:11px}.footer-brand{padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand b{font-size:13px}.footer-brand span{font-size:9.5px}
}
@media(max-width:390px){
 .site-brand-copy b,.site-brand-copy strong{font-size:16px;letter-spacing:2.6px}.site-bolt{font-size:38px}.site-header-inner{height:76px}.site-nav{top:76px}
}

/* 2026-09-13 – egységes mobil aloldal-cím tipográfia
   A Biztonságtechnika/Gipszkartonozás igényes, tömör mobil arányaihoz igazítva. */
@media(max-width:600px){
  .hero h1,
  .clima-hero h1,
  .gate-hero h1,
  .solar-hero h1{
    font-size:clamp(32px,9vw,39px)!important;
    line-height:.98!important;
    letter-spacing:-.8px!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:balance;
  }
  .hero h2,
  .clima-hero h2,
  .gate-hero h2,
  .solar-hero h2{
    line-height:1.08!important;
    text-wrap:balance;
  }
}