/* =====================================================================
   Gépész Holding arculat (2026) - közös felülíró stíluslap
   Forrás: gepesz-design-preset-2026-09-30.json, HAJDU_Z120 látványterv,
   Gepesz_Holding_Arculati_Kezikonyv_01.
   Minden fejléc-változat ezt tölti be, így a fejléc, a lábléc, a betűtípus
   és a színek minden oldalon azonosak. A régi, oldalanként eltérő CSS
   részleteket !important-tal írja felül.
   ===================================================================== */

@font-face{font-family:'Bai Jamjuree';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-Light.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-Regular.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-Italic.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-Medium.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-SemiBold.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-Bold.ttf') format('truetype');}
@font-face{font-family:'Bai Jamjuree';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/bai-jamjuree/BaiJamjuree-BoldItalic.ttf') format('truetype');}

:root{
  --gh-primary:#E94931;
  --gh-orange-text:#C7361F;
  --gh-accent:#EEE4E8;
  --gh-secondary:#6C1346;
  --gh-bg:#FFFFFF;
  --gh-card:#FFFFFF;
  --gh-border:#DBCBD2;
  --gh-text:#390E29;
  --gh-text-secondary:#6C1346;
  --gh-btn-bg:#6C1346;
  --gh-btn-text:#FFFFFF;
  --gh-btn-hover-bg:#E94931;
  --gh-cta-bg:#E94931;
  --gh-cta-text:#FFFFFF;
  --gh-cta-hover-bg:#390E29;
  --gh-h2-size:20px;
  --gh-h3-size:18px;
  --gh-header-bg:#390E29;
  --gh-header-text:#FDFCFB;
  --gh-header-accent:#E94931;
  --gh-header-card:#FFFFFF;
  --gh-header-border:#DBCBD2;
  --gh-footer-bg:#3C1029;
  --gh-footer-heading:#E94931;
  --gh-footer-text:#FDFCFB;
  --gh-footer-text-secondary:#D9C3D0;
  --gh-footer-border:#6C1346;
  --gh-font:'Bai Jamjuree','Segoe UI',Arial,Verdana,Tahoma,sans-serif;
  --bs-primary:#E94931;
  --bs-primary-rgb:233,73,49;
  --bs-body-color:#390E29;
  --bs-body-font-family:'Bai Jamjuree','Segoe UI',Arial,Verdana,Tahoma,sans-serif;
}

/* ================= Alap: betűtípus, szövegszín ================= */
html,body{background-color:var(--gh-bg);color:var(--gh-text);}
/* Natív jelölőnégyzetek, rádiógombok, csúszkák: a böngésző kék alapszíne helyett padlizsán (az accent-color öröklődik) */
body{accent-color:var(--gh-header-bg);}
/* Ikon-fontokat (glyphicon, bootstrap-icons, font awesome, FullCalendar fc-icon) nem írjuk felül. */
body,
body :is(aside,article,main,section,header,footer,nav,div,p,span,a,li,ul,ol,dl,dt,dd,table,thead,tbody,tr,td,th,caption,label,legend,fieldset,input,button,select,textarea,option,h1,h2,h3,h4,h5,h6,small,strong,b,em,i,u,figcaption,blockquote,font):not(.glyphicon):not([class^="bi"]):not([class*=" bi-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]):not(.material-icons):not([class*="fc-icon"]){
  font-family:var(--gh-font) !important;
}

/* Címsorok - szöveg-meghatározás (e-mail): H2 20 / H3 18 px, félkövér.
   A H1 méretét itt NEM írjuk felül: az oldalak saját H1 mérete marad (élesen pl. főoldal 16px,
   shop 14px, blog 11px). A 26px-es oldalcímek az oldalak saját CSS-ében vannak (termék,
   lista/akciók, hírlevél, belépés).
   Szándékosan NINCS !important: a régi, általános "h1{...}" szabályokat felülírja
   (később töltődik, nagyobb specificitás), de az egyedi komponensek saját
   ID/osztály szabályai (pl. narancs sávok fehér 16px felirata: #menu_wind1,
   #kozepresz aside nav h2) érvényben maradnak. */
h1:not(header *):not(footer *){color:var(--gh-text);font-weight:700;font-style:normal;line-height:1.25;}
h2:not(header *):not(footer *){color:var(--gh-text);font-size:var(--gh-h2-size);font-weight:700;font-style:normal;line-height:1.3;}
h3:not(header *):not(footer *){color:var(--gh-text);font-size:var(--gh-h3-size);font-weight:700;font-style:normal;line-height:1.3;}
:is(h1,h2,h3) strong{font-weight:inherit;color:inherit;}

/* ================= Ikonok (SVG maszk, szín a "color"-ból) ================= */
.gh-icon{
  display:inline-block;vertical-align:middle;flex:none;
  width:24px;height:24px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  mask-mode:alpha;
}
.gh-ikon-fiok{-webkit-mask-image:url('../images/arculat/ikon-fiok.svg');mask-image:url('../images/arculat/ikon-fiok.svg');}
.gh-ikon-kilepes{-webkit-mask-image:url('../images/arculat/ikon-kilepes.svg');mask-image:url('../images/arculat/ikon-kilepes.svg');}
.gh-ikon-kosar{-webkit-mask-image:url('../images/arculat/ikon-kosar.svg');mask-image:url('../images/arculat/ikon-kosar.svg');}
.gh-ikon-kereses{-webkit-mask-image:url('../images/arculat/ikon-kereses.svg');mask-image:url('../images/arculat/ikon-kereses.svg');}
.gh-ikon-menu{-webkit-mask-image:url('../images/arculat/ikon-menu.svg');mask-image:url('../images/arculat/ikon-menu.svg');}
.gh-ikon-osszehasonlito{-webkit-mask-image:url('../images/arculat/ikon-osszehasonlito.svg');mask-image:url('../images/arculat/ikon-osszehasonlito.svg');}
.gh-ikon-kedvencek{-webkit-mask-image:url('../images/arculat/ikon-kedvencek.svg');mask-image:url('../images/arculat/ikon-kedvencek.svg');}
.gh-ikon-uzlet{-webkit-mask-image:url('../images/arculat/ikon-uzlet.svg');mask-image:url('../images/arculat/ikon-uzlet.svg');}

/* ================= Fejléc ================= */
header{
  background-color:var(--gh-header-bg) !important;
  border-top:0 !important;
  border-bottom:0 !important;
  margin:0 !important;padding:0 !important;
  color:var(--gh-header-text) !important;
}
header a,header a:hover,header a:visited{text-decoration:none !important;}
header .gh-icon,#mezo_kosar .gh-icon,#mezo_login .gh-icon,#mezo_mobil .gh-icon,#mezo_talalat .gh-icon{color:var(--gh-header-accent) !important;cursor:pointer;}

/* Logó - asztali nézetben a szlogen ("Épületgépészetben otthon") a logó része (külön HTML szlogen nincs) */
#mezo_logo{text-decoration:none !important;}
#mezo_logo img.gh-logo{display:block !important;width:260px !important;max-width:none !important;height:auto !important;margin:0 auto !important;padding:0 !important;}

/* Kereső */
#mezo_talalat{line-height:20px !important;}
#mezo_talalat #mezo_input{
  background-color:var(--gh-header-card) !important;color:var(--gh-text) !important;
  border:1.5px solid var(--gh-header-border) !important;
  font-size:14px !important;line-height:20px !important;
}
#mezo_input::placeholder{color:#6B5E68 !important;opacity:1;}
#mezo_talalat .gh-ikon-kereses{width:28px !important;height:28px !important;margin:0 0 0 8px !important;}
#mezo_talalat span img{height:28px !important;width:auto !important;margin:0 0 0 8px !important;vertical-align:middle !important;}
#talalat{background-color:var(--gh-header-card) !important;color:var(--gh-text) !important;border-color:var(--gh-header-border) !important;line-height:normal !important;}
#kereso_menu,#mezo_talalat #talalat #kereso_menu{background-color:var(--gh-header-border) !important;}
#kereso_menu label{color:var(--gh-text-secondary) !important;}
#kereso_menu label.kivalaszt{color:var(--gh-text) !important;background-color:var(--gh-header-card) !important;}
#kereso_menu label.bezar_kereso:hover{background-color:var(--gh-header-accent) !important;color:#FFFFFF !important;}
.kat_talalt li p{color:var(--gh-text) !important;}
.kat_talalt li label{color:var(--gh-text-secondary) !important;}
.kat_talalt li label:hover,.keres_talalat a p:hover{background-color:var(--gh-accent) !important;}
.keres_talalat a p label,.keres_talalat .t_1{color:var(--gh-text-secondary) !important;}
.keres_talalat p label:hover{color:var(--gh-text) !important;}

/* Menüsor */
#mezo_menu{line-height:20px !important;}
#mezo_menu a,#mezo_menu a:visited{color:var(--gh-header-text) !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.03em !important;}
#mezo_menu a:hover{color:var(--gh-header-accent) !important;}

/* Belépés / kosár sor */
/* div#mezo_login a: a shop/css3/header.php régi "div#mezo_login a{color:black!important}" szabályát is felülírja */
#mezo_login,#mezo_login a,#mezo_login a:visited,div#mezo_login a{color:var(--gh-header-text) !important;font-size:13px !important;font-weight:600 !important;}
#mezo_login a:hover{color:var(--gh-header-accent) !important;}
#mezo_login .gh-icon{width:24px !important;height:24px !important;padding:0 !important;margin:0 9px 0 5px !important;}
#mezo_kosar a{display:inline-block !important;vertical-align:middle !important;text-decoration:none !important;}
#mezo_kosar .gh-icon{width:24px !important;height:24px !important;padding:0 !important;margin:0 5px 0 21px !important;}
#mezo_kosar a:first-child .gh-icon{margin-left:0 !important;}
#mezo_kosar span#kosar_db,#mezo_kosar span:not(.gh-icon){color:var(--gh-header-text) !important;font-size:13px !important;font-weight:700 !important;padding:0 0 0 4px !important;margin:0 !important;vertical-align:middle !important;}
#mezo_belepes div img{margin-left:0 !important;}

/* Dolgozói sáv, értesítő */
#dolgozoi{background-color:var(--gh-secondary) !important;}
#dolgozoi .d_menu a{color:var(--gh-header-card) !important;}
#dialog{color:var(--gh-header-accent) !important;}

@media screen and (min-width:800px){
  /* Egységes fejlécméret minden oldalon */
  #logo{display:table !important;width:1200px !important;max-width:100% !important;height:100px !important;margin:0 auto !important;padding:0 !important;}
  #mezo_logo{display:table-cell !important;width:350px !important;height:100px !important;vertical-align:middle !important;text-align:center !important;}
  #mezo_kereso{display:table-cell !important;width:480px !important;vertical-align:bottom !important;padding:0 0 12px !important;}
  #mezo_talalat{white-space:nowrap;}
  #mezo_talalat #mezo_input{width:420px !important;height:36px !important;padding:6px 12px !important;box-sizing:border-box !important;vertical-align:middle !important;}
  #mezo_menu{padding:14px 0 0 !important;}
  #mezo_menu a{margin-left:0 !important;margin-right:22px !important;}
  #mezo_belepes{display:table-cell !important;width:370px !important;vertical-align:bottom !important;padding:0 0 12px !important;}
  #mezo_login{width:100% !important;text-align:right !important;padding:0 !important;line-height:24px !important;}
  #mezo_kosar{width:100% !important;text-align:right !important;padding:10px 0 0 !important;line-height:24px !important;}
  #mezo_logo_2,#mezo_mobil{display:none !important;}
}
@media (max-width:799px){
  #logo{display:block !important;width:95% !important;height:auto !important;margin:0 auto !important;padding:8px 0 !important;}
  #mezo_kereso{display:block !important;width:100% !important;padding:8px 0 0 !important;}
  #mezo_logo_2{display:table-cell !important;width:45% !important;vertical-align:middle !important;}
  #mezo_logo_2 img#l_ogo,#l_ogo{display:block !important;width:160px !important;max-width:100% !important;height:auto !important;}
  #mezo_mobil{display:table-cell !important;width:55% !important;text-align:right !important;vertical-align:middle !important;white-space:nowrap;}
  #mezo_mobil p{display:inline-block !important;width:auto !important;padding:0 0 0 14px !important;margin:0 !important;vertical-align:middle !important;line-height:0 !important;}
  #mezo_mobil .gh-icon{width:26px !important;height:26px !important;}
  #mezo_mobil .gh-ikon-menu{color:var(--gh-header-text) !important;}
  #mezo_talalat .gh-ikon-kereses{display:none !important;}
  #mezo_talalat #mezo_input{padding:8px 12px !important;box-sizing:border-box !important;}
}

/* Másodlagos navigáció a fejléc alatt (kategória menü) */
/* A lenyíló TERMÉKEINK menü a termékoldali karusszel lapozógombja (z-index 4) fölött legyen */
#menu_wind{z-index:10 !important;}
#fo nav ul li{border-color:var(--gh-header-accent) !important;}
#kozepresz aside nav ul:not(#blog_menu_1) li:last-child a{color:var(--gh-primary) !important;}

/* ================= Lábléc ================= */
#footer{background-color:var(--gh-footer-bg) !important;margin-top:20px;}
footer{
  background-color:var(--gh-footer-bg) !important;color:var(--gh-footer-text) !important;
  width:100% !important;max-width:none !important;
}
footer > div:first-child{max-width:1200px;margin:0 auto;}
footer section{border-color:var(--gh-footer-border) !important;}
footer section a h3,footer section h3{
  color:var(--gh-footer-heading) !important;font-size:18px !important;font-weight:600 !important;font-style:italic !important;text-decoration:none !important;
}
footer .lablec li,footer .lablec li span,footer .lablec1 li,footer .lablec1 li a{color:var(--gh-footer-text) !important;font-size:14px !important;}
footer .lablec li:first-child,footer .lablec li:first-child span{font-weight:600 !important;}
/* Szakáruház lista olvashatósága: a város kiemelt (600, fehér), a cím és a cég halványabb (lábléc másodlagos szín),
   nagyobb sorköz és halvány elválasztó vonal. A vonal háttérként, 450px hosszan: a 3. oszlop 230px széles,
   egy teljes soros keret a szöveg után egészen a Webáruház oszlopig nyúlna. (A hover szabály alatta marad, hogy nyerjen.) */
footer ul.lablec li{padding-top:4px !important;padding-bottom:4px !important;}
footer ul.lablec li:not(:first-child) span{color:var(--gh-footer-text-secondary) !important;}
footer ul.lablec{background:linear-gradient(rgba(253,252,251,.22),rgba(253,252,251,.22)) no-repeat left bottom / 450px 1px;}
footer section > a:last-child > ul.lablec{background:none;} /* az utolsó sor (Veszprém) alatt nincs vonal */
footer .lablec1 li a:hover,footer a:hover .lablec li span{color:var(--gh-footer-heading) !important;}
footer .lablec-valaszto-li,footer .lablec-valaszto-cim{color:var(--gh-footer-text) !important;}
footer .mobile,footer .mkorrekc{background-color:var(--gh-footer-bg) !important;}
footer .mobile a{color:var(--gh-footer-text) !important;border-bottom-color:var(--gh-footer-border) !important;font-size:13px !important;}
#hlevel p{color:var(--gh-footer-text) !important;}

/* Szerzői jogi sor - minden oldalon azonos méret */
#lab_szoveg,footer #lab_szoveg{
  display:block !important;width:100% !important;box-sizing:border-box !important;
  margin:20px 0 0 !important;padding:12px 10px !important;
  background-color:var(--gh-footer-bg) !important;border-top:1px solid var(--gh-footer-border) !important;
  color:var(--gh-footer-text-secondary) !important;text-align:center !important;
  font-size:14px !important;font-weight:600 !important;font-style:normal !important;line-height:1.5 !important;
}
#lab_szoveg span,#lab_szoveg a{color:var(--gh-footer-text) !important;font-size:14px !important;font-weight:600 !important;font-style:normal !important;text-decoration:none !important;}
@media (max-width:799px){
  footer section{border-bottom:1px solid var(--gh-footer-border) !important;}
  footer section a h3,footer section h3{font-size:16px !important;}
  #lab_szoveg,footer #lab_szoveg,#lab_szoveg span,#lab_szoveg a{font-size:12px !important;overflow-wrap:anywhere;}
  #lab_szoveg{margin-top:0 !important;}
}

/* ================= Tartalom: gombok ================= */
/* "Részletek" gomb (termékkártyák) - JSON block-btn */
.pd-btn-green{background-color:var(--gh-btn-bg) !important;color:var(--gh-btn-text) !important;border-color:var(--gh-btn-bg) !important;}
.pd-btn-green:hover{background-color:var(--gh-btn-hover-bg) !important;border-color:var(--gh-btn-hover-bg) !important;}

/* "Ezek is érdekelhetik Önt!" karusszel "Részletek" gombja (shop/alternativ_termekek_kedv.php) - JSON block-btn.
   !important: a Bootstrap .btn / .btn:hover szabályait írja felül. */
.gh-block-btn{background:var(--gh-btn-bg) !important;border:1.5px solid var(--gh-border) !important;color:var(--gh-btn-text) !important;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.gh-block-btn:hover{background:var(--gh-btn-hover-bg) !important;border-color:var(--gh-accent) !important;color:var(--gh-accent) !important;}

/* "Ajánlott kiegészítők" blokk (shop/ajanlas_kiegeszito.php) - JSON block2: "Kiválasztom" és "Kosárba teszem" */
.gh-b2-btn{display:inline-block;background:var(--gh-btn-bg);border:1.5px solid var(--gh-border);color:var(--gh-btn-text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.gh-b2-btn:hover{background:var(--gh-btn-hover-bg);border-color:var(--gh-accent);color:var(--gh-accent);}
.gh-b2-cta{display:inline-block;background:var(--gh-cta-bg);color:var(--gh-cta-text);cursor:pointer;transition:background-color .15s ease;}
.gh-b2-cta:hover{background:var(--gh-cta-hover-bg);}

/* "Megnézem az összes üzletet" - szögletes CTA gomb, a HAJDU látványterv szerint */
#keszletadatok .keszlet_ossz,#keszletadatok div.keszlet_ossz,.keszlet_ossz{
  display:block !important;width:fit-content !important;margin:14px auto 0 !important;padding:10px 24px !important;
  background:var(--gh-cta-bg) !important;color:var(--gh-cta-text) !important;border:0 !important;border-radius:0 !important;
  font-size:15px !important;font-weight:700 !important;text-align:center !important;cursor:pointer !important;
  transition:background-color .15s ease;
}
#keszletadatok .keszlet_ossz:hover,#keszletadatok div.keszlet_ossz:hover,.keszlet_ossz:hover{background:var(--gh-cta-hover-bg) !important;}

/* ================= Termékoldal: szekciófejlécek, üzletlista, kosár doboz (JSON secheader / cartbox) ================= */
/* Szekciófejléc sáv ("Melyik üzletben van raktáron?", "Részletes leírás" ...): fehér háttér, sötét felirat,
   halvány alsó vonal - a demó szerint, lekerekítés nélkül. */
#keszletadatok div.resz_header,#termek-leiras div div.resz_header,#letoltheto-anyagok div.resz_header,#szallitasi-informaciok div.resz_header,#kerdes div.resz_header{
  background-color:var(--gh-bg) !important;color:var(--gh-text) !important;border-bottom:2px solid var(--gh-accent) !important;font-size:22px !important;
}
/* Üzletlista: üzletnév az alap szövegszínnel, az állapot (2. oszlop) félkövér. A "Raktáron"
   (li.raktar-szin, shop/css3/x3.php) kék #2B4295 (arculati kék; a zöld nincs a kézikönyvben), mint a terméklista RAKTÁRON felirata - ez a kiemelt állapot; a többi ("Rendelhető",
   "Ide nem kérhető") szürke, hogy a "Raktáron" kiugorjon. A demó az accent színt adná a "Raktáron"-nak,
   ami a JSON-ban #EEE4E8, vagyis fehér háttéren szinte láthatatlan. */
#keszletadatok div.keszlet1 ul li{color:var(--gh-text);}
#keszletadatok div.keszlet1 ul li:last-child{font-weight:700;}
#keszletadatok div.keszlet1 ul li:last-child:not(.raktar-szin){color:#6B5E68;}
/* Mennyiség-választó (-/+) és "Csomagban vásárolom meg" - JSON cartbox */
#basket ul,#basket ul li label{background-color:var(--gh-accent) !important;}
#basket ul li label{color:var(--gh-secondary) !important;}
#mennykedv p,#csomagkedv p,#mennykedv div label:last-child,#csomagkedv div label:last-child{color:var(--gh-primary) !important;}
#mennykedv div,#csomagkedv div{color:var(--gh-text) !important;}
#mennykedv div:hover,#csomagkedv div:hover{background-color:var(--gh-bg) !important;}
/* "RAKTÁRON" jelvény (csak a termékoldalon; a kereső találati lista készlet-ikon cellái is .rak1/.rak2
   osztályúak, azokra nem vonatkozik) - JSON accent háttér, sötét felirat, lekerekítés nélkül */
#details .rak1,#details .rak2{background-color:var(--gh-accent) !important;color:var(--gh-text) !important;}
/* Részletes leírás: a folyószöveg 16px (e-mail: bekezdés 16px), mint a "Műszaki adatok" táblázat. A felsorolás eddig 12px volt;
   a leírás tartalmába a szerkesztők által beírt kisebb betűméreteket is 16px-re emeljük, a nagyobbak (pl. 18px-es bevezető) maradnak. */
#termek-leiras div:first-child ul{font-size:16px !important;}
#termek_reszlet :is([style*="font-size:10px" i],[style*="font-size: 10px" i],[style*="font-size:11px" i],[style*="font-size: 11px" i],[style*="font-size:12px" i],[style*="font-size: 12px" i],[style*="font-size:13px" i],[style*="font-size: 13px" i],[style*="font-size:14px" i],[style*="font-size: 14px" i],[style*="font-size:15px" i],[style*="font-size: 15px" i],[style*="font-size:7pt" i],[style*="font-size: 7pt" i],[style*="font-size:8pt" i],[style*="font-size: 8pt" i],[style*="font-size:9pt" i],[style*="font-size: 9pt" i],[style*="font-size:10pt" i],[style*="font-size: 10pt" i],[style*="font-size:10.5pt" i],[style*="font-size: 10.5pt" i],[style*="font-size:11pt" i],[style*="font-size: 11pt" i],[style*="font-size:small" i],[style*="font-size: small" i],[style*="font-size:x-small" i],[style*="font-size: x-small" i],[style*="font-size:smaller" i],[style*="font-size: smaller" i]){font-size:16px !important;}
/* Leírás linkjei: a tartalomba beírt szín (pl. türkiz #33cccc) helyett a többi szöveges linkkel azonos szövegnarancs; a türkiz kiemelés is */
#termek_reszlet a,#termek_reszlet a *,#termek_reszlet [style*="33cccc" i]{color:var(--gh-orange-text) !important;}
/* Műszaki adatok - az újabb látványterv (Új termékoldal_L_4) szerint: a megnevezés balra, normál, másodlagos szürke;
   az érték jobbra zárt, félkövér, sötétlila. A betűméret 16px marad, mint a Részletes leírásé. */
#termek-leiras > div:last-child > ul > li:first-child{color:#6B5E68;font-weight:400;}
#termek-leiras > div:last-child > ul > li:last-child{color:var(--gh-text);font-weight:600;text-align:right;}

/* ================= Villanybojler kiválasztó (shop/list.php?menu=35) ================= */
/* A váltakozó rózsaszín sorok helyett a termékoldali "Műszaki adatok" táblázat stílusa: átlátszó háttér, halvány alsó vonal */
#bojler_kivalaszto > div:not(.kivalaszt_gomb){background-color:transparent !important;border-bottom:1px solid var(--gh-accent);}

/* ================= Oldalsó menü (főoldal, webáruház, ajánlatok, kategóriák, blog ...): mindenhol a főoldal stílusa ================= */
/* Arculati világos háttér, fehér elválasztó, 14px - a shop szürke (#f5f6fa) és a blog fehér háttere helyett; a kategóriaoldalon
   az alkategória-sor (#menusor) is. Az utolsó, narancs menüpont ("Gépész outlet") csak ott marad, ahol eddig is volt. */
#kozepresz aside nav,#kozepresz aside nav ul#blog_menu_1,#main-nav div.elso nav,#main-div nav,#menusor{background-color:var(--gh-accent) !important;}
#main-nav div.elso nav ul li,#main-div nav ul li{margin:0 10px !important;padding:10px 0 !important;border-bottom:1px solid #fff !important;font-size:14px !important;}
#main-nav div.elso nav ul li:not(:last-child) a,#main-div nav ul li:not(:last-child) a{font-size:14px !important;}
/* Blog: a "Gépész Blog" cím a főoldali TERMÉKEINK sávhoz hasonló narancs sáv, fehér felirattal; fehér elválasztó, narancs hover */
#kozepresz aside nav:has(#blog_menu_1) h2{background-color:var(--gh-primary) !important;color:#fff !important;font-size:16px !important;font-style:normal !important;}
#blog_menu_1 li{border-bottom-color:#fff !important;margin:0 10px !important;padding:10px 0 !important;font-size:14px !important;}
/* Outlet: a kategória-szűrő menü (#szukito, outlet/css3/x2.php) is a főoldal stílusában */
#szukito ul li{margin:0 10px !important;padding:10px 0 !important;font-size:14px !important;color:var(--gh-text) !important;}

/* ================= Kalkulátorok (kalkulatorok.php, kazán, radiátor) ================= */
/* A gyökér oldalak régi általános "h1{padding-left:35px}" szabálya a hero-címet is eltolta az alcímhez képest */
.gepesz-hero-title,.kk-title,.grk-hero h1{padding-left:0;}
#blog_menu_1 li a:hover,#lista_menu_1 a:hover{color:var(--gh-primary) !important;}

/* ================= Termékkártyák (shop főoldal, lista, akciók, outlet ...) ================= */
/* Név félkövér (600), cikkszám normál; mindkettő 2px-szel nagyobb. Ár félkövér, szövegnarancs, mint a termékoldalon.
   A név doboza 3 sor (3 x 19px): a nagyobb betűvel a hosszabb nevek 3 sorba törnek; ennél hosszabb névnél a 3. sor végén
   "…" jelzi a folytatást, a kártyák egyforma magasak maradnak. */
p.nev{font-size:14px;font-weight:600;line-height:19px;height:57px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#mobil_verzio p.nev{display:block;-webkit-line-clamp:unset;}
p.cikkszam{font-size:12px;font-weight:400;}
p.harmadik{font-weight:600;}
.kiir_ar1 p.harmadik,p.harmadik{color:var(--gh-orange-text);}
/* Készlet felirat: a "RENDELHETŐ" a termékoldali üzletlistával egyezően szürke, mint ott a "Rendelhető" (a .narancs osztály
   máshol - kosár, "INGYENES" - narancs marad); a "RAKTÁRON" kék (.zold, shop/css3/header.php) */
.cimkekeszlet.narancs,.cimkekeszlet p.narancs{color:#6B5E68;}
/* Akciós ár (belépve, illetve akciós terméknél) is félkövér, mint a sima ár; az áthúzott eredeti ár normál marad */
.kiir_ar1 p.masodik{font-weight:600;}

/* ================= Kereső találati lista, belépve (shop/kereso_talalat.php) ================= */
/* "Kosárba teszem": a régi képgomb (szürke gomb narancs kosárral) helyett a webáruház narancs CTA gombja, fehér felirattal
   és kosár ikonnal. A régi ".kosar_keret label img{width:160px}" szabály a gombon belüli ikonra nem vonatkozhat. */
.kosar_keret label .gh-kosar-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:var(--gh-cta-bg);color:var(--gh-cta-text);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .15s ease;}
.kosar_keret label .gh-kosar-cta:hover{background:var(--gh-cta-hover-bg);}
.kosar_keret label .gh-kosar-cta img{width:20px;height:20px;max-width:none;padding:0;}

/* ================= Kosár és pénztár tételsor ================= */
/* Név félkövér, cikkszám normál, ár félkövér */
ul.termek li.k_nev h3{font-weight:600;}
ul.termek li.k_nev h4{font-weight:400;}
ul.termek li.k_ar p,ul.termek li.k_osszar p{font-weight:600;}

/* ================= Pénztár (megrendeles.php, megrendeles_veglegesites.php) ================= */
/* Szakaszfejlécek ("Az Ön kosara", "Átvételi módok", "Fizetési módok" ...): narancs helyett padlizsán */
.lab_link,.csik label{color:var(--gh-text) !important;}
/* Személyes átvétel - szakáruház lista: padlizsán fejléc fehér felirattal (a fejléc színe);
   a szürke dobozok helyett fehér háttér, lila felirat, lila elválasztó */
#szakaruhaz > ul > li,#szakaruhaz > ul > li label{background-color:var(--gh-bg) !important;color:var(--gh-secondary) !important;}
#szakaruhaz > ul > li:first-child{background-color:var(--gh-header-bg) !important;}
#szakaruhaz > ul > li h2{color:#FFFFFF !important;}
#szakaruhaz div{background-color:var(--gh-bg) !important;}
/* Átvételi mód, fizetési mód (utánvét ...), számla adatszolgáltatás (Magánszemély / Adóalany): ugyanez */
.fizetesi_mod ul li{background-color:var(--gh-bg) !important;margin-bottom:0 !important;border-bottom:1px solid var(--gh-secondary);}
.fizetesi_mod ul li,.fizetesi_mod ul li *{color:var(--gh-secondary) !important;}
/* Szállítási díj táblázat fejléce: szürke helyett padlizsán */
.szallitas_table td[style*="darkgray"]{background-color:var(--gh-header-bg) !important;}
/* Rendelés lezárása előtti jelölőnégyzetek: kék helyett padlizsán */
main.kozepresz input[type="checkbox"]{accent-color:var(--gh-header-bg);}