/* =========================================================
   Mobil Computer Kft. – sionet.hu
   Stíluslap. Szerkeszthető: a színek és méretek a :root
   blokkban vannak, ott elég átírni őket.
   ========================================================= */

:root{
  /* --- Márkaszínek (a logóból mintavételezve) --- */
  --logo-kek:      #338BD3;
  --logo-piros:    #D5161B;
  --logo-szurke:   #A0A3A7;

  /* --- Használati színek --- */
  --kek:           #1F76C2;   /* elsődleges gomb, link */
  --kek-sotet:     #145B99;   /* hover, hangsúlyos szöveg */
  --kek-halvany:   #EAF3FB;   /* halvány kék háttér */
  --piros:         #D5161B;   /* csak sürgős / kiemelt elem */
  --piros-sotet:   #B01015;

  --tinta:         #1E2430;   /* fő szövegszín */
  --tinta-lagy:    #3C4757;
  --halvany:       #5C6672;   /* másodlagos szöveg */
  --vonal:         #DDE2E8;
  --vonal-halvany: #EDF1F5;
  --koed:          #F3F6F9;   /* váltakozó szekcióháttér */
  --feher:         #FFFFFF;

  /* --- Tipográfia --- */
  --betu-cim:  'Archivo', 'Segoe UI', system-ui, sans-serif;
  --betu-szoveg:'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --betu-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* --- Méretek --- */
  --max:      1200px;
  --max-szuk: 900px;
  --r:        14px;   /* sarokkerekítés */
  --r-kicsi:  9px;
  --arnyek:      0 1px 2px rgba(30,36,48,.06), 0 6px 20px -12px rgba(30,36,48,.35);
  --arnyek-nagy: 0 2px 4px rgba(30,36,48,.06), 0 24px 48px -24px rgba(30,36,48,.45);
  --fejlec-mag: 68px;
}

/* =========================================================
   Alapok
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--fejlec-mag) + 24px)}
body{
  margin:0;
  background:var(--feher);
  color:var(--tinta);
  font-family:var(--betu-szoveg);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:var(--kek);text-decoration:none}
a:hover{color:var(--kek-sotet)}
h1,h2,h3,h4{font-family:var(--betu-cim);color:var(--tinta);line-height:1.12;margin:0 0 .5em;font-weight:700;letter-spacing:-.015em}
h1{font-size:clamp(2rem,5.2vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.6rem,3.6vw,2.5rem)}
h3{font-size:1.22rem}
h4{font-size:1.02rem}
p{margin:0 0 1em}
ul{margin:0;padding:0}
button{font-family:inherit}

.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.wrap-szuk{max-width:var(--max-szuk);margin:0 auto;padding:0 20px}

/* Billentyűzetes fókusz mindig látszik */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--logo-kek);
  outline-offset:2px;
  border-radius:4px;
}

.ugras-tartalomra{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--kek);color:#fff;padding:12px 20px;border-radius:0 0 8px 0;
}
.ugras-tartalomra:focus{left:0}

.vizualisan-rejtett{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* =========================================================
   Szekciók, címsorok
   ========================================================= */
.szekcio{padding:clamp(52px,7vw,92px) 0}
.szekcio--koed{background:var(--koed)}
.szekcio--vonal-felul{border-top:1px solid var(--vonal)}

.cimke{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--betu-mono);font-size:.73rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--kek-sotet);
  margin-bottom:14px;
}
.cimke::before{content:"";width:22px;height:3px;background:var(--piros);border-radius:2px}

.szekcio-fej{max-width:720px;margin-bottom:38px}
.szekcio-fej p{color:var(--halvany);font-size:1.06rem;margin-bottom:0}
.szekcio-fej--kozep{margin-left:auto;margin-right:auto;text-align:center}
.szekcio-fej--kozep .cimke{justify-content:center}

/* =========================================================
   Gombok
   ========================================================= */
.gomb{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-weight:600;font-size:.98rem;line-height:1.2;
  padding:14px 24px;border-radius:10px;border:2px solid transparent;
  cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;
  text-align:center;
}
.gomb:active{transform:translateY(1px)}
.gomb svg{flex:none}

