/* === Index polish (safe layer) === */
/* Fixed navbar miatt legyen hely felül */
body { padding-top: 70px; }

@media (max-width: 768px){
  body { padding-top: 62px; }
}

/* Kicsit szebb alap tipó */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Képek ne ugorjanak és ne lógjanak ki */
img { max-width: 100%; height: auto; }

/* Konténer általános középre és levegő */
.container, .container-fluid {
  max-width: 1200px;
}

/* Gombok: egységesebb, jobb fókusz (a11y) */
button, .btn, a.btn, input[type="submit"]{
  border-radius: 12px;
}
button:focus, .btn:focus, a:focus, input[type="submit"]:focus{
  outline: 2px solid rgba(252,186,3,.6);
  outline-offset: 2px;
}

/* Szekciók kapjanak szép függőleges ritmust */
section { padding-top: clamp(18px, 3vw, 44px); padding-bottom: clamp(18px, 3vw, 44px); }

/* Kártyák finomítása, ha használsz card jellegű elemeket */
.card, .service-card, .pricing-card, .box, .panel {
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.06);
}

/* Tipó ritmus a címsoroknál (nem agresszív) */
h1 { line-height: 1.15; }
h2, h3 { line-height: 1.2; }
p { line-height: 1.6; }
/* HERO */
.service-grid-section .hero{
  max-width: 860px;
  margin: 0 auto 18px;
  padding: 6px 8px;
}

.service-grid-section .hero h1{
  font-size: clamp(26px, 3.2vw, 44px);
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

.service-grid-section .hero p{
  font-size: clamp(15px, 1.2vw, 18px);
  margin: 0;
  opacity: .92;
}
/* SERVICE GRID */
.service-grid-section{
  padding-top: 24px;
  padding-bottom: 40px;
}

.service-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px;
}

@media (max-width: 992px){
  .service-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px){
  .service-grid{ grid-template-columns: 1fr; }
}

/* Kártyák */
.service-card{
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 18px;
  padding: 16px 16px 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.service-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.14);
}

.service-card:focus{
  outline: 2px solid rgba(252,186,3,.65);
  outline-offset: 3px;
}

/* Ikon */
.service-card .icon{
  display: inline-flex;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  background: rgba(252,186,3,.14);
  margin-bottom: 10px;
}

.service-card svg{
  width: 24px;
  height: 24px;
}

/* Cím + leírás */
.service-card h2{
  font-size: 18px;
  margin: 0 0 6px;
  line-height: 1.2;
}

.service-card p{
  margin: 0;
  line-height: 1.55;
  opacity: .88;
}
/* NAVBAR finomítás */
.navbar.bg-light{
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
}

.navbar-brand img{
  width: 40px; /* nálad ez már így van, csak fixáljuk */
  height: auto;
  display: block;
}

.navbar .nav-link{
  border-radius: 10px;
  padding: .5rem .7rem;
}

.navbar .nav-link:hover{
  background: rgba(0,0,0,.04);
}
/* Anchor target ne kerüljön a fixed navbar alá */
.service-section{
  scroll-margin-top: 90px;
}
@media (max-width: 768px){
  .service-section{ scroll-margin-top: 78px; }
}
/* Szolgáltatás szekciók: rendezett, kártyás elrendezés */
.service-section{
  max-width: 1200px;
  margin: 18px auto 34px;
  padding: 18px 14px;
}

.service-section > h2{
  font-size: clamp(20px, 2vw, 28px);
  margin: 0 0 6px;
}

.service-section > p{
  margin: 0 0 10px;
  opacity: .88;
}
/* FORM: a meglévő inline stílusok fölé */
.service-section form.form-inline > div[style*="width:100%"]{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 12px;
  align-items: end;
}

/* 4 mező (súly + 3 méret) szépen beáll */
#std_suly, #std_meret1, #std_meret2, #std_meret3{
  width: 100% !important;
  max-width: 100%;
  border-radius: 12px;
  padding: 10px 10px;
}

/* az inputok egységesebb vizuál */
.service-section input[type="number"],
.service-section input[type="text"],
.service-section .form-control{
  background-color: #e3e2e1;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 2px solid #fcba03;
  box-shadow: none;
}

/* Utánvét / Biztosítás / rádióblokkok foglaljanak teljes sort */
.service-section form .radio,
.service-section form .radio + label{
  cursor: pointer;
}

.service-section form div[style*="margin-top:10px"]{
  grid-column: 1 / -1;
  padding-top: 4px;
}

/* Submit gomb: teljes sor, szebb méret */
.service-section input[type="submit"].btn{
  grid-column: 1 / -1;
  justify-self: start;
  padding: 10px 16px;
  border-radius: 14px;
}

/* Tablet */
@media (max-width: 992px){
  .service-section form.form-inline > div[style*="width:100%"]{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobil */
@media (max-width: 576px){
  .service-section form.form-inline > div[style*="width:100%"]{
    grid-template-columns: 1fr;
  }
  .service-section input[type="submit"].btn{
    width: 100%;
    justify-self: stretch;
  }
}
/* PACKAGING blokk */
.packaging.standard{
  margin-top: 26px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.packaging.standard .subtitle{
  opacity: .88;
  margin-bottom: 12px;
}

/* Grid */
.packaging-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 992px){
  .packaging-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px){
  .packaging-grid{ grid-template-columns: 1fr; }
}

.pack-card{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  padding: 14px 14px 12px;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
}

.pack-card h3{
  margin: 0 0 6px;
  font-size: 16px;
}

.pack-card p{
  margin: 0;
  opacity: .9;
}

.pack-card.warning{
  border-color: rgba(220, 53, 69, .25);
}
/* XXL form – alap grid ugyanazzal a mintával */
#service-xxl form.form-inline > div[style*="width:100%"]{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 12px;
  align-items: end;
}

@media (max-width: 992px){
  #service-xxl form.form-inline > div[style*="width:100%"]{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px){
  #service-xxl form.form-inline > div[style*="width:100%"]{
    grid-template-columns: 1fr;
  }
}

/* XXL inputok: felülírjuk a fix inline width-öt */
#service-xxl input[type="number"],
#service-xxl input[type="text"],
#service-xxl select{
  width: 100% !important;
  max-width: 100%;
  border-radius: 12px;
  padding: 10px 10px;
  background-color: #e3e2e1;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 2px solid #fcba03;
}

/* A sima “margin-top:10px” blokkok teljes sort kapnak */
#service-xxl form div[style*="margin-top:10px"]{
  grid-column: 1 / -1;
  padding-top: 2px;
}

/* Submit gomb teljes sor + mobilon full width */
#service-xxl input[type="submit"].btn{
  grid-column: 1 / -1;
  justify-self: start;
  padding: 10px 16px;
  border-radius: 14px;
}
@media (max-width: 576px){
  #service-xxl input[type="submit"].btn{
    width: 100%;
    justify-self: stretch;
  }
}
/* Csomag blokkok – kártyásítás */
#xxl_csomag_1, #xxl_csomag_2, #xxl_csomag_3, #xxl_csomag_4{
  grid-column: 1 / -1;              /* teljes sor */
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  margin-top: 4px;
}

@media (max-width: 992px){
  #xxl_csomag_1, #xxl_csomag_2, #xxl_csomag_3, #xxl_csomag_4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 576px){
  #xxl_csomag_1, #xxl_csomag_2, #xxl_csomag_3, #xxl_csomag_4{
    grid-template-columns: 1fr;
  }
}

/* Csomag “címke” pseudo (CSS-only, HTML módosítás nélkül) */
#xxl_csomag_1::before,
#xxl_csomag_2::before,
#xxl_csomag_3::before,
#xxl_csomag_4::before{
  content: "Csomag adatok";
  grid-column: 1 / -1;
  font-weight: 700;
  opacity: .9;
  margin-bottom: -4px;
}

/* Egyedi feliratok */
#xxl_csomag_1::before{ content: "Csomag 1 adatai"; }
#xxl_csomag_2::before{ content: "Csomag 2 adatai"; }
#xxl_csomag_3::before{ content: "Csomag 3 adatai"; }
#xxl_csomag_4::before{ content: "Csomag 4 adatai"; }
/* XXL: float label-ek rendbetétele */
#service-xxl label[style*="float:left"]{
  float: none !important;
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
  opacity: .9;
}
/* COD/UVV blokk */
#xxl_uvv_block, #std_uvv_block{
  border: 1px dashed rgba(0,0,0,.22);
  border-radius: 14px;
  padding: 12px 12px 10px;
  background: rgba(0,0,0,.02);
}

#xxl_uvv_block h6, #std_uvv_block h6{
  margin: 0 0 8px;
}

#xxl_uvv_block hr, #std_uvv_block hr{
  margin: 10px 0;
}
/* INTERNATIONAL – választó gombok */
.intl-choice{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

.intl-btn{
  appearance: none;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.intl-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.18);
}

.intl-btn:focus{
  outline: 2px solid rgba(252,186,3,.65);
  outline-offset: 3px;
}
/* INTERNATIONAL – form alap */
.intl-form{
  margin-top: 10px;
}

.intl-form .form-card{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 14px;
  margin: 10px 0 12px;
}

@media (max-width: 768px){
  .intl-form .form-card{
    grid-template-columns: 1fr;
  }
}

/* Ha a .col-50 eddig float/flex volt, itt normalizáljuk */
.intl-form .col-50{
  min-width: 0;
}
/* INTERNATIONAL – inputok */
#service-international input[type="number"],
#service-international input[type="text"],
#service-international select{
  width: 100% !important;
  max-width: 100%;
  border-radius: 12px;
  padding: 10px 10px;
  background-color: #e3e2e1;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 2px solid #fcba03;
}

/* A select (narancs) maradjon figyelemfelkeltő, de legyen “szebb” */
#service-international select{
  background: #fcba03 !important;
  color: #1e2530 !important;
  font-weight: 600;
  border-color: rgba(0,0,0,.10);
}

/* A “Válassz célországot” címek */
#service-international h6{
  margin: 0 0 8px;
}
#service-international input[type="submit"].btn{
  padding: 10px 16px;
  border-radius: 14px;
}

@media (max-width: 576px){
  #service-international input[type="submit"].btn{
    width: 100%;
  }
}
/* Ha a JS alapból elrejti az egyiket, hagyjuk. Ha nem, ez segít: */
#form-import{ display: none; }
/* International: alap állapot */
#form-import { display: none; }
#form-export { display: block; }
.intl-btn.is-active{
  background: rgba(252,186,3,.18);
  border-color: rgba(252,186,3,.55);
  font-weight: 700;
}
/* International: csak az aktív form látszik */
#service-international .intl-form { 
  display: none !important; 
}
#service-international .intl-form.is-active { 
  display: block !important; 
}
/* GUMI – form kártyásítás */
#service-gumi #gumi_form > div[style*="width:100%"]{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  align-items: end;
  margin-top: 10px;
}

