.elementor-20475 .elementor-element.elementor-element-335ebb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-6f1e669 *//* ================================================================
   GALAXY ABLAK – HEADER CSS
   Fájl: cst-gx-header.css        Blokkok: 50–58 + 89
   Paletta: fekete + fehér + #005EB8 (+ zöld a készlet-státuszra)
   HOVA: Megjelenés → Testreszabás → További CSS
   ================================================================ */


/* ================================================
   50 | TOKENEK
================================================ */
.cst-gx-hd{
  --gxh-font:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gxh-blue:#005EB8;
  --gxh-blue-dark:#004A92;
  --gxh-blue-050:#F2F7FC;
  --gxh-black:#000000;
  --gxh-ink:#111111;
  --gxh-body:#5A5A5A;
  --gxh-white:#FFFFFF;
  --gxh-line:#E4E9EF;
  --gxh-stock:#16A34A;
  --gxh-radius:10px;
  --gxh-max:1280px;
}

/* Alap – sticky fejléc */
.cst-gx-hd{
  position:sticky; top:0; z-index:9999;
  width:100%;           /* a szülő Elementor konténer ne szorítsa össze */
  font-family:var(--gxh-font);
  background:var(--gxh-white);
  border-bottom:1px solid var(--gxh-line);
  transition:box-shadow .2s ease;
}
/* A fejlécet tartalmazó Elementor widget/konténer ne korlátozza a szélességet */
.cst-gx-hd__wrap{ width:100%; }
.cst-gx-hd.is-stuck{ box-shadow:0 6px 24px -14px rgba(0,0,0,.4); }

.cst-gx-hd__wrap{
  max-width:var(--gxh-max); margin:0 auto; padding:0 24px;
}
.cst-gx-hd *{ box-sizing:border-box; }

/* GOMB RESET
   A téma (Astra/Hello) és az Elementor globális button-stílusai
   – köztük a rózsaszín hover háttér – felülírják a saját gombjainkat.
   Itt egyszer nullázzuk, alább minden gomb megkapja a saját színét. */
.cst-gx-hd button{
  font-family:var(--gxh-font);
  color:inherit;
  background:transparent;
  border:none;
  box-shadow:none;
  text-transform:none;
  letter-spacing:normal;
  cursor:pointer;
  -webkit-appearance:none; appearance:none;
}
.cst-gx-hd button:hover,
.cst-gx-hd button:focus,
.cst-gx-hd button:active,
.cst-gx-hd button:focus-visible{
  color:inherit;
  background:transparent;
  box-shadow:none;
  outline:none;
}
/* Téma globális link-stílusának felülírása a teljes fejlécben */
.cst-gx-hd a{ text-decoration:none !important; }


/* ================================================
   51 | FELSŐ SÁV
================================================ */
.cst-gx-hd__top{
  background:var(--gxh-black);
  color:rgba(255,255,255,.82);
  font-size:13px;
}
.cst-gx-hd__topinner{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  min-height:42px;
}

.cst-gx-hd__contact{
  display:flex; align-items:center; gap:26px;
  margin:0; padding:0; list-style:none;
}
.cst-gx-hd__contact a{
  display:inline-flex; align-items:center; gap:7px;
  color:rgba(255,255,255,.82) !important;
  font-weight:500;
  transition:color .18s ease;
}
.cst-gx-hd__contact a:hover{ color:var(--gxh-white) !important; }
.cst-gx-hd__contact svg{ width:15px; height:15px; flex:0 0 auto; opacity:.75; }

.cst-gx-hd__topright{ display:flex; align-items:center; gap:18px; }

.cst-gx-hd__usp{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:600; letter-spacing:.02em;
  color:rgba(255,255,255,.9);
}
/* Zöld lüktető pont – ugyanaz a jelrendszer, mint a termékkártyákon */
.cst-gx-hd__dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--gxh-stock); flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(22,163,74,.6);
  animation:cstGxHdPulse 1.8s ease-in-out infinite;
}
@keyframes cstGxHdPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(22,163,74,.55); }
  60%    { box-shadow:0 0 0 6px rgba(22,163,74,0); }
}

