/* =========================================================
   Szolgáltatás oldal – Gépi földmunka (premium, egységes)
   File: /assets/css/szolgaltatas-gepi-foldmunka.css
   MINDEN csak .svc-fold alatt él (scoped).
   ========================================================= */

.svc-fold{
  --kg-gold: rgba(212,162,58,.95);
  --kg-blue: rgba(64,140,255,.92);
  --kg-warm: rgba(245,238,220,.96);
  --kg-text: rgba(234,240,246,.92);
  --kg-muted: rgba(234,240,246,.74);
  --kg-border: rgba(255,255,255,.12);
  --kg-surface: rgba(255,255,255,.04);
  --kg-surface2: rgba(255,255,255,.06);
  --kg-ease: cubic-bezier(.2,.8,.2,1);
}

/* ---- shared anim (EGYSZER) ---- */
@keyframes kgSpin { to{ transform: rotate(360deg); } }

/* =========================================================
   HERO – finom prémium háttér + checklist
   ========================================================= */

.svc-fold .page-hero--svc .svc-hero{ padding: 14px; }

.svc-fold .svc-hero{
  position: relative;
  overflow: hidden;
}
.svc-fold .svc-hero::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(900px 340px at 20% 0%, rgba(212,162,58,.18), transparent 60%),
    radial-gradient(900px 360px at 85% 90%, rgba(64,140,255,.14), transparent 62%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 9px);
  opacity:.35;
  pointer-events:none;
}

.svc-fold .svc-hero__top{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  align-items: stretch;
}

.svc-fold .svc-hero__kicker{
  display:inline-block;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(212,162,58,.22);
  background: rgba(212,162,58,.08);
  color: rgba(245,238,220,.92);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: 12px;
  margin-bottom: 10px;
}

.svc-fold .page-hero__title{
  letter-spacing:.2px;
  text-shadow: 0 10px 30px rgba(0,0,0,.45);
}

.svc-fold .svc-hero__cta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 10px 0 6px;
}

.svc-fold .svc-hero__micro{ margin: 8px 0 0; }

/* checklist */
.svc-fold .svc-hero__list{
  list-style:none;
  padding:0;
  margin: 14px 0 0;
  display:grid;
  gap: 10px;
}
.svc-fold .svc-hero__list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(234,240,246,.90);
  font-weight: 800;
  line-height: 1.45;
}
.svc-fold .svc-hero__list li::before{
  content:"";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 2px;
  border-radius: 999px;
  border: 1px solid rgba(212,162,58,.30);
  background: rgba(212,162,58,.12);
  box-shadow: 0 10px 24px rgba(212,162,58,.12);
  position: relative;
}
.svc-fold .svc-hero__list li::after{
  content:"";
  position: relative;
  left: -28px;
  top: 6px;
  width: 6px;
  height: 10px;
  border-right: 2px solid rgba(245,238,220,.95);
  border-bottom: 2px solid rgba(245,238,220,.95);
  transform: rotate(40deg);
}

/* side panel (a te markupod: .svc-sideAcc...) */
.svc-fold .svc-hero__side{
  padding: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

/* Responsive hero */
@media (max-width: 1023px){
  .svc-fold .svc-hero__top{ grid-template-columns: 1fr; }
}

/* =========================================================
   PROCESS kártyák – interaktív
   ========================================================= */

.svc-fold .svc-process__item--fx{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--kg-border);
  background: var(--kg-surface);
  border-radius: 22px;
  transition: transform 240ms var(--kg-ease), box-shadow 240ms var(--kg-ease), border-color 240ms ease;
}
.svc-fold .svc-process__item--fx::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(600px 240px at 0% 0%, rgba(212,162,58,.18), transparent 60%),
    radial-gradient(600px 240px at 100% 100%, rgba(64,140,255,.14), transparent 60%);
  opacity:.55;
  transition: opacity 240ms ease;
  pointer-events:none;
}
.svc-fold .svc-process__item--fx::after{
  content:"";
  position:absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212,162,58,.95), rgba(64,140,255,.95), transparent);
  opacity: 0;
  transition: opacity 240ms ease;
}
@media (hover:hover){
  .svc-fold .svc-process__item--fx:hover{
    transform: translateY(-7px);
    border-color: rgba(212,162,58,.28);
    box-shadow: 0 28px 70px rgba(0,0,0,.55);
  }
  .svc-fold .svc-process__item--fx:hover::before{ opacity: .95; }
  .svc-fold .svc-process__item--fx:hover::after{ opacity: 1; }
}

