:root{
      --bgTop: #151821;      /* világosabb antracit */
      --bgMid: #121520;
      --bgBot: #10131b;

      --text: #e9edf5;
      --muted: rgba(233,237,245,.72);
      --line: rgba(255,255,255,.12);

      --accent: #ff6a00;     /* marad narancs CTA-hoz, de glow nélkül */
      --shadow: 0 18px 60px rgba(0,0,0,.45);
      --radius: 18px;
      --max: 1120px;
    }

    *{ box-sizing: border-box; }
    html,body{ height:100%; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      background: linear-gradient(180deg, var(--bgTop) 0%, var(--bgMid) 55%, var(--bgBot) 100%);
      color: var(--text);
      line-height: 1.5;
    }

    a{ color: inherit; }
    .container{ max-width: var(--max); margin: 0 auto; padding: 0 18px; }

    /* Top bar */
    .topbar{
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(16,19,27,.78);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--line);
    }
    .topbar-inner{
      display:flex;
      align-items:center;
      justify-content: space-between;
      padding: 12px 0;
      gap: 12px;
	  flex-wrap: wrap;
    }
    .brand{
      display:flex; align-items:center; gap:10px; min-width: 220px;
      font-weight: 800; letter-spacing: .2px;
    }
    .badge{
      font-size: 12px;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      color: var(--muted);
      background: rgba(255,255,255,.04);
    }
    .nav{ display:flex; gap: 14px; align-items:center; }
    .nav a{
      text-decoration:none;
      font-weight: 650;
      color: rgba(233,237,245,.88);
      padding: 8px 10px;
      border-radius: 10px;
    }
    .nav a:hover{ background: rgba(255,255,255,.06); }
    .cta-mini{ display:flex; gap:10px; align-items:center; }
    .phone{
   /*   display:none;*/
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
      text-decoration:none;
      font-weight: 700;
      color: rgba(233,237,245,.92);
      white-space: nowrap;
    }

    /* Buttons (glow nélkül) */
    .btn{
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 14px;
      border: 1px solid transparent;
      text-decoration:none;
      font-weight: 800;
      cursor: pointer;
      transition: transform .08s ease, filter .15s ease, background .15s ease, box-shadow .15s ease;
      user-select:none;
    }
    .btn:active{ transform: translateY(1px); }
    .btn-accent{
      background: linear-gradient(180deg, #ff6a00, #e45700);
      color: #fff;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 12px 26px rgba(0,0,0,.35);
    }
    .btn-accent:hover{
      filter: brightness(1.04);
      box-shadow: 0 14px 30px rgba(0,0,0,.40);
    }
    .btn-ghost{
      background: rgba(255,255,255,.05);
      border-color: var(--line);
      color: rgba(233,237,245,.92);
    }
    .btn-ghost:hover{ background: rgba(255,255,255,.08); }

    /* Hero (nincs narancs izzás) */
    .hero{ padding: 26px 0 22px; }
    .hero-card{
      position: relative;
      border-radius: calc(var(--radius) + 8px);
      overflow: hidden;
      box-shadow: var(--shadow);
      border: 1px solid rgba(255,255,255,.10);
      min-height: 420px;
      background:
        linear-gradient(0deg, rgba(0,0,0,.70), rgba(0,0,0,.40)),
        url("/wp-content/themes/fuvarozas-theme/assets/img/hero.png") 60% center / cover no-repeat;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.1fr .75fr;
      gap: 18px;
      padding: 28px;
    }
    .hero h1{
      margin: 0 0 10px;
      font-size: clamp(26px, 3.1vw, 44px);
      line-height: 1.06;
      letter-spacing: -0.4px;
      text-shadow: 0 10px 30px rgba(0,0,0,.45);
    }
    .hero p.sub{
      margin: 0 0 18px;
      color: rgba(233,237,245,.80);
      max-width: 52ch;
      font-weight: 650;
      text-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    .bullets{
      margin: 0;
      padding: 0;
      list-style: none;
      display:grid;
      gap: 10px;
      max-width: 52ch;
    }
    .bullets li{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      color: rgba(233,237,245,.92);
      font-weight: 700;
      text-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    .check{
      width: 22px; height: 22px;
      border-radius: 7px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-top: 1px;
      flex: 0 0 22px;
    }
	.check{
	}
    .check svg{ width: 14px; height: 14px;  color: #F6E64A; /* maga a pipa */ }

    .hero-side{
      display:flex;
      align-items:flex-start;
      justify-content:flex-end;
    }
    .quote-card{
      width: 100%;
      background: rgba(16,19,27,.78);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--radius);
      padding: 16px;
      backdrop-filter: blur(10px);
      box-shadow: 0 16px 50px rgba(0,0,0,.35);
    }
    .quote-card h3{
      margin: 0 0 6px;
      font-size: 18px;
      letter-spacing: -0.2px;
    }
    .quote-card p{
      margin: 0 0 12px;
      color: var(--muted);
      font-weight: 650;
    }
    .tiny{
      font-size: 12px;
      color: rgba(233,237,245,.65);
      margin-top: 10px;
      line-height: 1.35;
    }

    /* Section base */
    section{ padding: 22px 0; }
    .section-title{
      display:flex; align-items:baseline; justify-content:space-between; gap: 12px;
      margin-bottom: 12px;
    }
    .section-title h2{
      margin: 0;
      font-size: 24px;
      letter-spacing: -0.2px;
    }
    .section-title .hint{
      color: rgba(233,237,245,.65);
      font-weight: 650;
      font-size: 13px;
    }

    /* Cards */
    .cards{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .card{
      background: rgba(255,255,255,.055);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: var(--radius);
      overflow:hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,.25);
    }
    .thumb{
      height: 150px;
      background: rgba(255,255,255,.06);
      border-bottom: 1px solid rgba(255,255,255,.12);
      overflow: hidden;
    }
    .thumb img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .card-body{ padding: 14px 14px 16px; }
    .card h3{ margin: 0 0 8px; font-size: 18px; }
    .card ul{
      margin: 0;
      padding-left: 18px;
      color: rgba(233,237,245,.78);
      font-weight: 650;
      display:grid;
      gap: 4px;
    }
    .note{
      margin-top: 10px;
      color: rgba(233,237,245,.68);
      font-weight: 650;
      font-size: 13px;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px dashed rgba(255,255,255,.18);
      background: rgba(255,255,255,.03);
    }

    /* Steps */
    .steps-wrap{
      background: rgba(255,255,255,.045);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: calc(var(--radius) + 6px);
      padding: 16px;
    }
    .steps{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .step{
      border-radius: var(--radius);
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      padding: 14px;
      display:flex;
      gap: 12px;
      align-items:flex-start;
      min-height: 86px;
    }
    .num{
      width: 34px; height: 34px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 900;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.16);
      color: rgba(233,237,245,.95);
      flex: 0 0 34px;
    }
    .step b{ display:block; margin-bottom: 3px; }
    .step span{ color: rgba(233,237,245,.72); font-weight: 650; }

    /* Pricing */
    .pricing-grid{
      display:grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 14px;
      align-items: start;
    }
    .table{
      width:100%;
      border-collapse: collapse;
      overflow:hidden;
      border-radius: var(--radius);
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.04);
    }
    .table th, .table td{
      padding: 12px 12px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      text-align:left;
      font-weight: 650;
    }
    .table th{
      font-size: 13px;
      color: rgba(233,237,245,.65);
      letter-spacing: .2px;
      text-transform: uppercase;
      background: rgba(255,255,255,.05);
    }
    .table tr:last-child td{ border-bottom: none; }
    .price{
      text-align:right !important;
      white-space: nowrap;
      font-weight: 900;
    }

    /* Fontos box: sárgás figyelem, de nincs glow */
    .warn{
      border-radius: var(--radius);
      border: 1px solid rgba(246,183,60,.45);
      background: rgba(246,183,60,.10);
      padding: 14px;
      box-shadow: 0 10px 26px rgba(0,0,0,.22);
    }
    .warn h3{ margin: 0 0 6px; font-size: 18px; }
    .warn ul{ margin: 0; padding-left: 18px; color: rgba(233,237,245,.88); font-weight: 650; display:grid; gap: 6px; }
    .warn small{ display:block; margin-top: 10px; color: rgba(233,237,245,.68); font-weight: 650; }

    .trust-img{
      width:100%;
      border-radius: 14px;
      display:block;
      margin-bottom: 12px;
      border: 1px solid rgba(255,255,255,.14);
    }

    /* Accordion */
    details{
      border: 1px solid rgba(255,255,255,.14);
      border-radius: var(--radius);
      background: rgba(255,255,255,.035);
      overflow:hidden;
      margin-bottom: 10px;
    }
    summary{
      list-style:none;
      cursor:pointer;
      padding: 14px 14px;
      font-weight: 850;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
    }
    summary::-webkit-details-marker{ display:none; }
    .caret{
      width: 12px; height: 12px;
      opacity:.8;
      transition: transform .15s ease;
    }
    details[open] .caret{ transform: rotate(180deg); }
    .details-body{
      padding: 0 14px 14px;
      color: rgba(233,237,245,.78);
      font-weight: 650;
    }

    /* Form section */
    .form-wrap{
      border-radius: calc(var(--radius) + 8px);
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.035);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .form-inner{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      padding: 18px;
      align-items: start;
    }
    .form-inner h2{ margin:0 0 6px; font-size: 26px; }
    .form-inner p{ margin:0 0 14px; color: var(--muted); font-weight: 650; max-width: 60ch; }
    .form-card{
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(16,19,27,.72);
      border-radius: var(--radius);
      padding: 14px;
      backdrop-filter: blur(10px);
    }
    .grid2{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    label{
      display:block;
      font-size: 12px;
      color: rgba(233,237,245,.70);
      font-weight: 800;
      margin-bottom: 6px;
      letter-spacing: .2px;
      text-transform: uppercase;
    }
    input, select, textarea{
      width:100%;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.14);
      padding: 12px 12px;
      background: rgba(255,255,255,.05);
      color: rgba(233,237,245,.92);
      outline: none;
      font-weight: 650;
    }
    textarea{ min-height: 96px; resize: vertical; }
    input::placeholder, textarea::placeholder{ color: rgba(233,237,245,.45); }
    .form-actions{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 10px;
    }
    .fineprint{
      margin-top: 10px;
      font-size: 12px;
      color: rgba(233,237,245,.68);
      font-weight: 650;
    }

    /* Footer */
    footer{
      padding: 22px 0 34px;
      color: rgba(233,237,245,.68);
    }
    .footer-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(255,255,255,.14);
    }
    .footer-grid b{ color: rgba(233,237,245,.90); }
    .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

    /* Responsive */
    @media (max-width: 920px){
      .nav{ display:none; }
      .phone{ display:flex; }
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-side{ justify-content:flex-start; }
      .cards{ grid-template-columns: 1fr; }
      .steps{ grid-template-columns: 1fr; }
      .pricing-grid{ grid-template-columns: 1fr; }
      .form-inner{ grid-template-columns: 1fr; }
      .grid2{ grid-template-columns: 1fr; }
      .hero-card{ min-height: unset; background-position: 75% center; }
    }


	.card{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.06) 0%,
    rgba(255,255,255,.035) 100%
  );
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}

