/* SistersFlow · egyseges-r1.css · 2026-10-25 · átdolgozva 2026-10-29 (vizuális javító kör)
   Egységes gombok és elrendezés mind a 6 weboldalon (Aerial, MOM, www, Hűvösvölgy, Yoga & Business, Healing Sisters).
   Minden oldalon UTOLSÓKÉNT töltődik be. A :not(#sfa):not(#sfb)… lánc csak a szelektor-erősséget emeli, hogy a korábbi
   rétegek (finom-r1, oldalszintű <style>) szabályait biztosan felülírja.
   GOMBSZABÁLY (Oli, 2026-10-29):
   - teli zöld + fehér felirat CSAK a hero fő gombján (www főoldal: mindkét hero-gomb) és a promó-blokkok gombján (YB-PROMO);
   - minden más gomb fehér, egér fölött / fókuszban zöld (#587260) fehér felirattal, finom átmenettel;
   - listákban, kártyákban, bal oldali szövegoszlopban a gomb balra áll; középre zárt szekció alatt középen.
   Szín: SistersFlow-családzöld #587260 (fehér szöveggel 5,26:1 – WCAG AA); sötétebb hover a zöld gombon #4F6756 (6,4:1).
   Kivételek: fejléc/menü, süti-ablak, chat, szerencsekerék, felugrók, mobil sticky foglalósáv, morzsamenü. */