.svc-fold .svc-process__icon{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(212,162,58,.16), transparent 55%),
    rgba(255,255,255,.04);
  box-shadow: 0 14px 34px rgba(0,0,0,.32);
}
.svc-fold .svc-process__title{
  margin: 10px 0 6px;
  font-weight: 1000;
  color: rgba(245,238,220,.95);
}
.svc-fold .svc-process__text{ color: rgba(234,240,246,.76); }

/* =========================================================
   ÁRAK – price-summary (3 pill)
   ========================================================= */

.svc-fold .price-summary{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}
.svc-fold .price-pill{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(11,15,20,.28);
}
.svc-fold .price-pill__ico{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(212,162,58,.22);
  background: rgba(212,162,58,.10);
  color: rgba(245,238,220,.95);
  font-weight: 900;
  flex: 0 0 38px;
}
.svc-fold .price-pill__t{
  font-size: 12px;
  font-weight: 900;
  color: rgba(234,240,246,.72);
  margin-bottom: 2px;
}
.svc-fold .price-pill__v{
  font-weight: 900;
  color: rgba(245,238,220,.95);
  line-height: 1.25;
}
.svc-fold .price-summary__more{ margin-top: 10px; }
@media (max-width: 1023px){
  .svc-fold .price-summary{ grid-template-columns: 1fr; }
}

/* =========================================================
   PRICING – Accordion + spacing fix
   ========================================================= */

.svc-fold .price-acc{
  margin-top: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding: 6px;
}
.svc-fold .price-acc__btn{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;

  padding: 12px;
  margin: 6px 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(11,15,20,.28);

  color: rgba(245,238,220,.92);
  font-weight: 900;
  cursor: pointer;
  text-align: left;
}
.svc-fold .price-acc__chev{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  border: 1px solid rgba(212,162,58,.22);
  background: rgba(255,255,255,.04);
  transition: transform 180ms var(--kg-ease);
}
.svc-fold .price-acc__panel{ padding: 0 12px 10px; }
.svc-fold .price-acc__text{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 10px;
  color: rgba(234,240,246,.78);
  font-weight: 800;
  line-height: 1.65;
}

.svc-fold .price-card{ overflow: hidden; }
.svc-fold .price-card__cta{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* =========================================================
   KM KALKULÁTOR
   ========================================================= */

.svc-fold .price-km{
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 16px;
  border: 1px solid rgba(212,162,58,.18);
  background: rgba(212,162,58,.06);
  padding: 12px;
}
.svc-fold .price-km__head{ margin-bottom: 10px; }
.svc-fold .price-km__t{
  font-weight: 900;
  color: rgba(245,238,220,.95);
  margin-bottom: 4px;
}
.svc-fold .price-km__m{ font-weight: 800; line-height: 1.55; }
.svc-fold .price-km__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: stretch;
}
.svc-fold .price-km__field{ display:flex; flex-direction:column; gap: 6px; }
.svc-fold .price-km__label{
  font-size: 12px;
  font-weight: 900;
  color: rgba(234,240,246,.78);
}
.svc-fold .price-km__input{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(11,15,20,.28);
  color: rgba(245,238,220,.92);
  font-weight: 900;
  padding: 0 12px;
  outline: none;
}
.svc-fold .price-km__input:focus{
  border-color: rgba(212,162,58,.35);
  box-shadow: 0 0 0 2px rgba(212,162,58,.12);
}
.svc-fold .price-km__result{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(11,15,20,.28);
  padding: 10px;
  display:grid;
  gap: 8px;
}
.svc-fold .price-km__row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.svc-fold .price-km__row--total{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 8px;
}
.svc-fold .price-km__hint{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 1023px){
  .svc-fold .price-km__grid{ grid-template-columns: 1fr; }
}