.cst-gx-hd__fb{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  color:rgba(255,255,255,.8) !important;
  background:rgba(255,255,255,.1);
  transition:background-color .18s ease, color .18s ease;
}
.cst-gx-hd__fb:hover{ background:var(--gxh-blue); color:var(--gxh-white) !important; }
.cst-gx-hd__fb svg{ width:17px; height:17px; }


/* ================================================
   52 | FŐ SÁV – logó + kereső + akciók
================================================ */
.cst-gx-hd__maininner{
  display:flex; align-items:center; gap:32px;
  min-height:86px;
}

.cst-gx-hd__logo{ flex:0 0 auto; display:block; }
.cst-gx-hd__logo img{
  display:block;
  width:auto !important;
  height:52px !important;   /* !important: a téma img{height:auto} szabálya ellen */
  max-width:none;
  object-fit:contain;
}

/* 52a | KERESŐ – hosszú sáv, kitölti a maradék helyet
   A belső elemek FLEX-ben ülnek (nem abszolút pozícióval), így a téma
   input-stílusai nem tudják szétcsúsztatni őket. */
.cst-gx-hd__searchbox{ position:relative; flex:1 1 auto; min-width:0; }

.cst-gx-hd__search{
  position:relative;
  display:flex; align-items:center; gap:0;
  height:52px;
  padding-left:16px;              /* itt ül az ikon, nem az inputon */
  background:var(--gxh-blue-050);
  border:2px solid var(--gxh-line);
  border-radius:var(--gxh-radius);
  overflow:hidden;
  transition:border-color .18s ease, background-color .18s ease;
}
.cst-gx-hd__search:focus-within{
  border-color:var(--gxh-blue);
  background:var(--gxh-white);
}

/* Nagyító – flex elem, nem abszolút */
.cst-gx-hd__searchico{
  position:static !important;
  flex:0 0 auto;
  width:20px; height:20px; margin-right:12px;
  color:var(--gxh-body); pointer-events:none;
}

/* Input – minden téma-stílus kilőve, hogy ne csússzon el */
.cst-gx-hd__input{
  flex:1 1 auto; min-width:0;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;           /* a térközt a flex gap/margin adja */
  font-family:var(--gxh-font) !important;
  font-size:15px !important; font-weight:500 !important;
  line-height:normal !important;
  color:var(--gxh-ink) !important;
  background:transparent !important;
  border:none !important; outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.cst-gx-hd__input::placeholder{ color:var(--gxh-body); opacity:.75; }
/* Böngésző natív "x" gombja – saját gombunk van helyette */
.cst-gx-hd__input::-webkit-search-cancel-button,
.cst-gx-hd__input::-webkit-search-decoration{ -webkit-appearance:none; display:none; }

/* Törlés gomb – szintén flex elem */
.cst-gx-hd__clear{
  position:static !important;
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; margin:0 10px; padding:0;
  color:var(--gxh-body);
  background:transparent; border:none; border-radius:50%;
  cursor:pointer; transition:background-color .16s ease, color .16s ease;
}
.cst-gx-hd__clear:hover,
.cst-gx-hd__clear:focus{ background:rgba(0,0,0,.07) !important; color:var(--gxh-ink) !important; }
.cst-gx-hd__clear svg{ width:15px; height:15px; }

/* Keresés gomb – a sáv jobb végét tölti ki, teljes magasságban */
.cst-gx-hd__searchbtn{
  flex:0 0 auto;
  align-self:stretch;
  padding:0 30px;
  font-family:var(--gxh-font);
  font-size:14px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--gxh-white) !important;
  background:var(--gxh-blue) !important;
  border:none; border-radius:0;
  cursor:pointer;
  transition:background-color .18s ease;
}
.cst-gx-hd__searchbtn:hover,
.cst-gx-hd__searchbtn:focus{ background:var(--gxh-blue-dark) !important; }