:root{--sfg:#587260;--sfg-h:#4F6756;--sfg-ink:#2D3429;--sfg-ring:rgba(88,114,96,.45)}

/* ---------- 5) Elhelyezés: gombsorok középen, mobilon egymás alatt, azonos szélességben ---------- */
html body :is(.hero-conversion-actions,.button-row,.booking-hero-actions,.home-passes-actions,.marketing-final-cta .actions,.sf-hero-actions,.partner-actions,.section-cta,.btns,.hero-cta,.mom-acc-links,.rental-cta,.studio-book-r1,.button-row-center,.cta-row,.article-actions,.sfc-end-actions,.sf-map-actions,.refs):not(#sfa):not(#sfb):not(#sfc){
  display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:12px !important;
  text-align:center !important;margin-left:auto !important;margin-right:auto !important;
}
/* balra zárt kép+szöveg blokkban a gombsor is balra (a szöveggel egy vonalban) */
html body .split-layout .split-copy :is(.button-row,.cta-row,.btns,.section-cta,.actions):not(#sfa):not(#sfb):not(#sfc):not(#sfd){justify-content:flex-start !important;margin-left:0 !important;text-align:left !important}
/* „Értékelj minket” sáv: rövid szekciófej + gomb egy oszlopban, középen */
html body .review-cta-inner:not(#sfa):not(#sfb):not(#sfc){grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important}
@media (max-width:600px){
  html body :is(.hero-conversion-actions,.button-row,.booking-hero-actions,.home-passes-actions,.marketing-final-cta .actions,.sf-hero-actions,.partner-actions,.btns,.hero-cta,.rental-cta,.studio-book-r1,.cta-row,.article-actions,.sfc-end-actions):not(#sfa):not(#sfb):not(#sfc){flex-direction:column !important;align-items:center !important}
  html body :is(.hero-conversion-actions,.button-row,.booking-hero-actions,.home-passes-actions,.marketing-final-cta .actions,.sf-hero-actions,.partner-actions,.btns,.hero-cta,.rental-cta,.studio-book-r1,.cta-row,.article-actions,.sfc-end-actions):not(#sfa):not(#sfb):not(#sfc) > :is(a,button){
    width:100% !important;max-width:340px !important;flex:0 0 auto !important;margin-left:0 !important;margin-right:0 !important;
  }
}

/* ---------- 6) Szekciófejek középen (kicker + cím + rövid bevezető); hosszabb folyószöveg, lista, űrlap marad balra ---------- */
html body :is(.section-heading,.section-head,.sf-page-hero .container,.knowledge-article-hero .hero-content,.review-cta-copy,.modules-sec .intro,.steps-sec .intro,.gallery .intro,.sf-apply-intro):not(#sfa):not(#sfb):not(#sfc){
  text-align:center !important;margin-left:auto !important;margin-right:auto !important;
}
html body :is(.section-heading,.section-head,.sf-page-hero .container,.knowledge-article-hero .hero-content,.review-cta-copy,.modules-sec .intro,.steps-sec .intro,.gallery .intro,.sf-apply-intro):not(#sfa):not(#sfb):not(#sfc) > :is(p,.lead,.hero-description):not(.eyebrow,.kicker,.hero-kicker){
  max-width:680px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important;
}
html body :is(.section-heading,.section-head,.sf-page-hero .container,.knowledge-article-hero .hero-content,.review-cta-copy,.modules-sec .intro,.steps-sec .intro,.gallery .intro,.sf-apply-intro):not(#sfa):not(#sfb):not(#sfc) > :is(.eyebrow,.kicker,.hero-kicker,.article-breadcrumb,.sf-search){
  justify-content:center !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important;
}
/* Yoga & Business, Healing Sisters: a .wrap közvetlen kicker + cím + rövid bevezető középen */
html body section:not(.hero) > .wrap:not(#sfa):not(#sfb):not(#sfc) > :is(.eyebrow,h2){text-align:center !important;margin-left:auto !important;margin-right:auto !important}
html body section:not(.hero) > .wrap:not(#sfa):not(#sfb):not(#sfc) > h2 + p:not(.note){text-align:center !important;max-width:680px !important;margin-left:auto !important;margin-right:auto !important}
/* középre zárt kicker: ha két sorba törik, a pötty a szöveggel együtt törjön (ne lógjon balra) */
html body :is(.section-heading,.section-head,.sf-apply-intro,section.aeo-gyors,.article-faq,.sf-instructor-group-head):not(#sfa):not(#sfb):not(#sfc) .eyebrow{display:block !important;text-align:center !important}
html body :is(.section-heading,.section-head,.sf-apply-intro,section.aeo-gyors,.article-faq,.sf-instructor-group-head):not(#sfa):not(#sfb):not(#sfc) .eyebrow::before{display:inline-block !important;vertical-align:middle !important;margin:0 9px 2px 0 !important}

/* ---------- 7) Hero középre zárva ott is, ahol eddig balra állt (Yoga & Business, Healing Sisters, Hűvösvölgy) ---------- */
html body section.hero:has(> .wrap > div > .hero-cta):not(#sfa):not(#sfb):not(#sfc),
html body section.hero:has(.hero-copy):not(#sfa):not(#sfb):not(#sfc){box-shadow:inset 0 0 0 100vmax rgba(36,42,33,.38) !important}
html body section.hero > .wrap:has(> div > .hero-cta):not(#sfa):not(#sfb):not(#sfc){grid-template-columns:1fr !important;justify-items:center !important}
html body section.hero > .wrap > div:has(> .hero-cta):not(#sfa):not(#sfb):not(#sfc),
html body section.hero .hero-copy:not(#sfa):not(#sfb):not(#sfc){text-align:center !important;max-width:820px !important;margin-left:auto !important;margin-right:auto !important}
html body section.hero .hero-inner:has(.hero-copy):not(#sfa):not(#sfb):not(#sfc){grid-template-columns:1fr !important;justify-items:center !important}
html body section.hero > .wrap > div:has(> .hero-cta):not(#sfa):not(#sfb):not(#sfc) > *,
html body section.hero .hero-copy:not(#sfa):not(#sfb):not(#sfc) > *{margin-left:auto !important;margin-right:auto !important}
html body section.hero > .wrap > div:has(> .hero-cta):not(#sfa):not(#sfb):not(#sfc) > :is(p,.lead){max-width:700px !important}
html body section.hero .hero-copy:not(#sfa):not(#sfb):not(#sfc) > p:not(.kicker){max-width:720px !important}
html body section.hero :is(.facts,.marketing-proof-row,.kicker,.eyebrow,.pillars):not(#sfa):not(#sfb):not(#sfc){justify-content:center !important;text-align:center !important}

/* ---------- 8) Kép + szöveg blokk: a szöveg balra zárva, a teteje egy vonalban a kép tetejével ---------- */
html body .split-layout:not(#sfa):not(#sfb):not(#sfc){align-items:start !important}
html body .split-layout:not(#sfa):not(#sfb):not(#sfc) > :is(.split-copy,.split-media){align-self:start !important;margin-top:0 !important;padding-top:0 !important}
html body .split-layout:not(#sfa):not(#sfb):not(#sfc) > .split-copy > :first-child{margin-top:0 !important;padding-top:0 !important}
html body .split-layout:not(#sfa):not(#sfb):not(#sfc) > .split-copy > .eyebrow:first-child{line-height:1.2 !important}
/* a kép+szöveg blokkok animációja ne tolja el egymáshoz képest a két oszlopot */
html body .split-layout:not(#sfa):not(#sfb):not(#sfc) > .reveal.is-visible{transform:none !important}
/* egymás melletti szövegoszlopok, kártyasorok: a tetejük egy vonalban */
html body :is(.marketing-split,.workshop-feature-grid,.teacher-profile-grid,.contact-grid,.payment-grid-v72,.booking-start-grid-v74,.partner-card,.room-grid,.rooms,.two-col,.grid-2,.container.two,.trainer .wrap,.podcast .wrap):not(#sfa):not(#sfb):not(#sfc){align-items:start !important}
/* csoportfej (cím balra, gomb jobbra) helyett: cím + bevezető + gomb egymás alatt, középen */
html body .sf-instructor-group-head:not(#sfa):not(#sfb):not(#sfc){display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:14px !important}
html body .sf-instructor-group-head:not(#sfa):not(#sfb):not(#sfc) > div > p:not(.eyebrow){max-width:680px !important;margin-left:auto !important;margin-right:auto !important}
html body .sp-gate:not(#sfa):not(#sfb):not(#sfc){text-align:center !important;justify-content:center !important;align-items:center !important}
/* felsorolás a kép melletti szövegben (pl. MOM Csatlakozás): levegős sorok, pipával */
html body .split-copy .feature-list:not(#sfa):not(#sfb):not(#sfc){display:grid !important;gap:10px !important;margin-top:22px !important;padding-top:18px !important}
html body .split-copy .feature-list:not(#sfa):not(#sfb):not(#sfc) > span{display:flex !important;gap:10px !important;align-items:baseline !important;line-height:1.5 !important}
html body .split-copy .feature-list:not(#sfa):not(#sfb):not(#sfc) > span::before{content:"✓";color:#587260;font-weight:700;flex:0 0 auto}
/* célcsoport-címkék (Partnerprogram): kis címkék, nem gombnak látszó nagy kapszulák */
html body .split-copy .audience-grid:not(#sfa):not(#sfb):not(#sfc){display:flex !important;flex-wrap:wrap !important;gap:8px !important;grid-template-columns:none !important}
html body .split-copy .audience-grid:not(#sfa):not(#sfb):not(#sfc) > .audience-pill{flex:0 0 auto !important;width:auto !important;min-height:0 !important;padding:7px 14px !important;border-radius:999px !important;font-size:14px !important;line-height:1.4 !important;text-align:left !important;background:#EEF2EC !important;border:1px solid rgba(88,114,96,.22) !important;color:#2D3429 !important;box-shadow:none !important}

/* ---------- 9) Yoga & Business promó-blokk (YB-PROMO-2026, nov. 30-ig) ---------- */
.sf-yb-promo{padding:56px 16px;background:transparent}
.sf-yb-promo-inner{max-width:860px;margin:0 auto;padding:36px 28px;border-radius:22px;background:#EEF2EC;border:1px solid rgba(88,114,96,.22);text-align:center;box-sizing:border-box}
.sf-yb-promo-kicker{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#4F6756}
.sf-yb-promo h2{margin:0 auto 14px;max-width:720px;line-height:1.2;color:#2D3429}
.sf-yb-promo-inner > p{max-width:680px;margin-left:auto;margin-right:auto;color:#3A4237}
.sf-yb-promo-meta{font-size:14px;font-weight:600;color:#4F6756 !important;margin-top:4px}
.sf-yb-promo-cta{margin:20px 0 0;text-align:center}
@media (max-width:600px){.sf-yb-promo{padding:40px 16px}.sf-yb-promo-inner{padding:28px 18px}.sf-yb-promo-cta .sf-yb-promo-btn{width:100%;max-width:340px}}

/* ---------- 10) „Gyakori kérdések” blokkok: a fej középen, a kérdés-válasz lista egy hasábban, középre tett blokkban, balra zárt szöveggel ---------- */
html body section.aeo-gyors:not(#sfa):not(#sfb):not(#sfc) :is(.eyebrow,h2,.aeo-intro){text-align:center !important;justify-content:center !important;margin-left:auto !important;margin-right:auto !important}
html body section.aeo-gyors:not(#sfa):not(#sfb):not(#sfc) .aeo-intro{max-width:680px !important}
html body section.aeo-gyors .aeo-racs:not(#sfa):not(#sfb):not(#sfc){display:block !important;max-width:780px !important;margin:18px auto 0 !important}
html body section.aeo-gyors .aeo-qa:not(#sfa):not(#sfb):not(#sfc){text-align:left !important;padding:20px 0 22px !important}
html body section.aeo-gyors .aeo-qa:not(#sfa):not(#sfb):not(#sfc) > :is(h3,p,div){margin-left:0 !important;margin-right:0 !important;max-width:none !important;text-align:left !important}
html body section.aeo-gyors .aeo-tabla:not(#sfa):not(#sfb):not(#sfc) :is(th,td){text-align:left !important}
/* Aerial / MOM főoldal GYIK-harmonika: középre tett, olvasható szélességű blokk */
html body .section-heading + .accordion[data-accordion]:not(#sfa):not(#sfb):not(#sfc){max-width:860px !important;margin-left:auto !important;margin-right:auto !important}
html body .accordion[data-accordion]:not(#sfa):not(#sfb):not(#sfc) .accordion-panel-inner{text-align:left !important}
/* Tudástár-cikkek GYIK-je: fej középen, a lista olvasható szélességben */
html body .article-faq:not(#sfa):not(#sfb):not(#sfc) > :is(.eyebrow,h2){text-align:center !important;margin-left:auto !important;margin-right:auto !important}
html body .article-faq:not(#sfa):not(#sfb):not(#sfc) > div{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;text-align:left !important}
/* Hűvösvölgy GYIK: a kérdéslista a középre zárt cím alatt középen */
html body .hv-faq:not(#sfa):not(#sfb):not(#sfc){margin-left:auto !important;margin-right:auto !important}
/* Healing Sisters / Yoga & Business GYIK: válaszok balra */
html body section.faq:not(#sfa):not(#sfb):not(#sfc) details{text-align:left !important}
/* mobilon az ártáblázat sorai egymás alatt (ne nyomódjanak össze a hasábok) */
@media (max-width:600px){
  html body .aeo-tabla:not(#sfa):not(#sfb):not(#sfc) thead{display:none !important}
  html body .aeo-tabla:not(#sfa):not(#sfb):not(#sfc),html body .aeo-tabla:not(#sfa):not(#sfb):not(#sfc) :is(tbody,tr,th,td){display:block !important;width:100% !important;box-sizing:border-box !important}
  html body .aeo-tabla:not(#sfa):not(#sfb):not(#sfc) tr{padding:12px 0 !important;border-bottom:1px solid rgba(120,120,120,.3) !important}
  html body .aeo-tabla:not(#sfa):not(#sfb):not(#sfc) :is(th,td){border:0 !important;padding:2px 0 !important}
}

/* ---------- 11) Tudástár-cikk és aloldal hero: a cím és a bevezető egymáshoz igazítva, középen (azonos szélességű sávban) ---------- */
html body .knowledge-article-hero .hero-content:not(#sfa):not(#sfb):not(#sfc) > *{margin-left:auto !important;margin-right:auto !important}
html body :is(.knowledge-article-hero,section.hero) .hero-content:not(#sfa):not(#sfb):not(#sfc) > h1{max-width:min(860px,100%) !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important;text-wrap:balance}
html body :is(.knowledge-article-hero,section.hero) .hero-content:not(#sfa):not(#sfb):not(#sfc) > :is(.hero-description,p:not(.hero-kicker):not(.eyebrow)){max-width:680px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}

/* ---------- 12) Partnerprogram „Akár 50%” kiemelés: kártya belső margóval, szöveg és alatta a gomb balra (kártyában a gomb elöl, balra – Oli 10-29) ---------- */
html body .price-highlight:not(#sfa):not(#sfb):not(#sfc){
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:18px !important;flex-wrap:nowrap !important;text-align:left !important;
  padding:30px 36px !important;border-radius:22px !important;font-size:inherit !important;box-sizing:border-box !important;
}
html body .price-highlight:not(#sfa):not(#sfb):not(#sfc) > div{flex:0 0 auto !important;min-width:0 !important;width:100% !important}
html body .price-highlight:not(#sfa):not(#sfb):not(#sfc) strong{display:block !important;font-family:var(--serif,"Cormorant Garamond",serif) !important;font-size:clamp(34px,4vw,44px) !important;line-height:1.05 !important;font-weight:500 !important;margin:0 0 8px !important}
html body .price-highlight:not(#sfa):not(#sfb):not(#sfc) p{margin:0 !important;font-family:var(--sans,"Poppins",sans-serif) !important;font-size:16px !important;line-height:1.6 !important;max-width:560px !important}
html body .price-highlight:not(#sfa):not(#sfb):not(#sfc) > a{flex:0 0 auto !important;margin:0 !important}
@media (max-width:600px){
  html body .price-highlight:not(#sfa):not(#sfb):not(#sfc){padding:24px 22px !important}
  html body .price-highlight:not(#sfa):not(#sfb):not(#sfc) > a{width:100% !important;max-width:340px !important}
}
/* Terembérlés „Akár 50%” sáv: rövid kiemelés középen, a szöveg nem szorul balra */
html body .discount-total:not(#sfa):not(#sfb):not(#sfc){display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:10px 24px !important;text-align:center !important}
html body .discount-total:not(#sfa):not(#sfb):not(#sfc) > p{max-width:560px !important;margin:0 !important;text-align:left !important}
@media (max-width:600px){html body .discount-total:not(#sfa):not(#sfb):not(#sfc) > p{text-align:center !important}}

/* ---------- 13) Lenyíló szabálylista (Teremhasználati szabályok): vonalakkal tagolt, jobb oldali +/– jel, a kinyitott szöveg a címmel egy vonalban ---------- */
html body .details-list:not(#sfa):not(#sfb):not(#sfc){max-width:760px;margin-left:auto;margin-right:auto;border-top:1px solid rgba(45,52,41,.14)}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details{border-bottom:1px solid rgba(45,52,41,.14);padding:0;margin:0;transition:background-color .2s ease}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details[open]{background:#F6F8F5}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:44px;
  padding:18px 14px;margin:0;font-weight:600;font-size:16px;line-height:1.4;color:#2D3429;
}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > summary::-webkit-details-marker{display:none}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > summary::after{
  content:"+";flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(45,52,41,.3);border-radius:50%;font-weight:400;font-size:18px;line-height:1;transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details[open] > summary::after{content:"–";background:#587260;border-color:#587260;color:#FFFFFF}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > summary:hover{color:#587260}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > summary:focus-visible{outline:3px solid var(--sfg-ring);outline-offset:2px}
html body .details-list:not(#sfa):not(#sfb):not(#sfc) > details > .details-content{padding:0 58px 20px 14px !important;margin:0 !important;font-size:15px;line-height:1.65;color:#3A4237;text-align:left}
/* a lista alatti tájékoztató a lista szélességében, középen */
html body .details-list:not(#sfa):not(#sfb):not(#sfc) + p{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;font-size:15px !important;color:#4E5B51 !important}

/* ---------- 14) Fejléc / szekción kívüli .btn (Yoga & Business, Healing Sisters): fehér alap, egér fölött zöld ---------- */
html body :is(a,button).btn.ghost:not(.sf-yb-promo-btn):not(#sfa):not(#sfb):not(#sfc):not(form *){
  background:#FFFFFF !important;background-color:#FFFFFF !important;color:#2D3429 !important;border-color:#4E5B51 !important;
}
html body :is(a,button).btn:not(.sf-yb-promo-btn):not(#sfa):not(#sfb):not(#sfc):not(form *):is(:hover,:focus-visible){
  background:#587260 !important;background-color:#587260 !important;color:#FFFFFF !important;border-color:#587260 !important;
}

/* ---------- 16) Oldalfejléc (pl. Tudástár főoldal): minden eleme középen ---------- */
html body .sf-page-hero .container:not(#sfa):not(#sfb):not(#sfc) > *{margin-left:auto !important;margin-right:auto !important}
html body .sf-page-hero .container:not(#sfa):not(#sfb):not(#sfc) > h1{text-align:center !important;justify-self:center !important}
html body .sf-page-hero .container:not(#sfa):not(#sfb):not(#sfc) > .hero-nav{display:flex !important;flex-wrap:wrap !important;justify-content:center !important}

/* ---------- 18) Hero címkesor (✓ címkék): egy keret, egy pipa; a pipa a szöveg mellett ---------- */
html body .hero-proof-row-v87:not(#sfa):not(#sfb):not(#sfc) > span > span{
  min-height:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;animation:none !important;display:inline !important;
}
html body .hero-proof-row-v87:not(#sfa):not(#sfb):not(#sfc) > span > span::before{content:none !important}
html body .hero-proof-row-v87:not(#sfa):not(#sfb):not(#sfc) > span > span[hidden]{display:none !important}
html body .hero-proof-row-v87:not(#sfa):not(#sfb):not(#sfc) > span{justify-content:center !important;gap:8px !important;text-align:left !important}

/* ---------- 19) „Értékelj minket” sáv: a gomb közvetlenül a szöveg alatt ---------- */
html body .review-cta-inner:not(#sfa):not(#sfb):not(#sfc){row-gap:18px !important;align-content:start !important}
html body .review-cta-inner:not(#sfa):not(#sfb):not(#sfc) > a{margin-top:0 !important}

/* ---------- 20) ALAP GOMB: fehér, sötét felirat és keret; egér fölött / fókuszban zöld háttér, fehér felirat, finom átmenet ---------- */
html body main :is(a,button,input[type="submit"]):is(.btn,.btn-dark,.btn-light,.btn-outline,.btn-outline-light,.button-flowena,.button-dark,.button-primary,.button-secondary,.partner-primary,.sf-primary,.sf-secondary,.primary,.secondary,.hero-conversion-primary,.hero-conversion-secondary,.sfc-btn-primary,.sfc-btn-secondary,.sfc-btn-ghost,.teacher-profile-cta,.sf-map-route,.sf-map-link,.fb-btn,.fb-try,.mom-acc-time,.sp-load):not(.price-link):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe){
  background:#FFFFFF !important;background-color:#FFFFFF !important;background-image:none !important;color:#2D3429 !important;border:1.5px solid #4E5B51 !important;
  min-height:44px;transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
html body main :is(a,button,input[type="submit"]):is(.btn,.btn-dark,.btn-light,.btn-outline,.btn-outline-light,.button-flowena,.button-dark,.button-primary,.button-secondary,.partner-primary,.sf-primary,.sf-secondary,.primary,.secondary,.hero-conversion-primary,.hero-conversion-secondary,.sfc-btn-primary,.sfc-btn-secondary,.sfc-btn-ghost,.teacher-profile-cta,.sf-map-route,.sf-map-link,.fb-btn,.fb-try,.mom-acc-time,.sp-load):not(.price-link):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):is(:hover,:focus-visible){
  background:#587260 !important;background-color:#587260 !important;color:#FFFFFF !important;border-color:#587260 !important;
}
html body main :is(a,button,input[type="submit"]):is(.btn,.btn-dark,.btn-light,.btn-outline,.btn-outline-light,.button-flowena,.button-dark,.button-primary,.button-secondary,.partner-primary,.sf-primary,.sf-secondary,.primary,.secondary,.hero-conversion-primary,.hero-conversion-secondary,.sfc-btn-primary,.sfc-btn-secondary,.sfc-btn-ghost,.teacher-profile-cta,.sf-map-route,.sf-map-link,.fb-btn,.fb-try,.mom-acc-time,.sp-load):not(.price-link):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):focus-visible{
  outline:3px solid var(--sfg-ring) !important;outline-offset:2px !important;
}
html body main :is(a,button,input[type="submit"]):is(.btn,.btn-dark,.btn-light,.btn-outline,.btn-outline-light,.button-flowena,.button-dark,.button-primary,.button-secondary,.partner-primary,.sf-primary,.sf-secondary,.primary,.secondary,.hero-conversion-primary,.hero-conversion-secondary,.sfc-btn-primary,.sfc-btn-secondary,.sfc-btn-ghost,.teacher-profile-cta,.sf-map-route,.sf-map-link,.fb-btn,.fb-try,.mom-acc-time,.sp-load):not(.price-link):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe) *{color:inherit !important}
/* kisebb választó-chipek és szöveges linkgombok is zöldre váltanak egér fölött (MOM oktatószűrő, óratípusok, Y&B hivatkozások) */
html body :is(.teacher-filters button,.class-type-links-r1 li a,.trainer .refs a,.sf-article-nav a,.sf-map-consent button):not(#sfa):not(#sfb):not(#sfc){transition:background-color .22s ease,color .22s ease,border-color .22s ease !important}
html body :is(.teacher-filters button,.class-type-links-r1 li a,.trainer .refs a,.sf-article-nav a,.sf-map-consent button):not(#sfa):not(#sfb):not(#sfc):is(:hover,:focus-visible){background:#587260 !important;background-color:#587260 !important;color:#FFFFFF !important;border-color:#587260 !important}
html body :is(.teacher-filters button,.class-type-links-r1 li a,.trainer .refs a,.sf-article-nav a,.sf-map-consent button):not(#sfa):not(#sfb):not(#sfc):is(:hover,:focus-visible) *{color:inherit !important}

/* ---------- 21) TELI ZÖLD: a hero fő gombja (www főoldal: mindkét hero-gomb) és a promó-blokk gombja ----------
   Y&B hero: mindkét gomb fehér marad (Oli, 10-29). Healing Sisters hero: „Érdekel a terem” zöld, „Megnézem a teret” fehér. */
html body section:is(.hero,.sf-page-hero,.simple-hero) :is(a,button):is(.hero-conversion-primary,.button-flowena,.button-primary,.sf-primary,.btn.primary):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff),
html body section.hero-distributor .sf-hero-actions > a.sf-secondary:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff),
html body section.hero:not(:has(.yb-h1-kicker)) .hero-cta > a.btn:not(.ghost):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff),
html body :is(a,button).sf-yb-promo-btn:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff){
  background:#587260 !important;background-color:#587260 !important;background-image:none !important;color:#FFFFFF !important;border:1.5px solid #587260 !important;
  box-shadow:0 6px 18px rgba(45,52,41,.18) !important;min-height:44px;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
html body section:is(.hero,.sf-page-hero,.simple-hero) :is(a,button):is(.hero-conversion-primary,.button-flowena,.button-primary,.sf-primary,.btn.primary):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff):is(:hover,:focus-visible),
html body section.hero-distributor .sf-hero-actions > a.sf-secondary:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff):is(:hover,:focus-visible),
html body section.hero:not(:has(.yb-h1-kicker)) .hero-cta > a.btn:not(.ghost):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff):is(:hover,:focus-visible),
html body :is(a,button).sf-yb-promo-btn:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff):is(:hover,:focus-visible){
  background:#4F6756 !important;background-color:#4F6756 !important;border-color:#4F6756 !important;color:#FFFFFF !important;
  transform:translateY(-1px) !important;box-shadow:0 10px 24px rgba(45,52,41,.24) !important;
}
html body :is(section:is(.hero,.sf-page-hero,.simple-hero) :is(a,button):is(.hero-conversion-primary,.button-flowena,.button-primary,.sf-primary,.btn.primary),section.hero-distributor .sf-hero-actions > a.sf-secondary,section.hero:not(:has(.yb-h1-kicker)) .hero-cta > a.btn:not(.ghost),.sf-yb-promo-btn):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff) *{color:inherit !important}
@media (prefers-reduced-motion:reduce){html body :is(a,button):not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):not(#sff):hover{transform:none !important}}

/* ---------- 22) Listákban, kártyákban, bal oldali szövegoszlopban a gomb ELÖL / balra áll ---------- */
html body :is(.sf-location-actions,.workshop-feature-copy .sf-hero-actions,.workshop-feature-copy .button-row,.partner-copy .partner-actions,.mom-acc-links,.teacher-profile-grid .button-row,.sf-map-body .sf-map-actions,.gift-card-v72 .button-row,.contact-list .button-row,.trainer .refs,.booking-start-copy .button-row,.teacher-card-actions):not(#sfa):not(#sfb):not(#sfc):not(#sfd){
  display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;align-items:center !important;gap:10px 12px !important;
  text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
html body :is(.sf-location-actions,.workshop-feature-copy .sf-hero-actions,.workshop-feature-copy .button-row,.partner-copy .partner-actions,.mom-acc-links,.teacher-profile-grid .button-row,.sf-map-body .sf-map-actions,.gift-card-v72 .button-row,.contact-list .button-row,.trainer .refs,.booking-start-copy .button-row,.teacher-card-actions):not(#sfa):not(#sfb):not(#sfc):not(#sfd) > :is(a,button){
  flex:0 0 auto !important;width:auto !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;
}
@media (max-width:600px){
  html body :is(.sf-location-actions,.workshop-feature-copy .sf-hero-actions,.workshop-feature-copy .button-row,.partner-copy .partner-actions,.mom-acc-links,.teacher-profile-grid .button-row,.sf-map-body .sf-map-actions,.gift-card-v72 .button-row,.contact-list .button-row,.trainer .refs,.booking-start-copy .button-row,.teacher-card-actions):not(#sfa):not(#sfb):not(#sfc):not(#sfd){flex-direction:row !important;align-items:center !important}
}
/* a cikkek „tudnivaló” dobozában és oktatói kártyákban álló egyedi gomb is balra */
html body :is(.article-checklist,.knowledge-teacher-feature) > :is(a.button-flowena,a.btn):not(#sfa):not(#sfb):not(#sfc):not(#sfd){display:inline-flex !important;width:auto !important;margin-left:0 !important;margin-right:0 !important}
/* www oktatókártya: az „Ismerd meg” link a kártya szövegével egy vonalban, balra */
html body .sf-instructor-body:not(#sfa):not(#sfb):not(#sfc){text-align:left !important}
html body .sf-instructor-body:not(#sfa):not(#sfb):not(#sfc) > .sf-card-link{align-self:flex-start !important;justify-self:start !important;margin-left:0 !important;margin-right:auto !important;text-align:left !important;justify-content:flex-start !important}

/* ---------- 23) Rács alatti, középre zárt szekció-gombok (pl. „Teljes oktatói névsor”, „Összes fotó”): középen ---------- */
html body :is(.sf-section-more,.section-more):not(#sfa):not(#sfb):not(#sfc){display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:12px !important;text-align:center !important}

/* ---------- 25) Foglalás oldal: az online foglaló bevezetője és a lépésleírás fejléce középen ---------- */
html body .booking-howto-r31 .pay-steps-r31:not(#sfa):not(#sfb):not(#sfc) > :is(.pay-steps-kicker,h3){text-align:center !important;margin-left:auto !important;margin-right:auto !important}
html body .flowena-booking-shell > .section-heading:not(#sfa):not(#sfb):not(#sfc){max-width:760px !important}

/* ---------- 24) Apróbetűs akciós feltétel a bérletkártyák alatt: ne csússzon rá a kártyára ---------- */
html body .akcio-feltetel-r1:not(#sfa):not(#sfb):not(#sfc){margin-top:22px !important;clear:both !important;position:relative !important}

/* ---------- 26) 10-29 utana-kor: jegykartya-gomb, hero apro sor, kep+szoveg ures sav, arva kartyak ---------- */
/* jegy- es arkartyak CTA-ja (Idopontot valasztok / Maganorat valasztok): feher gomb, balra, egér felett zold */
html body main .ticket-card-v72 > a.price-link:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe){
  display:inline-flex !important;align-self:flex-start !important;justify-self:start !important;justify-content:center !important;align-items:center !important;gap:8px !important;
  width:auto !important;max-width:100% !important;min-height:44px !important;margin-top:auto !important;padding:10px 22px !important;
  background:#FFFFFF !important;color:#2D3429 !important;border:1.5px solid #4E5B51 !important;border-radius:999px !important;
  font-size:14px !important;font-weight:600 !important;line-height:1.2 !important;text-decoration:none !important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease !important;
}
html body main .ticket-card-v72 > a.price-link:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):is(:hover,:focus-visible){background:#587260 !important;color:#FFFFFF !important;border-color:#587260 !important}
html body main .ticket-card-v72 > a.price-link:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe):focus-visible{outline:3px solid var(--sfg-ring) !important;outline-offset:2px !important}
html body main .ticket-card-v72 > a.price-link:not(#sfa):not(#sfb):not(#sfc):not(#sfd):not(#sfe) *{color:inherit !important}
/* hero alatti apro bizalmi sor (Aerial foglalas): olvashato feher a fotón */
html body .hero-content > .booking-trust-line-v86:not(#sfa):not(#sfb):not(#sfc){color:rgba(255,255,255,.94) !important;text-shadow:0 1px 10px rgba(0,0,0,.45) !important;opacity:1 !important}
/* kep+szoveg blokk: a kepkeret a kephez igazodik, ne maradjon ures sav alatta (MOM partnerprogram, csatlakozas, foglalas) */
html body .split-layout > .split-media:not(#sfa):not(#sfb):not(#sfc){min-height:0 !important;height:auto !important}
/* kartyaracs: 4 kartya egy sorban (ne arvalkodjon egy kartya), 2 kartya kozepen */
@media (min-width:1100px){
  html body .feature-grid:has(> :nth-child(4):last-child):not(#sfa):not(#sfb):not(#sfc){grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media (min-width:861px) and (max-width:1099px){
  html body .feature-grid:has(> :nth-child(4):last-child):not(#sfa):not(#sfb):not(#sfc){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (min-width:861px){
  html body .feature-grid:has(> :nth-child(2):last-child):not(#sfa):not(#sfb):not(#sfc){grid-template-columns:repeat(2,minmax(0,440px)) !important;justify-content:center !important}
}