/* =========================================================
   GOOGLE MAPS – Távolság blokk (PREMIUM + interaktív glow)
   ========================================================= */

.svc-fold .price-maps{
  margin-top: 14px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: 0 20px 60px rgba(0,0,0,.34);
  padding: 14px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

/* pointer-follow glow (JS állítja: --x, --y) */
.svc-fold .price-maps::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  opacity: 0;
  transition: opacity 220ms ease;
  background:
    radial-gradient(700px 280px at var(--x, 50%) var(--y, 35%),
      rgba(212,162,58,.24) 0%,
      rgba(64,140,255,.14) 35%,
      transparent 62%);
}
@media (hover:hover){
  .svc-fold .price-maps:hover::before{ opacity: 1; }
}

.svc-fold .price-maps::after{
  content:"";
  position:absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212,162,58,.95), rgba(64,140,255,.95), transparent);
  opacity: .85;
}

.svc-fold .price-maps__head{ margin-bottom: 12px; }
.svc-fold .price-maps__t{
  font-weight: 1000;
  letter-spacing: .2px;
  color: var(--kg-warm);
  margin-bottom: 6px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.svc-fold .price-maps__t::before{
  content:"";
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:inline-block;
  background: radial-gradient(120% 120% at 20% 10%, rgba(212,162,58,.95), rgba(169,75,38,.95));
  box-shadow: 0 16px 40px rgba(212,162,58,.25);
}
.svc-fold .price-maps__m{
  font-weight: 850;
  line-height: 1.6;
  color: var(--kg-muted);
}

.svc-fold .price-maps__grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
  align-items: start;
}
@media (max-width: 1023px){
  .svc-fold .price-maps__grid{ grid-template-columns: 1fr; }
}

.svc-fold .price-maps__field{ display:flex; flex-direction: column; gap: 6px; }

.svc-fold .price-maps__label{
  font-size: 12px;
  font-weight: 1000;
  color: rgba(234,240,246,.86);
  letter-spacing: .04em;
}

.svc-fold .price-maps__input{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(11,15,20,.30);
  color: var(--kg-warm);
  font-weight: 950;
  padding: 0 14px;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-variant-ligatures: none !important;
  font-feature-settings: "liga" 0, "calt" 0 !important;
  letter-spacing: normal !important;
}
.svc-fold .price-maps__input::placeholder{
  color: rgba(234,240,246,.55);
  font-weight: 850;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-variant-ligatures: none !important;
  font-feature-settings: "liga" 0, "calt" 0 !important;
}
.svc-fold .price-maps__input:focus{
  border-color: rgba(212,162,58,.44);
  box-shadow: 0 0 0 2px rgba(212,162,58,.14), 0 0 0 1px rgba(255,255,255,.06) inset;
  transform: translateY(-1px);
}

.svc-fold .price-maps__micro{
  font-weight: 800;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(234,240,246,.70);
}

.svc-fold .price-maps__actions{ display: grid; gap: 10px; }

.svc-fold .price-maps__btn{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(212,162,58,.18), transparent 55%),
    rgba(255,255,255,.04);
  color: var(--kg-warm);
  font-weight: 1000;
  cursor: pointer;
  transition: transform 180ms var(--kg-ease), box-shadow 180ms var(--kg-ease), border-color 180ms ease, filter 180ms ease;
  position: relative;
  overflow: hidden;
}
@media (hover:hover){
  .svc-fold .price-maps__btn:hover{
    border-color: rgba(212,162,58,.30);
    box-shadow: 0 18px 55px rgba(0,0,0,.38);
    transform: translateY(-2px);
    filter: brightness(1.04);
  }
}
.svc-fold .price-maps__btn:disabled{ opacity: .75; cursor: wait; transform:none; }

.svc-fold .price-maps__btn--ghost{
  background: rgba(11,15,20,.28);
  border-color: rgba(255,255,255,.12);
}
@media (hover:hover){
  .svc-fold .price-maps__btn--ghost:hover{ border-color: rgba(64,140,255,.30); }
}