.gomb--kek{background:var(--kek);color:#fff;box-shadow:0 8px 18px -12px rgba(31,118,194,.9)}
.gomb--kek:hover{background:var(--kek-sotet);color:#fff}

.gomb--piros{background:var(--piros);color:#fff;box-shadow:0 8px 18px -12px rgba(213,22,27,.9)}
.gomb--piros:hover{background:var(--piros-sotet);color:#fff}

.gomb--korvonal{background:transparent;color:var(--kek-sotet);border-color:var(--vonal)}
.gomb--korvonal:hover{border-color:var(--kek);background:var(--kek-halvany);color:var(--kek-sotet)}

.gomb--vilagos{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);backdrop-filter:blur(6px)}
.gomb--vilagos:hover{background:#fff;color:var(--tinta);border-color:#fff}

.gomb--teljes{width:100%}
.gomb--kicsi{padding:10px 16px;font-size:.9rem}

.szoveglink{
  display:inline-flex;align-items:center;gap:7px;
  font-weight:600;color:var(--kek);font-size:.96rem;
}
.szoveglink::after{content:"→";transition:transform .18s}
.szoveglink:hover::after{transform:translateX(4px)}

/* =========================================================
   Felső információs sáv
   ========================================================= */
.felsosav{
  background:var(--tinta);color:#C9D2DD;
  font-size:.85rem;
}
.felsosav__belso{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;min-height:40px;flex-wrap:wrap;
}
.felsosav__bal{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.felsosav a{color:#E4EAF1}
.felsosav a:hover{color:#fff}
.felsosav__elem{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.felsosav__elem svg{opacity:.75;flex:none}

/* Nyitva / zárva jelző */
.statusz{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--betu-mono);font-size:.78rem;letter-spacing:.04em;
  padding:4px 11px;border-radius:99px;background:rgba(255,255,255,.09);
}
.statusz__pont{width:8px;height:8px;border-radius:50%;background:var(--logo-szurke);flex:none}
.statusz--nyitva .statusz__pont{background:#3BC46A;box-shadow:0 0 0 3px rgba(59,196,106,.25)}
.statusz--zarva .statusz__pont{background:#E0645F}

@media (max-width:860px){
  .felsosav__bal .felsosav__elem--cim{display:none}
}
@media (max-width:520px){
  .felsosav__belso{justify-content:center;gap:10px}
  .felsosav__bal{gap:14px;justify-content:center}
}

/* =========================================================
   Fejléc és menü
   ========================================================= */
.fejlec{
  position:sticky;top:0;z-index:90;
  background:#fff;
  border-bottom:1px solid var(--vonal);
  box-shadow:0 1px 0 rgba(30,36,48,.03);
}
.fejlec__belso{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:var(--fejlec-mag);
}
.marka{display:flex;align-items:center;flex:none}
.marka img{height:38px;width:auto}

.fomenu{display:flex;align-items:center;gap:4px;margin-left:auto}
.fomenu__elem{position:relative}
.fomenu__link{
  display:flex;align-items:center;gap:6px;
  padding:10px 13px;border-radius:8px;
  font-size:.97rem;font-weight:500;color:var(--tinta-lagy);
  transition:background .16s,color .16s;
}
.fomenu__link:hover,.fomenu__elem:focus-within .fomenu__link{background:var(--koed);color:var(--kek-sotet)}
.fomenu__link--aktiv{color:var(--kek-sotet);font-weight:600}
.fomenu__link--aktiv::after{
  content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;
  background:var(--logo-kek);border-radius:2px;
}
@media (max-width:960px){.fomenu__link--aktiv::after{display:none}}
.fomenu__nyil{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);opacity:.6}

/* Lenyíló */
.almenu{
  position:absolute;top:calc(100% + 8px);left:0;min-width:264px;
  background:#fff;border:1px solid var(--vonal);border-radius:12px;
  box-shadow:var(--arnyek-nagy);padding:8px;
  list-style:none;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility .16s;
}
.fomenu__elem:hover .almenu,
.fomenu__elem:focus-within .almenu{opacity:1;visibility:visible;transform:translateY(0)}
.almenu a{
  display:block;padding:9px 12px;border-radius:7px;
  font-size:.93rem;color:var(--tinta-lagy);
}
.almenu a:hover{background:var(--kek-halvany);color:var(--kek-sotet)}
.almenu a.kiemelt{color:var(--piros);font-weight:600}

.fejlec__akcio{display:flex;align-items:center;gap:10px;flex:none}
.fejlec__tel{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--betu-mono);font-weight:600;font-size:.95rem;color:var(--tinta);
}
.fejlec__tel:hover{color:var(--kek-sotet)}

/* Hamburger */
.hamburger{
  display:none;width:44px;height:44px;border:1px solid var(--vonal);
  background:#fff;border-radius:10px;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.hamburger span{display:block;width:20px;height:2px;background:var(--tinta);border-radius:2px;transition:transform .2s,opacity .2s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hét menüpont mellett közepes képernyőn szűkebb térköz kell */
@media (max-width:1240px){
  .fomenu__link{padding:10px 10px;font-size:.93rem}
}
@media (max-width:1120px){
  .fejlec__tel{display:none}
}
/* A menü saját fejléce csak mobilon látszik */
.fomenu__fej{display:none}

@media (max-width:960px){
  .hamburger{display:flex}

  .fomenu{
    position:fixed;inset:0;z-index:200;
    display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;
    background:#fff;padding:0 0 90px;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    transform:translateX(100%);
    transition:transform .26s ease;
    visibility:hidden;
  }
  .fomenu.nyitva{transform:none;visibility:visible}

  .fomenu__fej{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 20px;border-bottom:1px solid var(--vonal);
    position:sticky;top:0;background:#fff;z-index:2;
  }
  .fomenu__fej img{height:34px;width:auto}
  .fomenu__bezar{
    width:42px;height:42px;border:1px solid var(--vonal);background:#fff;
    border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--tinta);
  }

  .fomenu__elem{width:100%;padding:0 20px}
  .fomenu__link{
    padding:16px 2px;font-size:1.06rem;border-radius:0;
    border-bottom:1px solid var(--vonal-halvany);
    justify-content:space-between;color:var(--tinta);
  }
  .fomenu__link:hover{background:transparent}
  .fomenu__nyil{transition:transform .2s}

  .almenu{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;border-bottom:1px solid var(--vonal-halvany);
    border-radius:0;padding:6px 0 12px 10px;display:none;min-width:0;
  }
  .fomenu__elem.nyitva .almenu{display:block}
  .fomenu__elem.nyitva .fomenu__nyil{transform:rotate(-135deg) translate(-3px,-3px)}
  .almenu a{padding:11px 10px;font-size:.98rem}

  .fejlec__akcio .gomb{padding:11px 15px;font-size:.88rem}
}

@media (max-width:430px){
  .fejlec__erdeklodes{font-size:.82rem;padding:10px 12px}
  .marka img{height:32px !important}
}

/* =========================================================
   Nyitóképernyő
   ========================================================= */
.nyito{position:relative;color:#fff;overflow:hidden;background:var(--tinta)}
.nyito__hatter{position:absolute;inset:0;z-index:0}
.nyito__hatter img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;
}
.nyito__hatter img.latszik{opacity:1}
.nyito__fatyol{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(95deg,rgba(19,25,36,.86) 0%,rgba(19,25,36,.62) 38%,rgba(19,25,36,.14) 66%,rgba(19,25,36,0) 100%),
    linear-gradient(0deg,rgba(19,25,36,.55) 0%,rgba(19,25,36,0) 45%);
}
.nyito__belso{position:relative;z-index:2;padding:clamp(52px,7vw,96px) 0 0}
.nyito__doboz{max-width:660px}
.nyito h1{color:#fff;margin-bottom:14px;hyphens:auto;overflow-wrap:break-word;text-shadow:0 2px 18px rgba(15,20,30,.55)}
.nyito h1 .kiemel{
  color:#fff;
  box-shadow:inset 0 -.16em 0 rgba(51,139,211,.85);
}
.nyito__cimke{color:#9FC8EC}
.nyito__cimke::before{background:var(--piros)}
.nyito__szlogen{
  font-family:var(--betu-cim);font-weight:700;
  font-size:clamp(1.45rem,3.4vw,2.35rem);line-height:1.2;
  letter-spacing:-.015em;color:#fff;
  margin:0 0 18px;padding-left:18px;
  border-left:5px solid var(--logo-kek);
  min-height:2.4em;max-width:16em;
  transition:opacity .35s ease;
  text-shadow:0 1px 12px rgba(15,20,30,.5);
}
.nyito__szlogen.valt{opacity:0}

.nyito__bevezeto{font-size:clamp(1.02rem,1.6vw,1.18rem);color:#E2E9F1;margin-bottom:22px;text-shadow:0 1px 12px rgba(15,20,30,.5)}
.nyito__gombok{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}

.nyito__jelek{
  display:flex;flex-wrap:wrap;gap:10px 26px;
  padding-bottom:34px;font-size:.9rem;color:#C3CEDB;
}
.nyito__jel{display:inline-flex;align-items:center;gap:8px}
.nyito__jel svg{color:var(--logo-kek);flex:none}

/* Tünetválasztó sáv */
.tunet{
  position:relative;z-index:2;
  background:rgba(255,255,255,.07);
  border-top:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.tunet__belso{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0}
.tunet__cim{
  font-family:var(--betu-mono);font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:#A9BDD2;white-space:nowrap;
}
.tunet__lista{display:flex;gap:9px;flex-wrap:wrap;list-style:none}
.tunet__chip{
  display:inline-block;padding:9px 15px;border-radius:99px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;
  transition:background .16s,border-color .16s,transform .12s;
}
.tunet__chip:hover{background:#fff;color:var(--tinta);border-color:#fff}
.tunet__chip:active{transform:translateY(1px)}

@media (max-width:640px){
  .nyito__gombok .gomb{flex:1 1 100%}
  .tunet__cim{width:100%}
}

/* Kártyakiemelés, ha tünetre kattintottak */
@keyframes ravillan{
  0%   {box-shadow:0 0 0 0 rgba(31,118,194,.55)}
  70%  {box-shadow:0 0 0 14px rgba(31,118,194,0)}
  100% {box-shadow:0 0 0 0 rgba(31,118,194,0)}
}
.szolg-kartya.ravillan{animation:ravillan 1.4s ease-out 2;border-color:var(--kek)}

/* =========================================================
   Szolgáltatások
   ========================================================= */
.szolg-racs{
  display:grid;gap:20px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.szolg-kartya{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--vonal);border-radius:var(--r);
  overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.szolg-kartya:hover{transform:translateY(-4px);box-shadow:var(--arnyek-nagy);border-color:#C9D6E4}
.szolg-kartya__kep{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--koed)}
.szolg-kartya__kep img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.szolg-kartya:hover .szolg-kartya__kep img{transform:scale(1.045)}
.szolg-kartya__kep::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--logo-kek),var(--kek));
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.szolg-kartya:hover .szolg-kartya__kep::after{transform:scaleX(1)}
.szolg-kartya__torzs{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.szolg-kartya__cimke{
  font-family:var(--betu-mono);font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--halvany);margin-bottom:9px;
}
.szolg-kartya h3{margin-bottom:8px}
.szolg-kartya p{color:var(--halvany);font-size:.95rem;margin-bottom:16px}
.szolg-kartya .szoveglink{margin-top:auto}

/* =========================================================
   Villámkár sáv
   ========================================================= */
.villam{
  position:relative;overflow:hidden;color:#fff;
  background:#12182A;
}
.villam img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;
}
.villam__fatyol{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,24,42,.95) 0%,rgba(18,24,42,.8) 55%,rgba(18,24,42,.5) 100%);
}
.villam__belso{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:28px;flex-wrap:wrap;padding:40px 0;
}
.villam__szoveg{max-width:640px}
.villam h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:10px}
.villam p{color:#CBD5E1;margin-bottom:0;font-size:.98rem}

/* =========================================================
   Bemutatkozás
   ========================================================= */
.bemutat{display:grid;gap:38px;align-items:center}
@media (min-width:900px){.bemutat{grid-template-columns:1fr 1fr;gap:56px}}

.bemutat__kep{position:relative}
.bemutat__kep img{width:100%;border-radius:var(--r);box-shadow:var(--arnyek-nagy)}
.bemutat__tabla{
  position:absolute;left:18px;bottom:-22px;
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--vonal);border-radius:12px;
  padding:12px 16px;box-shadow:var(--arnyek);
  max-width:calc(100% - 36px);
}
.bemutat__tabla-ikon{
  width:38px;height:38px;border-radius:9px;flex:none;
  background:var(--kek);color:#fff;display:grid;place-items:center;
}
.bemutat__tabla strong{display:block;font-size:.95rem;line-height:1.3}
.bemutat__tabla span{font-size:.85rem;color:var(--halvany)}

.elonyok{list-style:none;display:grid;gap:11px;margin-top:22px}
@media (min-width:560px){.elonyok{grid-template-columns:1fr 1fr;gap:11px 22px}}
.elonyok li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.elonyok li::before{
  content:"";flex:none;width:19px;height:19px;margin-top:3px;border-radius:50%;
  background:var(--kek-halvany) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231F76C2' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;
}

/* =========================================================
   Szervizfolyamat
   ========================================================= */
.folyamat{display:grid;gap:18px;counter-reset:lepes}
@media (min-width:560px){.folyamat{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.folyamat{grid-template-columns:repeat(5,1fr)}}
.lepes{
  position:relative;background:#fff;border:1px solid var(--vonal);
  border-radius:var(--r);padding:22px 18px;
}
.lepes::before{
  counter-increment:lepes;content:counter(lepes);
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;margin-bottom:13px;
  background:var(--kek);color:#fff;
  font-family:var(--betu-mono);font-weight:600;font-size:1rem;
}
.lepes h3{font-size:1.03rem;margin-bottom:6px}
.lepes p{font-size:.9rem;color:var(--halvany);margin-bottom:0}

.igeret{
  display:grid;gap:14px;margin-top:26px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.igeret__elem{
  display:flex;gap:13px;align-items:flex-start;
  background:var(--kek-halvany);border:1px solid #D3E5F6;
  border-radius:12px;padding:16px 18px;
}
.igeret__elem svg{color:var(--kek);flex:none;margin-top:2px}
.igeret__elem strong{display:block;font-size:.95rem}
.igeret__elem span{font-size:.88rem;color:var(--tinta-lagy)}

/* =========================================================
   Lakossági / céges
   ========================================================= */
.ketfele{display:grid;gap:22px}
@media (min-width:860px){.ketfele{grid-template-columns:1fr 1fr}}
.ketfele__kartya{
  position:relative;overflow:hidden;border-radius:var(--r);
  border:1px solid var(--vonal);background:#fff;
  display:flex;flex-direction:column;
}
.ketfele__kep{aspect-ratio:16/9;overflow:hidden;background:var(--koed)}
.ketfele__kep img{width:100%;height:100%;object-fit:cover}
.ketfele__torzs{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1}
.ketfele__torzs h3{font-size:1.35rem}
.ketfele__torzs p{color:var(--halvany);font-size:.97rem}
.ketfele__lista{list-style:none;margin:4px 0 20px;display:grid;gap:8px}
.ketfele__lista li{display:flex;gap:9px;font-size:.93rem;color:var(--tinta-lagy)}
.ketfele__lista li::before{content:"–";color:var(--logo-kek);font-weight:700}
.ketfele__torzs .gomb{margin-top:auto;align-self:flex-start}

.szezon{
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;
  margin-top:22px;padding:22px 24px;
  background:#fff;border:1px solid var(--vonal);border-left:4px solid var(--logo-kek);
  border-radius:var(--r);
}
.szezon__kep{width:110px;height:78px;border-radius:9px;object-fit:cover;flex:none}
.szezon__szoveg{flex:1 1 320px}
.szezon__szoveg h3{font-size:1.1rem;margin-bottom:5px}
.szezon__szoveg p{margin-bottom:0;font-size:.94rem;color:var(--halvany)}

/* =========================================================
   Készlet-sáv
   ========================================================= */
.keszlet-sav{
  display:grid;gap:0;align-items:stretch;
  background:#fff;border:1px solid var(--vonal);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--arnyek);
}
@media (min-width:860px){.keszlet-sav{grid-template-columns:.85fr 1.15fr}}
.keszlet-sav__kep{width:100%;height:100%;min-height:230px;object-fit:cover}
.keszlet-sav__szoveg{padding:clamp(26px,3.4vw,40px)}
.keszlet-sav__szoveg h2{font-size:clamp(1.4rem,2.6vw,1.95rem)}
.keszlet-sav__szoveg p{color:var(--halvany);margin-bottom:22px}
.keszlet-sav__gombok{display:flex;gap:11px;flex-wrap:wrap}

/* =========================================================
   Aktuális gépek (jelenleg nincs használatban)
   ========================================================= */
.gepek-fej{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-bottom:30px;
}
.gepek-fej .szekcio-fej{margin-bottom:0}
.frissitve{
  font-family:var(--betu-mono);font-size:.78rem;color:var(--halvany);
  background:#fff;border:1px solid var(--vonal);border-radius:99px;padding:6px 13px;
  white-space:nowrap;
}

.termek-racs{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}
.termek{
  background:#fff;border:1px solid var(--vonal);border-radius:var(--r);
  overflow:hidden;display:flex;flex-direction:column;
  transition:box-shadow .2s,transform .2s;
}
.termek:hover{box-shadow:var(--arnyek-nagy);transform:translateY(-3px)}
.termek__kep{position:relative;aspect-ratio:4/3;background:var(--koed);overflow:hidden}
.termek__kep img{width:100%;height:100%;object-fit:cover}
.termek__allapot{
  position:absolute;top:12px;left:12px;
  font-family:var(--betu-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 10px;border-radius:6px;background:rgba(30,36,48,.86);color:#fff;
}
.termek__allapot--uj{background:var(--kek)}
.termek__torzs{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.termek h3{font-size:1.08rem;margin-bottom:4px}
.termek__ajanlott{font-size:.85rem;color:var(--halvany);margin-bottom:12px}
.termek__adatok{list-style:none;display:grid;gap:5px;margin-bottom:16px;font-size:.88rem}
.termek__adatok li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--vonal-halvany);padding-bottom:5px}
.termek__adatok dt,.termek__adatok .kulcs{color:var(--halvany)}
.termek__adatok .ertek{color:var(--tinta);font-weight:500;text-align:right}
.termek__labl{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.termek__ar{font-family:var(--betu-cim);font-weight:800;font-size:1.28rem;color:var(--tinta)}
.termek__ar small{display:block;font-family:var(--betu-szoveg);font-weight:400;font-size:.76rem;color:var(--halvany)}

.keszlet-info{
  margin-top:24px;padding:16px 20px;border-radius:12px;
  background:#FFF6F0;border:1px solid #F7D9C6;
  font-size:.93rem;color:#8A4A22;
}

/* =========================================================
   Ellátási terület + vélemények
   ========================================================= */
.terulet{display:grid;gap:34px}
@media (min-width:900px){.terulet{grid-template-columns:1fr 1fr;gap:56px}}
.telepulesek{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin-top:6px}
.telepulesek li{
  padding:7px 14px;border-radius:99px;background:#fff;
  border:1px solid var(--vonal);font-size:.9rem;color:var(--tinta-lagy);
}
.telepulesek li:first-child{background:var(--kek);border-color:var(--kek);color:#fff;font-weight:600}

.velemenyek{display:grid;gap:14px}
.velemeny{
  background:#fff;border:1px solid var(--vonal);border-radius:12px;padding:20px 22px;
}
.velemeny__csillagok{color:#F0A020;letter-spacing:2px;font-size:.95rem;margin-bottom:8px}
.velemeny p{font-size:.95rem;margin-bottom:10px;color:var(--tinta-lagy)}
.velemeny__nev{font-size:.86rem;color:var(--halvany);font-family:var(--betu-mono)}
.velemeny--ures{border-style:dashed;background:transparent;color:var(--halvany);font-size:.9rem}

/* =========================================================
   GYIK
   ========================================================= */
.gyik-racs{display:grid;gap:24px;align-items:start}
@media (min-width:1000px){.gyik-racs{grid-template-columns:1fr 1.05fr;gap:30px}}

.gyik{display:grid;gap:10px}
.doboz__bevezeto{color:var(--halvany);font-size:.94rem;margin-bottom:20px}
.gyik details{
  background:#fff;border:1px solid var(--vonal);border-radius:12px;
  overflow:hidden;transition:border-color .18s,box-shadow .18s;
}
.gyik details[open]{border-color:#C9D6E4;box-shadow:var(--arnyek)}
.gyik summary{
  cursor:pointer;list-style:none;padding:17px 52px 17px 20px;
  font-weight:600;font-size:1rem;position:relative;color:var(--tinta);
}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{
  content:"";position:absolute;right:20px;top:50%;
  width:11px;height:11px;margin-top:-6px;
  border-right:2.5px solid var(--kek);border-bottom:2.5px solid var(--kek);
  transform:rotate(45deg);transition:transform .2s;
}
.gyik details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.gyik summary:hover{color:var(--kek-sotet)}
.gyik__valasz{padding:0 20px 19px;color:var(--halvany);font-size:.96rem}
.gyik__valasz p:last-child{margin-bottom:0}

/* =========================================================
   Kapcsolat
   ========================================================= */
.kapcsolat-racs{display:grid;gap:22px}
@media (min-width:820px){.kapcsolat-racs{grid-template-columns:1fr 1fr;gap:26px}}
.kapcsolat-racs .doboz{display:flex;flex-direction:column}
.kapcsolat-racs .doboz .gomb{margin-top:auto}

.szervizteendo{
  margin-top:20px;padding:16px 18px;border-radius:12px;
  background:var(--kek-halvany);border:1px solid #D3E5F6;
}
.szervizteendo strong{display:block;font-size:.95rem;margin-bottom:4px}
.szervizteendo span{font-size:.9rem;color:var(--tinta-lagy)}

.doboz{background:#fff;border:1px solid var(--vonal);border-radius:var(--r);padding:26px 24px}
.doboz h3{margin-bottom:18px}

.elerhetoseg{list-style:none;display:grid;gap:15px;margin-bottom:24px}
.elerhetoseg li{display:flex;gap:13px;align-items:flex-start}
.elerhetoseg__ikon{
  width:38px;height:38px;border-radius:10px;flex:none;
  background:var(--kek-halvany);color:var(--kek);display:grid;place-items:center;
}
.elerhetoseg__kulcs{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--betu-mono);color:var(--halvany)}
.elerhetoseg__ertek{font-size:1.02rem;font-weight:600;color:var(--tinta)}
a.elerhetoseg__ertek:hover{color:var(--kek-sotet)}

.nyitva-tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.nyitva-tabla td{padding:9px 4px;border-bottom:1px solid var(--vonal-halvany)}
.nyitva-tabla td:last-child{text-align:right;font-family:var(--betu-mono);font-size:.9rem;color:var(--tinta-lagy)}
.nyitva-tabla tr:last-child td{border-bottom:0}
.nyitva-tabla tr.zarva td{color:var(--halvany)}
.nyitva-tabla tr.ma{background:var(--kek-halvany)}
.nyitva-tabla tr.ma td{font-weight:700;color:var(--kek-sotet)}
.nyitva-tabla tr.ma td:first-child::before{content:"▸ ";color:var(--kek)}
.nyitva-megjegyzes{font-size:.85rem;color:var(--halvany);margin-top:12px}

/* Térkép + hozzájárulás */
.terkep--szeles{margin-top:26px;aspect-ratio:21/8}
@media (max-width:700px){.terkep--szeles{aspect-ratio:4/3}}

.terkep{
  position:relative;margin-top:22px;border-radius:12px;overflow:hidden;
  border:1px solid var(--vonal);aspect-ratio:16/10;background:var(--koed);
}
.terkep iframe{width:100%;height:100%;border:0;display:block}
.terkep__zar{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;text-align:center;
  padding:24px;background:var(--koed);
}
.terkep__zar p{font-size:.92rem;color:var(--halvany);max-width:340px;margin-bottom:0}

/* Űrlap */
.urlap{display:grid;gap:15px}
.urlap__sor{display:grid;gap:15px}
@media (min-width:620px){.urlap__sor--2{grid-template-columns:1fr 1fr}}
.mezo{display:grid;gap:6px}
.mezo label{font-size:.9rem;font-weight:600;color:var(--tinta-lagy)}
.mezo label .opcionalis{font-weight:400;color:var(--halvany);font-size:.84rem}
.mezo input,.mezo select,.mezo textarea{
  font-family:inherit;font-size:1rem;color:var(--tinta);
  padding:12px 14px;border:1px solid var(--vonal);border-radius:10px;
  background:#fff;width:100%;transition:border-color .16s,box-shadow .16s;
}
.mezo input:hover,.mezo select:hover,.mezo textarea:hover{border-color:#C4CEDA}
.mezo input:focus,.mezo select:focus,.mezo textarea:focus{
  border-color:var(--kek);box-shadow:0 0 0 3px rgba(31,118,194,.15);outline:none;
}
.mezo textarea{resize:vertical;min-height:110px}
.mezo--jelolo{display:flex;gap:10px;align-items:flex-start}
.mezo--jelolo input{width:auto;margin-top:4px;flex:none;accent-color:var(--kek)}
.mezo--jelolo label{font-weight:400;font-size:.92rem}
.mezo__sugo{font-size:.84rem;color:var(--halvany)}

.tovabbi-mezok{border:1px solid var(--vonal);border-radius:12px;overflow:hidden;background:var(--koed)}
.tovabbi-mezok summary{
  cursor:pointer;padding:13px 18px;font-weight:600;font-size:.93rem;
  color:var(--kek-sotet);list-style:none;
}
.tovabbi-mezok summary::-webkit-details-marker{display:none}
.tovabbi-mezok summary::before{content:"+ ";font-family:var(--betu-mono)}
.tovabbi-mezok[open] summary::before{content:"– "}
.tovabbi-mezok__torzs{padding:4px 18px 18px;display:grid;gap:15px;background:#fff}

/* Ellenőrzőkód */
.ellenorzo__sor{display:grid;gap:14px}
@media (min-width:560px){
  .ellenorzo__sor{grid-template-columns:auto 1fr;align-items:start;gap:16px}
}
.ellenorzo__kep{display:grid;gap:7px;justify-items:start}
.ellenorzo__kep img{
  width:100%;max-width:300px;height:auto;display:block;
  border:1px solid var(--vonal);border-radius:10px;background:#fff;
}
.ellenorzo__ujra{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:0;padding:2px 0;cursor:pointer;
  color:var(--kek);font-weight:600;font-size:.88rem;
}
.ellenorzo__ujra:hover{color:var(--kek-sotet);text-decoration:underline}
.ellenorzo input{
  font-family:var(--betu-mono);font-size:1.2rem;
  letter-spacing:.2em;text-transform:uppercase;text-align:center;
}
@media (min-width:560px){.ellenorzo input{margin-top:22px}}

.mezhely{position:absolute;left:-9999px}  /* mézesbödön a robotoknak */

.urlap__uzenet{
  padding:15px 18px;border-radius:10px;font-size:.95rem;display:none;
}
.urlap__uzenet--ok{display:block;background:#EDF9F0;border:1px solid #BDE5C8;color:#1E6B37}
.urlap__uzenet--hiba{display:block;background:#FDF0F0;border:1px solid #F3C9C9;color:#96201F}

/* =========================================================
   Lábléc
   ========================================================= */
.lablec{background:var(--tinta);color:#AEB9C6;padding:56px 0 0;font-size:.93rem}
.lablec__racs{display:grid;gap:32px;padding-bottom:38px}
@media (min-width:760px){.lablec__racs{grid-template-columns:1.6fr 1fr 1fr}}
@media (min-width:1000px){.lablec__racs{grid-template-columns:2fr 1fr 1fr 1.2fr}}
.lablec__logo{
  height:40px;width:auto;margin-bottom:16px;
  background:#fff;padding:8px 12px;border-radius:10px;
}
.lablec h4{color:#fff;font-size:.83rem;text-transform:uppercase;letter-spacing:.12em;font-family:var(--betu-mono);margin-bottom:14px}
.lablec a{color:#CBD5E1}
.lablec a:hover{color:#fff}
.lablec ul{list-style:none;display:grid;gap:9px}
.lablec__alj{
  border-top:1px solid rgba(255,255,255,.12);
  padding:18px 0 26px;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-size:.85rem;color:#8492A2;
}
.lablec__alj a{color:#8492A2}
.lablec__jogi{display:flex;gap:16px;flex-wrap:wrap}

/* =========================================================
   Süti sáv
   ========================================================= */
.suti{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:120;
  background:#fff;border:1px solid var(--vonal);border-radius:14px;
  box-shadow:var(--arnyek-nagy);padding:20px 22px;
  display:none;gap:18px;align-items:center;flex-wrap:wrap;
  max-width:760px;margin:0 auto;
}
.suti.latszik{display:flex}
.suti p{margin:0;font-size:.91rem;color:var(--tinta-lagy);flex:1 1 320px}
.suti__gombok{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:700px){
  .suti{bottom:76px}          /* a fix alsó sáv fölé kerüljön */
  .suti__gombok .gomb{flex:1 1 auto}
}

/* =========================================================
   Mobil alsó sáv
   ========================================================= */
.mobilsav{
  position:fixed;left:0;right:0;bottom:0;z-index:110;
  display:none;background:#fff;border-top:1px solid var(--vonal);
  box-shadow:0 -4px 18px -10px rgba(30,36,48,.5);
  padding-bottom:env(safe-area-inset-bottom);
}
.mobilsav a{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:10px 6px;font-size:.75rem;font-weight:600;color:var(--tinta-lagy);
}
.mobilsav a.kiemelt{color:var(--piros)}
.mobilsav a + a{border-left:1px solid var(--vonal-halvany)}
@media (max-width:700px){
  .mobilsav{display:flex}
  body{padding-bottom:62px}
}

/* =========================================================
   Görgetéses megjelenés
   ========================================================= */
.feltunik{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.feltunik:target,.feltunik.lathato{opacity:1;transform:none}
.feltunik.lathato{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .feltunik{opacity:1;transform:none}
  .nyito__hatter img{transition:none}
}

/* =========================================================
   Nyomtatás
   ========================================================= */
@media print{
  .felsosav,.fejlec,.tunet,.mobilsav,.suti,.terkep,.nyito__hatter{display:none !important}
  body{font-size:12pt;color:#000}
  .nyito{background:#fff;color:#000}
  .nyito h1,.nyito__szlogen{
  font-family:var(--betu-cim);font-weight:700;
  font-size:clamp(1.45rem,3.4vw,2.35rem);line-height:1.2;
  letter-spacing:-.015em;color:#fff;
  margin:0 0 18px;padding-left:18px;
  border-left:5px solid var(--logo-kek);
  min-height:2.4em;max-width:16em;
  transition:opacity .35s ease;
  text-shadow:0 1px 12px rgba(15,20,30,.5);
}
.nyito__szlogen.valt{opacity:0}

.nyito__bevezeto{color:#000}
}


/* =========================================================
   ALOLDALAK
   ========================================================= */

/* Morzsa */
.morzsa{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:.85rem;color:var(--halvany);margin-bottom:16px;
}
.morzsa a{color:var(--halvany)}
.morzsa a:hover{color:var(--kek)}

/* Oldalfej */
.oldalfej{
  position:relative;overflow:hidden;
  background:var(--koed);border-bottom:1px solid var(--vonal);
  padding:clamp(26px,4vw,44px) 0 clamp(30px,4vw,48px);
}
.oldalfej__belso{position:relative;z-index:2;max-width:820px}
.oldalfej h1{margin-bottom:14px;font-size:clamp(1.75rem,4.2vw,2.85rem);hyphens:auto;overflow-wrap:break-word}
.oldalfej__bevezeto{font-size:clamp(1rem,1.5vw,1.14rem);color:var(--halvany);margin-bottom:0}

.oldalfej--kepes{background:var(--tinta);border-bottom:0}
.oldalfej--kepes .oldalfej__kep{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.oldalfej__fatyol{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(95deg,rgba(19,25,36,.92) 0%,rgba(19,25,36,.74) 42%,rgba(19,25,36,.3) 78%,rgba(19,25,36,.12) 100%),
    linear-gradient(0deg,rgba(19,25,36,.5) 0%,rgba(19,25,36,0) 50%);
}
.oldalfej--kepes h1{color:#fff;text-shadow:0 2px 18px rgba(15,20,30,.5)}
.oldalfej--kepes .oldalfej__bevezeto{color:#DCE4EC;text-shadow:0 1px 10px rgba(15,20,30,.5)}
.oldalfej--kepes .cimke{color:#9FC8EC}
.oldalfej--kepes .morzsa,.oldalfej--kepes .morzsa a{color:#AFBDCB}
.oldalfej--kepes .morzsa a:hover{color:#fff}

@media (max-width:700px){
  .oldalfej__fatyol{
    background:linear-gradient(0deg,rgba(19,25,36,.94) 0%,rgba(19,25,36,.86) 55%,rgba(19,25,36,.7) 100%);
  }
  .oldalfej{padding-top:22px}
  .cikk h2{margin-top:30px}
}

/* Cikk + oldalsáv */
.cikk-racs{display:grid;gap:36px;align-items:start}
@media (min-width:1000px){.cikk-racs{grid-template-columns:minmax(0,1fr) 320px;gap:48px}}

.cikk{min-width:0}
.cikk h2{margin-top:38px;font-size:clamp(1.35rem,2.4vw,1.75rem)}
.cikk h2:first-child{margin-top:0}
.cikk h3{margin-top:26px;font-size:1.12rem}
.cikk p{color:var(--tinta-lagy)}

.pipas{list-style:none;display:grid;gap:10px;margin:4px 0 22px}
.pipas li{display:flex;gap:11px;align-items:flex-start;color:var(--tinta-lagy)}
.pipas li::before{
  content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;
  background:var(--kek-halvany) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231F76C2' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;
}

.szamozott{list-style:none;counter-reset:l;display:grid;gap:13px;margin:4px 0 22px;padding:0}
.szamozott li{display:flex;gap:13px;align-items:flex-start;color:var(--tinta-lagy)}
.szamozott li::before{
  counter-increment:l;content:counter(l);
  flex:none;width:26px;height:26px;border-radius:8px;
  background:var(--kek);color:#fff;
  font-family:var(--betu-mono);font-size:.85rem;font-weight:600;
  display:flex;align-items:center;justify-content:center;margin-top:1px;
}

.cikkkep{margin:26px 0;padding:0}
.cikkkep img{width:100%;border-radius:var(--r);border:1px solid var(--vonal)}
.cikkkep figcaption{font-size:.85rem;color:var(--halvany);margin-top:9px}

.kiemelt-doboz{
  margin:24px 0;padding:20px 22px;border-radius:var(--r);
  background:var(--kek-halvany);border:1px solid #D3E5F6;border-left:4px solid var(--kek);
}
.kiemelt-doboz strong{display:block;margin-bottom:6px;font-family:var(--betu-cim);font-size:1.05rem}
.kiemelt-doboz p{margin:0;font-size:.96rem;color:var(--tinta-lagy)}
.kiemelt-doboz--figyelem{background:#FFF6F0;border-color:#F7D9C6;border-left-color:#E07A32}

.mini-racs{display:grid;gap:16px;margin:22px 0}
@media (min-width:620px){.mini-racs{grid-template-columns:1fr 1fr}}
.mini-kartya{background:#fff;border:1px solid var(--vonal);border-radius:12px;padding:20px}
.mini-kartya h3{margin:0 0 7px;font-size:1.04rem}
.mini-kartya p{margin:0;font-size:.93rem;color:var(--halvany)}

/* Oldalsáv */
.oldalsav{display:grid;gap:18px;align-content:start}
@media (min-width:1000px){.oldalsav{position:sticky;top:calc(var(--fejlec-mag) + 20px)}}
.oldalsav__doboz{background:#fff;border:1px solid var(--vonal);border-radius:var(--r);padding:22px}
.oldalsav__doboz h3{font-size:1.06rem;margin-bottom:12px}
.oldalsav__doboz p{font-size:.93rem;color:var(--halvany);margin-bottom:6px}
.oldalsav__doboz--kiemelt{background:var(--koed)}
.oldalsav__nyitva{font-family:var(--betu-mono);font-size:.86rem !important;margin-bottom:16px !important}
.oldalsav__lista{list-style:none;display:grid;gap:2px}
.oldalsav__lista a{
  display:block;padding:9px 12px;border-radius:8px;
  font-size:.94rem;color:var(--tinta-lagy);
}
.oldalsav__lista a:hover{background:var(--kek-halvany);color:var(--kek-sotet)}

/* Hívás gomb az oldalsávban */
.oldalsav__hivas{margin-top:10px;font-family:var(--betu-mono);font-weight:600;letter-spacing:.01em}
@media (max-width:1000px){
  /* Mobilon és tableten a hívás legyen ugyanolyan hangsúlyos, mint az ajánlatkérés */
  .oldalsav__hivas{
    background:var(--kek);color:#fff;border-color:var(--kek);
    box-shadow:0 8px 18px -12px rgba(31,118,194,.9);
  }
  .oldalsav__hivas:hover{background:var(--kek-sotet);color:#fff}
  .oldalsav__doboz--kiemelt .gomb--kek{
    background:#fff;color:var(--kek-sotet);border-color:var(--vonal);box-shadow:none;
  }
  .oldalsav__doboz--kiemelt .gomb--kek:hover{background:var(--kek-halvany);color:var(--kek-sotet)}
}

/* Záró felhívás */
.cta-sav{background:var(--tinta);color:#fff;padding:clamp(38px,5vw,58px) 0}
.cta-sav__belso{
  display:flex;align-items:center;justify-content:space-between;
  gap:26px;flex-wrap:wrap;
}
.cta-sav h2{color:#fff;margin-bottom:8px;font-size:clamp(1.35rem,2.6vw,1.9rem)}
.cta-sav p{color:#B9C4D2;margin:0;max-width:560px}
.cta-sav__gombok{display:flex;gap:11px;flex-wrap:wrap}
@media (max-width:560px){.cta-sav__gombok{width:100%}.cta-sav__gombok .gomb{flex:1 1 100%}}

/* Kapcsolat oldal dobozai */
.gyik-racs > div > .doboz + .doboz{margin-top:22px}