@media (max-width: 576px){
  #service-gumi #gumi_form > div[style*="width:100%"]{
    grid-template-columns: 1fr;
  }
}

/* Selectek (narancs) egységesen szépek legyenek */
#service-gumi select{
  width: 100% !important;
  border-radius: 12px;
  padding: 10px 10px;
  background: #fcba03 !important;
  color: #1e2530 !important;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.10);
}

/* Inputok */
#service-gumi input[type="number"],
#service-gumi input[type="text"]{
  width: 100% !important;
  max-width: 100%;
  border-radius: 12px;
  padding: 10px 10px;
  background-color: #e3e2e1;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 2px solid #fcba03;
}

/* A margin-top blokkok (utánvét/biztosítás/díj) teljes sor legyen */
#service-gumi #gumi_form div[style*="margin-top"]{
  grid-column: 1 / -1;
}

/* Submit gomb teljes sor, mobilon full width */
#service-gumi #gumi_form input[type="submit"].btn{
  grid-column: 1 / -1;
  padding: 10px 16px;
  border-radius: 14px;
}
@media (max-width: 576px){
  #service-gumi #gumi_form input[type="submit"].btn{
    width: 100%;
  }
}
#gumi_uvv_block{
  border: 1px dashed rgba(0,0,0,.22);
  border-radius: 14px;
  padding: 12px 12px 10px;
  background: rgba(0,0,0,.02);
}
#gumi_uvv_block h6{ margin: 0 0 8px; }
#gumi_uvv_block hr{ margin: 10px 0; }
/* Inline hibaüzenet (submit alatt) */
.polish-msg{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(176,0,32,.25);
  background: rgba(176,0,32,.06);
  color: #b00020;
  font-weight: 700;
  font-size: 14px;
}
/* Mező alatti hibaüzenet */
.field-msg{
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: #b00020;
}

.is-invalid{
  border-color: rgba(176,0,32,.35) !important;
  box-shadow: 0 0 0 3px rgba(176,0,32,.12) !important;
}
/* GUMI: mezők középre igazítása */
#service-gumi #gumi_form > div[style*="width:100%"]{
  justify-items: center;   /* grid elemek vízszintben középre */
}

/* A mezők ne nyúljanak túl szélesre, és legyenek középen */
#service-gumi #gumi_form select,
#service-gumi #gumi_form input[type="number"],
#service-gumi #gumi_form input[type="text"]{
  max-width: 360px;        /* igény szerint: 320/380/420 */
}

/* A leíró <p> sorok is középre */
#service-gumi #gumi_form p{
  text-align: center;
}

/* A mező alatti hibaüzenet is középre */
#service-gumi #gumi_form .field-msg{
  text-align: center;
  max-width: 360px;
}
/* GUMI: 1 oszlop + minden középre */
#service-gumi #gumi_form > div[style*="width:100%"]{
  display: grid;            /* biztosítjuk, hogy grid legyen */
  grid-template-columns: 1fr;
  justify-items: center;    /* elemek középre */
}

/* Mezők középre, egységes szélességgel */
#service-gumi #gumi_form select,
#service-gumi #gumi_form input[type="number"],
#service-gumi #gumi_form input[type="text"]{
  width: min(360px, 100%) !important;  /* középen, mobilon sem lóg */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Szövegek középre (kérdések, leírások) */
#service-gumi #gumi_form p{
  text-align: center;
}

/* Hibaszöveg is középre */
#service-gumi #gumi_form .field-msg{
  width: min(360px, 100%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/* FORM FEJLÉC SZÖVEGEK KÖZÉPRE (standard / xxl / gumi / stb.) */
.service-section > h2,
.service-section > p,
.service-section > h6{
  text-align: center;
}

/* Biztos ami biztos: a dátumos kiemelés se csússzon el */
.service-section h6 b{
  display: inline-block;
}
/* ===== PALETTA POLISH ===== */

/* Fejrész középre */
#service-paletta > h2,
#service-paletta > p{
  text-align: center;
}

/* Form “card” */
#service-paletta .paletta-ui .form-card{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  padding: 16px;
  max-width: 920px;
  margin: 14px auto 0;
}

/* Belső cím */
#service-paletta .paletta-ui .fs-title{
  text-align: center;
  margin: 0 0 12px;
}

/* A “Válassz…” alcímek */
#service-paletta .paletta-ui h4,
#service-paletta .paletta-ui h5{
  text-align: center;
  margin: 12px 0 8px;
}

/* Select + input egységesen */
#service-paletta select,
#service-paletta input[type="number"],
#service-paletta input[type="text"]{
  width: min(520px, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;

  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: #e3e2e1;
  border-bottom: 2px solid #fcba03;
}

/* A fő select maradhat “narancsos” – ha szeretnéd, egységesítsük */
#service-paletta select{
  background: #fcba03;
  color: #1e2530;
  font-weight: 700;
}

/* Row-k: 2 oszlop desktopon, 1 oszlop mobilon */
#service-paletta .row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  margin-left: 0;
  margin-right: 0;
}
#service-paletta .col-50{
  width: auto !important;
}

@media (max-width: 768px){
  #service-paletta .row{
    grid-template-columns: 1fr;
  }
}

/* Egyéb paletta blokk finom keret */
#service-paletta #paletta_egyeb{
  border: 1px dashed rgba(0,0,0,.18);
  border-radius: 14px;
  padding: 12px;
  background: rgba(0,0,0,.02);
}

/* Rádió blokk középre */
#service-paletta input.radio{
  margin-right: 8px;
}
#service-paletta [name="dij"]{
  accent-color: #fcba03;
}
#service-paletta #paletta_form div[style*="Ki fizeti"]{
  text-align: center;
}

/* Submit gomb középre, egységes */
#service-paletta input[type="submit"].ccalc,
#service-paletta input[type="submit"].action-button{
  display: block;
  margin: 14px auto 0;
  padding: 10px 18px;
  border-radius: 14px;
}

/* Validációs üzenet (mező alatt) palettán is középre */
#service-paletta .field-msg{
  width: min(520px, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* PALETTA – vizuális label vissza az UV és biztosítás mezők fölé */
#service-paletta #paletta_bizt::before,
#service-paletta #paletta_uv::before{
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e2530;
  margin-bottom: 6px;
}

/* Konkrét szövegek */
#service-paletta #paletta_bizt::before{
  content: "Biztosítás összege (Ft)";
}

#service-paletta #paletta_uv::before{
  content: "Utánvétel összege (Ft)";
}
/* PALETTA – vizuális label vissza az UV és biztosítás mezők fölé */
#service-paletta #paletta_bizt::before,
#service-paletta #paletta_uv::before{
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e2530;
  margin-bottom: 6px;
}

/* Konkrét szövegek */
#service-paletta #paletta_bizt::before{
  content: "Biztosítás összege (Ft)";
}

#service-paletta #paletta_uv::before{
  content: "Utánvétel összege (Ft)";
}
#service-paletta label{
  display: block;
  text-align: center;
  font-weight: 600;
  margin: 8px 0 4px;
}
/* ===== HOTEL RETURN POLISH ===== */

/* Fejrész középre */
#service-hotel > h2,
#service-hotel > p,
#service-hotel > h6{
  text-align: center;
}

/* Sárga figyelmeztető sáv szépítése */
#service-hotel #belf > div:first-child{
  border-radius: 14px;
  margin: 12px auto;
  max-width: 920px;
}

/* Form kártya */
#service-hotel form{
  max-width: 920px;
  margin: 14px auto 0;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
}

/* Form belső wrapper középre */
#service-hotel form > div[style*="width:100%"]{
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}

/* Inputok egységesítése */
#service-hotel input[type="number"]{
  width: min(360px, 100%);
  margin-left: auto;
  margin-right: auto;
}

/* Szövegek középre a formon belül */
#service-hotel form p,
#service-hotel form h6{
  text-align: center;
}

/* Biztosítás mező vizuális label */
#service-hotel #hotel_bizt::before{
  content: "Biztosítás összege (Ft)";
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  text-align: center;
  color: #1e2530;
}

/* Rádió blokk középre */
#service-hotel input.radio{
  accent-color: #fcba03;
}
#service-hotel input.radio + label{
  display: inline-block;
  max-width: 760px;
  text-align: center;
}

/* Submit gomb középre */
#service-hotel input[type="submit"]{
  display: block;
  margin: 14px auto 0;
}

/* Alsó információs blokk szellősebb */
#service-hotel .container{
  max-width: 920px;
  margin: 24px auto 0;
}
#service-hotel .container h4,
#service-hotel .container h6{
  text-align: center;
}
/* SEO szöveg blokk */
.seo-text{
  max-width: 920px;
  margin: 40px auto 0;
  color: #444;
}
.seo-text h2{
  text-align: center;
  margin-bottom: 16px;
}
.seo-text p{
  line-height: 1.6;
  margin-bottom: 12px;
}
/* HERO – H1 + bevezető szín fix */
.hero h1 strong{
  color: #fcba03;
}


.hero p{
  color: #3a3a3a;      /* enyhén világosabb szöveg */
}
/* HERO háttérhez igazított szöveg – FORCE */
.hero,
.hero * {
  color: #ffffff !important;
}

/* Bevezető szöveg finomabb árnyalat */
.hero p {
  color: #e6e6e6 !important;
}

/* Kiemelés, ha van strong */
.hero strong {
  color: #fcba03 !important;
}
/* SEO szöveges blokk – világos háttér, olvasható szöveg */
.seo-text {
  background-color: #ffffff;
  color: #1e2530;
  padding: 60px 20px;
}

/* SEO címsor */
.seo-text h1,
.seo-text h2,
.seo-text h3 {
  color: #0e4a6b;
  text-align: center;
}

/* SEO bekezdések */
.seo-text p {
  color: #444;
  max-width: 900px;
  margin: 16px auto;
  line-height: 1.7;
  font-size: 16px;
}

/* Kiemelések */
.seo-text strong {
  color: #0e4a6b;
}
/* ===== SEO BLOKK – tagolt, ikonokkal ===== */
.seo-text{
  background: #ffffff;
  color: #1e2530;
  padding: 56px 18px;
}

.seo-text h2{
  text-align: center;
  color: #0e4a6b;
  margin: 0 0 10px;
}

.seo-text .seo-lead{
  text-align: center;
  max-width: 920px;
  margin: 0 auto 22px;
  color: #4a4a4a;
  line-height: 1.7;
  font-size: 16px;
}

.seo-grid{
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 980px){
  .seo-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .seo-grid{ grid-template-columns: 1fr; }
}