.svc-fold .price-maps__btn.is-loading::after{
  content:"";
  margin-left: 10px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(245,238,220,.35);
  border-top-color: rgba(245,238,220,.95);
  display:inline-block;
  vertical-align: middle;
  animation: kgSpin .8s linear infinite;
}

.svc-fold .price-maps__result{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 260px at 15% 0%, rgba(64,140,255,.10), transparent 55%),
    rgba(11,15,20,.24);
  padding: 12px;
  display: grid;
  gap: 10px;
}
.svc-fold .price-maps__row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
.svc-fold .price-maps__row strong{
  font-weight: 1000;
  color: var(--kg-warm);
}
.svc-fold .price-maps__hint{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(234,240,246,.68);
}

/* =========================================================
   FAQ (a te markupod: .card.faq + button)
   ========================================================= */

.svc-fold .faq{ padding: 6px; }

.svc-fold .faq__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;

  padding: 12px;
  margin: 6px 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(11,15,20,.28);
  color: rgba(245,238,220,.92);
  font-weight: 900;
  cursor:pointer;
  text-align:left;
}
.svc-fold .faq__chev{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  border: 1px solid rgba(212,162,58,.22);
  background: rgba(255,255,255,.04);
  transition: transform 180ms var(--kg-ease);
}
.svc-fold .faq__panel{ padding: 0 12px 10px; }
.svc-fold .faq__text{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 10px;
  color: rgba(234,240,246,.78);
  font-weight: 800;
  line-height: 1.65;
}

/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .svc-fold *{ transition: none !important; animation: none !important; }
}
/* =========================================================
   PREMIUM+ PATCH – motion, depth, interactive polish
   (tedd a fájl VÉGÉRE)
   ========================================================= */

/* Finomabb tipó + jobb ritmus */
.svc-fold .page-hero__title{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
}
.svc-fold .page-hero__lead{
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.65;
  color: rgba(234,240,246,.86);
}

/* “Premium glass” kártyaérzet + keretfény */
.svc-fold .card{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 28px 70px rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
}

/* Hero: finom “edge highlight” + lebegő fényfolt */
.svc-fold .svc-hero::after{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  background:
    radial-gradient(650px 200px at 50% 0%, rgba(212,162,58,.12), transparent 55%),
    radial-gradient(700px 260px at 20% 80%, rgba(64,140,255,.10), transparent 60%);
  opacity:.9;
}

/* CTA gombok: enyhe shimmer + hover lift */
.svc-fold a.btn--shine,
.svc-fold .price-maps__btn{
  position: relative;
  overflow: hidden;
  transform: translateY(0);
  transition: transform 220ms var(--kg-ease), box-shadow 220ms var(--kg-ease), filter 220ms var(--kg-ease);
}
.svc-fold a.btn--shine:hover,
.svc-fold .price-maps__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
  filter: brightness(1.05);
}
.svc-fold a.btn--shine::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-30%;
  width: 60%;
  height: 160%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  opacity: .0;
  transition: opacity 250ms var(--kg-ease), transform 800ms var(--kg-ease);
}
.svc-fold a.btn--shine:hover::after{
  opacity:.9;
  transform: translateX(220%) rotate(18deg);
}

/* Process kártyák: “premium border glow” + finom ikon anim */
.svc-fold .svc-process__item--fx{
  will-change: transform;
  transform: translateY(0);
}
.svc-fold .svc-process__item--fx::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 22px;
  pointer-events:none;
  background: radial-gradient(600px 180px at 30% 0%, rgba(212,162,58,.16), transparent 60%);
  opacity: 0;
  transition: opacity 240ms var(--kg-ease);
}
.svc-fold .svc-process__item--fx:hover::before,
.svc-fold .svc-process__item--fx:focus-visible::before{
  opacity: 1;
}
.svc-fold .svc-process__item--fx:hover{
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 24px 60px rgba(0,0,0,.55);
}
.svc-fold .svc-process__icon{
  transition: transform 240ms var(--kg-ease);
}
.svc-fold .svc-process__item--fx:hover .svc-process__icon{
  transform: translateY(-2px) scale(1.05);
}

