/*
Theme Name: Melinda Major Studio V2
Template: melinda
Description: V2 vizual-overhaul (a 'melinda' GYEREK-temaja). A gating/token/membership/AJAX a PARENT functions.php-bol OROKLODIK (NINCS forkolva); ez a child CSAK vizual-override-ot ad. Aktivalas: ?v2=1 (mu-plugin switch). Vizual-only, content/struktura valtozatlan.
Version: 0.1.0
Author: neo
*/

/* ===========================================================================
   V2 vizual-override. A parent 'melinda-style' UTAN toltodik (child enqueue,
   dep=melinda-style), ugyanazokra a :root tokenekre epit (cream/oliva/ink/gold).
   Az elso pass a FOOLDAL (front-page.php); a membership/aloldali templateket a
   child NEM override-olja -> azok a parent-tel renderelnek, gating valtozatlan.
   A reskin-szabalyok ide kerulnek (increment-enkent).
   =========================================================================== */

/* === Item 7 (Szabi #batch1020): MENU 'o' (U+0151 o) / 'u' (U+0171 u) Windows font-bug fix. ===
   ROOT CAUSE (verifikalt, fonttools glyph-coverage): a MENU a .site-head stack-et hasznalja ('Lato',system-ui,...),
   ES a Lato (on-box ES a Google latin-ext subset is) EGYALTALAN NEM tartalmazza az U+0151/U+0171 magyar
   dupla-vesszos glyph-eket; a parent 'Roboto' (--sans) szinten nem. -> Mac-en az OS-fallback potolja (szep),
   Windows-on a Segoe UI fallback csunya/eltero -> ez a bug.
   FIX: supplementalis self-hosted @font-face a 'Lato' ES 'Roboto' csaladokhoz, SZUKEN az U+0150-0151/U+0170-0171
   range-re scope-olva (valodi Roboto latin-ext woff2, Apache-2.0, vizualisan tiszta sans-glyph a dupla-vesszos o/u-re).
   A bongeszo CSAK ezt a 4 glyphet huzza innen, minden mas marad a Lato/Roboto face-en -> 0 vizualis keveredes mashol.
   GDPR: self-hosted woff2 (assets/fonts/), NINCS runtime Google CDN. Site-wide. */
