/* sf-veg-r1.css (20261020ux): mobil-r1 + finom-r1 + elrendezes-r1 + morzsa-r1 + UX-javitasok 2026-10-20 */
/* === mobil-r1.css === */
/* SistersFlow – telefonos javítások (mobil-r1, 2026-10-15). Utolsóként betöltött réteg: csak mobil (≤760 px) és csökkentett mozgás szabályok,
   valamint a mobil alsó sáv (mobil-r1.js) stílusa. A fájl és a mobil-r1.js eltávolításával a javítás visszavonható. */
/* ===== Mobil alsó sáv (mobil-r1.js injektálja) ===== */
.sfmb{display:none}
.sfmb-en{display:none}
html[lang^="en"] .sfmb-hu{display:none}
html[lang^="en"] .sfmb-en{display:inline}
@media (max-width:760px){
  html.sfmb-on .sfmb{
    position:fixed;left:0;right:0;bottom:0;z-index:1400;
    display:flex;align-items:center;gap:6px;
    padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    background:rgba(255,255,255,.97);border-top:1px solid rgba(45,52,41,.12);
    box-shadow:0 -10px 28px rgba(45,52,41,.10);
    transform:translateY(0);visibility:visible;
    transition:transform .26s ease,visibility 0s linear 0s;
  }
  html.sfmb-on.sfmb-off .sfmb{transform:translateY(115%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
  html.sfmb-on body{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .sfmb-main{
    flex:1 1 auto;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;
    padding:0 18px;border-radius:999px;background:#2D3429;color:#fff!important;
    font:600 15px/1.2 var(--sans,"Poppins","Poppins Fallback",Arial,sans-serif);letter-spacing:.01em;text-decoration:none!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 20px rgba(45,52,41,.18)
  }
  .sfmb-main:active{background:#4E5B51}
  .sfmb-ico{
    flex:0 0 auto;width:62px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:4px 2px;border:0;border-radius:14px;background:transparent;color:#2D3429!important;
    font:600 11px/1.1 var(--sans,"Poppins","Poppins Fallback",Arial,sans-serif);text-decoration:none!important;cursor:pointer;
    -webkit-tap-highlight-color:rgba(120,147,127,.18)
  }
  .sfmb-ico svg{display:block;color:#4E5B51}
  .sfmb-ico:focus-visible{outline:2px solid #78937F;outline-offset:2px}
.sfmb-main:focus-visible{outline:2px solid #78937F;outline-offset:2px}
  /* a kerék-ikon csak akkor látszik, ha a kerék már elérhető (HELLOSISTER-ablak után, html.sf-wheel-ready) */
  html:not(.sf-wheel-ready) .sfmb-wheel{display:none}
  /* a lebegő indítók helyett a sáv ikonjai működnek – telefonon ne takarjanak semmit */
  html.sfmb-on body .wheel-launcher,
  html.sf-wheel-ready.sfmb-on body .wheel-launcher,
  html.sfmb-on body .chat-launcher,
  html.sfmb-on body .newsletter-launcher{display:none!important}
}
@media print{.sfmb{display:none!important}}

/* ===== Általános mobil finomítások ===== */
@media (max-width:760px){
  /* reveal: gyorsabb, csak függőleges beúszás (ne legyen oldalról halvány kártya) */
  .js .reveal:not(.is-visible){transform:translate3d(0,12px,0)!important}
  .js .reveal{transition-duration:.35s!important;transition-delay:0ms!important}
  .menu-overlay,[data-menu-overlay]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  /* apró, ritkított feliratok: legalább 12 px */
  .hero-kicker,.eyebrow{font-size:max(12px,1em)!important}
}
@media (prefers-reduced-motion:reduce){
  .reveal,.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .marquee-track,.image-marquee-track{animation:none!important}
}

/* ===== Központi oldal ===== */
@media (max-width:760px){
  /* aloldal-hero: a szöveg ne érjen a képernyő széléhez */
  .sf-page-hero .container{padding-left:20px!important;padding-right:20px!important;padding-inline:20px!important;box-sizing:border-box}
  .sf-page-hero{padding-top:40px!important;padding-bottom:36px!important}
  .sf-profile > img{max-height:70vh;max-height:70svh;object-fit:cover}
  /* főoldal: az oktatói kártyák vízszintesen lapozható sorban (az oldal ~8 000 px-szel rövidebb) */
  .sf-instructor-grid--featured{
    display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:76%!important;
    gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    padding:4px 2px 14px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin
  }
  .sf-instructor-grid--featured > *{scroll-snap-align:start;min-width:0}
  .sf-instructor-grid--featured .reveal{opacity:1!important;transform:none!important}
  .sf-instructor-grid--featured img{aspect-ratio:4/5;height:auto!important;object-fit:cover}
  /* tudástár: rövidebb kártyák (a főoldali előnézetben az ismétlődő leírás nélkül) */
  .home-marketing .sf-kb-card:not([data-kb-card]) p{display:none}
  .sf-kb-card{padding:16px 18px!important}
  .sf-kb-card[data-kb-card] p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* lábléc: külön sorba törő, 44 px-es linkek; világos logó a sötét háttéren */
  .site-footer .footer-grid > div > a{display:flex!important;align-items:center;min-height:44px;margin:0!important;padding:2px 0!important;line-height:1.3}
  .site-footer .footer-grid > div > h3{margin-bottom:4px}
  .site-footer > .container{padding-left:20px!important;padding-right:20px!important;padding-inline:20px!important;box-sizing:border-box}
  .site-footer .brand-wordmark{color:#F4E9E8!important}
  .site-footer .brand-wordmark small{color:rgba(244,233,232,.78)!important}
}

/* ===== 20261019mob: telefonos görgetés-teljesítmény ===== */
/* A homályosító réteg (backdrop-filter) minden görgetett képkockánál újraszámolódik (főleg a ragadós fejlécnél) – telefonon és érintőképernyőn
   kikapcsolva; helyette kissé erősebb, félig átlátszó háttér. Asztali gépen minden marad. */
@media (max-width:768px),(hover:none){
  html *:not(#sf-nincs-ilyen),html *:not(#sf-nincs-ilyen)::before,html *:not(#sf-nincs-ilyen)::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .hero-nav a{background-color:rgba(20,20,18,.36)!important}
  .slider-button{background-color:rgba(20,20,18,.5)!important}
  body.marketing-polish .marketing-proof-row span,body.marketing-polish .marketing-proof-row a,.hero-proof-row-v87 span{background-color:rgba(30,36,30,.42)!important}
  .sf-location-meta span{background-color:rgba(20,28,23,.3)!important}
  .knowledge-article-hero .article-breadcrumb > a,.knowledge-article-hero .article-breadcrumb > span:last-child{background-color:rgba(20,24,20,.42)!important}
  .pass-benefit-bar{background-color:rgba(255,255,255,.94)!important}
  .newsletter-backdrop,.welcome-offer-backdrop{background-color:rgba(28,31,27,.58)!important}
  .flowena-direct-backup a{background-color:rgba(255,255,255,.92)!important}
}
/* === finom-r1.css === */
/* SistersFlow · finom-r1.css · 2026-10-16 (rev. e: minden gomb egységes)
   Utolsóként betöltött finomító réteg (a 10-16-i javítási lista):
   1) gombok: alapból nincs narancs kitöltés; hover/fókusz = zsályazöld (#78937F) minden gombon
   4) főcím és az utána jövő szöveg között legyen levegő
   5) a foglalás menete kártya egyedül áll (a HELLOSISTER-ajánlat csak felugró ablakban látszik)
   6/13) órarend-sorok egységes rácsban: nap · óra · oktató | idő | megjegyzés
   9) nincs nyíl a gombokon
   14) MOM „A tér”: kulcsadatok külön elemekben
   Színek: SistersFlow brand kit (#2D3429 erdő, #4E5B51 mély zöld, #78937F zsálya, #F7F4EF krém). */

/* A :not(#sfx) csak a szelektor-erősséget emeli (azonosító-szint), hogy a korábbi rétegek erős szabályait biztosan felülírja. */
/* ---------- 1a) Gombok világos háttéren: narancs helyett körvonalas, semleges ---------- */
html body a.sf-primary:not(#sfx) {
  background: #FFFFFF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1.5px solid #4E5B51 !important;
  box-shadow: none !important;
}

/* ---------- 1b) Gombok sötét háttéren (hero, záró CTA, cikk-hero): krém kitöltés ---------- */
html body a.primary:not(#sfx),
html body .marketing-final-cta a.primary:not(#sfx),
html body.marketing-polish .marketing-final-cta a.primary:not(#sfx),
html body .sf-hero-actions a.sf-primary:not(#sfx),
html body .sf-location-content a.sf-primary:not(#sfx),
html body .knowledge-article-hero a.button-primary:not(#sfx),
html body .knowledge-article-hero a.btn-dark:not(#sfx),
html body .sf-article .sfc-end a.sfc-btn-primary:not(#sfx),
html body.sf-cikk .sfc-end a.sfc-btn-primary:not(#sfx) {
  background: #F7F4EF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1px solid #F7F4EF !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .16) !important;
}

/* ---------- 1e) Minden gomb egységesen (www, MOM, Aerial) ---------- */
/* Minden webes gomb egységes (10-16 késő este): fehér kitöltés, 1.5px #4E5B51 körvonal, #2D3429 szöveg, árnyék nélkül;
   hover/fókusz: zsályazöld #78937F, fehér szöveg. Közös méret-logika: teljesen lekerekített, 22px oldalsó padding,
   600-as betűvastagság, 15px betűméret, legalább 46px magas.
   Kivételek (nem érinti): menü/hamburger, nyelvváltó, chat-ikon és a chat belseje, slider-nyilak, süti-ablak,
   szerencsekerék, Flowena iframe, morzsamenü- és szűrő-chipek. */
html body .sf-article-nav a:not(#sfx):not(#sfy),html body .flowena-direct-backup a:not(#sfx):not(#sfy),html body button[data-load-embed]:not(#sfx):not(#sfy){
  border-radius: 999px !important;
  min-height: 46px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *){
  border-radius: 999px !important;
  min-height: 46px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *):not(:hover):not(:focus-visible){
  background: #FFFFFF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1.5px solid #4E5B51 !important;
  box-shadow: none !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):not(:hover):not(:focus-visible){
  background: #FFFFFF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1.5px solid #4E5B51 !important;
  box-shadow: none !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):not(:hover):not(:focus-visible){
  background: #FFFFFF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1.5px solid #4E5B51 !important;
  box-shadow: none !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):not(:hover):not(:focus-visible){
  background: #FFFFFF !important;
  background-image: none !important;
  color: #2D3429 !important;
  border: 1.5px solid #4E5B51 !important;
  box-shadow: none !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *):not(:hover):not(:focus-visible) *{
  color: inherit !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):not(:hover):not(:focus-visible) *{
  color: inherit !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):not(:hover):not(:focus-visible) *{
  color: inherit !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):not(:hover):not(:focus-visible) *{
  color: inherit !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *):is(:hover, :focus-visible){
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):hover{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):focus-visible{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):is(:hover, :focus-visible){
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):hover{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):focus-visible{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):is(:hover, :focus-visible){
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):hover{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):focus-visible{
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):is(:hover, :focus-visible){
  background: #78937F !important;
  background-image: none !important;
  border: 1.5px solid #78937F !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *):is(:hover, :focus-visible) *{
  color: inherit !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):hover *{
  color: inherit !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):focus-visible *{
  color: inherit !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):is(:hover, :focus-visible) *{
  color: inherit !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):hover *{
  color: inherit !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):focus-visible *{
  color: inherit !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):is(:hover, :focus-visible) *{
  color: inherit !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):hover *{
  color: inherit !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):focus-visible *{
  color: inherit !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):is(:hover, :focus-visible) *{
  color: inherit !important;
}
html body :is(a, button, input[type="submit"]):not(#sfx):not(#sfy):is(.btn, .button-flowena, .button-dark, .button-primary, .button-secondary, .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, .welcome-offer-cta, .mobile-booking-primary, .mobile-booking-secondary, .newsletter-submit, .sfmb-main):not(:is(.chat-widget, .chat-panel, .cookie-consent, .cookie-modal, .cookie-panel, .sfa-consent, [data-cookie-banner], [data-cookie-modal], [data-sfa-consent], .wheel-widget, .wheel-panel, [data-wheel-root], #sf-mail-dialog) *):focus-visible{
  outline: 2px solid #2D3429 !important;
  outline-offset: 3px !important;
}
html body .sf-article-nav a:not(#sfx):not(#sfy):focus-visible{
  outline: 2px solid #2D3429 !important;
  outline-offset: 3px !important;
}
html body .flowena-direct-backup a:not(#sfx):not(#sfy):focus-visible{
  outline: 2px solid #2D3429 !important;
  outline-offset: 3px !important;
}
html body button[data-load-embed]:not(#sfx):not(#sfy):focus-visible{
  outline: 2px solid #2D3429 !important;
  outline-offset: 3px !important;
}
/* Szerencsekerék gombja: csak a hover marad zöld (a kerékhez nem nyúlunk) */
html body a:not(#sfx).wheel-submit:hover,html body button:not(#sfx).wheel-submit:hover{
  background: #78937F !important;
  background-image: none !important;
  border-color: #78937F !important;
  color: #FFFFFF !important;
}
html body a:not(#sfx).wheel-submit:focus-visible{
  background: #78937F !important;
  background-image: none !important;
  border-color: #78937F !important;
  color: #FFFFFF !important;
}
html body button:not(#sfx).wheel-submit:focus-visible{
  background: #78937F !important;
  background-image: none !important;
  border-color: #78937F !important;
  color: #FFFFFF !important;
}
html body :is(a, button):not(#sfx).wheel-submit:is(:hover, :focus-visible){
  background: #78937F !important;
  background-image: none !important;
  border-color: #78937F !important;
  color: #FFFFFF !important;
}
/* Szöveges kártyalink („Ismerd meg”): zöld szöveg hoverkor */
html body a.sf-card-link:hover{ color: #4E5B51 !important; }
html body a.sf-card-link:focus-visible{ color: #4E5B51 !important; }
html body a.sf-card-link:is(:hover, :focus-visible){ color: #4E5B51 !important; }

/* ---------- 9) Nyilak le a gombokról ---------- */
html body .button-flowena::after,
html body .button-flowena::before { content: none !important; display: none !important; }
html body .cta-arrow,
html body .newsletter-submit-arrow { display: none !important; }

/* ---------- 4) Főcím – szöveg térköz ---------- */
html body main h1:not(.sfa-title) + p:not(.sfa-text),html body main h1:not(.sfa-title) + .lead:not(.sfa-text),html body main h2:not(.sfa-title) + p:not(.sfa-text),html body main h2:not(.sfa-title) + .lead:not(.sfa-text),html body section h1:not(.sfa-title) + p:not(.sfa-text),html body section h1:not(.sfa-title) + .lead:not(.sfa-text),html body section h2:not(.sfa-title) + p:not(.sfa-text),html body section h2:not(.sfa-title) + .lead:not(.sfa-text),html body article h1:not(.sfa-title) + p:not(.sfa-text),html body article h1:not(.sfa-title) + .lead:not(.sfa-text),html body article h2:not(.sfa-title) + p:not(.sfa-text),html body article h2:not(.sfa-title) + .lead:not(.sfa-text),html body aside h1:not(.sfa-title) + p:not(.sfa-text),html body aside h1:not(.sfa-title) + .lead:not(.sfa-text),html body aside h2:not(.sfa-title) + p:not(.sfa-text),html body aside h2:not(.sfa-title) + .lead:not(.sfa-text){
  margin-top:max(10px, min(1.1vw, 16px)) !important;
}
html body :is(main, section, article, aside) :is(h1, h2):not(.sfa-title) + :is(p, .lead):not(.sfa-text){
  margin-top:max(10px, min(1.1vw, 16px)) !important;
}

/* ---------- 5) Foglalás menete: egy kártya, asztalon három oszlopban ---------- */
html body .booking-howto-r31 { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 861px) {
  html body .booking-howto-r31 .pay-steps-r31 ol { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; }
}

/* ---------- 6/13) Órarend-sorok egységes rácsban ---------- */
html body .profile-schedule li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10.5rem minmax(0, 15rem) !important;
  column-gap: 24px !important;
  row-gap: 4px !important;
  align-items: baseline !important;
}
html body .profile-schedule li > span { grid-column: 1; justify-self: start; }
html body .profile-schedule li > strong { grid-column: 2 !important; grid-row: 1; justify-self: start !important; text-align: left; white-space: nowrap; }
html body .profile-schedule li > small { grid-column: 3 !important; grid-row: 1; justify-self: end; text-align: right; }
@media (max-width: 700px) {
  html body .profile-schedule li { grid-template-columns: auto minmax(0, 1fr) !important; column-gap: 14px !important; }
  html body .profile-schedule li > span { grid-column: 1 / -1 !important; grid-row: 1; }
  html body .profile-schedule li > strong { grid-column: 1 !important; grid-row: 2; }
  html body .profile-schedule li > small { grid-column: 2 !important; grid-row: 2; justify-self: end; text-align: right; }
}

/* ---------- 13) MOM: angol nyelvű órák blokk ---------- */
html body #english-yoga .section-heading { max-width: 760px; margin-left: auto; margin-right: auto; }
html body #english-yoga .section-heading p:not(.eyebrow) { line-height: 1.7; }
html body #english-yoga .section-heading p + p { margin-top: .75em !important; }
html body #english-yoga .profile-schedule { margin-top:max(22px, min(3vw, 36px)); }
html body #english-yoga .schedule-note { text-align: center; margin-top: 20px !important; }
html body #english-yoga .button-row { display: flex; flex-wrap: wrap; justify-content: center; }

/* ---------- 14) MOM „A tér”: kulcsadatok ---------- */
html body #ter .space-facts {
  list-style: none;
  max-width: 900px;
  margin:max(20px, min(2.6vw, 30px)) auto 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
html body #ter .space-facts li {
  margin: 0;
  padding: 18px 14px 16px;
  border: 1px solid rgba(78, 91, 81, .18);
  border-radius: 18px;
  background: #FFFFFF;
  text-align: center;
}
html body #ter .space-facts strong {
  display: block;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size:max(24px, min(2.4vw, 30px));
  font-weight: 500;
  line-height: 1.1;
  color: #2D3429;
}
html body #ter .space-facts small {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.45;
  color: #4E5B51;
}
html body #ter .section-heading .lead { max-width: 640px; margin-left: auto; margin-right: auto; }
@media (max-width: 700px) {
  html body #ter .space-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 15) Aerial foglalás – Fizetés szekció (10-16 késő este) ----------
   A bevezető bekezdés a többi szekció normál bekezdésméretét kapja (a keskeny oszlopban a nagy lead túl hangos volt).
   Gyökérok-védelem: ha egy fizetési sorból hiányzik az ikon, a szöveg akkor se szoruljon a keskeny ikon-oszlopba. */
html body .payment-section-v72 .payment-copy-v72 > .lead { font-size: 16px !important; line-height: 1.65 !important; }
html body .payment-methods-v72 > div > p:only-child { grid-column: 1 / -1; }
html body .payment-methods-v72 > div > p { min-width: 0; }

/* ---------- 16) Egységes, visszafogott tipográfiai skála (10-17) ----------
   A címek és a bevezetők eddig 60–84 px (h1), 64 px (h2), 40–58 px (h3), 22–25 px (lead) méretűek voltak.
   Új skála clamp-pel, a márka-betűtípusok változatlanok. A chat, a kerék, a süti-ablak és a mail-választó kimarad. */
html body :is(h1):not(:is(.chat-panel, .chat-widget, .wheel-widget, .wheel-panel, [data-wheel-root], .cookie-consent, .cookie-modal, #sf-mail-dialog) *){
  font-size:max(32px, min(1.6vw + 24px, 50px)) !important;
  line-height: 1.08 !important;
}
html body :is(h2):not(:is(.chat-panel, .chat-widget, .wheel-widget, .wheel-panel, [data-wheel-root], .cookie-consent, .cookie-modal, #sf-mail-dialog) *){
  font-size:max(26px, min(1vw + 20px, 38px)) !important;
  line-height: 1.12 !important;
}
html body :is(h3):not(:is(.chat-panel, .chat-widget, .wheel-widget, .wheel-panel, [data-wheel-root], .cookie-consent, .cookie-modal, #sf-mail-dialog) *){
  font-size:max(19px, min(0.4vw + 16px, 23px)) !important;
  line-height: 1.2 !important;
}
html body :is(.lead, .hero-description, .article-lead, .section-heading > p:not(.eyebrow, .kicker, .hero-kicker)):not(:is(.chat-panel, .chat-widget, .wheel-widget, .wheel-panel, [data-wheel-root], .cookie-consent, #sf-mail-dialog) *){
  font-size:max(16px, min(0.25vw + 14.5px, 18px)) !important;
  line-height: 1.6 !important;
}
html body .accordion-title { font-size:max(17px, min(0.4vw + 15px, 20px)) !important; line-height: 1.3 !important; }
/* mobilon: ne legyen betűnkénti törés és kilógás */
html body h1,html body h2,html body h3,html body h4,html body .lead,html body .hero-description,html body .article-lead{ overflow-wrap: break-word; word-break: normal; hyphens: manual; }
html body :is(h1, h2, h3, h4, .lead, .hero-description, .article-lead){ overflow-wrap: break-word; word-break: normal; hyphens: manual; }
@media (max-width: 480px) {
  html body .btn,html body .button-flowena,html body .button-primary,html body .button-secondary,html body .sf-primary,html body .sf-secondary,html body .hero-conversion-primary,html body .hero-conversion-secondary,html body .teacher-profile-cta{
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
html body :is(.btn, .button-flowena, .button-primary, .button-secondary, .sf-primary, .sf-secondary, .hero-conversion-primary, .hero-conversion-secondary, .teacher-profile-cta){
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}
/* ---------- 17) Oktatói jelentkezési űrlap (MOM + Aerial, 10-17) ---------- */
html body .sf-apply-section { background: #F7F4EF; color: #2D3429; }
html body .sf-apply-wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; max-width: 880px; }
html body .sf-apply-intro p { color: #4E5B51; margin: 0 0 8px; }
html body .sf-apply-intro .sf-apply-note { font-size: 14px; }
html body .sf-apply-form { background: #FFFFFF; border: 1px solid #E3DDD3; border-radius: 22px; padding:max(18px, min(3vw, 32px)); }
html body .sf-apply-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
html body .sf-apply-full { grid-column: 1 / -1; }
html body .sf-apply-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html body .sf-apply-field > label, html body .sf-apply-group > legend { font-size: 15px; font-weight: 600; line-height: 1.35; color: #2D3429; }
html body .sf-apply-req { color: #9A3B2E; margin-left: 2px; }
html body .sf-apply-opt { font-weight: 400; color: #667064; font-size: 14px; }
html body .sf-apply-form input[type="text"],html body .sf-apply-form input[type="email"],html body .sf-apply-form input[type="tel"],html body .sf-apply-form textarea{
  box-sizing: border-box; width: 100%; min-height: 46px; margin: 0; padding: 11px 14px;
  border: 1.5px solid #C9CFC6; border-radius: 12px; background: #FFFFFF; color: #2D3429;
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.45;
}
html body .sf-apply-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea){
  box-sizing: border-box; width: 100%; min-height: 46px; margin: 0; padding: 11px 14px;
  border: 1.5px solid #C9CFC6; border-radius: 12px; background: #FFFFFF; color: #2D3429;
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.45;
}
html body .sf-apply-form textarea { resize: vertical; min-height: 96px; }
html body .sf-apply-form input:focus-visible{ outline: 2px solid #4E5B51; outline-offset: 2px; border-color: #4E5B51; }
html body .sf-apply-form textarea:focus-visible{ outline: 2px solid #4E5B51; outline-offset: 2px; border-color: #4E5B51; }
html body .sf-apply-form :is(input, textarea):focus-visible{ outline: 2px solid #4E5B51; outline-offset: 2px; border-color: #4E5B51; }
html body .sf-apply-group { margin: 0; padding: 0; border: 0; min-width: 0; }
html body .sf-apply-group > legend { padding: 0; margin-bottom: 10px; }
html body .sf-apply-choices { display: flex; flex-wrap: wrap; gap: 8px; }
html body .sf-apply-choice { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; border: 1.5px solid #C9CFC6; border-radius: 999px; background: #FFFFFF; font-size: 15px; line-height: 1.3; cursor: pointer; }
html body .sf-apply-choice input { width: 18px; height: 18px; margin: 0; accent-color: #4E5B51; flex: none; }
html body .sf-apply-choice:has(input:checked) { border-color: #4E5B51; background: #EEF2EC; }
html body .sf-apply-choice:has(input:focus-visible) { outline: 2px solid #2D3429; outline-offset: 2px; }
html body .sf-apply-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; font-weight: 400; color: #2D3429; }
html body .sf-apply-consent input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: #4E5B51; flex: none; }
html body .sf-apply-consent a { color: #2D3429; text-decoration: underline; }
html body .sf-apply-actions { align-items: flex-start; }
html body .sf-apply-status { margin: 4px 0 0; min-height: 1.4em; font-size: 14px; color: #4E5B51; }
html body .sf-apply-status.is-error { color: #9A3B2E; }
html body .sf-apply-form .is-invalid input[type="text"],html body .sf-apply-form .is-invalid input[type="email"],html body .sf-apply-form .is-invalid input[type="tel"],html body .sf-apply-form .is-invalid textarea{ border-color: #9A3B2E; }
html body .sf-apply-form .is-invalid :is(input[type="text"], input[type="email"], input[type="tel"], textarea){ border-color: #9A3B2E; }
html body .sf-apply-group.is-invalid > legend, html body .sf-apply-field.is-invalid .sf-apply-consent { color: #9A3B2E; }
html body .sf-apply-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
html body .sf-apply-done { background: #FFFFFF; border: 1.5px solid #4E5B51; border-radius: 22px; padding: 24px; font-size: 17px; line-height: 1.6; color: #2D3429; }
@media (max-width: 640px) { html body .sf-apply-grid { grid-template-columns: minmax(0, 1fr); } }
/* === elrendezes-r1.css === */
/* ===== elrendezes-r1.css (2026-10-18) =====
   Egységes mobil oldalmargó. Ok: az ux-r23/ux-r24.css mobilon (<=760px) a .container oldalsó paddingját
   0-ra veszi, és a margót a .section padding adja. Ahol a tartalom nem .section-ben van (pl. Aerial foglalás
   „hangulat” és „Készen állsz?” blokk, tudástár-cikkek <article>, központi .sf-section), ott a szöveg és a
   gomb a képernyő széléig ért. */
@media (max-width:760px){
  html body .section,html body .section-compact,html body .sf-section{
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
  }
html body :is(.section,.section-compact,.sf-section){
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
  }
  html body main .container:not(:is(.section,.section-compact,.sf-section,.container) .container){
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
  }
}

/* === morzsa-r1.css === */
/* ===== morzsa-r1.css (2026-10-18): diszkrét morzsamenü az aloldalak tetején ===== */
.sf-crumb{
  position:relative;z-index:2;
  font-family:"Poppins","Poppins Fallback",system-ui,sans-serif;
  font-size:13px;line-height:1.4;letter-spacing:0;
  color:#4E5B51;
  background:transparent;
  padding:10px 0 6px;
}
.sf-crumb-inner{
  width:100%;max-width:var(--content,1320px);
  margin:0 auto;
  padding:0 max(20px,env(safe-area-inset-left));
  box-sizing:border-box;
  display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;
}
.sf-crumb a{
  display:inline-flex;align-items:center;min-height:28px;
  color:#2D3429;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
.sf-crumb a:hover{color:#78937F}
.sf-crumb a:focus-visible{outline:2px solid #78937F;outline-offset:2px;border-radius:4px}
.sf-crumb [aria-hidden="true"]{color:#78937F}
.sf-crumb [aria-current="page"]{
  color:#4E5B51;
  max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (min-width:761px){
  .sf-crumb{padding:14px 0 6px}
  .sf-crumb-inner{padding:0 max(16px, min(4vw, 72px))}
  .sf-crumb [aria-current="page"]{max-width:none}
}
/* cikkek meglévő morzsája: a Főoldal-link ugyanúgy nézzen ki, mint a Tudástár-link */
.article-breadcrumb a{text-underline-offset:3px}

/* ===== UX-javítások 2026-10-20 (UX-audit, fo) ===== */
/* 1) Érintési célok: legalább 44×44 px */
html body .brand-logo-link{min-height:44px;display:inline-flex;align-items:center}
html body .sf-language-toggle{min-height:44px!important;min-width:44px!important}
html body .menu-toggle{min-width:44px!important;min-height:44px!important}
html body a.sf-card-link{min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}
html body .sf-crumb a,html body .article-breadcrumb a{position:relative}
html body .sf-crumb a::after,html body .article-breadcrumb a::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
html body .article-main section ul li>a:only-child{display:inline-block;padding:11px 0;line-height:1.45}
html body .article-main section ul li{margin-bottom:2px}

/* 2) Apró szövegek: olvasható méret */
html body .announcement-bar{font-size:12.5px!important}
html body .sf-language-toggle span{font-size:12.5px}
html body .hero-kicker{font-size:12px!important}
html body .knowledge-article-hero .hero-kicker{font-size:12px!important}
html body .sf-location-meta span{font-size:13.5px}
html body .sf-location-tag{font-size:13px!important}
html body .sf-kb-card small{font-size:13.5px!important;color:#5A635B!important}
html body .workshop-tags span{font-size:13px}
html body .workshop-team-gallery figcaption{font-size:13.5px}
html body .footer-bottom,html body .footer-bottom span,html body .footer-bottom a{font-size:13.5px}
html body .sfmb-ico .sfmb-l,html body .sfmb-ico .sfmb-l span{font-size:12px}
html body .section-heading h2>span,html body h2[id$="-oktatok"]>span{font-size:13px}
html body .knowledge-card-small small{font-size:12px!important}
html body .knowledge-card-small em{font-size:13px!important}
html body .sfc-end-eyebrow,html body .sfc-end-eyebrow span{font-size:12px!important}
html body .sf-profile-meta span{font-size:13.5px}
html body .sf-profile-copy p small{font-size:13.5px}
html body .sf-map-tag,html body .sf-map-tag span{font-size:12.5px!important}
html body .article-aside-card p{font-size:14px}
html body .chat-head p{font-size:12.5px;color:rgba(255,255,255,.82)}

/* 3) Chat gyorsgombok: mobilon nem vágódnak le, egy vízszintesen görgethető sorban */
html body .chat-quick button{font-size:12.5px;min-height:36px;padding:8px 12px}
@media (max-width:760px){
  html body .chat-quick{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  html body .chat-quick button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
}

/* 4) Kontraszt: helyszínkártyák és asztali hero szövege világos fotón */
html body .sf-location-content{text-shadow:0 1px 3px rgba(0,0,0,.45),0 0 18px rgba(0,0,0,.35)}
html body .sf-location-content .eyebrow{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.5)!important}
html body .sf-location-content .sf-primary,html body .sf-location-content .sf-location-meta span{text-shadow:none}
@media (min-width:761px){
  html body .hero-distributor .hero-media:after{background:radial-gradient(ellipse 62% 72% at 50% 52%,rgba(24,31,25,.64),rgba(24,31,25,.4) 62%,rgba(24,31,25,.16))!important}
  html body .hero-distributor .hero-content,html body .hero-distributor .hero-copy{text-shadow:0 1px 3px rgba(0,0,0,.4),0 0 22px rgba(0,0,0,.3)}
  html body .hero-distributor a{text-shadow:none}
}


/* 6) Helyszínkártyák: a tartalom ne lógjon ki a fix magasságú kártya tetején (Hűvösvölgy-kártyán eltűnt a „Budapest II. kerület”) */
html body .sf-location-card{display:flex;flex-direction:column;justify-content:flex-end}
html body .sf-location-card .sf-location-content{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:22px}

/* 7) 2026-10-20 ux2: lábléc NAP-blokk (helyszínek címe, telefon, e-mail) */
html body .site-footer .sf-footer-nap{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:22px 0 0;max-width:440px;font-style:normal;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.86);overflow-wrap:break-word}
html body .site-footer .sf-footer-nap > span{display:block}
html body .site-footer .sf-footer-nap strong{display:block;color:#fff;font-weight:600}
html body .site-footer .sf-footer-nap a{display:inline-flex;align-items:center;min-height:30px;color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:768px){html body .site-footer .sf-footer-nap{gap:6px}html body .site-footer .sf-footer-nap a{min-height:44px}}
html body .site-footer .sf-footer-nap a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* 8) 2026-10-20 ux2: kapcsolat oldal – 3 helyszín-kártya: asztalon 3 oszlop, alatta 1 oszlop */
html body .sf-map-grid.is-triple{grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){html body .sf-map-grid.is-triple{grid-template-columns:repeat(3,minmax(0,1fr))}}