/* FAQ + ár-accordion: nyitásnál “soft glow” */
.svc-fold .faq__item,
.svc-fold .price-acc__item{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  transition: transform 220ms var(--kg-ease), box-shadow 220ms var(--kg-ease), border-color 220ms var(--kg-ease);
}
.svc-fold .faq__btn[aria-expanded="true"] + .faq__panel,
.svc-fold .price-acc__btn[aria-expanded="true"] + .price-acc__panel{
  animation: kgPanelIn 260ms var(--kg-ease) both;
}
@keyframes kgPanelIn{
  from{ opacity: 0; transform: translateY(-6px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* Scroll reveal (JS fogja rátenni az .is-inview-t) */
.svc-fold [data-reveal]{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 520ms var(--kg-ease), transform 520ms var(--kg-ease);
}
.svc-fold [data-reveal].is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion tisztelet */
@media (prefers-reduced-motion: reduce){
  .svc-fold *{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
/* ===========================
   PREMIUM UPGRADE – svc-fold
   tedd a szolgaltatas-gepi-foldmunka.css VÉGÉRE
   =========================== */

.svc-fold{
  --gold: rgba(212,162,58,1);
  --gold2: rgba(255,210,120,1);
  --glass: rgba(255,255,255,.055);
  --glass2: rgba(255,255,255,.035);
  --line: rgba(255,255,255,.10);
  --shadow: 0 28px 80px rgba(0,0,0,.55);
  --shadow2: 0 18px 50px rgba(0,0,0,.45);
}

/* Háttér: finom prémium fényfoltok (nem tolakodó) */
.svc-fold .page-hero--svc{
  position: relative;
  overflow: hidden;
}
.svc-fold .page-hero--svc::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(212,162,58,.14), transparent 60%),
    radial-gradient(900px 360px at 80% 0%, rgba(90,140,255,.10), transparent 55%),
    radial-gradient(700px 360px at 50% 100%, rgba(255,255,255,.05), transparent 60%);
  opacity: .9;
}

/* Hero fő kártya: glass + keretfény + több mélység */
.svc-fold .card.svc-hero{
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
  position: relative;
}
.svc-fold .card.svc-hero::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 26px;
  pointer-events:none;
  background: radial-gradient(700px 220px at 30% 0%, rgba(212,162,58,.20), transparent 60%);
  opacity:.55;
  mix-blend-mode: screen;
}

/* Tipó: nagyobb “headline” és tisztább lead */
.svc-fold .page-hero__title{
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.svc-fold .page-hero__lead{
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.65;
  color: rgba(236,242,248,.88);
}

/* Kicker csík: arany pill */
.svc-fold .svc-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,162,58,.30);
  background: rgba(212,162,58,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}

/* CTA gombok: prémium hover + shine */
.svc-fold .topbar__cta{
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.svc-fold .topbar__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 50px rgba(0,0,0,.55);
  filter: brightness(1.05);
}

/* Ghost gomb: elegánsabb */
.svc-fold .svc-cta--ghost{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* Jobb oldali “Miért válassz minket?” panel: még prémiumabb */
.svc-fold .svc-hero__side{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028));
  box-shadow: var(--shadow2);
  position: relative;
}
.svc-fold .svc-hero__side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 22px;
  pointer-events:none;
  background:
    radial-gradient(520px 200px at 70% 0%, rgba(212,162,58,.20), transparent 60%),
    radial-gradient(520px 200px at 20% 100%, rgba(90,140,255,.12), transparent 60%);
  opacity:.55;
}

/* Details sorok: hover lift + finom elválasztó */
.svc-fold .svc-sideAcc__row{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  margin-bottom: 10px;
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.svc-fold .svc-sideAcc__row:hover{
  transform: translateY(-2px);
  border-color: rgba(212,162,58,.28);
  box-shadow: 0 18px 44px rgba(0,0,0,.45);
}
.svc-fold .svc-sideAcc__panelIn{
  color: rgba(236,242,248,.86);
}

/* “Hogyan dolgozunk?” – NE legyenek lapos sávok: igazi kártyarács */
.svc-fold .svc-process__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  .svc-fold .svc-process__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .svc-fold .svc-process__grid{ grid-template-columns: 1fr; }
}