.seo-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  padding: 16px 16px 14px;
}

.seo-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(252,186,3,.18);
  border: 1px solid rgba(252,186,3,.35);
  font-size: 22px;
  margin-bottom: 10px;
}

.seo-card h3{
  margin: 0 0 8px;
  color: #0e4a6b;
  font-size: 16px;
}

.seo-card p{
  margin: 0;
  color: #4a4a4a;
  line-height: 1.65;
  font-size: 14.5px;
}

.seo-text .seo-foot{
  max-width: 920px;
  margin: 22px auto 0;
  text-align: center;
  color: #4a4a4a;
  line-height: 1.7;
}
.seo-card{
  transition: transform .12s ease, box-shadow .12s ease;
}
.seo-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}
.seo-text .seo-lead{
  color: #2f3a45; /* volt: #4a4a4a */
  font-size: 16.5px;
}
.seo-card h3{
  font-weight: 600;
  letter-spacing: .2px;
}
.seo-card{
  display: flex;
  flex-direction: column;
}

.seo-card p{
  margin-top: auto;
}
/* Régi SEO szövegblokkok egységesítése */
.seo-block{
  margin-top: 40px;
  padding: 26px 18px;
  border-radius: 16px;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.seo-block h2{
  margin: 0 0 12px;
  line-height: 1.25;
  letter-spacing: .2px;
}

.seo-block p{
  margin: 0 0 12px;
  line-height: 1.75;
  font-weight: 400;
  text-align: left; /* a justify sokszor csúnya mobilon */
}

/* Sötét blokk */
.seo-block--dark{
  background: #0e4a6b;
  color: #ffffff;
}

.seo-block--dark h2{ color:#ffffff; }
.seo-block--dark p{ color:#e9eef3; }

/* Sárga blokk */
.seo-block--gold{
  background: #fcba03;
  color: #092554;
}

.seo-block--gold h2{ color:#092554; }
.seo-block--gold p{ color:#092554; }

/* Linkek a sárga blokkon belül */
.seo-block--gold a{
  color: #092554;
  font-weight: 600;
  text-decoration: underline;
}
/* SEO blokk alap (ha még nincs) */
.seo-block{
  margin-top: 40px;
  padding: 26px 18px;
  border-radius: 16px;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.seo-block h2{
  margin: 0 0 10px;
  line-height: 1.25;
}

.seo-block p{
  line-height: 1.75;
  margin: 0 0 12px;
  text-align: left;
}

/* Sötét blokk */
.seo-block--dark{
  background: #0e4a6b;
  color: #ffffff;
}

.seo-block--dark p{ color: #e9eef3; }
.seo-block--dark h2{ color:#ffffff; }

/* Intro */
.seo-intro{
  max-width: 920px;
  margin: 0 auto 14px;
  font-size: 16px;
}

/* Ikonos tagolás */
.seo-bullets{
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.seo-bullet{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
}

.seo-bullet__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 20px;
  background: rgba(252,186,3,.18);
  border: 1px solid rgba(252,186,3,.28);
}

.seo-bullet h3{
  margin: 0 0 4px;
  font-size: 15.5px;
  color: #ffffff;
}

.seo-bullet p{
  margin: 0;
  color: #e9eef3;
}
/* Intro sárga blokkon belül */
.seo-intro--dark{
  color: rgba(9,37,84,.92);
}

/* Arany blokk finomítás */
.seo-block--gold{
  background: #fcba03; /* egységesítve */
  color: #092554;
}

.seo-block--gold h2{
  color: #092554;
}

/* Sárga blokkon belüli bullet-ek */
.seo-bullet--gold{
  background: rgba(255,255,255,.35);
}

.seo-bullet--gold h3{
  color: #092554;
}

.seo-bullet--gold p{
  color: rgba(9,37,84,.92);
}

/* Ikon navy verzió */
.seo-bullet__icon--navy{
  background: rgba(9,37,84,.08);
  border-color: rgba(9,37,84,.18);
}
.seo-block-3 { padding: 10px 0 30px; }
  .seo-hr { border: 0; border-top: 1px solid rgba(255,255,255,.15); margin: 0 0 24px; }
  .seo-wrap { color: #fff; text-align: justify; font-weight: 400; }
  .seo-title { margin: 0 0 18px; font-size: 28px; font-weight: 700; text-align: left; }

  .seo-grid { margin-top: 10px; }
  .seo-item { margin-bottom: 18px; }
  .seo-item > h3 { margin: 8px 0 8px; font-size: 18px; font-weight: 700; text-align: left; }
  .seo-item > p { margin: 0; line-height: 1.55; }

  .seo-ic {
    width: 42px; height: 42px;
    border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(252,186,3,.14);
    border: 1px solid rgba(252,186,3,.35);
  }
  .seo-ic svg { width: 22px; height: 22px; fill: #fcba03; }

  .seo-cta { background: rgba(0,0,0,.12); border-radius: 14px; padding: 16px 14px; }
  .seo-btnwrap { margin-top: 12px; text-align: left; }

  .seo-btn{
    display: inline-block;
    padding: 10px 14px;
    border-radius: 12px;
    background: #fcba03;
    color: #111 !important;
    font-weight: 700;
    text-decoration: none !important;
  }
  .seo-btn:hover{ filter: brightness(.95); }

  @media (max-width: 576px){
    .seo-title{ font-size: 22px; }
    .seo-item > h3{ font-size: 17px; }
  }
  .seo3 { padding: 12px 0 34px; color:#fff; }
    .seo3-hr { border:0; border-top:1px solid rgba(255,255,255,.15); margin: 0 0 22px; }
  
    .seo3-title{
      margin: 0 0 16px;
      font-size: 28px;
      font-weight: 800;
      line-height: 1.2;
      text-align: left;          /* FIX: ne legyen justify */
      letter-spacing: .2px;
    }
  
    .seo3-grid { row-gap: 18px; } /* bootstrap row gap */
  
    .seo3-card{
      height: 100%;
      padding: 16px 16px 14px;
      border-radius: 16px;
      background: rgba(0,0,0,.10);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 10px 26px rgba(0,0,0,.18);
    }
  
    .seo3-head{
      display:flex;
      gap: 12px;
      align-items:flex-start;
      margin-bottom: 10px;
    }
  
    .seo3-ic{
      flex: 0 0 40px;
      width: 40px; height: 40px;
      border-radius: 12px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background: rgba(252,186,3,.14);
      border: 1px solid rgba(252,186,3,.35);
    }
    .seo3-ic svg{ width: 20px; height: 20px; fill: #fcba03; }
  
    .seo3-h3{
      margin: 2px 0 0;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.25;
      text-align:left;           /* FIX */
    }
  
    .seo3-p{
      margin: 0;
      line-height: 1.6;
      font-size: 15px;
      text-align: left;          /* FIX: ettől szűnik meg a “szóköz-széthúzás” */
      hyphens: auto;             /* szebb tördelés HU nyelven is */
      overflow-wrap: anywhere;
    }
  
    .seo3-cta{
      background: rgba(252,186,3,.08);
      border-color: rgba(252,186,3,.20);
    }
  
    .seo3-btn{
      display:inline-block;
      margin-top: 12px;
      padding: 10px 14px;
      border-radius: 12px;
      background: #fcba03;
      color: #111 !important;
      font-weight: 800;
      text-decoration: none !important;
    }
    .seo3-btn:hover{ filter: brightness(.95); }
  
    @media (max-width: 576px){
      .seo3-title{ font-size: 22px; }
      .seo3-h3{ font-size: 17px; }
      .seo3-p{ font-size: 15px; }
    }
    
    /* ===== ECSOMAGFUTAR – FORM POLISH ===== */
    
    /* kártya/section finomítás */
    .service-section {
      scroll-margin-top: 90px;
    }
    
    .service-section form {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 14px;
      padding: 18px 16px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.18);
      backdrop-filter: blur(6px);
    }
    
    /* inputok egységesítése */
    .service-section input,
    .service-section select,
    .service-section textarea {
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.16);
      background: rgba(255,255,255,0.06);
      color: #fff;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease, transform .06s ease;
    }
    
    .service-section input::placeholder,
    .service-section textarea::placeholder {
      color: rgba(255,255,255,0.65);
    }
    
    /* fókusz */
    .service-section input:focus,
    .service-section select:focus,
    .service-section textarea:focus {
      border-color: rgba(252,186,3,0.9);
      box-shadow: 0 0 0 4px rgba(252,186,3,0.16);
    }
    
    /* radio/checkbox blokkok spacing */
    .service-section .radio,
    .service-section .radio-group,
    .service-section .checkbox,
    .service-section .checkbox-group {
      gap: 10px;
    }
    
    .service-section label {
      line-height: 1.25;
    }
    
    /* gombok */
    .service-section button[type="submit"],
    .service-section input[type="submit"] {
      border-radius: 12px;
      border: 1px solid rgba(252,186,3,0.55);
      background: linear-gradient(180deg, rgba(252,186,3,0.95), rgba(252,186,3,0.78));
      color: #1b1b1b;
      font-weight: 700;
      letter-spacing: 0.2px;
      padding: 12px 16px;
      box-shadow: 0 10px 18px rgba(0,0,0,0.18);
      transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
    }
    
    .service-section button[type="submit"]:hover,
    .service-section input[type="submit"]:hover {
      filter: brightness(1.03);
      box-shadow: 0 12px 22px rgba(0,0,0,0.22);
    }
    
    .service-section button[type="submit"]:active,
    .service-section input[type="submit"]:active {
      transform: translateY(1px);
    }
    
    /* “Feldolgozás...” állapotban is maradjon szép */
    .service-section button[aria-disabled="true"],
    .service-section input[aria-disabled="true"] {
      filter: grayscale(0.2);
    }
    
    /* UVV blokk “finom csúszás” */
    [id$="_uvv_block"] {
      margin-top: 10px;
      padding: 12px 12px;
      border-radius: 12px;
      border: 1px dashed rgba(255,255,255,0.18);
      background: rgba(0,0,0,0.14);
    }
    
    /* Paletta “Egyéb méret” blokk */
    #paletta_egyeb {
      margin-top: 12px;
      padding: 12px 12px;
      border-radius: 12px;
      border: 1px dashed rgba(255,255,255,0.18);
      background: rgba(0,0,0,0.12);
    }
    
    /* Inline hibák – szebb */
    .field-error {
      margin-top: 6px;
      font-size: 12.5px;
      line-height: 1.25;
      color: rgba(255, 120, 120, 0.95);
      opacity: 0;
      transform: translateY(-2px);
      transition: opacity .14s ease, transform .14s ease;
    }
    
    .field-error.active {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* Valid / invalid keret finoman */
    .is-valid {
      border-color: rgba(80, 220, 140, 0.75) !important;
      box-shadow: 0 0 0 4px rgba(80, 220, 140, 0.12);
    }
    
    .is-invalid {
      border-color: rgba(255, 120, 120, 0.85) !important;
      box-shadow: 0 0 0 4px rgba(255, 120, 120, 0.12);
    }
    
    /* Mobil tördeltetés: kisebb belső padding */
    @media (max-width: 576px) {
      .service-section form {
        padding: 14px 12px;
        border-radius: 12px;
      }
    
      .service-section button[type="submit"],
      .service-section input[type="submit"] {
        width: 100%;
      }
    }
    /* ==============================
       ECSOMAGFUTAR – POLISH (FORMS)
    ============================== */
    
    /* Form kártya */
    .service-section form{
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 16px;
      padding: 18px 16px;
      box-shadow: 0 12px 34px rgba(0,0,0,0.22);
      backdrop-filter: blur(6px);
    }
    
    /* Headline / kisebb szövegek */
    .service-section h2,
    .service-section h3{
      letter-spacing: .2px;
    }
    
    .service-section p,
    .service-section label{
      color: rgba(255,255,255,0.92);
    }
    
    /* Inputok */
    .service-section input,
    .service-section select,
    .service-section textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(255,255,255,0.16) !important;
      background: rgba(255,255,255,0.06) !important;
      color: #fff !important;
      transition: border-color .18s ease, box-shadow .18s ease, transform .06s ease;
    }
    
    .service-section input::placeholder,
    .service-section textarea::placeholder{
      color: rgba(255,255,255,0.65);
    }
    
    /* Focus */
    .service-section input:focus,
    .service-section select:focus,
    .service-section textarea:focus{
      border-color: rgba(252,186,3,0.92) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.16) !important;
    }
    
    /* Radio/checkbox környezet – kényelmesebb kattintás */
    .service-section input[type="radio"],
    .service-section input[type="checkbox"]{
      transform: scale(1.06);
      accent-color: #fcba03;
    }
    
    /* Gombok */
    .service-section button[type="submit"],
    .service-section input[type="submit"]{
      border-radius: 12px !important;
      border: 1px solid rgba(252,186,3,0.55) !important;
      background: linear-gradient(180deg, rgba(252,186,3,0.95), rgba(252,186,3,0.78)) !important;
      color: #1b1b1b !important;
      font-weight: 800 !important;
      letter-spacing: .2px;
      padding: 12px 16px !important;
      box-shadow: 0 10px 18px rgba(0,0,0,0.18);
      transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
    }
    
    .service-section button[type="submit"]:hover,
    .service-section input[type="submit"]:hover{
      filter: brightness(1.03);
      box-shadow: 0 12px 22px rgba(0,0,0,0.22);
    }
    
    .service-section button[type="submit"]:active,
    .service-section input[type="submit"]:active{
      transform: translateY(1px);
    }
    
    /* Feldolgozás állapot (aria-disabled) */
    .service-section button[aria-disabled="true"],
    .service-section input[aria-disabled="true"]{
      opacity: .82;
    }
    
    /* UVV blokk + paletta egyéb blokk: egységes “panel” */
    [id$="_uvv_block"],
    #paletta_egyeb{
      margin-top: 12px;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px dashed rgba(255,255,255,0.20);
      background: rgba(0,0,0,0.14);
    }
    
    /* Inline hibák szebben */
    .field-error{
      margin-top: 6px;
      font-size: 12.5px;
      line-height: 1.25;
      color: rgba(255, 120, 120, 0.96);
      opacity: 0;
      transform: translateY(-2px);
      transition: opacity .14s ease, transform .14s ease;
    }
    .field-error.active{
      opacity: 1;
      transform: translateY(0);
    }
    
    /* Valid/invalid finom keret */
    .is-valid{
      border-color: rgba(80, 220, 140, 0.75) !important;
      box-shadow: 0 0 0 4px rgba(80, 220, 140, 0.12) !important;
    }
    .is-invalid{
      border-color: rgba(255, 120, 120, 0.85) !important;
      box-shadow: 0 0 0 4px rgba(255, 120, 120, 0.12) !important;
    }
    
    /* Mobil: submit gomb teljes szélesség */
    @media (max-width: 576px){
      .service-section form{
        padding: 14px 12px;
        border-radius: 14px;
      }
      .service-section button[type="submit"],
      .service-section input[type="submit"]{
        width: 100%;
      }
    }
    /* ===== Rádiók szépítése (díjfizetés / igen-nem) ===== */
    
    .service-section .radio-group,
    .service-section .dij-radio,
    .service-section .radio-wrapper {
      display: flex;
      align-items: center;
      gap: 16px;
      margin: 10px 0 14px;
    }
    
    .service-section .radio-group label,
    .service-section .dij-radio label {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      font-weight: 500;
      color: rgba(255,255,255,0.92);
    }
    
    /* nagyobb, szebb radio */
    .service-section input[type="radio"] {
      width: 18px;
      height: 18px;
      accent-color: #fcba03;
    }
    /* ===== Raklap paraméterek blokk ===== */
    
    .service-section .paletta-params,
    .service-section .raklap-params {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .service-section form > div:first-child {
      display: grid;
      gap: 10px;
    }
    .service-section button[type="submit"],
    .service-section input[type="submit"] {
      font-size: 15px;
      height: 48px;
      border-radius: 14px;
    }
    .is-invalid {
      border-color: rgba(255, 90, 90, 0.75) !important;
      box-shadow: 0 0 0 3px rgba(255, 90, 90, 0.12) !important;
    }
    @media (max-width: 768px) {
      .service-section .row {
        flex-direction: column;
      }
    }
    
    /* ===== FORCE POLISH (biztosan hat) ===== */
    
    /* Form kártya – MINDEN form a service-sectionben */
    .service-section form{
      background: rgba(255,255,255,0.06) !important;
      border: 1px solid rgba(0,0,0,0.10) !important;
      border-radius: 18px !important;
      padding: 18px 16px !important;
    }
    
    /* Inputok – MINDEN input/select/textarea a formban */
    .service-section form input,
    .service-section form select,
    .service-section form textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(0,0,0,0.14) !important;
      background: #fff !important;
      color: #111 !important;
      box-shadow: none !important;
    }
    
    /* Fókusz – látványos */
    .service-section form input:focus,
    .service-section form select:focus,
    .service-section form textarea:focus{
      border-color: rgba(252,186,3,0.95) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.18) !important;
      outline: none !important;
    }
    
    /* Radio – nagyobb, jól látszó */
    .service-section form input[type="radio"]{
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    /* Submit gomb */
    .service-section form button[type="submit"],
    .service-section form input[type="submit"]{
      background: #fcba03 !important;
      border: 0 !important;
      border-radius: 14px !important;
      height: 48px !important;
      font-weight: 800 !important;
    }
    /* ===== FORCE POLISH (biztosan hat) ===== */
    
    /* Form kártya – MINDEN form a service-sectionben */
    .service-section form{
      background: rgba(255,255,255,0.06) !important;
      border: 1px solid rgba(0,0,0,0.10) !important;
      border-radius: 18px !important;
      padding: 18px 16px !important;
    }
    
    /* Inputok – MINDEN input/select/textarea a formban */
    .service-section form input,
    .service-section form select,
    .service-section form textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(0,0,0,0.14) !important;
      background: #fff !important;
      color: #111 !important;
      box-shadow: none !important;
    }
    
    /* Fókusz – látványos */
    .service-section form input:focus,
    .service-section form select:focus,
    .service-section form textarea:focus{
      border-color: rgba(252,186,3,0.95) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.18) !important;
      outline: none !important;
    }
    
    /* Radio – nagyobb, jól látszó */
    .service-section form input[type="radio"]{
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    /* Submit gomb */
    .service-section form button[type="submit"],
    .service-section form input[type="submit"]{
      background: #fcba03 !important;
      border: 0 !important;
      border-radius: 14px !important;
      height: 48px !important;
      font-weight: 800 !important;
    }
    
    
    /* Raklap oldal – általános, minden formra hat ezen az oldalon */
    form {
      background: rgba(255,255,255,0.06) !important;
      border: 1px solid rgba(0,0,0,0.10) !important;
      border-radius: 18px !important;
      padding: 18px 16px !important;
    }
    
    form input,
    form select,
    form textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(0,0,0,0.14) !important;
      background: #fff !important;
      color: #111 !important;
    }
    
    form input[type="radio"]{
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    form button[type="submit"],
    form input[type="submit"]{
      background: #fcba03 !important;
      border: 0 !important;
      border-radius: 14px !important;
      height: 48px !important;
      font-weight: 800 !important;
    }
    /* ===== Raklap oldal – polish (csak itt) ===== */
    
    .page-raklap form{
      background: rgba(255,255,255,0.70) !important;
      border: 1px solid rgba(0,0,0,0.08) !important;
      border-radius: 18px !important;
      padding: 22px 20px !important;
      box-shadow: 0 16px 40px rgba(0,0,0,0.10) !important;
    }
    
    /* Két oszlopos elrendezés szebb gap-pel (ha van .row) */
    .page-raklap form .row{
      gap: 18px;
    }
    
    /* Címek */
    .page-raklap h2,
    .page-raklap h3{
      color: #1c1c1c !important;
      letter-spacing: .2px;
    }
    
    /* Mezők */
    .page-raklap form input,
    .page-raklap form select,
    .page-raklap form textarea{
      width: 100%;
      border-radius: 12px !important;
      border: 1px solid rgba(0,0,0,0.14) !important;
      background: #fff !important;
      color: #111 !important;
      padding: 10px 12px !important;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    
    .page-raklap form input:focus,
    .page-raklap form select:focus,
    .page-raklap form textarea:focus{
      border-color: rgba(252,186,3,0.95) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.18) !important;
      outline: none !important;
    }
    
    /* Rádiók: ne “lebegjenek”, legyen egy sorban */
    .page-raklap form input[type="radio"]{
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    /* Ha a rádiók labelben vannak, ez szépen egy sorba húzza */
    .page-raklap form label{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-right: 18px;
    }
    
    /* Számol gomb */
    .page-raklap form button[type="submit"],
    .page-raklap form input[type="submit"]{
      width: 100%;
      height: 50px !important;
      border-radius: 14px !important;
      border: 0 !important;
      background: #fcba03 !important;
      color: #1b1b1b !important;
      font-weight: 800 !important;
      box-shadow: 0 10px 18px rgba(0,0,0,0.12) !important;
    }
    .page-raklap form button[type="submit"]:hover,
    .page-raklap form input[type="submit"]:hover{
      filter: brightness(1.02);
    }
    
    /* Hibák finoman */
    .page-raklap .is-invalid{
      border-color: rgba(255, 90, 90, 0.75) !important;
      box-shadow: 0 0 0 3px rgba(255, 90, 90, 0.10) !important;
    }
    /* ===== Rádiók FIX – ne lebegjenek ===== */
    
    .page-raklap form input[type="radio"] {
      margin: 0;
    }
    
    .page-raklap form input[type="radio"]::after {
      content: attr(data-label);
      margin-left: 10px;
      font-size: 14px;
      color: #333;
      vertical-align: middle;
    }
    
    /* Ha nincs data-label, akkor igazítsuk balra */
    .page-raklap form input[type="radio"] {
      display: inline-flex;
      align-items: center;
    }
    /* ===== Raklap / paletta: díjfizetés radio blokk szépítés ===== */
    
    /* a két sor legyen egységes, ne essen szét */
    .page-raklap input.radio {
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    /* a "Ki fizeti..." rész címe */
    .page-raklap p {
      font-weight: 600;
      color: #222 !important;
    }
    
    /* a két radio-sor (a radio input szülő div-jei) */
    .page-raklap #paletta_dij_felado,
    .page-raklap #paletta_dij_cimzett {
      margin: 0 !important;
    }
    
    /* input + label egy sorban, szépen kattintható “pill” */
    .page-raklap #paletta_dij_felado + label,
    .page-raklap #paletta_dij_cimzett + label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-left: 10px;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid rgba(0,0,0,0.10);
      background: rgba(0,0,0,0.03);
      cursor: pointer;
      user-select: none;
    }
    
    /* amikor ki van választva, legyen hangsúlyosabb */
    .page-raklap #paletta_dij_felado:checked + label,
    .page-raklap #paletta_dij_cimzett:checked + label {
      border-color: rgba(252,186,3,0.70);
      box-shadow: 0 0 0 4px rgba(252,186,3,0.14);
      background: rgba(252,186,3,0.10);
    }
    
    /* a két sor közti távolság */
    .page-raklap #paletta_dij_felado + label { margin-bottom: 10px; }
    .page-raklap #paletta_dij_cimzett + label { margin-bottom: 0; }
    /* =========================
       RAKLAP: radio "pill" UI
    ========================= */
    
    .page-raklap input.radio{
      width: 18px !important;
      height: 18px !important;
      accent-color: #fcba03 !important;
    }
    
    /* a radio sorok szebb elrendezése */
    .page-raklap #paletta_dij_felado,
    .page-raklap #paletta_dij_cimzett,
    .page-raklap #paletta_uvv_bank,
    .page-raklap #paletta_uvv_barion{
      margin: 0 !important;
    }
    
    /* kattintható label “kártya” */
    .page-raklap #paletta_dij_felado + label,
    .page-raklap #paletta_dij_cimzett + label,
    .page-raklap #paletta_uvv_bank + label,
    .page-raklap #paletta_uvv_barion + label{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-left: 10px;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid rgba(0,0,0,0.10);
      background: rgba(0,0,0,0.03);
      cursor: pointer;
      user-select: none;
      min-width: 260px; /* hogy ne ugráljon */
    }
    
    /* kiválasztott állapot */
    .page-raklap #paletta_dij_felado:checked + label,
    .page-raklap #paletta_dij_cimzett:checked + label,
    .page-raklap #paletta_uvv_bank:checked + label,
    .page-raklap #paletta_uvv_barion:checked + label{
      border-color: rgba(252,186,3,0.75);
      background: rgba(252,186,3,0.12);
      box-shadow: 0 0 0 4px rgba(252,186,3,0.14);
    }
    
    /* a két sor között normális távolság */
    .page-raklap #paletta_dij_felado + label,
    .page-raklap #paletta_uvv_bank + label{
      margin-bottom: 10px;
    }
    /* =========================
       RAKLAP: form-card polish
    ========================= */
    
    .page-raklap #paletta_form .form-card{
      background: #fff;
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 18px;
      padding: 20px 18px;
      box-shadow: 0 14px 34px rgba(0,0,0,0.08);
    }
    
    /* szebb oszlop-távolság */
    .page-raklap #paletta_form .row-tight{
      gap: 26px;
    }
    
    /* címek */
    .page-raklap #paletta_form h5{
      font-weight: 800;
      margin-bottom: 12px;
      color: #111;
    }
    
    /* label-ek */
    .page-raklap #paletta_form label{
      font-weight: 600;
      color: rgba(0,0,0,0.72);
      margin: 10px 0 6px;
      display: block;
    }
    
    /* input-line egységes */
    .page-raklap #paletta_form .input-line{
      width: 100%;
      height: 44px;
      border-radius: 12px;
      border: 1px solid rgba(0,0,0,0.14);
      padding: 10px 12px;
      background: #fff;
    }
    
    /* focus */
    .page-raklap #paletta_form .input-line:focus{
      border-color: rgba(252,186,3,0.95);
      box-shadow: 0 0 0 4px rgba(252,186,3,0.18);
      outline: none;
    }
    
    /* Számol gomb */
    .page-raklap #paletta_form input[type="submit"]{
      width: 100%;
      height: 50px;
      border-radius: 14px;
      border: 0;
      background: #fcba03;
      color: #1b1b1b;
      font-weight: 900;
      box-shadow: 0 12px 22px rgba(0,0,0,0.12);
    }
    .page-raklap #paletta_form input[type="submit"]:hover{
      filter: brightness(1.02);
    }
    .page-raklap .mt-12{ margin-top:12px; }
    .page-raklap .mt-14{ margin-top:14px; }
    .page-raklap .mt-16{ margin-top:16px; }
    
    /* ===== Raklap oldal: tipográfia + igazítás finom ===== */
    
    .page-raklap #paletta_form .form-card{
      padding: 22px 22px !important;
    }
    
    /* Címek (h5) kevésbé ordítsanak */
    .page-raklap #paletta_form h5{
      text-align: left !important;
      font-size: 16px !important;
      font-weight: 800 !important;
      margin-bottom: 14px !important;
    }
    
    /* Label-ek: balra, kisebb, kevésbé “headline” */
    .page-raklap #paletta_form label{
      text-align: left !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: rgba(0,0,0,0.70) !important;
      margin: 10px 0 6px !important;
    }
    
    /* A “Ki fizeti…?” kérdés (p) is legyen label-szerű */
    .page-raklap #paletta_form p{
      text-align: left !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: rgba(0,0,0,0.70) !important;
    }
    
    /* Inputok egységes méret + kellemesebb térköz */
    .page-raklap #paletta_form .input-line{
      height: 44px !important;
      border-radius: 12px !important;
    }
    
    /* Oszlopok közti levegő */
    .page-raklap #paletta_form .row-tight{
      gap: 34px !important;
    }
    
    /* ===== Rádiók: szép, kattintható “pill” ===== */
    
    /* a rádió sorok szülő divjeire nincs class, ezért labelt formázzuk */
    .page-raklap #paletta_dij_felado + label,
    .page-raklap #paletta_dij_cimzett + label{
      display: inline-flex !important;
      align-items: center !important;
      width: fit-content;
      margin-left: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(0,0,0,0.12);
      background: rgba(0,0,0,0.03);
      cursor: pointer;
    }
    
    /* kijelölt állapot */
    .page-raklap #paletta_dij_felado:checked + label,
    .page-raklap #paletta_dij_cimzett:checked + label{
      border-color: rgba(252,186,3,0.85);
      background: rgba(252,186,3,0.16);
      box-shadow: 0 0 0 4px rgba(252,186,3,0.12);
    }
    
    /* rádió méret */
    .page-raklap input.radio{
      width: 16px !important;
      height: 16px !important;
      accent-color: #fcba03 !important;
    }
    
    /* ===== Gomb: kicsit prémiumabb ===== */
    .page-raklap #paletta_form input[type="submit"]{
      height: 52px !important;
      border-radius: 16px !important;
      font-size: 15px !important;
      letter-spacing: .2px;
    }
    /* ===== Raklap oldal: szélesség FIX ===== */
    
    /* A section ne korlátozza le */
    body.page-raklap #calc.service-section{
      width: 100% !important;
    }
    
    /* A form legyen blokk és 100% */
    body.page-raklap #paletta_form{
      display: block !important;
      width: 100% !important;
    }
    
    /* A form-card legyen középen, normális max szélességgel */
    body.page-raklap #paletta_form .form-card{
      width: 100% !important;
      max-width: 980px !important;   /* ízlés szerint 900–1100 */
      margin: 0 auto !important;
    }
    /* ===== Raklap oldal: tipó + radio + input polish (erős selector) ===== */
    
    body.page-raklap #paletta_form h5{
      text-align: left !important;
      font-size: 16px !important;
      font-weight: 800 !important;
      margin: 6px 0 14px !important;
      color: #111 !important;
    }
    
    body.page-raklap #paletta_form label{
      display: block !important;
      text-align: left !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: rgba(0,0,0,0.72) !important;
      margin: 10px 0 6px !important;
    }
    
    body.page-raklap #paletta_form .input-line{
      width: 100% !important;
      height: 44px !important;
      border-radius: 12px !important;
      border: 1px solid rgba(0,0,0,0.14) !important;
      background: #fff !important;
      color: #111 !important;
      padding: 10px 12px !important;
    }
    
    body.page-raklap #paletta_form .input-line:focus{
      border-color: rgba(252,186,3,0.95) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.18) !important;
      outline: none !important;
    }
    
    /* “Ki fizeti…” blokk cím */
    body.page-raklap #paletta_form p{
      text-align: left !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: rgba(0,0,0,0.72) !important;
    }
    
    /* Radio pill */
    body.page-raklap #paletta_form input.radio{
      width: 16px !important;
      height: 16px !important;
      accent-color: #fcba03 !important;
    }
    
    body.page-raklap #paletta_form #paletta_dij_felado + label,
    body.page-raklap #paletta_form #paletta_dij_cimzett + label{
      display: inline-flex !important;
      align-items: center !important;
      width: fit-content !important;
      margin-left: 10px !important;
      padding: 8px 12px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(0,0,0,0.12) !important;
      background: rgba(0,0,0,0.03) !important;
      cursor: pointer !important;
      user-select: none !important;
    }
    
    body.page-raklap #paletta_form #paletta_dij_felado:checked + label,
    body.page-raklap #paletta_form #paletta_dij_cimzett:checked + label{
      border-color: rgba(252,186,3,0.85) !important;
      background: rgba(252,186,3,0.16) !important;
      box-shadow: 0 0 0 4px rgba(252,186,3,0.12) !important;
    }
    
    /* Számol gomb */
    body.page-raklap #paletta_form input[type="submit"]{
      width: 100% !important;
      height: 52px !important;
      border-radius: 16px !important;
      border: 0 !important;
      background: #fcba03 !important;
      color: #1b1b1b !important;
      font-weight: 900 !important;
      box-shadow: 0 12px 22px rgba(0,0,0,0.12) !important;
    }
    /* ===== Raklap: form-card grid override + centering ===== */
    body.page-raklap #paletta_form .form-card{
      display: block !important;      /* ez a lényeg */
      width: 100% !important;
      max-width: 980px !important;
      margin-left: auto !important;   /* középre */
      margin-right: auto !important;
    }
    /* A két oszlop layoutja gridben, nem a form-card */
    body.page-raklap #paletta_form .row-tight{
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      gap: 34px !important;
    }
    
    @media (max-width: 768px){
      body.page-raklap #paletta_form .row-tight{
        grid-template-columns: 1fr;
      }
    }
    /* ===== Raklap: külső szélesség FIX (ha a section 50%-ra van fogva) ===== */
    
    body.page-raklap #calc.service-section{
      width: 100% !important;
      max-width: none !important;
    }
    
    /* A raklap oldal fő kártyája legyen szélesebb */
    body.page-raklap #paletta_form .form-card{
      width: 100% !important;
      max-width: 1200px !important;   /* emeld, ha kell: 1300px */
      margin-left: auto !important;
      margin-right: auto !important;
    }
    
    /* Ha a service-section belső tartalma (h2,p) is szűk konténerben van */
    body.page-raklap #calc > h2,
    body.page-raklap #calc > p{
      max-width: 1200px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    /* ===== Raklap: 50% szélesség FIX (grid/flex parent esetére) ===== */
    
    /* A calc szekció foglalja el a teljes sort, akár gridben, akár flexben van */
    body.page-raklap #calc{
      width: 100% !important;
      max-width: none !important;
    
      /* HA a szülő GRID-et használ: terüljön el két oszlopon */
      grid-column: 1 / -1 !important;
    
      /* HA a szülő FLEX-et használ és 50% a basis: legyen 100% */
      flex: 0 0 100% !important;
    }
    
    /* Biztos ami biztos: ha a service-section-re van rátéve a fél szélesség */
    body.page-raklap section.service-section{
      width: 100% !important;
      max-width: none !important;
    }
    
    /* Kártya középre, normál max-szélességgel */
    body.page-raklap #paletta_form .form-card{
      width: 100% !important;
      max-width: 1200px !important;
      margin: 0 auto !important;
    }
    /* ===== Raklap: #calc tényleges 50% felülírás ===== */
    body.page-raklap #calc.service-section{
      width: 100vw !important;
      max-width: 100vw !important;
      margin-left: calc(50% - 50vw) !important;  /* “full-bleed” trükk */
      margin-right: calc(50% - 50vw) !important;
      padding-left: 16px !important;
      padding-right: 16px !important;
      box-sizing: border-box !important;
    }
    body.page-raklap #paletta_form .form-card{
      width: 100% !important;
      max-width: 1150px !important;   /* pont annyi, mint a calc */
      margin: 0 auto !important;
    }
    body.page-raklap #paletta_form .row-tight{
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 38px !important;
    }
    @media (max-width: 768px){
      body.page-raklap #paletta_form .row-tight{ grid-template-columns: 1fr !important; }
    }
    /* Raklap: nagyobb kártya, kevésbé “összenyomott” 2 oszlop */
    body.page-raklap #paletta_form .form-card{
      max-width: 1240px !important;
      margin: 0 auto !important;
      padding: 22px 22px !important;
    }
    
    /* oszlopok között több hely */
    body.page-raklap #paletta_form .row-tight{
      column-gap: 44px !important;
    }
    /* ===== Raklap: a FORM ne legyen 860px-re korlátozva ===== */
    /*body.page-raklap #paletta_form{
      width: 100% !important;
      max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }*/
    
    /* Raklap: legyen 1 oszlop desktopon is (ne 50-50) */
    body.page-raklap #paletta_form .row-tight{
      display: block !important;
    }
    
    body.page-raklap #paletta_form .col-md-6{
      max-width: 100% !important;
      flex: 0 0 100% !important;
      width: 100% !important;
    }
    body.page-raklap #paletta_form .row-tight{ display:block !important; }
    body.page-raklap #paletta_form .col-md-6{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
    
    /* =========================================
       SERVICE THEME – XXL-style (sitewide)
       csak a szolgáltatás oldalakra: .page-service
    ========================================= */
    
    body.page-service{
      background: #eef6ff !important;   /* halványkék */
      color: #0f172a;
    }
    
    /* HERO / fejrés (ha van .hero wrapper) */
    body.page-service .hero{
      background: linear-gradient(180deg, #0b4aa6 0%, #1673d6 100%) !important;
      color: #fff !important;
      border-radius: 18px;
      padding: 26px 18px;
      box-shadow: 0 18px 40px rgba(2, 24, 64, 0.18);
    }
    
    body.page-service .hero h1{ color:#fff !important; }
    body.page-service .hero p{ color: rgba(255,255,255,0.88) !important; }
    
    /* A szolgáltatás szekció “kártyás” legyen */
    body.page-service .service-section{
      background: transparent !important;
    }
    
    /* Form kártya */
    body.page-service .form-card,
    body.page-service .service-section form{
      background: #fff !important;
      border: 1px solid rgba(15, 23, 42, 0.08) !important;
      border-radius: 18px !important;
      box-shadow: 0 16px 40px rgba(2, 24, 64, 0.10) !important;
    }
    
    /* Címek / alcímek */
    body.page-service .service-section h2,
    body.page-service .service-section h5{
      color: #0f172a !important;
    }
    
    /* Inputok */
    body.page-service input,
    body.page-service select,
    body.page-service textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(15, 23, 42, 0.14) !important;
      background: #fff !important;
      color: #0f172a !important;
    }
    
    body.page-service input:focus,
    body.page-service select:focus,
    body.page-service textarea:focus{
      border-color: rgba(22, 115, 214, 0.95) !important;
      box-shadow: 0 0 0 4px rgba(22, 115, 214, 0.16) !important;
      outline: none !important;
    }
    
    /* Primary gombok: kék */
    body.page-service .btn-primary,
    body.page-service input[type="submit"].btn-primary,
    body.page-service button.btn-primary{
      background: #1673d6 !important;
      border-color: #1673d6 !important;
      color: #fff !important;
      border-radius: 14px !important;
      font-weight: 800 !important;
    }
    
    body.page-service .btn-primary:hover{
      filter: brightness(1.03);
    }
    
    /* Outline gombok a hero-ban */
    body.page-service .hero .btn-outline-dark{
      border-color: rgba(255,255,255,0.55) !important;
      color: #fff !important;
      background: rgba(255,255,255,0.08) !important;
    }
    body.page-service .hero .btn-outline-dark:hover{
      background: rgba(255,255,255,0.14) !important;
    }
    
    /* Finom elválasztó a blokkok között (opcionális) */
    body.page-service .service-section{
      padding-bottom: 24px;
    }
    /* ===== Service theme: label láthatóság fehér kártyán ===== */
    
    /* Csak szolgáltatás oldalak + csak a kártyán belül */
    body.page-service .service-section .form-card label,
    body.page-service .service-section form label{
      color: rgba(15, 23, 42, 0.78) !important; /* sötét */
      font-weight: 700 !important;
    }
    
    /* Placeholder is legyen jól olvasható */
    body.page-service .service-section .form-card input::placeholder,
    body.page-service .service-section form input::placeholder,
    body.page-service .service-section .form-card textarea::placeholder,
    body.page-service .service-section form textarea::placeholder{
      color: rgba(15, 23, 42, 0.45) !important;
    }
    /* ===== Service pages: fehér kártyán minden szöveg legyen sötét ===== */
    
    /* Általános szöveg */
    body.page-service .service-section,
    body.page-service .service-section p,
    body.page-service .service-section li,
    body.page-service .service-section span,
    body.page-service .service-section div{
      color: rgba(15, 23, 42, 0.85) !important;
    }
    
    /* Kiemelt USP sorok (pipás / pontozott) */
    body.page-service .service-section p strong,
    body.page-service .service-section li strong{
      color: #0f172a !important;
    }
    
    /* Ha ikon + szöveg egy sorban van */
    body.page-service .service-section p svg,
    body.page-service .service-section li svg{
      fill: #1673d6 !important;
    }
    /* =========================================
       SERVICE HERO – XXL LIGHT STYLE
       (olyan, mint a GLS XXL fejléc)
    ========================================= */
    
    body.page-service .service-grid-section{
      background: #eef6ff !important;          /* halványkék sáv */
      padding: 28px 16px 24px !important;
    }
    
    body.page-service .service-grid-section .hero{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      border-radius: 0 !important;
    }
    
    /* “ecsomagfutar.hu • GLS” pill */
    body.page-service .service-grid-section .hero .pill,
    body.page-service .service-grid-section .hero .breadcrumb,
    body.page-service .service-grid-section .hero .tag{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(22, 115, 214, 0.10);
      color: #0b4aa6;
      font-weight: 700;
      font-size: 13px;
    }
    
    /* Ha nincs külön elem, és sima szöveg van fent: tegyünk stílust a hero első <p>-jére */
    body.page-service .service-grid-section .hero p:first-of-type{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(22, 115, 214, 0.10);
      color: #0b4aa6 !important;
      font-weight: 700;
      font-size: 13px;
      margin-bottom: 14px;
    }
    
    /* Főcím: XXL mód */
    body.page-service .service-grid-section .hero h1{
      color: #0b4aa6 !important;
      font-size: 36px;
      font-weight: 900;
      line-height: 1.18;
      margin: 10px 0 10px;
    }
    
    /* Leírás */
    body.page-service .service-grid-section .hero p{
      color: rgba(15, 23, 42, 0.72) !important;
      font-size: 15.5px;
      line-height: 1.55;
      max-width: 820px;
      margin: 0 0 14px 0;
    }
    
    /* A hero-ban lévő gomb (pl. Csomagolás) */
    body.page-service .service-grid-section .hero .btn{
      border-radius: 999px !important;
      padding: 10px 16px !important;
      font-weight: 800 !important;
    }
    
    /* ha outline jelleg kell */
    body.page-service .service-grid-section .hero .btn-outline-dark{
      border-color: rgba(11, 74, 166, 0.25) !important;
      color: #0b4aa6 !important;
      background: rgba(255,255,255,0.60) !important;
    }
    body.page-service .service-grid-section .hero .btn-outline-dark:hover{
      background: rgba(255,255,255,0.95) !important;
    }
    
    /* Mobil */
    @media (max-width: 768px){
      body.page-service .service-grid-section{
        padding: 22px 12px 18px !important;
      }
      body.page-service .service-grid-section .hero h1{
        font-size: 26px;
      }
    }
    /* ===== Service pages: dátum mező olvashatóság ===== */
    
    /* Maga a dátum (amikor van érték) */
    body.page-service input[type="date"]{
      color: #0f172a !important;              /* sötét, jól olvasható */
      font-weight: 600;
    }
    
    /* Placeholder / üres állapot (Safari/Chrome eltérően kezeli) */
    body.page-service input[type="date"]:not(:focus):not([value]),
    body.page-service input[type="date"]::-webkit-datetime-edit{
      color: rgba(15, 23, 42, 0.45) !important;
    }
    
    /* Ha fókuszban van, mindig legyen sötét */
    body.page-service input[type="date"]:focus,
    body.page-service input[type="date"]:focus::-webkit-datetime-edit{
      color: #0f172a !important;
    }
    
    /* Chrome / Edge naptár ikon */
    body.page-service input[type="date"]::-webkit-calendar-picker-indicator{
      filter: invert(24%) sepia(18%) saturate(1800%) hue-rotate(195deg);
      opacity: 0.85;
      cursor: pointer;
    }
    /* Pickup dátum sor – legyen jól olvasható */
    body.page-service .pickup-note{
      color: rgba(15, 23, 42, 0.85) !important;
      font-weight: 700;
      text-align: center;
    }
    
    body.page-service .pickup-note b{
      color: #e11d48 !important; /* szebb, de maradhat red is */
    }
    /* ============================
       GUMI PAGE – XXL light theme
    ============================ */
    
    /* Light hero, mint az XXL */
    body.page-gumi .service-grid-section{
      background: #eef6ff !important;
      padding: 28px 16px 24px !important;
    }
    
    body.page-gumi .service-grid-section .hero{
      max-width: 1200px;
      margin: 0 auto;
    }
    
    /* H1 kék, leírás sötét */
    body.page-gumi .service-grid-section .hero h1{
      color: #0b4aa6 !important;
      font-size: 36px;
      font-weight: 900;
      line-height: 1.18;
      margin: 6px 0 10px;
    }
    
    body.page-gumi .service-grid-section .hero p{
      color: rgba(15, 23, 42, 0.72) !important;
      font-size: 15.5px;
      line-height: 1.55;
      max-width: 820px;
    }
    
    /* Hero gombok (GYIK / csomagolás stb.) */
    body.page-gumi .service-grid-section .hero .btn{
      border-radius: 999px !important;
      padding: 10px 16px !important;
      font-weight: 800 !important;
    }
    
    body.page-gumi .service-grid-section .hero .btn-outline-dark{
      border-color: rgba(11, 74, 166, 0.25) !important;
      color: #0b4aa6 !important;
      background: rgba(255,255,255,0.60) !important;
    }
    body.page-gumi .service-grid-section .hero .btn-outline-dark:hover{
      background: rgba(255,255,255,0.95) !important;
    }
    
    /* Form kártyásítás (ha van .form-card, vagy sima form) */
    body.page-gumi #calc.service-section{
      background: transparent !important;
    }
    
    body.page-gumi #calc .form-card,
    body.page-gumi #calc form{
      background: #fff !important;
      border: 1px solid rgba(15, 23, 42, 0.08) !important;
      border-radius: 18px !important;
      box-shadow: 0 16px 40px rgba(2, 24, 64, 0.10) !important;
    }
    
    /* Szövegek fehérről sötétre (ez szokta “eltüntetni” a gumi oldalon a tartalmat) */
    body.page-gumi #calc,
    body.page-gumi #calc p,
    body.page-gumi #calc li,
    body.page-gumi #calc h2,
    body.page-gumi #calc h5,
    body.page-gumi #calc h6,
    body.page-gumi #calc label{
      color: rgba(15, 23, 42, 0.82) !important;
    }
    
    /* Inputok */
    body.page-gumi #calc input,
    body.page-gumi #calc select,
    body.page-gumi #calc textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(15, 23, 42, 0.14) !important;
      background: #fff !important;
      color: #0f172a !important;
    }
    
    body.page-gumi #calc input:focus,
    body.page-gumi #calc select:focus,
    body.page-gumi #calc textarea:focus{
      border-color: rgba(22, 115, 214, 0.95) !important;
      box-shadow: 0 0 0 4px rgba(22, 115, 214, 0.16) !important;
      outline: none !important;
    }
    
    /* Primary gomb legyen kék */
    body.page-gumi #calc .btn-primary,
    body.page-gumi #calc input[type="submit"].btn-primary,
    body.page-gumi #calc button.btn-primary{
      background: #1673d6 !important;
      border-color: #1673d6 !important;
      color: #fff !important;
      border-radius: 14px !important;
      font-weight: 900 !important;
    }
    /* ============================
       GUMI FORM – célzott polish
    ============================ */
    
    /* Form szélesség + kártya */
    body.page-gumi #gumi_form{
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
    }
    
    body.page-gumi #gumi_form .form-card,
    body.page-gumi #gumi_form{
      background: #fff !important;
      border: 1px solid rgba(15, 23, 42, 0.08) !important;
      border-radius: 18px !important;
      box-shadow: 0 16px 40px rgba(2, 24, 64, 0.10) !important;
    }
    
    /* Label-ek és szövegek jól látszódjanak fehér kártyán */
    body.page-gumi #gumi_form label,
    body.page-gumi #gumi_form p,
    body.page-gumi #gumi_form h6{
      color: rgba(15, 23, 42, 0.80) !important;
    }
    
    body.page-gumi #gumi_form label{
      font-weight: 700 !important;
      display: block !important;
      margin: 10px 0 6px !important;
    }
    
    /* Inputok egységesen */
    body.page-gumi #gumi_form .input-line,
    body.page-gumi #gumi_form input,
    body.page-gumi #gumi_form select,
    body.page-gumi #gumi_form textarea{
      border-radius: 12px !important;
      border: 1px solid rgba(15, 23, 42, 0.14) !important;
      background: #fff !important;
      color: #0f172a !important;
    }
    
    body.page-gumi #gumi_form input:focus,
    body.page-gumi #gumi_form select:focus,
    body.page-gumi #gumi_form textarea:focus{
      border-color: rgba(22, 115, 214, 0.95) !important;
      box-shadow: 0 0 0 4px rgba(22, 115, 214, 0.16) !important;
      outline: none !important;
    }
    
    /* Radio “pill” – csak ha a gumi oldalon ezek az id-k vannak */
    body.page-gumi #gumi_form input[type="radio"]{
      width: 16px !important;
      height: 16px !important;
      accent-color: #1673d6 !important;
    }
    
    /* díjfizetés (ha ugyanazok a value-k vannak, mint máshol) */
    body.page-gumi #gumi_form input[type="radio"][name="dij"] + label{
      display: inline-flex !important;
      align-items: center !important;
      width: fit-content !important;
      margin-left: 10px !important;
      padding: 8px 12px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(15, 23, 42, 0.12) !important;
      background: rgba(15, 23, 42, 0.03) !important;
      cursor: pointer !important;
      user-select: none !important;
    }
    
    body.page-gumi #gumi_form input[type="radio"][name="dij"]:checked + label{
      border-color: rgba(22, 115, 214, 0.65) !important;
      background: rgba(22, 115, 214, 0.10) !important;
      box-shadow: 0 0 0 4px rgba(22, 115, 214, 0.12) !important;
    }
    
    /* UVV blokk (ha van *_uvv_block) */
    body.page-gumi #gumi_form [id$="_uvv_block"]{
      margin-top: 10px;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px dashed rgba(15, 23, 42, 0.18);
      background: rgba(2, 24, 64, 0.03);
    }
    
    /* Submit gomb kék, prémium */
    body.page-gumi #gumi_form input[type="submit"],
    body.page-gumi #gumi_form button[type="submit"]{
      width: 100% !important;
      height: 52px !important;
      border-radius: 16px !important;
      border: 0 !important;
      background: #1673d6 !important;
      color: #fff !important;
      font-weight: 900 !important;
      box-shadow: 0 12px 22px rgba(2, 24, 64, 0.14) !important;
    }
    body.page-gumi #gumi_form input[type="submit"]:hover,
    body.page-gumi #gumi_form button[type="submit"]:hover{
      filter: brightness(1.03);
    }
    /* =========================================
       VALIDATION UX – csak piros border, nincs szöveg
    ========================================= */
    
    /* Hibaüzenet szöveg elrejtése */
    body.page-service .field-error{
      display: none !important;
    }
    
    /* Piros keret maradjon */
    body.page-service .is-invalid{
      border-color: #dc2626 !important; /* piros */
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18) !important;
    }
    
    /* Focus + invalid együtt is jól nézzen ki */
    body.page-service .is-invalid:focus{
      box-shadow:
        0 0 0 2px rgba(220, 38, 38, 0.35),
        0 0 0 6px rgba(220, 38, 38, 0.15) !important;
    }
    body.page-service .form-global-error{
      margin: 12px 0;
      padding: 12px 14px;
      border-radius: 12px;
      background: rgba(220, 38, 38, 0.08);
      color: #b91c1c;
      font-weight: 700;
      text-align: center;
    }
    /* =========================================
       INVALID FIELD – mindig PIROS, fókuszban is
    ========================================= */
    
    body.page-service .is-invalid{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25) !important;
    }
    
    /* Fókusz + invalid → NEM kék */
    body.page-service .is-invalid:focus,
    body.page-service .is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow:
        0 0 0 2px rgba(220, 38, 38, 0.45),
        0 0 0 6px rgba(220, 38, 38, 0.18) !important;
      outline: none !important;
    }
    body.page-service .is-invalid{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25) !important;
    }
    
    body.page-service .is-invalid:focus,
    body.page-service .is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow:
        0 0 0 2px rgba(220, 38, 38, 0.45),
        0 0 0 6px rgba(220, 38, 38, 0.18) !important;
      outline: none !important;
    }
    /* =========================================
       SELECT invalid: ne legyen kék fókusz, mindig piros
    ========================================= */
    
    /* Ha már próbált submit volt, akkor a natív :invalid is piros legyen */
    body.page-service form[data-tried="1"] select:invalid,
    body.page-service form[data-tried="1"] .is-invalid{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25) !important;
    }
    
    /* Fókuszban se váltson kékre (külön a selectre!) */
    body.page-service form[data-tried="1"] select:invalid:focus,
    body.page-service form[data-tried="1"] select.is-invalid:focus,
    body.page-service form[data-tried="1"] .is-invalid:focus,
    body.page-service form[data-tried="1"] .is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow:
        0 0 0 2px rgba(220, 38, 38, 0.45),
        0 0 0 6px rgba(220, 38, 38, 0.18) !important;
      outline: none !important;
    }
    /* ===== SELECT FOCUS OVERRIDE (kék helyett piros, submit után) ===== */
    
    /* 1) minden SELECT fókusz-kék shadow kikapcsolása a service oldalakon */
    body.page-service #calc form select:focus,
    body.page-service #calc form select:focus-visible{
      box-shadow: none !important;
      outline: none !important;
      border-color: rgba(15,23,42,0.22) !important; /* semleges focus, ha valid */
    }
    
    /* 2) ha submit után még invalid, akkor fókuszban is PIROS legyen */
    body.page-service #calc form[data-tried="1"] select:invalid:focus,
    body.page-service #calc form[data-tried="1"] select:invalid:focus-visible,
    body.page-service #calc form[data-tried="1"] select.is-invalid:focus,
    body.page-service #calc form[data-tried="1"] select.is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220,38,38,0.45), 0 0 0 6px rgba(220,38,38,0.18) !important;
      outline: none !important;
    }
    /* ============================
       NEMZETKÖZI – XXL light theme
    ============================ */
    
    body.page-nemzetkozi .service-grid-section{
      background: #eef6ff !important;
      padding: 28px 16px 24px !important;
    }
    
    body.page-nemzetkozi .service-grid-section .hero{
      max-width: 1200px;
      margin: 0 auto;
    }
    
    body.page-nemzetkozi .service-grid-section .hero h1{
      color: #0b4aa6 !important;
      font-size: 36px;
      font-weight: 900;
      line-height: 1.18;
      margin: 6px 0 10px;
    }
    
    body.page-nemzetkozi .service-grid-section .hero p{
      color: rgba(15, 23, 42, 0.72) !important;
      font-size: 15.5px;
      line-height: 1.55;
      max-width: 820px;
    }
    
    /* form kártya */
    body.page-nemzetkozi #calc.service-section{ background: transparent !important; }
    
    body.page-nemzetkozi #calc .form-card,
    body.page-nemzetkozi #calc form{
      background: #fff !important;
      border: 1px solid rgba(15, 23, 42, 0.08) !important;
      border-radius: 18px !important;
      box-shadow: 0 16px 40px rgba(2, 24, 64, 0.10) !important;
    }
    
    /* szövegek olvashatóak */
    body.page-nemzetkozi #calc,
    body.page-nemzetkozi #calc p,
    body.page-nemzetkozi #calc li,
    body.page-nemzetkozi #calc label{
      color: rgba(15, 23, 42, 0.82) !important;
    }
    
    /* globál hiba doboz */
    body.page-nemzetkozi .form-global-error{
      margin: 12px 0;
      padding: 12px 14px;
      border-radius: 12px;
      background: rgba(220, 38, 38, 0.08);
      color: #b91c1c !important;
      font-weight: 800;
      text-align: center;
    }
    
    /* inline mező hiba SZÖVEG elrejtése */
    body.page-nemzetkozi .field-error{ display:none !important; }
    
    /* invalid mindig piros */
    body.page-nemzetkozi .is-invalid{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25) !important;
    }
    body.page-nemzetkozi .is-invalid:focus,
    body.page-nemzetkozi .is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220,38,38,0.45), 0 0 0 6px rgba(220,38,38,0.18) !important;
      outline: none !important;
    }
    
    /* select fókusz-kék lenullázás + invalid piros (az előző fix) */
    body.page-nemzetkozi #calc form select:focus,
    body.page-nemzetkozi #calc form select:focus-visible{
      box-shadow: none !important;
      outline: none !important;
    }
    body.page-nemzetkozi #calc form[data-tried="1"] select:invalid:focus,
    body.page-nemzetkozi #calc form[data-tried="1"] select:invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220,38,38,0.45), 0 0 0 6px rgba(220,38,38,0.18) !important;
      outline: none !important;
    }
    /* ===== NEMZETKÖZI: két form (export/import) – csak az aktív form ===== */
    
    /* Inline mező hiba SZÖVEG elrejtése (csak intl formoknál) */
    body.page-nemzetkozi .intl-form .field-error{ display:none !important; }
    
    /* Globál hiba doboz */
    body.page-nemzetkozi .intl-form .form-global-error{
      margin: 12px 0;
      padding: 12px 14px;
      border-radius: 12px;
      background: rgba(220, 38, 38, 0.08);
      color: #b91c1c !important;
      font-weight: 800;
      text-align: center;
    }
    
    /* Invalid mindig piros (focus-ban is) */
    body.page-nemzetkozi .intl-form .is-invalid{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25) !important;
    }
    body.page-nemzetkozi .intl-form .is-invalid:focus,
    body.page-nemzetkozi .intl-form .is-invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220,38,38,0.45), 0 0 0 6px rgba(220,38,38,0.18) !important;
      outline: none !important;
    }
    
    /* SELECT: kék fókusz lenullázás + invalid piros */
    body.page-nemzetkozi .intl-form select:focus,
    body.page-nemzetkozi .intl-form select:focus-visible{
      box-shadow: none !important;
      outline: none !important;
    }
    body.page-nemzetkozi .intl-form[data-tried="1"] select:invalid:focus,
    body.page-nemzetkozi .intl-form[data-tried="1"] select:invalid:focus-visible{
      border-color: #dc2626 !important;
      box-shadow: 0 0 0 2px rgba(220,38,38,0.45), 0 0 0 6px rgba(220,38,38,0.18) !important;
      outline: none !important;
    }
    /* =========================================
       NEMZETKÖZI FORM – TELJES SZÉLESSÉG
    ========================================= */
    
    /* maga a form */
    body.page-nemzetkozi .intl-form.is-active{
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    
    /* a belső kártya is legyen full */
    body.page-nemzetkozi .intl-form.is-active .form-card{
      width: 100% !important;
      max-width: 100% !important;
    }
    
    /* a row NE legyen 2 oszlopos grid */
    body.page-nemzetkozi .intl-form.is-active .row,
    body.page-nemzetkozi .intl-form.is-active .row-tight{
      display: block !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    
    /* minden col vegye fel a teljes szélességet */
    body.page-nemzetkozi .intl-form.is-active [class*="col-"]{
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
    }
    /* ============================
       NEMZETKÖZI – VIZUÁLIS POLISH
    ============================ */
    
    /* Tabok */
    body.page-nemzetkozi .intl-tabs{
      display: flex;
      gap: 12px;
      margin-bottom: 18px;
    }
    body.page-nemzetkozi .intl-tabs button{
      padding: 10px 18px;
      border-radius: 999px;
      font-weight: 800;
      border: 1px solid rgba(15,23,42,.15);
      background: #fff;
    }
    body.page-nemzetkozi .intl-tabs button.is-active{
      background: #1d6fdc;
      color: #fff;
      border-color: transparent;
      box-shadow: 0 8px 18px rgba(29,111,220,.35);
    }
    
    /* DÁTUM INFÓ – kék sáv */
    body.page-nemzetkozi .pickup-info{
      background: linear-gradient(180deg,#eaf3ff,#f6faff);
      border: 1px solid rgba(29,111,220,.18);
      color: #0b4aa6;
      padding: 14px 18px;
      border-radius: 14px;
      font-weight: 700;
      margin-bottom: 18px;
    }
    body.page-nemzetkozi .pickup-info b{
      color: #d81b1b;
    }
    
    /* NAGY FORM KÁRTYA */
    body.page-nemzetkozi .intl-form.is-active .form-card{
      padding: 28px 32px;
    }
    
    /* Section címek */
    body.page-nemzetkozi .intl-form h4,
    body.page-nemzetkozi .intl-form h5{
      font-size: 18px;
      font-weight: 900;
      color: #0b4aa6;
      margin-bottom: 12px;
    }
    
    /* Finom elválasztó */
    body.page-nemzetkozi .intl-form .form-divider{
      height: 1px;
      background: rgba(15,23,42,.08);
      margin: 20px 0;
    }
    
    /* CTA gomb */
    body.page-nemzetkozi .intl-form input[type="submit"],
    body.page-nemzetkozi .intl-form button[type="submit"]{
      width: 100%;
      padding: 14px 18px;
      border-radius: 14px;
      font-size: 16px;
      font-weight: 900;
      background: linear-gradient(180deg,#1d6fdc,#1558b0);
      box-shadow: 0 14px 30px rgba(29,111,220,.35);
    }
    /* =========================================
       NEMZETKÖZI – inputok ne legyenek 50%-osak
       (csak az aktív intl formon belül)
    ========================================= */
    
    /* 1) minden tipikus fél-oszlop wrapper full width */
    body.page-nemzetkozi .intl-form.is-active .col-50,
    body.page-nemzetkozi .intl-form.is-active .col-md-6,
    body.page-nemzetkozi .intl-form.is-active .col-sm-6,
    body.page-nemzetkozi .intl-form.is-active .col-6,
    body.page-nemzetkozi .intl-form.is-active [style*="width:50%"],
    body.page-nemzetkozi .intl-form.is-active [style*="width: 50%"]{
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
    }
    
    /* 2) a form layout ne ossza ketté a mezőket */
    body.page-nemzetkozi .intl-form.is-active .row,
    body.page-nemzetkozi .intl-form.is-active .row-tight{
      display: block !important;
    }
    
    /* 3) maguk az inputok/selectek is legyenek 100%-osak */
    body.page-nemzetkozi .intl-form.is-active input,
    body.page-nemzetkozi .intl-form.is-active select,
    body.page-nemzetkozi .intl-form.is-active textarea,
    body.page-nemzetkozi .intl-form.is-active .input-line{
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      box-sizing: border-box !important;
    }
    /* NEMZETKÖZI: input-line ne legyen fix szélesség */
    body.page-nemzetkozi .intl-form.is-active .input-line{
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      box-sizing: border-box !important;
    }
    
    /* Submit gomb is full */
    body.page-nemzetkozi .intl-form.is-active input[type="submit"].btn,
    body.page-nemzetkozi .intl-form.is-active input[type="submit"].btn-primary,
    body.page-nemzetkozi .intl-form.is-active button.btn,
    body.page-nemzetkozi .intl-form.is-active button.btn-primary{
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
    }
    body.page-nemzetkozi form.intl-form.is-active input.input-line,
    body.page-nemzetkozi form.intl-form.is-active select.input-line{
      width: 100% !important;
      max-width: 100% !important;
    }
    .page-service .container {
        max-width: 1100px !important;
    }
    /* Nemzetközi (import/export) form mezők: töltsék ki az oszlopot */
    .intl-form .input-line{
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box;
      display: block;
    }
    
    /* select is ugyanaz */
    .intl-form select.input-line{
      width: 100% !important;
    }
    
    /* ha valami flex/inline trükk is beleszól */
    .intl-form .row-tight > [class*="col-"]{
      min-width: 0;
    }