.card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

.thumb{
  position: relative;
  height: 170px;
  overflow: hidden;
}

.thumb::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 60px;
  background: linear-gradient(
    to top,
    rgba(16,19,27,.85),
    transparent
  );
}

.thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.card-title{
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.2px;
}


.card-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.card-list li{
  position: relative;
  padding-left: 18px;
  color: rgba(233,237,245,.82);
  font-weight: 650;
}

.card-list li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color: #F6E64A; /* citromsárga pont */
  font-size: 18px;
  line-height: 1;
}




/* ===== Mobile polish (<= 560px) ===== */
@media (max-width: 560px){

  /* Topbar: kisebb, ne vegyen el túl sok helyet */
  .topbar-inner{ padding: 10px 0; gap: 10px; flex-wrap: wrap; }
  .brand{ min-width: 0; font-size: 14px; }
  .badge{ display:none; }                 /* mobilon felesleges */
  .btn{ padding: 11px 14px; border-radius: 14px; }

  /* Hero: legyen kompaktabb */
  .hero{ padding: 16px 0 14px; }
  .hero-grid{ padding: 16px; gap: 12px; }
  .hero-card{ border-radius: 18px; }
  .hero h1{ font-size: 26px; line-height: 1.08; letter-spacing: -1.4px;}
  .hero p.sub{ font-size: 14px; }
  .bullets{ gap: 8px; }
  .bullets li{ font-size: 14px; }

  /* CTA kártya: legyen teljes széles, kevesebb padding */
  .quote-card{ padding: 14px; border-radius: 16px; }
  .quote-card h3{ font-size: 16px; }
  .quote-card p{ font-size: 14px; }

  /* Mit szállítunk: képek + kártyák arány */
  .cards{ gap: 14px; }
  .thumb{ height: 160px; }               /* ne legyen túl magas */
  .card-body{ padding: 14px; }
  .card-title{ font-size: 18px; }

  /* Steps: ne legyen “széttolva” */
  .steps-wrap{ padding: 14px; }
  .step{ padding: 12px; min-height: unset; }
  .num{ width: 32px; height: 32px; border-radius: 11px; }

  /* Árlista táblázat: ne lógjon ki, görgőzzön ha kell */
  .table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 16px;
  }
  .table th, .table td{ white-space: nowrap;width:100%;}

  /* Űrlap: kényelmesebb tap target + spacing */
  input, select, textarea{ padding: 12px 12px; }
  .form-actions{ gap: 10px; }
  .form-actions .btn{ width: 100%; }     /* gombok egymás alá */

  /* Footer: oszlopok egymás alá */
  .footer-grid{ grid-template-columns: 1fr; }
}