/* Process item: card look + ikon badge */
.svc-fold .svc-process__item{
  min-height: 160px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  box-shadow: 0 18px 48px rgba(0,0,0,.42);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position: relative;
  overflow: hidden;
}
.svc-fold .svc-process__item::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 20px;
  pointer-events:none;
  background: radial-gradient(520px 180px at 30% 0%, rgba(212,162,58,.18), transparent 60%);
  opacity:0;
  transition: opacity .22s ease;
}
.svc-fold .svc-process__item:hover{
  transform: translateY(-6px);
  border-color: rgba(212,162,58,.25);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
}
.svc-fold .svc-process__item:hover::after{ opacity:1; }

.svc-fold .svc-process__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(212,162,58,.12);
  border: 1px solid rgba(212,162,58,.28);
  box-shadow: 0 14px 32px rgba(0,0,0,.35);
  margin-bottom: 10px;
}

/* Árak kártya kicsit luxibb */
.svc-fold .price-card{
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028));
  box-shadow: var(--shadow);
}

/* Google maps blokk: “premium section” */
.svc-fold .price-maps{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 48px rgba(0,0,0,.35);
}

/* Scroll reveal – ha JS fut, szépen bejön */
.svc-fold [data-reveal]{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 520ms ease, transform 520ms ease;
}
.svc-fold [data-reveal].is-inview{
  opacity: 1;
  transform: translateY(0);
}
/* ===========================
   FIX: szekciók szétválasztása (ne folyjon össze)
   =========================== */

/* Egységes szekció padding */
.svc-fold .section{
  padding: clamp(28px, 3.2vw, 52px) 0;
}

/* Szekciók között finom elválasztó (premium “divider”) */
.svc-fold .section + .section{
  position: relative;
}
.svc-fold .section + .section::before{
  content:"";
  position:absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: min(1040px, calc(100% - 32px));
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity: .9;
}

/* Címblokk ne tapadjon a gridhez */
.svc-fold .svc-head{
  margin-bottom: 16px;
}
@media (min-width: 900px){
  .svc-fold .svc-head{ margin-bottom: 22px; }
}

/* Kártyák ne érjenek össze egymással */
.svc-fold .card{
  margin-bottom: 14px;
}
.svc-fold .card:last-child{
  margin-bottom: 0;
}

/* “Hogyan dolgozunk?” kártyák belső padding (ne legyen lapos sáv-érzet) */
.svc-fold .svc-process__item{
  padding: 18px 18px 16px;
}
.svc-fold .svc-process__title{
  margin: 6px 0 6px;
}
.svc-fold .svc-process__text{
  margin: 0;
  opacity: .92;
}

/* Árak blokk: külön levegő felül/alul */
.svc-fold .svc-pricing .price-card{
  margin-top: 8px;
}

/* FAQ és bottom CTA között legyen fix tér */
.svc-fold .svc-faq .faq{
  margin-bottom: 18px;
}
.svc-fold .svc-bottom{
  margin-top: 14px;
}

/* Hero-ban a két oszlop közé több gap, hogy ne tapadjon */
.svc-fold .svc-hero__top{
  gap: 18px;
}
@media (min-width: 900px){
  .svc-fold .svc-hero__top{ gap: 22px; }
}
/* ===========================
   FIX: bottom CTA ne folyjon rá a szövegre
   =========================== */

.svc-fold .svc-bottom{
  margin-top: 18px;
}

.svc-fold .svc-bottom__card{
  /* biztos hely a tartalomnak */
  padding: 18px 18px 20px;
  border-radius: 22px;

  /* ez a lényeg: rendezett oszlop + térköz */
  display: flex;
  flex-direction: column;
  gap: 10px;

  /* ha valahol overflow: hidden lenne, ne vágjon */
  overflow: visible;
}

.svc-fold .svc-bottom__t,
.svc-fold .svc-bottom__p{
  margin: 0;            /* alap marginok sokszor összeakadnak */
}

.svc-fold .svc-bottom__actions{
  display: flex;
  flex-wrap: wrap;      /* mobilon törjön, ne fedjen */
  gap: 10px;

  /* ha valami globál abszolútra állítaná, nullázzuk */
  position: static !important;
}