/* ================================================
   53 | AJAX TALÁLATOK
================================================ */
.cst-gx-hd__results{
  position:absolute; z-index:60;
  top:calc(100% + 8px); left:0; right:0;
  max-height:min(70vh, 520px);
  overflow-y:auto;
  background:var(--gxh-white);
  border:1px solid var(--gxh-line);
  border-radius:var(--gxh-radius);
  box-shadow:0 24px 50px -20px rgba(0,0,0,.35);
}
.cst-gx-hd__resultsbody{ padding:6px; }

.cst-gx-hd__ri{
  display:flex; align-items:center; gap:13px;
  padding:10px;
  border-radius:8px;
  transition:background-color .15s ease;
}
.cst-gx-hd__ri:hover{ background:var(--gxh-blue-050); }

.cst-gx-hd__rithumb{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px;
  background:var(--gxh-blue-050);
  border:1px solid var(--gxh-line);
  border-radius:6px;
  overflow:hidden;
}
.cst-gx-hd__rithumb img{
  width:100% !important; height:100% !important;  /* téma img{height:auto} ellen */
  object-fit:contain; padding:4px;
}
.cst-gx-hd__rithumb--empty{ display:block; width:100%; height:100%; }

.cst-gx-hd__ritxt{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.cst-gx-hd__ritxt strong{
  font-size:14.5px; font-weight:600; line-height:1.35; color:var(--gxh-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cst-gx-hd__rimeta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cst-gx-hd__riprice{ font-size:14px; font-weight:800; color:var(--gxh-blue); }
/* Az ár HTML-t ad vissza (del/ins) – itt is egységes szín */
.cst-gx-hd__riprice del{ font-size:12.5px; font-weight:500; color:var(--gxh-body); opacity:.7; }
.cst-gx-hd__riprice ins{ text-decoration:none; color:var(--gxh-blue); }

.cst-gx-hd__ristock{
  display:inline-flex; align-items:center; gap:5px;
  padding:3px 9px;
  font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--gxh-white); background:var(--gxh-stock);
  border-radius:100px;
}
.cst-gx-hd__ristock--out{ background:var(--gxh-body); }

.cst-gx-hd__resultsall{
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:14px;
  font-size:14px; font-weight:700;
  color:var(--gxh-blue) !important;
  background:var(--gxh-blue-050);
  border-top:1px solid var(--gxh-line);
  transition:gap .18s ease;
}
.cst-gx-hd__resultsall:hover{ gap:12px; }
.cst-gx-hd__resultsall svg{ width:16px; height:16px; }

.cst-gx-hd__loading,
.cst-gx-hd__empty{
  margin:0; padding:24px 16px;
  font-size:14px; line-height:1.6; text-align:center; color:var(--gxh-body);
}


/* ================================================
   54 | AKCIÓK (telefon, mobil gombok)
================================================ */
.cst-gx-hd__actions{ flex:0 0 auto; display:flex; align-items:center; gap:12px; }

.cst-gx-hd__call{ display:inline-flex; align-items:center; gap:11px; }
.cst-gx-hd__callico{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  color:var(--gxh-blue);
  background:var(--gxh-blue-050);
  border:1px solid rgba(0,94,184,.16);
  border-radius:50%;
  transition:background-color .18s ease, color .18s ease;
}
.cst-gx-hd__call:hover .cst-gx-hd__callico{ background:var(--gxh-blue); color:var(--gxh-white); }
.cst-gx-hd__callico svg{ width:19px; height:19px; }

.cst-gx-hd__calltxt{ display:flex; flex-direction:column; line-height:1.25; }
.cst-gx-hd__calltxt small{ font-size:11.5px; font-weight:500; color:var(--gxh-body); }
.cst-gx-hd__calltxt strong{ font-size:15.5px; font-weight:800; color:var(--gxh-ink); }

/* Ikongombok – desktopon rejtve */
.cst-gx-hd__iconbtn{
  display:none;
  align-items:center; justify-content:center;
  width:44px; height:44px; padding:0;
  color:var(--gxh-ink) !important;
  background:var(--gxh-blue-050) !important;
  border:1px solid var(--gxh-line);
  border-radius:var(--gxh-radius);
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease;
}
.cst-gx-hd__iconbtn:hover,
.cst-gx-hd__iconbtn:focus{ background:var(--gxh-blue) !important; color:var(--gxh-white) !important; }
.cst-gx-hd__iconbtn svg{ width:21px; height:21px; }

/* Hamburger vonalak */
.cst-gx-hd__burger{ flex-direction:column; gap:5px; }
.cst-gx-hd__burger span{
  display:block; width:20px; height:2px;
  background:currentColor; border-radius:2px;
}


/* ================================================
   55 | NAVIGÁCIÓ + MEGA MENÜ
================================================ */
.cst-gx-hd__nav{ border-top:1px solid var(--gxh-line); }

.cst-gx-hd__menu{
  display:flex; align-items:center; gap:10px;
  margin:0; padding:0; list-style:none;
}
.cst-gx-hd__item{ position:static; }   /* static: a mega menü teljes szélességű lehet */

.cst-gx-hd__link{
  display:inline-flex; align-items:center; gap:7px;
  padding:18px 22px;
  font-size:14px; font-weight:800;
  letter-spacing:.075em; text-transform:uppercase;
  color:var(--gxh-ink) !important;
  border-bottom:3px solid transparent;
  transition:color .18s ease, border-color .18s ease;
}
.cst-gx-hd__link:hover,
.cst-gx-hd__item:hover > .cst-gx-hd__link,
.cst-gx-hd__item:focus-within > .cst-gx-hd__link{
  color:var(--gxh-blue) !important;
  border-bottom-color:var(--gxh-blue);
}
.cst-gx-hd__caret{ width:14px; height:14px; stroke-width:3; transition:transform .22s ease; }
.cst-gx-hd__item--mega:hover .cst-gx-hd__caret,
.cst-gx-hd__item--mega:focus-within .cst-gx-hd__caret{ transform:rotate(180deg); }

/* 55b | KOSÁR GOMB a menüsorban
   A margin-left:auto tolja a sor jobb szélére, a többi menüponttól
   elválasztva. Tömör kék: ez a legfontosabb művelet a fejlécben. */
.cst-gx-hd__item--cart{ margin-left:auto; }

.cst-gx-hd__cart{
  display:inline-flex; align-items:center; gap:9px;
  margin:8px 0;
  padding:11px 22px;
  font-family:var(--gxh-font);
  font-size:14px; font-weight:800; letter-spacing:.075em; text-transform:uppercase;
  color:var(--gxh-white) !important;      /* téma globális link-színének felülírása */
  background:var(--gxh-blue);
  border:2px solid var(--gxh-blue);
  border-radius:var(--gxh-radius);
  transition:background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.cst-gx-hd__cart:hover{
  background:var(--gxh-blue-dark); border-color:var(--gxh-blue-dark);
  transform:translateY(-1px);
}
.cst-gx-hd__cart svg{ width:18px; height:18px; flex:0 0 auto; }

/* Mobil kosár ikongomb – a fő sávban, a hamburger mellett.
   Desktopon rejtve (a .cst-gx-hd__iconbtn alap display:none miatt). */
.cst-gx-hd__carticon{ text-decoration:none !important; }

/* 55a | MEGA PANEL
   Teljes szélességű, mert a li position:static.
   visibility+opacity: így a panel a fókusszal is elérhető marad. */
.cst-gx-hd__mega{
  position:absolute; z-index:50;
  left:0; right:0; top:100%;
  padding:32px 0 34px;
  background:var(--gxh-white);
  border-top:1px solid var(--gxh-line);
  box-shadow:0 26px 46px -22px rgba(0,0,0,.4);
  opacity:0; visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.cst-gx-hd__item--mega:hover .cst-gx-hd__mega,
.cst-gx-hd__item--mega:focus-within .cst-gx-hd__mega{
  opacity:1; visibility:visible; transform:translateY(0);
}

.cst-gx-hd__megainner{
  display:grid; grid-template-columns:1fr 300px; gap:36px; align-items:start;
}

.cst-gx-hd__megalist{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;
  margin:0; padding:0; list-style:none;
}
.cst-gx-hd__megalist a{
  display:flex; align-items:flex-start; gap:14px;
  padding:14px 16px;
  border:1px solid transparent;
  border-radius:var(--gxh-radius);
  transition:background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.cst-gx-hd__megalist a:hover{
  background:var(--gxh-blue-050);
  border-color:rgba(0,94,184,.2);
  transform:translateX(3px);
}

/* Ikon kék dobozban – hoveren tömör kék */
.cst-gx-hd__mico{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  color:var(--gxh-blue);
  background:var(--gxh-blue-050);
  border:1px solid rgba(0,94,184,.16);
  border-radius:9px;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.cst-gx-hd__megalist a:hover .cst-gx-hd__mico{
  background:var(--gxh-blue); color:var(--gxh-white); border-color:var(--gxh-blue);
}
.cst-gx-hd__mico svg{ width:21px; height:21px; }

.cst-gx-hd__mtxt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.cst-gx-hd__mtxt strong{ font-size:15px; font-weight:700; line-height:1.3; color:var(--gxh-ink); }
.cst-gx-hd__mtxt small{ font-size:13px; font-weight:400; line-height:1.4; color:var(--gxh-body); }

/* 55b | PROMÓ DOBOZ */
.cst-gx-hd__promo{
  padding:24px 22px;
  background:var(--gxh-black);
  border-radius:var(--gxh-radius);
  color:var(--gxh-white);
}
.cst-gx-hd__promotag{
  display:inline-flex; align-items:center; gap:8px;
  margin:0 0 14px; padding:6px 13px;
  font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  background:rgba(255,255,255,.12);
  border-radius:100px;
}
.cst-gx-hd__promotitle{
  margin:0 0 8px; font-size:19px; font-weight:800; line-height:1.25; color:var(--gxh-white);
}
.cst-gx-hd__promotxt{
  margin:0 0 20px; font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.8);
}
.cst-gx-hd__promobtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; padding:13px 20px;
  font-size:14.5px; font-weight:700;
  color:var(--gxh-white) !important;
  background:var(--gxh-blue);
  border-radius:8px;
  transition:background-color .18s ease;
}
.cst-gx-hd__promobtn:hover,
.cst-gx-hd__promobtn:focus{ background:var(--gxh-blue-dark) !important; color:var(--gxh-white) !important; }


/* ================================================
   56 | MOBIL DRAWER
================================================ */
.cst-gx-hd__overlay{
  position:fixed; inset:0; z-index:10000;
  background:rgba(0,0,0,.55);
  opacity:0; transition:opacity .28s ease;
}
.cst-gx-hd__overlay.is-open{ opacity:1; }

.cst-gx-hd__drawer{
  position:fixed; z-index:10001;
  top:0; right:0;
  height:100dvh;                    /* dvh: mobil böngészősáv nem vágja le */
  width:min(88vw, 380px);
  display:flex; flex-direction:column;
  background:var(--gxh-white);
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.22,.61,.36,1);
  overflow:hidden;                  /* csak a nav görgethető, lásd alább */
}
.cst-gx-hd__drawer.is-open{ transform:translateX(0); }

.cst-gx-hd__drawertop{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--gxh-line);
}
.cst-gx-hd__drawertop img{
  width:auto !important; height:38px !important; max-width:none;
}
.cst-gx-hd__close{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; padding:0;
  color:var(--gxh-ink) !important;
  background:var(--gxh-blue-050) !important;
  border:1px solid var(--gxh-line); border-radius:8px;
  cursor:pointer;
}
.cst-gx-hd__close:hover,
.cst-gx-hd__close:focus{ background:var(--gxh-blue) !important; color:var(--gxh-white) !important; }
.cst-gx-hd__close svg{ width:19px; height:19px; }

.cst-gx-hd__drawernav{
  flex:1 1 auto; min-height:0;
  padding:6px 0;
  overflow-y:auto;              /* csak a menü görgethető */
  -webkit-overflow-scrolling:touch;
}
.cst-gx-hd__drawernav ul{ margin:0; padding:0; list-style:none; }
.cst-gx-hd__drawernav > ul > li{ border-bottom:1px solid var(--gxh-line); }

.cst-gx-hd__drawernav > ul > li > a,
.cst-gx-hd__accbtn{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%;
  padding:16px 20px;
  font-family:var(--gxh-font);
  font-size:16px; font-weight:600; text-align:left; line-height:1.3;
  color:var(--gxh-ink) !important;
  background:transparent !important;   /* téma rózsaszín hover hátterének kilövése */
  border:none; cursor:pointer;
  transition:background-color .16s ease, color .16s ease;
}
/* Hover/fókusz: halvány kék, nem a téma alapszíne */
.cst-gx-hd__drawernav > ul > li > a:hover,
.cst-gx-hd__drawernav > ul > li > a:focus,
.cst-gx-hd__accbtn:hover,
.cst-gx-hd__accbtn:focus{
  background:var(--gxh-blue-050) !important;
  color:var(--gxh-blue) !important;
}
.cst-gx-hd__accbtn svg{ width:18px; height:18px; flex:0 0 auto; transition:transform .22s ease; }
.cst-gx-hd__acc.is-open .cst-gx-hd__accbtn{ color:var(--gxh-blue) !important; }
.cst-gx-hd__acc.is-open .cst-gx-hd__accbtn svg{ transform:rotate(180deg); }

/* Harmonika panel
   FIGYELEM: a grid-template-rows:0fr trükk itt NEM működik, mert az <ul>
   minden <li>-je külön rácssort kap, és a 0fr csak az elsőre vonatkozik –
   ezért látszottak nyitva az almenük, első elem nélkül.
   Megbízható megoldás: max-height + overflow. */
.cst-gx-hd__accpanel{
  display:block !important;
  max-height:0; overflow:hidden;
  margin:0 !important; padding:0 !important;
  background:var(--gxh-blue-050);
  transition:max-height .3s cubic-bezier(.22,.61,.36,1);
}
.cst-gx-hd__acc.is-open .cst-gx-hd__accpanel{
  max-height:400px;   /* bőven elég 4-5 almenüpontnak */
}
.cst-gx-hd__accpanel > li{ margin:0 !important; border:none !important; }
.cst-gx-hd__accpanel a{
  display:block; padding:13px 20px 13px 34px;
  font-size:15px; font-weight:500;
  color:var(--gxh-body) !important;
}
.cst-gx-hd__accpanel a:hover{ color:var(--gxh-blue) !important; }

/* Kosár a mobil menü végén – kék háttérrel kiemelve */
.cst-gx-hd__drawernav > ul > li > a.cst-gx-hd__drawercart{
  color:var(--gxh-blue) !important;
  font-weight:800;
}
.cst-gx-hd__drawernav > ul > li > a.cst-gx-hd__drawercart:hover{
  background:var(--gxh-blue) !important;
  color:var(--gxh-white) !important;
}
.cst-gx-hd__drawercart svg{ width:19px; height:19px; flex:0 0 auto; }

.cst-gx-hd__drawerfoot{
  flex:0 0 auto;
  padding:18px 20px; border-top:1px solid var(--gxh-line); background:var(--gxh-blue-050);
}
.cst-gx-hd__drawercall{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 20px; margin-bottom:16px;
  font-size:16px; font-weight:700;
  color:var(--gxh-white) !important;
  background:var(--gxh-blue);
  border-radius:9px;
}
.cst-gx-hd__drawercall svg{ width:19px; height:19px; }
.cst-gx-hd__drawercontact{ margin:0; padding:0; list-style:none; display:grid; gap:9px; }
.cst-gx-hd__drawercontact a{
  font-size:13.5px; font-weight:500; color:var(--gxh-body) !important;
}


/* Billentyűzetes navigáció: a fókuszkeret maradjon látható
   (a fenti reset az outline-t is nullázta) */
.cst-gx-hd button:focus-visible,
.cst-gx-hd a:focus-visible{
  outline:3px solid var(--gxh-blue) !important;
  outline-offset:2px;
}


/* ================================================
   89 | RESZPONZÍV
================================================ */

/* Nagy tablet – szűkebb padding, kisebb telefonszöveg */
@media (max-width:1200px){
  .cst-gx-hd__wrap{ padding:0 20px; }
  .cst-gx-hd__maininner{ gap:22px; }
  .cst-gx-hd__calltxt small{ display:none; }
  .cst-gx-hd__menu{ gap:4px; }
  .cst-gx-hd__link{ padding:16px 14px; font-size:13px; letter-spacing:.05em; }
  .cst-gx-hd__cart{ padding:10px 16px; font-size:12.5px; letter-spacing:.05em; }
  .cst-gx-hd__cart svg{ width:16px; height:16px; }
}

/* Tablet – nav és felső sáv rejtve, drawer aktív */
@media (max-width:1024px){
  .cst-gx-hd__top{ display:none; }
  .cst-gx-hd__nav{ display:none; }
  .cst-gx-hd__call{ display:none; }
  .cst-gx-hd__iconbtn{ display:inline-flex; }
  .cst-gx-hd__maininner{ min-height:72px; gap:16px; }
  .cst-gx-hd__logo img{ height:44px !important; }
  .cst-gx-hd__search{ height:48px; }
  .cst-gx-hd__searchbtn{ padding:0 20px; font-size:13px; }
}

/* Mobil – a kereső kicsúszik a fejléc alá, ikonra kattintva nyílik */
@media (max-width:767px){
  .cst-gx-hd__wrap{ padding:0 16px; }
  .cst-gx-hd__maininner{ min-height:66px; gap:12px; }
  .cst-gx-hd__logo img{ height:40px !important; }
  /* A kereső mobilon kikerül a sorból, ezért az akciók a jobb szélre kerülnek */
  .cst-gx-hd__actions{ margin-left:auto; }

  .cst-gx-hd__searchbox{
    position:absolute; z-index:40;
    top:100%; left:0; right:0;
    padding:0 16px;
    max-height:0; overflow:hidden;
    background:var(--gxh-white);
    border-bottom:1px solid transparent;
    transition:max-height .28s ease, padding .28s ease, border-color .28s ease;
  }
  .cst-gx-hd.is-search-open .cst-gx-hd__searchbox{
    max-height:120px; padding:14px 16px; border-bottom-color:var(--gxh-line);
  }
  /* A "Keresés" szöveges gomb helyett ikon férne csak el – marad a küldés
     az Enter billentyűvel, a gomb keskenyebb */
  .cst-gx-hd__searchbtn{ padding:0 16px; font-size:12.5px; }
  .cst-gx-hd__clear{ margin:0 6px; }
  .cst-gx-hd__input{ font-size:16px !important; }  /* 16px: iOS ne zoomoljon */

  .cst-gx-hd__results{ max-height:min(60vh, 400px); }
  .cst-gx-hd__rithumb{ width:48px; height:48px; }
  .cst-gx-hd__ritxt strong{ font-size:13.5px; }
}

/* Mozgáscsökkentés */
@media (prefers-reduced-motion:reduce){
  .cst-gx-hd__dot{ animation:none; }
  .cst-gx-hd__mega,
  .cst-gx-hd__drawer,
  .cst-gx-hd__overlay,
  .cst-gx-hd__accpanel,
  .cst-gx-hd__megalist a{ transition:none !important; }
}/* End custom CSS */