/* ===== Extra kis képernyő (<= 360px) ===== */
@media (max-width: 360px){
  .hero h1{ font-size: 24px; }
  .btn{ padding: 10px 12px; }
  .thumb{ height: 145px; }
}

.wpcf7-form{
  display: grid;
  gap: 14px;
}

.wpcf7-form label{
  display:block;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(233,237,245,.70);
  font-weight: 800;
  margin-bottom: 6px;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color:#e9edf5;
}

.wpcf7-form textarea{
  min-height:100px;
}

.wpcf7-submit{
  background: linear-gradient(180deg, #ff6a00, #e45700)!important;
  border:none;
  padding:14px;
  border-radius:14px;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.wpcf7-submit:hover{
  filter: brightness(1.05);
}
/* Dropdown alap (mező) */
.wpcf7 select,
select{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #e9edf5 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* A lenyíló lista (opciók) – desktop böngészők többségén működik */
.wpcf7 select option,
select option{
  background: #121520 !important; /* sötét */
  color: #e9edf5 !important;
}

/* Hover/selected állapot */
.wpcf7 select option:checked,
select option:checked{
  background: #151821 !important;
  color: #e9edf5 !important;
}
/* CF7 radio/checkbox listák rendezése */
.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: center;
}

/* egy opció: input + szöveg egy sorban */
.wpcf7-form .wpcf7-list-item{
  margin: 0 !important;
}

.wpcf7-form .wpcf7-list-item label{
  display: flex !important;
  align-items: center;
  gap: 10px;
  font-size: 14px;              /* ne legyen túl nagy */
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(233,237,245,.82);
  line-height: 1;

}

/* maga a radio pötty */
.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin: 0 !important;
  flex: 0 0 auto;
  accent-color: #F6E64A;        /* citrom */
}
.logo-link{
  display: flex;
  align-items: center;
}

.logo-img{
  height: 48px;     /* desktop */
  width: auto;
  display: block;
}

@media (max-width: 768px){
  .logo-img{
    height: 36px;   /* mobil */
  }
}


/* ===== Header mobil layout fix ===== */
@media (max-width: 560px){

  .topbar-inner{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px 0;
  }

  /* Logó: legyen külön sor, ne legyen túl magas */
  .logo-img{
    height: auto;
    width:100%;
    text-align:center;
  }

  /* A jobb oldali CTA blokk menjen külön sorba és két oszlopba */
  .cta-mini{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }

  /* Tel gomb és ajánlatkérés ugyanakkora legyen */
  .phone{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 12px;
    border-radius: 14px;
  }

  .cta-mini .btn{
    width: 100%;
    justify-content: center;
    padding: 12px 12px;
    border-radius: 14px;
    white-space: nowrap;
  }

  /* Ha van nav, mobilon ne jelenjen meg */
  .nav{ display:none !important; }
}
.wpcf7-form h3{
  margin: 6px 0 6px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.2px;
}

.form-sep{
  border: 0;
  border-top: 1px solid rgba(255,255,255,.12);
  margin: 14px 0;
  opacity: .9;
}

.fineprint{
  margin: 6px 0 10px;
  color: rgba(233,237,245,.68);
  font-weight: 650;
  font-size: 13px;
}

.grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 560px){
  .grid2{ grid-template-columns: 1fr; }
}