@font-face{font-family:'Lato';src:url('assets/fonts/hu-ext-400.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap;unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:'Lato';src:url('assets/fonts/hu-ext-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:'Roboto';src:url('assets/fonts/hu-ext-400.woff2') format('woff2');font-weight:100 500;font-style:normal;font-display:swap;unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:'Roboto';src:url('assets/fonts/hu-ext-700.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+0150-0151,U+0170-0171}

/* --- 1. PASS (biztos reteg; a szekcio-szinblokkolas/CTA/hero a screenshot-iteracioval jon) --- */

/* Kepek = csempe: lekerekites + premium lagy arnyek (oliva-tonus), nem a nyers 2px */
.media,.imgfit{border-radius:16px}
.media{box-shadow:0 28px 56px -34px rgba(62,73,57,.52),0 10px 26px -18px rgba(62,73,57,.2);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}
.imgfit{box-shadow:0 24px 50px -32px rgba(62,73,57,.48)}
/* Kep-hover: a konteneret EMELJUK (a parent scale(.96)-zsugorodas helyett) -> premiumabb, nincs overflow-clip */
.split .media:hover{transform:translateY(-8px);box-shadow:0 40px 72px -34px rgba(62,73,57,.56),0 16px 32px -18px rgba(62,73,57,.24)}
.media img:hover,.imgfit:hover{transform:none}

/* Gombok: premium lekerekites + lagy arnyek + hover-emelkedes.
   SZABI TWEAK (2026-10-15): MINDEN CTA OLIVA ZOLD a zold/olive savok szinere (#6b795a->#576647), NEM teal. */
.btn{background:#6b795a;border-radius:10px;box-shadow:0 12px 26px -16px rgba(62,73,57,.55);transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .22s ease}
.btn:hover{background:#576647;color:#fff;transform:translateY(-2px)}
/* .btn-outline (szekunder, pl. Videotar): a child .btn{bg} felulirna a parent transparent-jet (azonos spec, kesobb tolt)
   -> itt visszaallitjuk az OUTLINE-t, OLIVA keretre (nem a regi green, nem teal); hoveren olive-fill. */
.btn-outline{background:transparent;border:1px solid #6b795a;color:#576647;box-shadow:none}
.btn-outline:hover{background:#6b795a;color:#fff;border-color:#6b795a}

/* --- 2. PASS: szekcio-ritmus (a cream-monotonia megtorese, premium-minimal bandek) --- */
/* A szekciok a body.home kozvetlen gyermekei -> nth-of-type megbizhato.
   Sorrend: 1 hero, 2 feature, 3 intro, 4 split, 5 split, 6 video-carousel, 7 split, 8 bio, 9 zaro. */
body.home > section:nth-of-type(4){background:var(--cream2)}
body.home > section:nth-of-type(8){background:var(--cream2)}
/* Video-galeria = INTENZIV olive-green feature-band (Szabi: telitett/melyebb szinblokk, NEM halvany wash);
   a szoveg vilagos ra, a CTA cream-gomb hogy kiugorjon a sotet savon. A cream2 bandek (4,8) maradnak bezs. */
/* SZABI/Daniel 2026-10-15 (A): a sotet-oliva video-band -> #C1E1C1 PASZTELL, szoveg SOTETRE invertalva (WCAG ~6.8:1), a CTA MARAD telitett oliva (prominens a pasztell savon). */
body.home > section:nth-of-type(6){background:linear-gradient(180deg,#cfe8dd,#a9d4bf);padding-top:clamp(58px,6.5vw,96px);padding-bottom:clamp(58px,6.5vw,96px)}
body.home > section:nth-of-type(6) .vidsec-title{color:#3e4939}
body.home > section:nth-of-type(6) .lead{color:rgba(62,73,57,.9)}
body.home > section:nth-of-type(6) .btn{background:#6b795a;color:#fff;box-shadow:0 14px 30px -16px rgba(62,73,57,.5)}
body.home > section:nth-of-type(6) .btn:hover{background:#576647;color:#fff;box-shadow:0 16px 34px -16px rgba(62,73,57,.55);transform:translateY(-2px)}
body.home > section:nth-of-type(6) .v2-eyebrow{color:#576647}

/* Kep-csempe: finom vilagos keret a cream-en a definicioert (az arnyek mar az 1. passban) */
.media{border:1px solid rgba(62,73,57,.06)}

/* Szekcio-cim (bal-igazitott split): rovid arany-hairline akcent alatta (premium reszlet) */
.split .block{position:relative}
.split .block::after{content:"";display:block;width:52px;height:2px;background:var(--gold);margin-top:16px;opacity:.9}

/* Lead: levegosebb sortav a premium erzethez */
.lead{line-height:1.7}

/* Galeria-kepek (Instagram-feed) is csempe: finom lekerekites + arnyek (konzisztencia) */
.gallery img{border-radius:12px;box-shadow:0 18px 40px -26px rgba(62,73,57,.42);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}
.gallery img:hover{transform:translateY(-5px);box-shadow:0 30px 54px -28px rgba(62,73,57,.5)}

/* --- 3. PASS: HERO catchy intro + CTA-k (child front-page.php override markup) --- */
.home-hero .hero-inner{position:absolute;left:var(--pad);right:var(--pad);bottom:9vh;z-index:3;max-width:min(880px,90vw)}
.home-hero .hero-inner .word{position:static;left:auto;bottom:auto} /* parent abszolut-pozicionalas feloldasa a wrapperben */
.home-hero .hero-tagline{color:#fff;font-family:var(--sans);font-size:clamp(15px,1.5vw,19px);line-height:1.55;max-width:600px;margin:14px 0 0;text-shadow:0 2px 14px rgba(0,0,0,.5);font-weight:400}
.home-hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
/* Hero ghost-gomb: vilagos a sotet fotton (a sima btn-outline zold-on-transparent itt gyenge) */
.btn-ghost{display:inline-block;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:14px 30px;border-radius:10px;border:1px solid rgba(255,255,255,.8);text-decoration:none;transition:background .3s ease,color .3s ease,transform .22s ease}
.btn-ghost:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}

/* --- Aloldali hero-cim 'lelogas' ELENGEDVE (hades brief): a parent line-height (180px) < font-size (200px)
   -> cramped ekezetek/betuk. Termeszetes sortav + kis also ter, hogy a cim levegozzon, ne szoruljon/vagodjon. --- */
.page-hero h1{line-height:1.02;padding-bottom:.04em}

/* --- Inner-oldal (aloldal) szekcio-ritmus: a KEP-NELKULI (szoveg-nehez) szekciok cream2 bandet kapnak,
   hogy megtorjek a cream-monotoniat (ua. elv mint a homepage bandek). :has() 2026-ban tamogatott. --- */
body.inner > section:not(.page-hero):not(:has(img)):not(:has(form)){background:var(--cream2)}

/* ===========================================================================
   WORLD-CLASS ELEVATION (Szabi 'vilagbajnok' brief, E1: tipo + whitespace +
   arnyek-rendszer + mikro-interakcio + focus + reduced-motion). Site-wide.
   =========================================================================== */
:root{
  --ease-out: cubic-bezier(0.23,1,0.32,1);
  --ease-io:  cubic-bezier(0.77,0,0.175,1);
  --sh-soft: 0 1px 2px rgba(62,73,57,.06), 0 10px 30px -12px rgba(62,73,57,.15);
  --sh-lift: 0 2px 8px rgba(62,73,57,.09), 0 26px 54px -18px rgba(62,73,57,.24);
}

/* --- 2. TIPOGRAFIA: editorial merték + line-height + tracking --- */
.lead{line-height:1.7;max-width:68ch}
.intro h2,.intro.wide h2{letter-spacing:-.005em;line-height:1.4}
.block,.vidsec-title,.page-hero h1{letter-spacing:-.012em}
.subhead,.vt-flabel,.mm-card-label,.vt-paywall-eyebrow{letter-spacing:.1em}

/* --- 3. WHITESPACE: bokezu vertikalis ritmus (a szellosseg = premium) --- */
.pad-sm{padding-top:clamp(3.75rem,7.5vw,6.5rem);padding-bottom:clamp(3.75rem,7.5vw,6.5rem)}
.pad{padding-top:clamp(4.5rem,9vw,8.5rem);padding-bottom:clamp(4.5rem,9vw,8.5rem)}

/* --- 6. KEP-MELYSEG: tobb-retegu premium arnyek (felulirja az E0 egyreteguket) --- */
.media,.vt-card-media,.imgfit{box-shadow:var(--sh-soft)}
.gallery img{box-shadow:var(--sh-soft)}
.mm-card{box-shadow:var(--sh-soft)}

/* --- 5. MIKRO-INTERAKCIO: hover-lift + active-press, property-specifikus transition, custom easing --- */
.btn,.btn-ghost,.mm-card-cta,.mm-card-manage,.vt-fbtn,.vt-fclear{transition:transform 180ms var(--ease-out),box-shadow 220ms var(--ease-out),background 220ms ease,color 220ms ease,border-color 220ms ease}
.btn:active,.btn-ghost:active,.mm-card-cta:active,.mm-card-manage:active,.vt-fbtn:active{transform:scale(.97)}
.split .media,.gallery img,.mm-card{transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.split .media:hover{transform:translateY(-8px);box-shadow:var(--sh-lift)}
.mm-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}

/* --- 7. RESZLET: lathatatlan reszletek (focus-ring, link-transition) --- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.btn:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--olive);outline-offset:3px;border-radius:4px}

/* --- 5. REDUCED-MOTION (kotelezo; a nyugodt-brand is ezt kivanja) --- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

/* --- E2: SCROLL-REVEAL (gated .mm-rev-on -> JS/observer nelkul vagy reduced-motion: default-lathato) --- */
.mm-rev-on .mm-rev{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out),filter .75s var(--ease-out);filter:blur(1px)}
.mm-rev-on .mm-rev.is-in{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.mm-rev-on .mm-rev{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* --- E3 EDITORIAL: szekcio-cimek display-font + editorial lepték (a sans h3.block 'bena' -> premium Edensor,
   konzisztens a hero + vidsec-title display-tipojaval). Uppercase marad, de nagyobb+elegansabb. --- */
.block:not(.vidsec-title){font-family:var(--disp);font-weight:400;font-size:clamp(26px,3.2vw,42px);letter-spacing:.015em;line-height:1.12;margin-bottom:20px}
.intro h2{font-family:var(--disp);font-weight:400;font-size:clamp(22px,2.9vw,34px);text-transform:none;letter-spacing:.005em;line-height:1.3}
.intro.wide h2{font-size:clamp(24px,3.3vw,40px)}
/* a split-cim arany-hairline-ja maradjon aranyos a nagyobb cimhez igazitva */
.split .block::after{margin-top:20px;width:56px}

/* ===========================================================================
   V2 ALOLDAL-REDESIGN KOMPONENSEK (editorial, szin-blokk, chipek, CTA-band).
   Shared -> minden child page-{slug}.php override hasznalja.
   =========================================================================== */
.v2-eyebrow{display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin-bottom:12px}
.center .v2-eyebrow,.v2-cta-band .v2-eyebrow{text-align:center}

/* 2-oszlopos editorial szoveg (a szoveg-fal megtorese) */
.v2-2col{column-count:2;column-gap:52px;margin-top:8px}
.v2-2col .lead{max-width:none;margin:0 0 16px;break-inside:avoid}
@media(max-width:820px){.v2-2col{column-count:1;column-gap:0}}

/* Szin-bandek (monotonia-megtores, mint a fooldalon) */
.v2-band-cream2{background:var(--cream2)!important}
.v2-band-sage{background:linear-gradient(180deg,#cfe8dd,#a9d4bf)!important}
.v2-band-sage .v2-eyebrow{color:#576647}
.v2-band-sage .block{color:#3e4939}
.v2-band-sage .lead{color:rgba(62,73,57,.9)}
.v2-band-sage .checks li{color:rgba(62,73,57,.92)}
.v2-band-sage .checks li::before{color:#576647}

/* Eszkoz-chipek (vizualis tag-grid a sima lista helyett) */
.v2-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.v2-chips span{font-family:var(--sans);font-size:13px;letter-spacing:.03em;color:var(--ink);background:#fff;border:1px solid rgba(62,73,57,.14);border-radius:999px;padding:9px 18px;box-shadow:var(--sh-soft)}

/* CTA-band: prominens konverzios zaras */
.v2-cta-band{background:linear-gradient(180deg,#f4f1e8,#efe8d6)!important}
.v2-cta-band .block{margin-top:4px}
.v2-cta-band .lead{margin-left:auto;margin-right:auto}

/* Primer-CTA (Elofizetes/Foglalas). SZABI TWEAK (2026-10-15): OLIVA ZOLD (band-szin #6b795a), NEM teal. */
.btn-teal{display:inline-block;background:#6b795a;color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:14px 32px;border-radius:10px;text-decoration:none;box-shadow:0 14px 30px -14px rgba(62,73,57,.5);transition:transform 180ms var(--ease-out),box-shadow 220ms var(--ease-out),background 220ms ease}
.btn-teal:hover{background:#576647;transform:translateY(-2px)}
.btn-teal:active{transform:scale(.97)}
/* Foglalas (.tt-book) a parentben var(--teal) -> V2-ben OLIVA override (nem edit a parent CSS-t) */
.tt-book{background:#6b795a!important}
.tt-book:hover{background:#576647!important}

/* --- Lenis smooth-scroll (F0) ajanlott CSS; az iframe pointer-events szabalyt KIHAGYJUK (video-player interakcio!) --- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* === V2 SUBPAGE HERO (aquantum .hero.has-media minta; Szabi 2026-10-15) ===
   teljes-magassagu full-bleed kep-hero + dark scrim + feher editorial overlay + oliva CTA.
   FILL: lvh (nem svh) az iOS-fill-leckebol (a 100svh res-t hagy a toolbar eltunesekor; az lvh a megbizhato fill, mint a home-hero). */
.v2-hero{position:relative;min-height:100vh;min-height:100lvh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.v2-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* Daniel 2026-10-15: a hero-scrim zold-filtere nehol tul eros volt -> halvanyitva (zold-wash .72->.42 / .32->.14, also szoveg-kontraszt gradient .82->.64 kicsit vilagosabb, de a feher overlay-szoveg olvashato marad). */
.v2-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(165deg,rgba(62,73,57,.42),rgba(111,125,94,.14)),linear-gradient(to top,rgba(62,73,57,.64),rgba(62,73,57,0) 52%)}
.v2-hero-inner{position:relative;z-index:2;width:100%;max-width:1244px;margin:0 auto;padding:0 var(--pad) clamp(70px,11vh,140px);text-align:center}
.v2-hero-eyebrow{display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:20px}
.v2-hero h1{font-family:var(--disp);font-weight:400;color:#fff;font-size:clamp(40px,7vw,80px);line-height:1.03;letter-spacing:normal;margin:0 auto;max-width:18ch;text-align:center}
.v2-hero-sub{margin:22px auto 0;max-width:50ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:rgba(255,255,255,.9)}
.v2-hero-cta{margin-top:34px}
.v2-hero-cue{position:absolute;left:50%;bottom:26px;z-index:2;width:22px;height:34px;border:1.5px solid rgba(255,255,255,.55);border-radius:12px;transform:translateX(-50%)}
.v2-hero-cue::before{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:rgba(255,255,255,.85);transform:translateX(-50%);animation:mmcue 1.8s ease-in-out infinite}
@keyframes mmcue{0%,100%{opacity:.3;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,7px)}}
@media(prefers-reduced-motion:reduce){.v2-hero-cue::before{animation:none}}
/* A dark full-bleed hero felett a nav FEHER (a body.inner alap-fekete helyett); csak V2-ben (child CSS). */
body.inner .site-head .nav a,body.inner .site-head .nav-auth a,body.inner .site-head .brand,body.inner .site-head .burger{color:#fff}
body.inner .site-head .brand img{filter:brightness(0) invert(1)}
@media(max-width:760px){
  /* gorgetve (hs-solid, cream bg) -> vissza ink-re, mint a home-on (magasabb spec nyer) */
  body.inner .site-head.hs-solid .nav a,body.inner .site-head.hs-solid .nav-auth a,body.inner .site-head.hs-solid .brand,body.inner .site-head.hs-solid .burger{color:var(--ink)}
  body.inner .site-head.hs-solid .brand img{filter:none}
}

/* === V2 BELEPETT (member) videotar grid - world-class editorial elevacio (Szabi 2026-10-15, hades #12841).
   CSAK PREZENTACIO (CSS): a .vt-grid/.vt-filter/.vt-card markup + a facade-play JS + a nonce/data-guid token-gating
   BYTE-IDENTIKUS (a template NEM valtozott). Csak a kinezet elevalodik, konzisztens a tobbi V2-oldallal. === */
/* Szuro: editorial control-bar framing (hairline) + OLIVA aktiv chip (CTA-konzisztens, a #3e4939 helyett) */
.vt-filter{padding-top:24px;padding-bottom:24px;border-top:1px solid rgba(62,73,57,.12);border-bottom:1px solid rgba(62,73,57,.12)}
.vt-fbtn.is-on{background:#6b795a;border-color:#6b795a;color:#fff}
.vt-fbtn:hover{border-color:#6b795a}
/* Kartyak: premium arnyek + kep-zoom hoveren */
.vt-card{border:1px solid rgba(62,73,57,.08);border-radius:10px;box-shadow:var(--sh-soft)}
.vt-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}
.vt-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eceadf}
.vt-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease-out)}
.vt-card:hover .vt-card-media img{transform:scale(1.05)}
.vt-card-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Play-gomb: premium kor + triangle + oliva hover (a facade-play click-handler valtozatlan) */
/* Item 7 FIX (Szabi #12948): play-gomb KOZEPRE (a korabbi left:54% abszolut-hack elcsuszott) -> flex-center + optikai margin-left, mint a parent play-gomboknal. */
.vt-card-media .play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.26);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.9);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease-out),transform .25s var(--ease-out)}
.vt-card-media .play::after{content:"";border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff;margin-left:4px}
.vt-card:hover .vt-card-media .play{background:rgba(107,121,90,.85);transform:scale(1.08)}
.vt-card.vt-playing .play{display:none}
/* Kartya-tipo finomitas */
.vt-card-title{font-size:19px;line-height:1.22}
.vt-card-meta{padding:16px 20px 18px}

/* === FOOLDAL REVIEW-BUGFIX (Szabi, 2026-10-15, hades #12890) === */
/* BUG1 MOBIL: a home cover-carousel (home-vidfull .mcar.vcar) borItoi @390 574px-magassagra vagodtak (tall-portrait crop).
   Mobilon 16/9 aspect (a Bunny-thumb nativ aranya) -> nincs csunya vagas. (A .vt-car videotar-carousel kulon, erintetlen.) */
@media(max-width:760px){
  .home-vidfull .mcar.vcar .mcar-slide img{height:auto;aspect-ratio:16/9}
}
/* Item 10 (Szabi #12948): MOBIL a videotar hero-kepen a no feje levagodott. A landscape-kep tall-mobil portre-keretben
   a BAL+JOBB oldalt vagja (cover height-fill) -> a fej a BAL oldalon van, ezert a fokusz-pontot BALRA toljuk (X),
   hogy a feje a keretben maradjon. Surgical: csak a videotar hero-kep (src*=hero-videotar); csak mobil, desktop jo. */
@media(max-width:760px){
  .v2-hero-bg[src*="hero-videotar"]{object-position:25% center}
}
/* BUG2: az OVALIS kep (inline border-radius:50%, pl. Major Melinda fooldal) .media-wrappere negyzetes tile-keretet
   (border-radius:16px + border + box-shadow) kapott a world-class passtol -> az ovalra negyzetes frame ult.
   FIX: az ovalis kep wrappere NE kapjon tile-keretet; az ovalt az IMG sajat (alakot koveto) arnyeka keretezze. */
.media:has(> img[style*="border-radius:50%"]),
.media:has(> img[style*="border-radius: 50%"]){border:0;border-radius:0;box-shadow:none;background:transparent}
.split .media:has(> img[style*="border-radius:50%"]):hover,
.split .media:has(> img[style*="border-radius: 50%"]):hover{box-shadow:none;transform:none}

/* === JOIN/ELOFIZETES CTA gate (Szabi, 2026-10-15, #12896): aktiv tag (body.mm-member) nem latja a join-CTA-t === */
body.mm-member .mm-join-cta{display:none !important}

/* === Item 5 (Szabi #12948): STICKY header (desktopon is) + premium shrink/blur scroll-on.
   A .hs-solid toggle-JS (mcar.js) mar fut minden viewporton (>40px); a mobil CSS mar kezeli, itt a desktop-sticky + blur/shrink. === */
.site-head{position:fixed;transition:background .3s ease,box-shadow .3s ease,padding .28s var(--ease-out)}
.site-head.hs-solid{background:rgba(244,241,232,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 18px rgba(24,34,38,.09);padding:12px 0}
/* gorgetve (hs-solid, cream-blur bg) a nav+logo INK (olvashatosag), feluliri a feher dark-hero-nav-ot (magasabb spec) */
body.home .site-head.hs-solid .nav a,body.home .site-head.hs-solid .nav-auth a,body.home .site-head.hs-solid .brand,body.home .site-head.hs-solid .burger,
body.inner .site-head.hs-solid .nav a,body.inner .site-head.hs-solid .nav-auth a,body.inner .site-head.hs-solid .brand,body.inner .site-head.hs-solid .burger{color:var(--ink)}
body.home .site-head.hs-solid .brand img,body.inner .site-head.hs-solid .brand img{filter:none}

/* === Item 9 (Szabi #12948): My Account al-szekciok (Elofizetesek/Fizetesi modok/Fiok adatai) V2-restyle - CSS-only, child.
   A WC-default maradek elemeket (gomb-stilus, notice-box, jelszo-fieldset) a V2 brandre emeli. Funkcio erintetlen. === */
.woocommerce-account .button,.woocommerce-account a.button,.woocommerce-account button.button,.woocommerce-account input.button{background:#6b795a;border-radius:10px;box-shadow:var(--sh-soft);border:1px solid transparent;color:#fff;transition:background .3s ease,transform .22s ease,box-shadow .22s ease}
.woocommerce-account .button:hover,.woocommerce-account a.button:hover,.woocommerce-account button.button:hover,.woocommerce-account input.button:hover{background:#576647;color:#fff;transform:translateY(-2px);border-color:transparent}
.woocommerce-account .woocommerce-MyAccount-navigation{border-radius:14px;box-shadow:var(--sh-soft)}
.woocommerce-account .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce-MyAccount-content h3{font-family:var(--disp);font-weight:400;color:var(--ink);letter-spacing:.01em}
.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-Message{background:#faf7ef;border:1px solid rgba(111,125,94,.22);border-left:3px solid var(--olive);border-radius:10px;padding:16px 20px;color:var(--ink);box-shadow:none}
.woocommerce-account .woocommerce-info::before,.woocommerce-account .woocommerce-message::before,.woocommerce-account .woocommerce-Message::before{color:var(--olive)}
.woocommerce-account fieldset{border:1px solid rgba(62,73,57,.12);border-radius:12px;padding:18px 20px;background:#faf7ef;margin-top:10px}
.woocommerce-account fieldset legend{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:700;padding:0 8px}

/* === Item 8 (Szabi #12948/#12888): kijelentkezes-megerosito BRAND-MODAL (V2 oliva/cream, Edensor, premium arnyek, V2 CTA-gombok) - NEM bongeszo-confirm() === */
.mm-modal[hidden]{display:none}
.mm-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}
.mm-modal-backdrop{position:absolute;inset:0;background:rgba(62,73,57,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mm-modal-box{position:relative;z-index:1;background:#f4f1e8;border:1px solid rgba(62,73,57,.08);border-radius:18px;box-shadow:var(--sh-lift);max-width:440px;width:100%;padding:clamp(28px,4vw,44px);text-align:center;animation:mmModalIn .32s var(--ease-out)}
@keyframes mmModalIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.mm-modal-box .v2-eyebrow{text-align:center}
.mm-modal-title{font-family:var(--disp);font-weight:400;font-size:clamp(26px,3vw,34px);color:var(--ink);line-height:1.1;letter-spacing:.01em;margin:10px 0 12px}
.mm-modal-text{font-family:var(--sans);color:var(--body);line-height:1.6;margin:0 0 28px}
.mm-modal-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.mm-modal-box{animation:none}}

/* === Item 6 (Szabi #12948): nav-menupont hover-underline animacio (a feher csik 0->100% hoveren, + aktivnal) === */
.nav a{position:relative;padding-bottom:3px}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.nav a.active{border-bottom:0}

/* ===== Review-2 vizual-finomitasok (Szabi GO) ===== */
/* #1 hero rotalo szo kisebb */
.home-hero .word{font-size:clamp(48px,9.5vw,116px)!important;line-height:1.03}
/* #3 lap-alji 'energia/egyensuly' marquee kisebb */
.marquee .track{font-size:clamp(22px,3.2vw,40px)!important}
/* #12 videotar hero-cim kozepre + nagyobb (page-id-8) */
body.page-id-8 .v2-hero-inner{text-align:center;padding-bottom:clamp(46px,8vh,92px)}
body.page-id-8 .v2-hero p{margin-left:auto;margin-right:auto}
body.page-id-8 .v2-hero h1{font-size:clamp(54px,9vw,116px)}

/* #12 videotar h1 center (a parent h1 text-align felulirasa) */
body.page-id-8 .v2-hero h1{text-align:center}

/* #15b videotar-kartyacimek kiemelese (editorial-tipo, nagyobb, kontraszt) */
.vt-card .vt-card-title{font-family:var(--disp)!important;font-size:clamp(17px,1.4vw,21px)!important;font-weight:500;color:var(--ink);line-height:1.22;display:block;margin-bottom:5px;letter-spacing:.005em}
.vt-slide-title{font-family:var(--disp)!important;font-size:clamp(16px,1.3vw,20px)!important;font-weight:500;color:var(--ink);line-height:1.22;letter-spacing:.005em}

/* Extra B (Szabi 2026-10-19): vilagos WC-oldalak (fiokom/kosar/penztar) headerje - logo+nav+hamburger SOTET.
   Nincs dark-hero mogottuk, ezert a body.inner-fele feher header feher-a-vilagoson szinte lathatatlan (fokent @mobil, scroll=0). */
body.woocommerce-page .site-head .nav a,
body.woocommerce-page .site-head .nav-auth a,
body.woocommerce-page .site-head .brand,
body.woocommerce-page .site-head .burger{color:var(--ink)!important}
body.woocommerce-page .site-head .brand img{filter:none!important}

/* === Extra A (Szabi 2026-10-19): #1 AJANDEK-mintaedzes premium kiemelese (home + videotar-publikus), aquantum-szintu V2 keret. Gating ERINTETLEN (csak a #1 public facade-play, a 13 lockolt teaser). === */
.mm-gift{position:relative;max-width:1240px;margin:0 auto;padding:clamp(16px,2.4vw,30px);background:linear-gradient(180deg,#fbf9f2,#f3efe6);border:1px solid rgba(107,121,90,.22);border-radius:18px;box-shadow:0 26px 64px -30px rgba(24,34,38,.3)}
.mm-gift::before{content:"";position:absolute;inset:7px;border:1px solid rgba(184,154,94,.45);border-radius:13px;pointer-events:none}
.mm-gift>*{position:relative;z-index:1}
.mm-gift-eyebrow{display:block;text-align:center;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#6b795a;font-weight:600;margin-bottom:14px}
.mm-gift .mm-pubvid,.mm-gift .mm-pubvid-big{max-width:none;margin:0}
.mm-gift .mm-pubvid-media{border-radius:12px;overflow:hidden;box-shadow:0 14px 36px -18px rgba(24,34,38,.42)}
.mm-gift .mm-pubvid-badge,.mm-gift .vt-badge-free{background:var(--mint-d)!important;color:#fff!important;box-shadow:none}
.vt-gift-wrap{margin:0 0 clamp(30px,5vh,56px)}
@media(max-width:640px){.mm-gift{padding:14px}.mm-gift::before{inset:5px}}

/* Extra A (fix): a gift caption-layout (badge pill -> cim -> idotartam) - a parent ROOT style.css .mm-pubvid-* szabalyai NINCSENEK betoltve a V2-n (assets/style.css-t enqueue-ol), ezert itt scope-olva potoljuk. */
.mm-gift .mm-pubvid-cap{text-align:center;padding:18px 2px 0}
.mm-gift .mm-pubvid-badge{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:5px 15px;border-radius:999px;margin-bottom:13px;line-height:1}
.mm-gift .mm-pubvid-title{display:block;font-family:var(--disp);font-size:clamp(20px,2vw,28px);color:var(--ink);line-height:1.22}
.mm-gift .mm-pubvid-dur{display:block;margin-top:7px;font-size:14px;letter-spacing:.02em;color:#6b795a}

/* 3-ikonos feat-grid szimmetrikus kozpontozas (Szabi/hades 2026-10-19): az alap .feat repeat(4,1fr), igy 3 elem a bal 3 oszlopba kerult + ures 4. oszlop (balra logott). :has(exactly-3) -> 3 egyenlo oszlop, kozepre (margin:0 auto mar megvan). A home 4-eleme feat erintetlen. */
.feat:has(.col:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
@media(max-width:680px){.feat:has(.col:nth-child(3):last-child){grid-template-columns:1fr;gap:34px}}

/* === V2 SZIN-MINTA (Szabi-review 2026-10-20, NEM global): mentas-zsalya #5f9e82 az olajzold (#6b795a/#6f7d5e) helyett, HOME-scope.
   A --mint/--mint-d token elokeszitve a kesobbi GLOBAL token-cserehez (GO utan huzzuk ra az egeszre). === */
:root{ --mint:#5f9e82; --mint-d:#4f8a6e; }
/* === VEGSO SZIN-TERKEP (Szabi 2026-10-20): CTA-GOMBOK OLIVA #6b795a, ACCENTEK/SAVOK MENTAS. ===
   A GOMB-mint-override TOROLVE (a home gombok visszaallnak a #6b795a hardcode olivara, 1. PASS .btn).
   Az --olive token felulirva mentasra -> a var(--olive)-ot hasznalo eyebrow-k/accentek/focus MENTASAK;
   a gombok #6b795a-hardcode-ok, azokat NEM erinti. */
:root{ --olive:#5f9e82; }
/* home eyebrow-accent -> MENTAS accent (var(--mint); a sotet var(--mint-d) helyett) */
body.home .v2-eyebrow,
body.home > section:nth-of-type(6) .v2-eyebrow{ color:var(--mint)!important; }
/* EGY zold sav mintanak: a home videosav (section 6) pasztellje -> MENTAS pasztell (sotet szoveg marad, kontraszt OK) */
body.home > section:nth-of-type(6){ background:linear-gradient(180deg,#cfe8dd,#a9d4bf)!important; }

/* === Extra A (fix2, SURGOS): a gift facade play-gomb nagy, lathato, kattinthato kor.
   A .mm-pubvid-media pozicionalas + .mm-pubvid .play (72px kor) a parent ROOT style.css-ben van, ami a V2-n NINCS enqueue-olva
   -> a play-gomb stilustalanul 4x4px-re omlott, a valos (nem-pont-pontos) kattintas nem talalta el. Child-be replikalva, .mm-gift scope. === */
.mm-gift .mm-pubvid-media{position:relative;aspect-ratio:16/9;background:#000}
.mm-gift .mm-pubvid-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm-gift .mm-pubvid .play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.9);cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease-out),transform .25s var(--ease-out);padding:0}
.mm-gift .mm-pubvid .play::after{content:"";border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-left:5px}
.mm-gift .mm-pubvid:hover .play{background:rgba(107,121,90,.85);transform:scale(1.08)}
.mm-gift .mm-pubvid.mm-pubvid-playing .play{display:none}

/* === Extra A (fix3): a gift facade-iframe TELJES kitoltese. A .mm-pubvid-media iframe{position:absolute;100%} a parent ROOT style.css-ben van (nem enqueue-olt V2-n), ezert a facade altal letrehozott iframe meret/pozicio nelkul maradt (~300x150) -> kis player a nagy fekete 16:9 dobozban. Child-be potolva. A member-grid (.vt-card-media iframe) mar jo (219. sor). === */
.mm-gift .mm-pubvid-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* === MEGELOZO PORT (hades-audit 2026-10-20): a parent ROOT style.css .mm-pubvid* / .vt-badge-free / .vt-slide-free .play csalad
   NINCS enqueue-olva a V2-n (a tema az assets/style.css-t tolti). A 3 korabbi bug (caption/play-gomb/iframe) mind ebbol jott.
   Itt EGYBEN atportolom a csalad BASE szabalyait (verbatim a root-bol), hogy barhol hasznalhato legyen a V2-n, ne egyesevel bukkanjon fel.
   A gift-specifikus delta-k (.mm-gift ... fentebb) magasabb specificitassal felulirjak ezt a gift-ben -> 0 regresszio. === */
.mm-pubvid-big{max-width:1000px;margin:0 auto}
.mm-pubvid-media{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.mm-pubvid-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm-pubvid-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mm-pubvid .play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s ease,background .25s ease}
.mm-pubvid:hover .play{transform:scale(1.12);background:rgba(255,255,255,.55)}
.mm-pubvid .play::after{content:"";border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.mm-pubvid-playing .play{display:none}
.mm-pubvid-cap{text-align:center;padding:18px 2px 0}
.mm-pubvid-badge{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3e4939;background:linear-gradient(180deg,#cfe8dd,#a9d4bf);padding:4px 12px;border-radius:999px;margin-bottom:10px}
.mm-pubvid-title{display:block;font-family:var(--disp);font-size:clamp(20px,2vw,28px);color:var(--ink);line-height:1.2}
.mm-pubvid-dur{display:inline-block;margin-top:6px;font-size:14px;color:var(--olive,#6b795a)}
.vt-badge-free{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#6b795a;padding:3px 10px;border-radius:999px;margin-bottom:8px}
.vt-slide-free .play{cursor:pointer}

/* === NEM-TAG 3-TEASER FORGO CAROUSEL + KONVERZIO-POPUP (Szabi/hades 2026-10-20, neo).
   OLIVA #6b795a (NEM a folyamatban-levo mint-minta), cream, lekerekitett, lagy arnyek, Edensor cim. === */
/* Item 4 (Szabi #batch1020): a teaser-carousel ('ingyenes izelito') kapja UGYANAZT a premium gradiens keretet+hatteret
   mint a folotte levo #1 ajandek-gift blokk (.mm-gift) - vizualis konzisztencia. Cream-gradient + arany-hajszalvonal (::before) + lagy arnyek. */
.mm-teaser3{position:relative;max-width:1240px;margin:0 auto;padding:clamp(16px,2.4vw,30px);background:linear-gradient(180deg,#fbf9f2,#f3efe6);border:1px solid rgba(107,121,90,.22);border-radius:18px;box-shadow:0 26px 64px -30px rgba(24,34,38,.3)}
.mm-teaser3::before{content:"";position:absolute;inset:7px;border:1px solid rgba(184,154,94,.45);border-radius:13px;pointer-events:none;z-index:4}
.mm-teaser3-stage{position:relative;z-index:1}
.mm-teaser3-dots{position:relative;z-index:5}
@media(max-width:640px){.mm-teaser3{padding:14px}.mm-teaser3::before{inset:5px}}
.mm-teaser3-slide{margin:0;opacity:0;visibility:hidden;position:absolute;inset:0;transform:scale(.96);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);pointer-events:none}
.mm-teaser3-slide.is-active{opacity:1;visibility:visible;transform:scale(1);position:relative;pointer-events:auto}
.mm-teaser3-media{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--sh-lift)}
.mm-teaser3-media .mm-teaser3-poster-fb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.mm-teaser3-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:transparent}
.mm-teaser3-slide:not(.is-playing) .mm-teaser3-video{opacity:0} /* placeholder-mod: a poster-img latszik, nem az ures video */
.mm-teaser3-slide.is-playing .mm-teaser3-video{opacity:1}
/* 15mp progress-sav (a 'lejatszas' vizualis jelzese) */
.mm-teaser3-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.28);z-index:3}
.mm-teaser3-prog i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:#6b795a}
/* play-ikon (dekor, a teaser auto-jatszik; nem interaktiv kotelezoen) */
/* Item 2 FIX (Szabi #batch1020): a play-haromszog csonka/elcsuszott volt, mert a gombnak NEM volt flex-kozpontositasa (a ::after a tartalom-doboz bal-felso sarkaban ult) -> flex-center, mint a .vt-card .play-nal. Teljes, ep haromszog optikai kozepen. */
.mm-teaser3-play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.9);cursor:pointer;z-index:2;padding:0;display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease-out),transform .25s var(--ease-out)}
.mm-teaser3-play::after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:4px}
.mm-teaser3-slide:hover .mm-teaser3-play{background:rgba(107,121,90,.85);transform:scale(1.08)}
.mm-teaser3-slide.is-playing .mm-teaser3-play{opacity:0;pointer-events:none}
.mm-teaser3-cap{text-align:center;padding:18px 2px 0}
.mm-teaser3-badge{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--mint-d);padding:5px 15px;border-radius:999px;margin-bottom:12px;line-height:1}
.mm-teaser3-title{display:block;font-family:var(--disp);font-size:clamp(20px,2vw,28px);color:var(--ink);line-height:1.22}
.mm-teaser3-dots{display:flex;gap:10px;justify-content:center;margin-top:22px}
.mm-teaser3-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(107,121,90,.3);cursor:pointer;transition:background .25s var(--ease-out),transform .25s var(--ease-out)}
.mm-teaser3-dots button.on{background:#6b795a;transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.mm-teaser3-slide{transition:none}}

/* --- Konverzio-popup: kozpontositott, blur+dim backdrop, 2 CTA (olive). A V2 logout-modal mintaja. --- */
.mm-conv[hidden]{display:none}
.mm-conv{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}
.mm-conv-backdrop{position:absolute;inset:0;background:rgba(62,73,57,.5);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.mm-conv-box{position:relative;z-index:1;background:#f4f1e8;border:1px solid rgba(62,73,57,.08);border-radius:20px;box-shadow:var(--sh-lift);max-width:460px;width:100%;padding:clamp(30px,4vw,46px);text-align:center;animation:mmConvIn .34s var(--ease-out)}
.mm-conv-x{position:absolute;top:14px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(62,73,57,.08);color:var(--mint-d);font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}
.mm-conv-x:hover{background:rgba(62,73,57,.16);transform:rotate(90deg)}
.mm-conv-eyebrow{display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mint-d);margin-bottom:12px}
.mm-conv-title{font-family:var(--disp);font-weight:400;font-size:clamp(26px,3vw,36px);color:var(--ink);line-height:1.12;letter-spacing:.01em;margin:0 0 14px}
.mm-conv-text{font-family:var(--sans);color:var(--body);line-height:1.6;margin:0 0 28px}
.mm-conv-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* OLIVA #6b795a a popup CTA-kon (task: a mint-minta MEG NEM global-GO -> itt OLIVA). A body.home .btn
   mint-override !important-jat szandekosan felulirjuk a popup-scope-ban, hogy a konverzio-CTA oliva legyen. */
.mm-conv .mm-conv-actions .btn.mm-conv-sub{background:#6b795a!important;color:#fff!important;box-shadow:0 14px 30px -16px rgba(62,73,57,.5)!important}
.mm-conv .mm-conv-actions .btn.mm-conv-sub:hover{background:#576647!important}
.mm-conv .mm-conv-actions .btn-outline.mm-conv-vtar{background:transparent!important;border:1px solid #6b795a!important;color:#576647!important;box-shadow:none!important}
.mm-conv .mm-conv-actions .btn-outline.mm-conv-vtar:hover{background:#6b795a!important;color:#fff!important;border-color:#6b795a!important}
@keyframes mmConvIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mm-conv-box{animation:none}}
html.mm-conv-open{overflow:hidden}

/* === Instagram feed (Smash Balloon): FULL-BLEED diszkret slide-carousel + PREMIUM animacio (custom ease, edge-fade mask, hover-zoom). Szabi 2026-10-21. prefers-reduced-motion-safe. === */
.mm-ig-sec .v2-eyebrow{color:var(--mint-d,#4f8a6e)}
.mm-ig-feed{margin-top:22px;width:100vw;margin-left:calc(50% - 50vw);max-width:none}
.mm-ig-feed #sbi_images,.mm-ig-feed .sbi_images{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:14px;-webkit-overflow-scrolling:touch;padding:28px 0;margin:0!important;scrollbar-width:none;cursor:grab;scroll-behavior:auto;touch-action:pan-x;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.mm-ig-feed #sbi_images::-webkit-scrollbar,.mm-ig-feed .sbi_images::-webkit-scrollbar{display:none;height:0;width:0}
.mm-ig-feed #sbi_images.mm-drag,.mm-ig-feed .sbi_images.mm-drag{cursor:grabbing}
.mm-ig-feed .sbi_item{flex:0 0 clamp(200px,20vw,280px)!important;width:auto!important;margin:0!important;padding:0!important;transition:box-shadow .55s cubic-bezier(.16,1,.3,1);will-change:transform}
.mm-ig-feed .sbi_photo_wrap,.mm-ig-feed .sbi_photo,.mm-ig-feed .sbi_link{border-radius:16px!important;overflow:hidden}
.mm-ig-feed .sbi_item img{border-radius:16px;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}
.mm-ig-feed .sbi_item:hover{box-shadow:0 14px 32px -14px rgba(31,45,38,.34);z-index:2}
.mm-ig-feed .sbi_item:hover img{transform:scale(1.06)}
.mm-ig-feed .sbi_photo_wrap{position:relative}
.mm-ig-feed .sbi_photo_wrap::after{content:"";position:absolute;top:10px;right:10px;width:23px;height:23px;z-index:3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='2'%20width='20'%20height='20'%20rx='5.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='4.2'/%3E%3Ccircle%20cx='17.6'%20cy='6.4'%20r='1.3'%20fill='white'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));opacity:.92}
.mm-ig-feed .sbi_photo_wrap::before{content:"Megnyitás Instagramon";position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:12px 10px;color:#fff;font-family:'Lato','system-ui',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(to top,rgba(31,45,38,.78) 0,rgba(31,45,38,.12) 46%,transparent 72%);opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1);pointer-events:none}
.mm-ig-feed .sbi_item:hover .sbi_photo_wrap::before{opacity:1}
.mm-ig-feed #sbi_load,.mm-ig-feed .sbi_follow_btn{display:none!important}
@media(max-width:640px){.mm-ig-feed .sbi_item{flex-basis:55vw!important}.mm-ig-feed #sbi_images,.mm-ig-feed .sbi_images{padding:20px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}}
@media(prefers-reduced-motion:reduce){.mm-ig-feed .sbi_item,.mm-ig-feed .sbi_item img,.mm-ig-feed .sbi_photo_wrap::before{transition:none!important}.mm-ig-feed .sbi_item:hover{box-shadow:none}.mm-ig-feed .sbi_item:hover img{transform:none}}

/* === Videotar szuro-layout (Szabi 2026-10-20): 3 kategoria kulon sorban, kategoria-cim KOZEPRE, chipek alatta BALRA. Desktop+mobil egyseges. Feluliria a parent horizontalis flow-t. [vt-filter--stacked] === */
.vt-filter{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:24px;justify-content:flex-start;max-width:1120px}
.vt-fgroup{flex-direction:column;align-items:stretch;gap:10px;width:100%}
.vt-flabel{display:block;width:100%;text-align:center;margin:0}
.vt-fchips{justify-content:flex-start}
.vt-fclear{align-self:center;margin-top:6px}

/* === .split.rev TENYLEGES megforditas (Szabi 2026-10-20, programok alternalo split): a markup [media,szoveg] -> vizualisan [szoveg BAL | kep JOBB]. Mobilon (<=960, 1-col) media elol, konzisztens a nem-rev szekcioval. === */
.split > .media{order:0}
.split > :not(.media){order:1}
.split.rev > .media{order:2}
@media(max-width:960px){.split > *{order:0}}

/* === GO-LIVE 2026-10-26 (Szabi/Melinda) === */
/* K2: a fooldali ket intro-szoveg (allitas + videotar-mondat) EGYFORMA meret + egyforma terkoz. */
body.home .intro.wide h2{font-size:clamp(20px,2vw,26px);font-weight:400;line-height:1.5;margin:0}
body.home .intro.wide .lead{font-size:clamp(20px,2vw,26px);line-height:1.5;margin-top:18px}
/* #2 (Melinda): a ket home-cim EGYFORMA betutipus (Edensor, mint a h2) + kicsit feljebb (kisebb terkoz felettuk) */
body.home .intro.wide .lead{font-family:'Edensor',Georgia,serif}
body.home .intro.wide{margin-top:-28px}

/* === G2: CTA-GOMB AKCENTSZIN (Szabi 2026-10-26, Option B = TEAL) ===
   EGY-VALTOZOS A/B: csak a --cta/--cta-h ertek cserje. Option A = terracotta #C8745A / #a85d45.
   SCOPE: CSAK a CTA-gombok (solid + outline + booking + account + popup). A zsalya-mentas accentek
   (badge/dot/progress/eyebrow/filter-chip) VALTOZATLANOK -> a teal HARMONIZAL a sage-temaval. */
:root{ --cta:#1F6F6B; --cta-h:#17514d }
.btn{background:var(--cta)}
.btn:hover{background:var(--cta-h);color:#fff}
.btn-teal{background:var(--cta)}
.btn-teal:hover{background:var(--cta-h)}
.btn-outline{border-color:var(--cta);color:var(--cta)}
.btn-outline:hover{background:var(--cta);border-color:var(--cta);color:#fff}
body.home > section:nth-of-type(6) .btn{background:var(--cta)}
body.home > section:nth-of-type(6) .btn:hover{background:var(--cta-h)}
.tt-book{background:var(--cta)!important}
.woocommerce-account .button,.woocommerce-account a.button,.woocommerce-account button.button,.woocommerce-account input.button{background:var(--cta)}
.mm-conv .mm-conv-actions .btn.mm-conv-sub{background:var(--cta)!important}
.mm-conv .mm-conv-actions .btn.mm-conv-sub:hover{background:var(--cta-h)!important}
.mm-conv .mm-conv-actions .btn-outline.mm-conv-vtar{border-color:var(--cta)!important;color:var(--cta)!important}
.mm-conv .mm-conv-actions .btn-outline.mm-conv-vtar:hover{background:var(--cta)!important;border-color:var(--cta)!important;color:#fff!important}

/* === VIDEOTAR (page-id-8) go-live tweakek (Szabi 2026-10-26) === */
/* V3/V8: "Nezz be a videotarba" SOTET betu (mint a homepage-en az edzes felett). */
body.page-id-8 .vidsec-title{color:#3e4939}
/* V2: az intro "Videotar" eyebrow + intro KOZEPRE (konzisztens a modszer/programok/rolam centered introjaval). */
body.page-id-8 .v2-band-cream2 .v2-eyebrow,body.page-id-8 .v2-band-cream2 .intro{text-align:center}
body.page-id-8 .v2-band-cream2 .intro .lead{margin-left:auto;margin-right:auto}
/* V9: a szurok KOZEPRE igazitva (chipek + csoportok). */
body.page-id-8 .vt-filter{justify-content:center}
body.page-id-8 .vt-fchips{justify-content:center}

/* === G6 (2026-10-26): mobil hero-foto igazitas. A 3 landscape hero-kep (1600x~850) object-fit:cover-rel
   egy magas (100vh) mobil-viewporton a vizszintes KOZEPSO ~25%-ot mutatja -> a center-crop egyes kepeken
   levagja a temat (fokent IMG_9222: arc ~34%). Per-kep object-position CSAK mobilon (desktop center marad).
   A kepeket a data-word azonositja (Energia/Egyensuly/Harmonia). Forras-analizis: Energia arc~44%, Egyensuly
   arc~34%, Harmonia arc~50%. === */
@media(max-width:760px){
  .home-hero img.slide[data-word="Energia"]{object-position:42% center}
  .home-hero img.slide[data-word="Egyensúly"]{object-position:35% center}
  .home-hero img.slide[data-word="Harmónia"]{object-position:50% center}
}

/* ---- Videotar: Heti uj 3 szekcio + nap-badge (2026-10-28) ---- */
.vt-week{margin:0 0 46px}
.vt-week-title{font-family:'Lato',system-ui,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.vt-week-title::before{content:"";width:28px;height:2px;background:var(--gold);display:inline-block}
.vt-day-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--green);color:#fff;font-family:'Lato',system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.18)}

/* ---- Videotar 3-tier pricing (/elofizetes/) 2026-10-28 ---- */
.vt-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 36px;align-items:stretch}
.vt-tier{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px 28px 30px;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(62,73,57,.06)}
.vt-tier-feat{border-color:var(--green);box-shadow:0 16px 44px -20px rgba(62,73,57,.45)}
@media(min-width:861px){.vt-tier-feat{transform:translateY(-8px)}}
.vt-tier-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--green);color:#fff;font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:6px 16px;border-radius:999px;box-shadow:0 5px 14px -5px rgba(62,73,57,.55)}
.vt-tier-ribbon-soft{background:var(--gold)}
.vt-tier-name{font-family:var(--sans);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700;margin:4px 0 12px}
.vt-tier-price{font-family:var(--display,Georgia,serif);font-size:clamp(34px,4.2vw,46px);line-height:1;color:var(--ink);margin:0 0 14px}
.vt-tier-price span{font-family:var(--sans);font-size:15px;color:var(--olive);font-weight:500;margin-left:7px;letter-spacing:.02em}
.vt-tier-note{font-size:14.5px;line-height:1.6;color:#6b705f;margin:0 0 26px;flex:1}
.vt-tier-note strong{color:var(--green);font-weight:700}
.vt-tier-btn{width:100%;text-align:center;justify-content:center;display:inline-flex}
.vt-tier-incl{list-style:none;max-width:800px;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}
.vt-tier-login{text-align:center;margin-top:30px;color:#6b705f}
@media(max-width:860px){.vt-tiers{grid-template-columns:1fr;gap:30px}.vt-tier-incl{grid-template-columns:1fr}}

/* ---- Videotar heti-szekcio layout-tweak (Szabi 2026-10-28): cim kozepre, heti 3-col, archiv marad 2-col ---- */
.vt-week-title{justify-content:center;text-align:center}
.vt-grid.vt-week-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.vt-grid.vt-week-grid{grid-template-columns:1fr}}

/* heti-kartya meret = collection + cim-terkoz (Szabi 2026-10-28 b) */
.vt-grid.vt-week-grid{max-width:1480px;width:calc(100vw - 44px);margin-left:50%;transform:translateX(-50%)}
.vt-week{padding-top:34px}
@media(max-width:860px){.vt-grid.vt-week-grid{grid-template-columns:1fr;width:auto;max-width:100%;margin-left:0;transform:none}}

/* heti-grid padding kivetele a nagyobb kartyakert (Szabi 2026-10-28 b2) */
.vt-grid.vt-week-grid{padding-left:6px;padding-right:6px}
@media(max-width:860px){.vt-grid.vt-week-grid{padding-left:18px;padding-right:18px}}

.vt-week-title{gap:18px}

/* Szabi 2026-10-28: menta/teal-bg outline-CTA felirat FEHER alapbol (volt teal-on-teal = lathatatlan, csak hoveren latszott) */
.btn.btn-outline{color:#fff}

/* Jovo heti orarend-eloretekintes (schedule-preview) */
.mm-sched-sec{background:linear-gradient(180deg,#e0f0e8,#c9e4d8)!important;padding-top:clamp(52px,6.5vw,84px);padding-bottom:clamp(52px,6.5vw,84px)}
.mm-sched-head{max-width:620px;margin:0 auto 32px}
.mm-sched-range{color:var(--mint-d);font-weight:600;letter-spacing:.03em;margin-top:6px;text-transform:capitalize}
.mm-sched-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.mm-sched-card{background:#fff;border:1px solid #e4ded4;border-radius:16px;padding:24px 22px;box-shadow:0 1px 2px rgba(62,73,57,.05),0 16px 34px -20px rgba(62,73,57,.18);display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .25s ease,box-shadow .25s ease}
.mm-sched-card:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(62,73,57,.08),0 24px 46px -18px rgba(62,73,57,.26)}
.mm-sched-day{background:var(--mint-d);color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:5px 14px;border-radius:999px;line-height:1}
.mm-sched-focus{font-size:21px;color:#3e4939;line-height:1.25;font-weight:500}
@media(max-width:640px){.mm-sched-grid{grid-template-columns:1fr 1fr;gap:12px}.mm-sched-card{padding:18px 16px}.mm-sched-focus{font-size:18px}}

/* #5 (Melinda): az archiv videoknal NE latszodjon a nap-badge (csak a heti-uj-3-nal) */
.vt-arch-grid .vt-day-badge{display:none}

/* #3 (Melinda): az inner-oldali kep-szoveg (.split) szekciok felso terkoze KISEBB + EGYFORMA (modszer/programok/rolam) */
body.inner section.pad-sm:has(.split){padding-top:38px!important}