/* gombok ne nyúljanak túl, és legyenek egységesek */
.svc-fold .svc-bottom__actions .topbar__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* mobilon 2 gomb egymás mellett, ha fér; ha nem, 1 oszlop */
@media (max-width: 520px){
  .svc-fold .svc-bottom__actions .topbar__cta{
    flex: 1 1 calc(50% - 10px);
  }
}
@media (max-width: 360px){
  .svc-fold .svc-bottom__actions .topbar__cta{
    flex: 1 1 100%;
  }
}
/* =========================================================
   FIX + PREMIUM: "MIÉRT VÁLASSZ MINKET?" (svc-sideAcc)
   - CTA ne folyjon rá a szövegre
   - prémium panel + hover + open anim + chevron rotate
   ========================================================= */

/* Panel alap: tisztább, prémiumabb */
.svc-fold .svc-hero__side.svc-sideAcc{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.030));
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  overflow: hidden; /* hogy a belső highlightok szépek legyenek */
}

/* Fejrész: badge premiumabb */
.svc-fold .svc-sideAcc__head{
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.svc-fold .svc-sideAcc__badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,162,58,.30);
  background: rgba(212,162,58,.10);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}
.svc-fold .svc-sideAcc__mini{
  margin-top: 8px;
}

/* Sorok közötti tér: ne legyen "összefolyós" */
.svc-fold .svc-sideAcc__rows{
  padding: 12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

/* Details sor: premium hover */
.svc-fold .svc-sideAcc__row{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
}
.svc-fold .svc-sideAcc__row:hover{
  transform: translateY(-2px);
  border-color: rgba(212,162,58,.26);
  box-shadow: 0 18px 44px rgba(0,0,0,.45);
  background: rgba(255,255,255,.04);
}

/* Summary gomb: nagyobb hit area + tisztább */
.svc-fold .svc-sideAcc__btn{
  padding: 12px 12px;
  display:flex;
  align-items:center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

/* Safari/Chrome default marker ki */
.svc-fold .svc-sideAcc__row summary::-webkit-details-marker{ display:none; }
.svc-fold .svc-sideAcc__row summary{ list-style: none; }

/* Icon badge */
.svc-fold .svc-sideAcc__ico{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: 0 12px 26px rgba(0,0,0,.35);
}
.svc-fold .svc-sideAcc__ico--warm{
  border-color: rgba(212,162,58,.30);
  background: rgba(212,162,58,.10);
}
.svc-fold .svc-sideAcc__ico--cool{
  border-color: rgba(90,140,255,.22);
  background: rgba(90,140,255,.08);
}

/* Chevron anim: open-nél forduljon */
.svc-fold .svc-sideAcc__chev{
  margin-left:auto;
  transition: transform 220ms ease, opacity 220ms ease;
  opacity: .9;
}
.svc-fold .svc-sideAcc__row[open] .svc-sideAcc__chev{
  transform: rotate(180deg);
  opacity: 1;
}

/* Panel nyitás anim */
.svc-fold .svc-sideAcc__panelIn{
  padding: 0 12px 12px;
  color: rgba(236,242,248,.88);
  line-height: 1.55;
  animation: kgAccIn 220ms ease both;
}
@keyframes kgAccIn{
  from{ opacity: 0; transform: translateY(-6px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* "Soft" rész (Hogyan kapsz gyors választ?) – itt folyik rá általában */
.svc-fold .svc-sideAcc__soft{
  padding: 14px 14px 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  gap: 10px;
}

/* Szövegek ne kapjanak összevissza marginokat */
.svc-fold .svc-sideAcc__softT,
.svc-fold .svc-sideAcc__softP{
  margin: 0;
}
.svc-fold .svc-sideAcc__softP{
  color: rgba(236,242,248,.86);
  line-height: 1.55;
}

/* ✅ A LÉNYEG: CTA gombok ne üljenek rá semmire */
.svc-fold .svc-sideAcc__actions{
  display:flex;
  flex-wrap: wrap;            /* törjön sorba */
  gap: 10px;
  align-items: center;

  position: static !important; /* ha valami korábbi absolute-ra tette */
  float: none !important;
  margin-top: 4px;
}

/* Gombok: egységes méret + premium hover */
.svc-fold .svc-sideAcc__actions .topbar__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space: nowrap;
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}
.svc-fold .svc-sideAcc__actions .topbar__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 50px rgba(0,0,0,.55);
  filter: brightness(1.05);
}

/* Mobil: 2 gomb/sor (ha fér), különben 1 */
@media (max-width: 520px){
  .svc-fold .svc-sideAcc__actions .topbar__cta{
    flex: 1 1 calc(50% - 10px);
  }
}
@media (max-width: 360px){
  .svc-fold .svc-sideAcc__actions .topbar__cta{
    flex: 1 1 100%;
  }
}
/* =========================================
   COMPACT SPACING – kisebb "levegő", de tiszta
   (tedd a szolgaltatas-gepi-foldmunka.css végére)
   ========================================= */

/* Szekciók: kevesebb padding */
.svc-fold .section{
  padding: clamp(22px, 2.4vw, 40px) 0;
}

/* Címblokk és tartalom: kisebb tér */
.svc-fold .svc-head{
  margin-bottom: 12px;
}
@media (min-width: 900px){
  .svc-fold .svc-head{ margin-bottom: 16px; }
}

/* Kártyák globálisan: kisebb alsó margó */
.svc-fold .card{
  margin-bottom: 10px;
}
.svc-fold .card:last-child{
  margin-bottom: 0;
}

/* Hero két oszlopa: kisebb gap */
.svc-fold .svc-hero__top{
  gap: 14px;
}
@media (min-width: 900px){
  .svc-fold .svc-hero__top{ gap: 18px; }
}

/* "Miért válassz minket?": sorok közti gap kisebb */
.svc-fold .svc-sideAcc__rows{
  gap: 8px;
  padding: 10px 12px 12px;
}

/* "Miért" soft rész: kisebb belső tér */
.svc-fold .svc-sideAcc__soft{
  padding: 12px 12px 14px;
  gap: 8px;
}

/* CTA gombok közti rés: kicsit kisebb */
.svc-fold .svc-sideAcc__actions,
.svc-fold .svc-bottom__actions{
  gap: 8px;
}

/* Process grid: kisebb gap, de marad a rács */
.svc-fold .svc-process__grid{
  gap: 12px;
}
@media (max-width: 640px){
  .svc-fold .svc-process__grid{ gap: 10px; }
}

/* Process item: kicsit kisebb padding */
.svc-fold .svc-process__item{
  padding: 16px 16px 14px;
  min-height: 150px;
}

/* FAQ és bottom CTA között: kisebb tér */
.svc-fold .svc-faq .faq{
  margin-bottom: 12px;
}
.svc-fold .svc-bottom{
  margin-top: 10px;
}


/* ==================================================
   HARD FIX: bottom CTA – SZÖVEG BAL, GOMBOK JOBB
   (felülír mindent, ami flex/center volt)
   ================================================== */

.svc-fold .svc-bottom__card{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "t actions"
    "p actions" !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 2px !important;

  text-align: left !important; /* nehogy center öröklődjön */
}

/* Bal oldali szöveg: fixen az 1. oszlopba */
.svc-fold .svc-bottom__t{
  grid-area: t !important;
  margin: 0 !important;
}

.svc-fold .svc-bottom__p{
  grid-area: p !important;
  margin: 0 !important;
}

/* Jobb oldali gombok: fixen a 2. oszlopba, 2 sor magas */
.svc-fold .svc-bottom__actions{
  grid-area: actions !important;
  justify-self: end !important;

  display: inline-flex !important;
  gap: 8px !important;
  white-space: nowrap !important;

  position: static !important; /* ha valami absolute-ra tette */
}

/* Mobilon törjön egymás alá */
@media (max-width: 720px){
  .svc-fold .svc-bottom__card{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "t"
      "p"
      "actions" !important;
    text-align: center !important;
    row-gap: 10px !important;
  }

  .svc-fold .svc-bottom__actions{
    justify-self: center !important;
    flex-wrap: wrap !important;
  }
}