.checks{
  display: grid;
  gap: 8px;
  margin: 6px 0 10px;
}

/* ===== CF7 mobile overflow fix ===== */
.wpcf7,
.wpcf7 form,
.wpcf7-form,
.wpcf7-form p,
.wpcf7-form label,
.wpcf7-form span,
.wpcf7-form .wpcf7-form-control-wrap{
  max-width: 100%;
/*width:100%;*/
}

.wpcf7-form *{
  box-sizing: border-box;
}

/* minden input/select/textarea 100% széles legyen és ne lógjon ki */
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea{
  width:100%;
  max-width: 100% !important;
}

/* grid2 mobilon biztosan 1 oszlop */
@media (max-width: 560px){
  .grid2{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* a form kártya belső paddingje ne legyen túl nagy */
  .form-card{ padding: 12px !important; }

  /* hosszú feliratok ne nyújtsák túl a layoutot */
  .wpcf7-form label{
    word-break: break-word;
  }

  /* rádió/checkbox opciók törjenek szépen */
  .wpcf7-form .wpcf7-radio,
  .wpcf7-form .wpcf7-checkbox{
    flex-wrap: wrap !important;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
  }
  .wpcf7-form input[type="checkbox"] {
    width:18px!important;
  }
  .wpcf7-form .wpcf7-list-item label{

  }
}

/* Multi file upload plugin esetén: konténer ne legyen szélesebb */
.wpcf7-form .dnd-upload-container,
.wpcf7-form .codedropz-upload-wrapper,
.wpcf7-form .codedropz-upload-handler{
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}

/* Ha a submit gomb vagy mezők miatt “1-2px” kilógás van */
body{ overflow-x: hidden; }




/* ===== Radio label fix ===== */

.wpcf7-form .wpcf7-radio{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 39px;
}

.wpcf7-form .wpcf7-list-item{
  margin: 0 !important;
}

.wpcf7-form .wpcf7-list-item label{
  display: flex !important;
  align-items: center;
  gap: 2px;

  line-height: 1;
  letter-spacing: .05em;
  font-weight: 800;

   white-space: break-spaces;
  overflow-wrap: normal;
  word-break: keep-all;   /* vagy: normal */
}

/* radio pötty */
.wpcf7-form input[type="radio"]{
  margin: 0 !important;
  flex: 0 0 1rem;
  accent-color: #F6E64A;
}

/* ===== CF7 checkbox alignment fix ===== */
.wpcf7-form .wpcf7-checkbox{
  display: grid;
  gap: 10px;

}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item{
  margin: 0 !important;
   width:100%;
   max-width:100%;
}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label{
  display: flex !important;
  align-items: center;
  gap: 10px;
  line-height: 1.2;

}

/* checkbox négyzet */
.wpcf7-form input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin: 0 !important;
  flex: 0 0 18px;
  accent-color: #F6E64A;
}


/* ===== Hamburger / mobil nav ===== */
.menu-toggle{
  display:none;
  width: 46px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
}

.menu-toggle span{
  display:block;
  width: 20px;
  height: 2px;
  background: rgba(233,237,245,.92);
  border-radius: 2px;
}

.mobile-nav{
  display:none;
  margin-top: 10px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(16,19,27,.88);
  backdrop-filter: blur(10px);
}

.mobile-nav a{
  display:block;
  padding: 12px 12px;
  border-radius: 12px;
  text-decoration:none;
  font-weight: 800;
  color: rgba(233,237,245,.92);
}

.mobile-nav a:hover{
  background: rgba(255,255,255,.06);
}

/* mobilon: a sima nav eltűnik, hamburger megjelenik */
@media (max-width: 920px){
  .nav{ display:none !important; }
  .menu-toggle{ display:flex; flex-direction: column;}
  .mobile-nav.is-open{ display:block; }
	.home .card{padding:0!important;}
	.container{padding:0 5px;}
}
body{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}