/*
Theme Name: Alma Együttes 6
Description: Tiszta színblokkos sablon az Alma Együttesnek: óriás többszínű szavak, színes sávcímek, négy színes panel, ikonos bemutatkozás. A szövegek és képek a Megjelenés → Testreszabás → Alma beállítások menüben szerkeszthetők.
Version: 1.0
Text Domain: alma6
*/
:root{--keret:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body{margin:0;font:400 1.0625rem/1.65 var(--test);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{line-height:1.15;margin:0 0 .5em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--kek);outline-offset:3px}
.keret{max-width:var(--keret);margin:0 auto;padding:0 24px}
.keret-szuk{max-width:860px}
.ugras{position:absolute;left:-9999px}
.ugras:focus{left:16px;top:16px;z-index:100;background:#fff;padding:.6rem 1rem;border-radius:8px}
/* ---------- Gombok ---------- */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.6rem;border:2px solid var(--piros);color:#fff;font:700 .9375rem var(--test);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.gomb:hover{background:var(--piros-sotet);border-color:var(--piros-sotet);transform:translateY(-2px)}
.gomb-nagy{min-height:56px;padding:.9rem 2rem;font-size:1.0625rem}
.gomb-kicsi{min-height:40px;padding:.4rem 1.1rem;font-size:.9375rem}
.gomb-feher{background:#fff;border-color:#fff;color:var(--fekete)}
.gomb-feher:hover{background:var(--sarga);border-color:var(--sarga);color:var(--fekete)}
.gomb-keretes{background:transparent}
/* ---------- Felső sáv ---------- */
.pont{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--piros);margin-right:.6rem;vertical-align:middle;box-shadow:0 0 0 0 rgba(216,38,59,.7);animation:pulzal 2s infinite}
@keyframes pulzal{70%{box-shadow:0 0 0 8px rgba(216,38,59,0)}100%{box-shadow:0 0 0 0 rgba(216,38,59,0)}}
/* ---------- Fejléc ---------- */
.fejlec{z-index:50;border-bottom:1px solid var(--vonal);transition:box-shadow .25s}
.admin-bar .fejlec{top:32px}
.logo img{width:auto}
.fomenu{display:flex;gap:0;margin-left:auto}
.fomenu a{position:relative;padding:.5rem .6rem;font:500 .9375rem var(--cim);white-space:nowrap;text-decoration:none;text-transform:uppercase}
.fomenu a::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.2rem;border-radius:3px;transform:scaleX(0);transition:transform .25s}
.fomenu a:hover::after,.fomenu a[aria-current="page"]::after{transform:scaleX(1)}
.menu-gomb{display:none}
/* ---------- Képváltó ---------- */
.kepvalto{position:relative;overflow:hidden;background:var(--fekete)}
.kepvalto-sin{display:grid}
.dia{grid-area:1/1;position:relative;min-height:clamp(440px,62vh,620px);display:flex;align-items:center;background:var(--szin);opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s;overflow:hidden}
.dia.aktiv{opacity:1;visibility:visible;transition:opacity .8s ease}
.dia-szoveg{position:relative;z-index:2;width:100%}
.dia-cim{max-width:12ch;font-size:clamp(2.4rem,6vw,4.8rem);text-transform:uppercase;letter-spacing:-.01em;line-height:1;margin-bottom:.35em}
.dia-alcim{max-width:30ch;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;color:var(--fekete);margin-bottom:1.6rem}
.dia .gomb{background:var(--fekete);border-color:var(--fekete)}
.dia .gomb:hover{background:#fff;border-color:#fff;color:var(--fekete)}
.dia.aktiv .dia-cim,.dia.aktiv .dia-alcim,.dia.aktiv .gomb{animation:diaBe .7s cubic-bezier(.2,.8,.2,1) both}
.dia.aktiv .dia-alcim{animation-delay:.1s}
.dia.aktiv .gomb{animation-delay:.2s}
@keyframes diaBe{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes zenekarBe{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.kv-nyil{position:absolute;top:50%;z-index:5;width:52px;height:52px;margin-top:-26px;border:0;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background-color .2s,transform .2s}
.kv-nyil:hover{background:#fff;transform:scale(1.07)}
.kv-nyil svg{width:24px;height:24px;fill:none;stroke:var(--fekete);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.kv-elozo{left:20px}
.kv-kovetkezo{right:20px}
.kv-pontok{position:absolute;left:0;right:0;bottom:22px;z-index:5;display:flex;justify-content:center;gap:10px}
.kv-pontok button{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .3s,background-color .3s}
.kv-pontok button[aria-selected="true"]{width:36px;background:#fff}
/* ---------- Négy érv ---------- */
.ervek{border-bottom:1px solid var(--vonal)}
.erv{display:flex;gap:1rem;align-items:flex-start}
.ikon{flex:0 0 48px;width:48px;height:48px;fill:none;stroke:var(--piros);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.erv h2{font-size:1.0625rem;margin:0 0 .2rem}
.erv p{margin:0;font-size:.9375rem;color:var(--halvany);line-height:1.5}
/* ---------- Fekete sáv ---------- */
/* ---------- Szakaszok ---------- */
.szakasz{padding:clamp(3rem,7vw,5.5rem) 0}
.szakasz-szurke{background:var(--szurke)}
.szakasz-cim{font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;text-align:center;letter-spacing:.01em;margin-bottom:1.4em}
.tovabb{font-weight:700;color:var(--piros);text-decoration:none;white-space:nowrap}
.tovabb:hover{text-decoration:underline}
/* ---------- Csempék ---------- */
.csempe{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--szin);text-decoration:none;isolation:isolate}
.csempe::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.45));z-index:1}
.csempe:focus-visible{outline-offset:4px}
/* ---------- Koncertek ---------- */
.koncertek{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.koncert{display:grid;grid-template-columns:86px 1fr auto;gap:1.4rem;align-items:center;background:#fff;padding:1rem 1.4rem;transition:box-shadow .2s,transform .2s}
.koncert:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-2px)}
.koncert-datum{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;color:#fff;line-height:1}
.koncert-datum b{font:700 2.125rem var(--cim)}
.koncert-datum span{font-weight:700;text-transform:uppercase;font-size:.8125rem;margin-top:.3rem;color:var(--sarga)}
.koncert-adat h3{margin:0 0 .15rem}
.koncert-adat p{margin:0;color:var(--halvany)}
.koncert-cimke{font-size:.8125rem;font-weight:700;color:var(--halvany)}
.ures{background:#fff;border:1px dashed #cfcfcf;border-radius:var(--r);padding:1.5rem;text-align:center;color:var(--halvany)}
.szakasz-szurke .ures{background:#fff}
/* ---------- Elismerések ---------- */
.elismeresek{border-top:1px solid var(--vonal);border-bottom:1px solid var(--vonal);padding:2.4rem 0}
/* ---------- Hírek ---------- */
.hirek{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* ---------- Galéria ---------- */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
/* ---------- Bemutatkozás ---------- */
/* ---------- Aloldalak ---------- */
.oldalfej{border-bottom:1px solid var(--vonal)}
.oldalfej h1{text-transform:uppercase}
.oldalfej p{margin:0;color:var(--halvany)}
.szoveg{font-size:1.0625rem}
.szoveg h2{margin-top:1.6em}
.szoveg a{color:var(--piros)}
.szoveg ul{padding-left:1.2rem}
.szoveg img{border-radius:12px}
.szoveg + .koncertek,.szoveg + .hirek,.szoveg + .galeria{margin-top:2rem}
.datum-sor{color:var(--piros);font-weight:700;text-transform:uppercase;font-size:.9375rem;letter-spacing:.04em}
.cikk-kep{margin:0 0 1.6rem}
.cikk-kep img{border-radius:var(--r);width:100%}
.cta-doboz{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-top:3rem;padding:2rem 2.2rem;color:#fff}
.cta-doboz h2{margin:0 0 .2rem;font-size:1.625rem}
.cta-doboz p{margin:0;color:#ccc}
.vendeg-lista{list-style:none;padding:0}
.vendeg-lista .comment-body{background:var(--szurke);border-radius:var(--r);padding:1rem 1.25rem;margin-bottom:.75rem}
.vendegek input[type=text],.vendegek input[type=email],.vendegek textarea{width:100%;padding:.8rem 1rem;border:1.5px solid #ccc;border-radius:12px;font:inherit}
.vendegek label{display:block;font-weight:700;margin-bottom:.3rem}
/* ---------- Lábléc ---------- */
.lablec{padding:3.5rem 0 0;font-size:.9375rem}
.lablec-racs{display:grid;gap:2.5rem}
.lablec h2{text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.lablec ul{list-style:none;margin:0 0 1.2rem;padding:0}
.lablec li{margin:.35rem 0}
.lablec a{text-decoration:none}
.lablec a:hover{color:#fff;text-decoration:underline}
.kozosseg{display:flex;flex-wrap:wrap;gap:.5rem}
.kozosseg a{padding:.35rem .9rem;border:1px solid #444;border-radius:99px;font-weight:700;font-size:.9375rem;text-decoration:none!important}
.kozosseg a:hover{background:#fff;color:var(--fekete)!important}
.lablec .gomb-feher{color:var(--fekete)}
.lablec .gomb-feher:hover{color:var(--fekete);text-decoration:none}
.lablec-also{padding-top:1.2rem;padding-bottom:1.2rem;font-size:.9375rem}
.lablec-also p{margin:0}
/* ---------- Galéria-nagyító ---------- */
/* ---------- Reszponzív ---------- */
@media (max-width:1100px){
  .fomenu a{padding:.5rem .4rem}
  .fomenu a::after{left:.4rem;right:.4rem}
  .lablec-racs{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .js .menu-gomb{align-items:center;gap:.55rem;margin-left:auto;min-height:44px;font:700 .9375rem var(--test);cursor:pointer}
  .vonalak,.vonalak::before,.vonalak::after{display:block;position:relative}
  .vonalak::before,.vonalak::after{content:"";position:absolute;left:0}
  .js .fomenu{display:none;position:absolute;left:0;right:0;flex-direction:column;gap:0;border-bottom:1px solid var(--vonal);box-shadow:0 14px 24px rgba(0,0,0,.08)}
  .js .fomenu.nyitva{display:flex}
  .js .fomenu a{padding:.85rem 0}
  .js .fomenu a::after{display:none}
  .fomenu{flex-wrap:wrap}
  .dia{min-height:auto;flex-direction:column;align-items:stretch;padding-top:2.4rem}
  .dia-szoveg{order:1;text-align:center}
  .dia-cim,.dia-alcim{margin-left:auto;margin-right:auto}
  .kv-nyil{display:none}
  .hirek{grid-template-columns:repeat(2,1fr);gap:16px}
  .galeria{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  .keret{padding:0 16px}
  .hirek{grid-template-columns:1fr}
  .galeria{grid-template-columns:repeat(2,1fr);gap:10px}
  .koncert{grid-template-columns:64px 1fr;gap:1rem;padding:.9rem}
  .koncert-datum b{font-size:1.625rem}
  .koncert .gomb,.koncert-cimke{grid-column:2;justify-self:start}
  .cta-doboz{padding:1.5rem}
}
@media (max-width:782px){
  .admin-bar .fejlec{top:46px}
}
@media (max-width:600px){
  .admin-bar .fejlec{top:0}
}
/* ---------- Új produkció: Csinkofák ---------- */
:root{--prod-zold:#3FA535;--prod-sotet:#256B1F;--prod-sarga:#FFD21F}
.uj-cimke{display:inline-block;margin-bottom:.9rem;padding:.35rem .9rem;border-radius:999px;background:var(--piros);color:#fff;font:700 .8125rem var(--cim);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 10px rgba(0,0,0,.18);transform:rotate(-2deg)}
.prod-sugarak{position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 72% 50%,rgba(255,226,74,.22) 0 7deg,rgba(255,226,74,0) 7deg 16deg),radial-gradient(circle at 72% 50%,rgba(255,226,74,.65),rgba(255,226,74,0) 55%)}
.dia-prod{background:var(--prod-zold)}
.dia-prod .dia-cim,.dia-prod .dia-alcim{color:#fff;text-shadow:0 3px 0 var(--prod-sotet)}
.dia-cim-prod{max-width:15ch;font-size:clamp(2rem,4.6vw,3.8rem)}
.dia-prod .gomb{background:var(--prod-sarga);border-color:var(--prod-sarga);color:var(--fekete)}
.dia-prod .gomb:hover{background:#fff;border-color:#fff}
.dia-plakat{position:absolute;right:max(4vw,calc(50% - 590px));top:50%;width:auto;height:84%;max-width:40%;object-fit:contain;transform:translateY(-50%) rotate(3deg);border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.35);border:6px solid #fff}
.dia-prod.aktiv .dia-plakat{animation:plakatBe .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes plakatBe{from{opacity:0;transform:translateY(-44%) rotate(9deg)}to{opacity:1;transform:translateY(-50%) rotate(3deg)}}
.prod-gombok{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.kupon{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin:.6rem 0 0;padding:.7rem 1.2rem;border:2.5px dashed #fff;border-radius:14px;background:rgba(0,0,0,.18)}
.kupon span{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.kupon b{font:700 1.625rem var(--cim);color:var(--prod-sarga);letter-spacing:.06em}
.kupon em{font-style:normal;font-weight:700}
@media (max-width:900px){
  .dia-prod{padding-bottom:4.4rem}
  .dia-plakat{position:relative;order:2;right:auto;top:auto;transform:rotate(3deg);height:auto;width:62%;max-width:300px;margin:1.6rem auto 0}
  .dia-prod.aktiv .dia-plakat{animation:none}
  .prod-gombok{justify-content:center}
}
/* ---------- Dal-oldal: Nád a házam teteje ---------- */
.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dal-hos{padding:2rem 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--vonal)}
.dal-hos-racs{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.dal-hos h1{font-size:clamp(2.4rem,5.5vw,4.2rem);text-transform:uppercase;line-height:1;margin:.3rem 0 .3rem}
.dal-cimke{display:inline-block;margin-top:1rem;padding:.35rem .9rem;border-radius:999px;background:var(--sarga);color:var(--fekete);font:700 .8125rem var(--cim);text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}
.dal-forras{font:500 1.0625rem var(--cim);color:var(--piros);margin-bottom:1rem}
.dal-jelenet{margin:0;filter:drop-shadow(0 18px 30px rgba(13,60,110,.18))}
.dal-jelenet svg{width:100%;height:auto;display:block;overflow:hidden;border-radius:28px}
/* jelenet mozgásai */
.j-madar{transform:translate(660px,40px);transition:transform 1s cubic-bezier(.3,1.4,.5,1)}
.madar-fent .j-madar{transform:translate(300px,82px)}
.vege .j-madar{transform:translate(720px,-120px) rotate(-12deg);transition:transform 1.4s ease-in}
.j-madar-test{transform-box:fill-box;transform-origin:50% 100%}
.j-teto{transform-box:view-box;transform-origin:300px 240px}
.j-repedes{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .4s}
.j-kez,.j-jaj,.j-csillagok{opacity:0;transition:opacity .25s}
.j-haz{transform-box:view-box;transform-origin:300px 370px}
.j-labak{transition:stroke .2s}
.dal-jelenet[data-allapot="haz"] .j-haz{animation:hazPop .6s ease}
.dal-jelenet[data-allapot="madar"] .j-madar-test{animation:leszall .6s ease .6s}
.dal-jelenet[data-allapot="hess"] .j-kez{opacity:1}
.dal-jelenet[data-allapot="hess"] .j-kez{animation:integet .5s ease-in-out infinite alternate}
.dal-jelenet[data-allapot="hess"] .j-madar-test{animation:ugral .45s ease-in-out infinite alternate}
.dal-jelenet[data-allapot="reccs"] .j-teto{animation:remeg .12s linear infinite}
.dal-jelenet[data-allapot="reccs"] .j-repedes{stroke-dashoffset:0}
.dal-jelenet[data-allapot="jaj"] .j-jaj{opacity:1;animation:pop .4s cubic-bezier(.3,1.6,.5,1)}
.dal-jelenet[data-allapot="lab"] .j-labak{stroke:#FFC400;animation:labVillan .3s steps(2) infinite}
.vege .j-csillagok{opacity:1;animation:pop .5s cubic-bezier(.3,1.6,.5,1)}
.j-nap{transform-box:fill-box;transform-origin:center;animation:napForog 24s linear infinite}
.j-felho{animation:felhoUszik 14s ease-in-out infinite alternate}
@keyframes hazPop{40%{transform:scale(1.04)}}
@keyframes leszall{0%{transform:scaleY(.8)}60%{transform:scaleY(1.08)}}
@keyframes integet{from{transform:rotate(-8deg) translate(0,0)}to{transform:rotate(8deg) translate(10px,-6px)}}
@keyframes ugral{to{transform:translateY(-14px)}}
@keyframes remeg{25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes labVillan{50%{stroke:#fff}}
@keyframes napForog{to{transform:rotate(360deg)}}
@keyframes felhoUszik{to{transform:translateX(40px)}}
.j-kez{transform-box:fill-box;transform-origin:50% 100%}
.j-jaj,.j-csillagok{transform-box:fill-box;transform-origin:center}
/* vezérlő */
.dal-vezerlo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.2rem;margin:1.2rem 0 0;padding:1rem 1.2rem;border-radius:22px;background:#fff;border:1px solid var(--vonal);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.dal-inditas svg{width:22px;height:22px;fill:currentColor}
.dal-inditas .i-pause{display:none}
.dal-inditas[aria-pressed="true"] .i-play{display:none}
.dal-inditas[aria-pressed="true"] .i-pause{display:inline}
.dal-tempo{display:flex;align-items:center;gap:.5rem;font-weight:700}
.dal-tempo input{accent-color:var(--piros);width:130px}
.dal-tempo output{min-width:2.2em;font-variant-numeric:tabular-nums}
.dal-kapcsolo{display:flex;align-items:center;gap:.4rem;font-weight:700}
.dal-kapcsolo input{width:20px;height:20px;accent-color:var(--piros)}
/* részek és sorok */
.dal-reszek{position:relative;margin:0 auto;display:grid;gap:1.4rem}
.dal-resz{border:2px solid var(--vonal);border-radius:22px;padding:1rem 1.4rem 1.2rem;background:#fff;transition:border-color .3s,box-shadow .3s}
.dal-resz.aktiv{border-color:var(--sarga);box-shadow:0 0 0 6px rgba(255,200,61,.25)}
.dal-resz-fej{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.resz-betu{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;font:700 1.3125rem var(--cim);color:#fff}
.resz-a{background:var(--kek)}
.resz-b{background:var(--piros)}
.akkord-sor{display:flex;flex-wrap:wrap;gap:.4rem}
.akkord{padding:.15rem .7rem;border-radius:8px;background:var(--szurke);border:1px solid var(--vonal);font:700 .9375rem var(--cim);color:var(--fekete)}
.dal-resz.aktiv .akkord{background:var(--fekete);color:var(--sarga);border-color:var(--fekete)}
.dal-sorok{list-style:none;margin:0;padding:0}
.dal-sor{display:flex;align-items:center;gap:1rem;padding:.35rem 0}
.dal-jel{flex:0 0 58px;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--szurke);transition:background-color .3s}
.dal-jel svg{width:40px;height:40px;fill:none;stroke:var(--fekete);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dal-sor.aktiv .dal-jel{background:var(--sarga)}
.dal-jel.villan{animation:jelVillan .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes jelVillan{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(-8deg);box-shadow:0 0 0 10px rgba(255,200,61,.45)}100%{transform:scale(1)}}
.dal-sor-gomb{flex:1;text-align:left;border:0;background:none;padding:.3rem .4rem;border-radius:12px;cursor:pointer;font:500 clamp(1.25rem,2.6vw,1.9rem)/1.35 var(--cim);color:#9a9a9a;transition:color .3s,background-color .2s}
.dal-sor-gomb:hover{background:var(--szurke)}
.dal-sor.aktiv .dal-sor-gomb{color:var(--fekete)}
.szo{white-space:nowrap}
.szotag{display:inline-block;transition:color .15s,transform .15s}
.szotag + .szotag::before{content:"-";opacity:.25;margin:0 .02em}
.szotag.volt{color:var(--kek)}
.szotag.most{color:var(--piros);transform:translateY(-4px) scale(1.14)}
.labda{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF6A7C,var(--piros));box-shadow:0 3px 6px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:transform .18s ease-out,opacity .2s;z-index:3}
.labda.lathato{opacity:1}
.labda.pattan{animation:pattan .35s ease-out}
@keyframes pattan{0%{margin-top:-14px}60%{margin-top:2px}100%{margin-top:0}}
.dal-tipp{text-align:center;color:var(--halvany);margin-top:1.4rem}
/* akkordok, fogások */
.dal-akkord-bev{text-align:center;max-width:56ch;margin:0 auto 1.6rem}
.akkord-menet{display:grid;gap:.7rem;justify-content:center;margin-bottom:2rem}
.akkord-menet > div{display:flex;align-items:center;gap:.8rem}
.akkord-menet .akkord{font-size:1.3125rem;padding:.3rem .9rem;background:#fff}
.fogasok{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:900px;margin:0 auto}
.fogas{margin:0;background:#fff;border:1px solid var(--vonal);border-radius:16px;padding:.8rem .6rem 1rem;text-align:center}
.fogas figcaption b{display:block;font:700 1.625rem var(--cim);color:var(--fekete)}
.fogas figcaption span{display:block;font-size:.8125rem;color:var(--halvany);min-height:2.4em;line-height:1.2}
.fogas svg{width:84px;height:104px;margin:.4rem auto 0;display:block}
.dal-kotta-helye{text-align:center;color:var(--halvany)}
.dal-kotta-helye svg{width:100%;max-width:640px;margin:0 auto 1rem;display:block}
.dal-video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.dal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dal-hang{width:100%;margin-top:1rem}
@media (max-width:900px){
  .dal-hos-racs{grid-template-columns:1fr}
  .dal-hos .prod-gombok{justify-content:flex-start}
  .dal-vezerlo{top:76px;border-radius:22px}
  .fogasok{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  .dal-resz{padding:.8rem .8rem 1rem}
  .dal-sor{gap:.6rem}
  .dal-jel{flex-basis:44px;width:44px;height:44px;border-radius:12px}
  .dal-jel svg{width:30px;height:30px}
  .dal-tempo input{width:100px}
  .fogasok{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .j-madar,.labda{transition:none}
}
/* dal: két oszlop – bal oldalt a ragadós jelenet és a lejátszó */
.dal-racs{display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:start}
.dal-bal{position:sticky;top:104px}
.dal-reszek{max-width:none}
.jel-elonezet{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jel-elonezet li{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;font:500 .9375rem var(--cim);color:var(--fekete)}
.jel-elonezet .dal-jel{width:84px;height:84px;flex-basis:auto;border-radius:22px;background:#fff;box-shadow:0 8px 18px rgba(13,60,110,.12)}
.jel-elonezet .dal-jel svg{width:56px;height:56px}
.jel-elonezet li:nth-child(odd) .dal-jel{animation:lebegJel 3s ease-in-out infinite alternate}
.jel-elonezet li:nth-child(even) .dal-jel{animation:lebegJel 3s ease-in-out -1.5s infinite alternate}
@keyframes lebegJel{to{transform:translateY(-6px) rotate(2deg)}}
@media (max-width:1000px){
  .dal-racs{grid-template-columns:1fr}
  .dal-bal{position:static}
  .dal-jelenet{max-width:520px;margin:0 auto}
  .dal-vezerlo{position:sticky;top:76px;z-index:20;box-shadow:0 10px 24px rgba(0,0,0,.1)}
}
@media (max-width:900px){
  .jel-elonezet{grid-template-columns:repeat(6,1fr);gap:8px}
  .jel-elonezet .dal-jel{width:52px;height:52px;border-radius:14px}
  .jel-elonezet .dal-jel svg{width:36px;height:36px}
  .jel-elonezet li{font-size:.8125rem}
}
@media (max-width:600px){
  .jel-elonezet{grid-template-columns:repeat(3,1fr)}
}
/* =====================================================================
   ALMA 3 – vagány, színblokkos stílus (felülírja a fentieket)
   ===================================================================== */
:root{--sarga:#F5C02E;--lila:#4A1C7C;--lila-sotet:#33115A;--korall:#E9774A;--zold:#3E9A47;--piros:#D8263B;--piros-sotet:#B01B2E;--fekete:#1E1030;--szoveg:#2A1A3A;--halvany:#6B5C78;--vonal:#EADFF2;--szurke:#FFF7E3;--cim:'Oswald','Arial Narrow',system-ui,sans-serif;--test:'Rubik',system-ui,sans-serif;--r:22px}
body{font-family:var(--test);color:var(--szoveg);background:#fff}
h1,h2,h3{font-family:var(--cim);font-weight:700;text-transform:uppercase;letter-spacing:.005em;color:var(--lila)}
.nagycim{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.95;margin:0 0 .4em}
.lila{color:var(--lila)}
.sarga{color:var(--sarga)}
.kozep{text-align:center}
/* tépett papír szél: a szakasz tetejére tapad, a szakasz saját színében */
.oriasi,.intro,.masok,.lablec,.oldalfej,.dal-hos{position:relative}
/* gombok */
.gomb{font-family:var(--cim);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;border-width:3px;background:var(--piros);border-color:var(--piros)}
.gomb-sarga{background:var(--sarga);border-color:var(--sarga);color:var(--lila)}
.gomb-sarga:hover{background:#fff;border-color:#fff;color:var(--lila)}
.gomb-lila{background:var(--lila);border-color:var(--lila);color:#fff}
.gomb-lila:hover{background:var(--korall);border-color:var(--korall)}
.gomb-keretes-feher{background:transparent;border-color:#fff;color:#fff}
.gomb-keretes-feher:hover{background:#fff;color:var(--lila)}
.gomb-keretes{border-color:var(--lila);color:var(--lila)}
.gomb-keretes:hover{background:var(--lila);border-color:var(--lila);color:#fff}
/* felső sáv, fejléc */
.fejlec{display:flex;align-items:stretch;padding:0;border:0}
.fejlec.gorgetve{box-shadow:0 8px 24px rgba(30,16,48,.18)}
.fejlec-bal{display:flex;align-items:center;padding:10px clamp(16px,3vw,40px)}
.logo img{height:76px;transition:transform .3s}
.logo:hover img{transform:rotate(-4deg) scale(1.04)}
.fejlec-jobb{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 clamp(16px,3vw,40px) 0 70px}
.fomenu{margin:0}
.fomenu a{color:#fff;font-family:var(--cim);font-weight:500;font-size:1.0625rem;letter-spacing:.06em}
.fomenu a::after{background:var(--sarga);height:4px}
.fejlec-foglalas{display:inline-flex;align-items:center;min-height:46px;padding:.4rem 1.3rem;border-radius:999px;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;white-space:nowrap;transform:rotate(-3deg);transition:transform .2s,background-color .2s}
.fejlec-foglalas:hover{transform:rotate(0) scale(1.05)}
/* 1. nyitókép */
.firka{position:absolute;pointer-events:none}
@keyframes billeg{from{transform:rotate(-12deg) translateY(0)}to{transform:rotate(4deg) translateY(-10px)}}
@keyframes forog{to{transform:rotate(360deg)}}
@keyframes felugrik{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
/* 2. óriás felirat */
.oriasi{--hatter:var(--lila);background:var(--lila);color:#fff;text-align:center;padding:clamp(3rem,7vw,5.5rem) 16px clamp(3.5rem,7vw,5.5rem)}
.oriasi-szavak{margin:0;color:#fff;font-size:clamp(4.5rem,17vw,12.5rem);line-height:.86;letter-spacing:-.01em}
.oriasi-szavak span{display:block}
.oriasi-szavak span:nth-child(2){color:var(--sarga)}
.oriasi-szavak span:nth-child(3){color:var(--korall)}
.js .oriasi-szavak span{opacity:0;transform:translateY(.4em) rotate(-3deg)}
.js .oriasi-szavak.lat span{opacity:1;transform:none;transition:opacity .6s,transform .7s cubic-bezier(.2,1.3,.4,1);transition-delay:calc(var(--i)*.15s)}
.oriasi-al{max-width:34ch;margin:1.6rem auto 1.8rem;font-size:clamp(1.05rem,2vw,1.3rem);color:#EBDDF8}
.gombsor{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;margin:0}
/* 3. bemutatkozás */
.intro{--hatter:#fff;background:#fff;padding:clamp(3.5rem,8vw,6rem) 0}
.intro-racs{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center;max-width:1000px}
.intro-szoveg{font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.7;max-width:46ch}
.intro-firka{position:relative;width:100%;max-width:260px;justify-self:center}
@media (prefers-reduced-motion:no-preference){
  .intro-firka{animation:dobog 1.6s ease-in-out infinite}
}
@keyframes dobog{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(.98)}}
/* 4. miben vagyunk mások */
.masok{--hatter:var(--korall);background:var(--korall);padding:clamp(3.5rem,7vw,5rem) 0 0}
.masok-al{text-align:center;font:700 clamp(1.4rem,3.5vw,2.4rem) var(--cim);text-transform:uppercase;color:#fff;margin:-.4rem 0 2.6rem}
.panel{padding:clamp(2rem,4vw,3rem) clamp(1.2rem,2.5vw,2rem);text-align:center;display:flex;flex-direction:column;align-items:center}
.panel h3{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0 0 .4rem}
.panel p{margin:0;max-width:26ch;font-size:1.0625rem}
/* 5. új produkció */
/* 6. koncertek */
.koncert-datum{background:var(--lila);border-radius:16px}
.koncert-datum b{font-family:var(--cim)}
.koncert-adat h3{font-size:1.3125rem;color:var(--lila)}
/* 7. csempék */
.csempe{border-radius:var(--r)}
.csempe::after{display:none}
.csempe:nth-child(odd){transform:rotate(-1.2deg)}
.csempe:nth-child(even){transform:rotate(1.2deg)}
.csempe{transition:transform .3s cubic-bezier(.2,1.3,.4,1)}
.csempe:hover{transform:rotate(0) scale(1.03)}
/* 8. hírek */
/* 9. elismerések */
/* 10. kapcsolat */
.kozosseg-nagy{justify-content:center}
.kozosseg-nagy a{padding:.6rem 1.4rem;border:3px solid var(--lila);border-radius:999px;font:500 1.0625rem var(--cim);text-transform:uppercase;letter-spacing:.05em;color:var(--lila);text-decoration:none}
.kozosseg-nagy a:hover{background:var(--lila);color:#fff}
/* lábléc */
.lablec{--hatter:var(--lila);color:#EBDDF8;padding-top:3.5rem}
.lablec-racs{grid-template-columns:repeat(3,1fr)}
.lablec h2{color:var(--sarga);font-family:var(--cim);font-size:1.3125rem}
.lablec a{color:#EBDDF8}
.lablec .kozosseg a{border-color:#7A55A6}
.lablec .gomb-sarga{color:var(--lila)}
.lablec-logo-sav{margin-top:2.5rem;padding:2rem 16px;background:var(--sarga);text-align:center}
.lablec-logo-sav img{width:min(560px,80vw);margin:0 auto}
.lablec-also{border-top:0;margin-top:0;color:#BFA6DA}
/* aloldalak */
.oldalfej{--hatter:var(--sarga);background:var(--sarga);border:0}
.oldalfej h1{line-height:.95}
.szoveg h2{font-size:2.125rem}
.cta-doboz{background:var(--lila);border-radius:var(--r)}
.cta-doboz h2{color:var(--sarga);font-family:var(--cim)}
.dal-hos{background:var(--sarga);border:0}
/* reszponzív */
@media (max-width:1100px){
  .fomenu a{font-size:.9375rem}
}
@media (max-width:900px){
  .logo img{height:58px}
  .fejlec-jobb{padding-left:40px;flex:0 0 auto}
  .fejlec-foglalas{display:none}
  .js .menu-gomb{display:inline-grid;place-items:center;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;background:transparent}
  .vonalak,.vonalak::before,.vonalak::after{width:30px;height:4px;background:var(--korall);border-radius:4px}
  .vonalak::before{top:-9px}
  .vonalak::after{top:9px}
  .fejlec-jobb{position:static}
  .js .fomenu{top:100%;background:var(--lila);border:0;padding:.5rem 24px 1.2rem}
  .js .fomenu a{color:#fff;border-bottom:1px solid #6B3FA0;font-size:1.3125rem}
  .intro-racs{grid-template-columns:1fr}
  .intro-firka{max-width:160px;order:-1}
  .lablec-racs{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .lablec-racs{grid-template-columns:1fr}
}
/* =====================================================================
   ALMA 6 – tiszta színblokkok (egyenes szélek, szivárványcsíkos fejléc)
   ===================================================================== */
:root{--kek:#2E8BD8}
/* fejléc: végig lila, alul szivárványcsík */
.fejlec{background:var(--lila);min-height:88px;position:sticky;top:0}
.fejlec::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;z-index:3;background:linear-gradient(90deg,var(--piros) 0 20%,var(--korall) 20% 40%,var(--sarga) 40% 60%,var(--zold) 60% 80%,var(--kek) 80%)}
.fejlec-jobb{clip-path:none;margin-left:0;padding-left:clamp(16px,3vw,40px);background:transparent}
.fejlec-foglalas{background:var(--sarga);color:var(--lila)}
.fejlec-foglalas:hover{background:var(--korall);color:#fff}
/* óriás szavak */
.oriasi6{padding-top:clamp(3.5rem,8vw,6rem)}
.oriasi6-zaro{background:var(--korall)}
.oriasi6-zaro .oriasi-szavak span:nth-child(1){color:#fff}
.oriasi6-zaro .oriasi-szavak span:nth-child(2){color:var(--lila)}
.oriasi6-zaro .oriasi-szavak span:nth-child(3){color:var(--sarga);text-shadow:0 4px 0 rgba(74,28,124,.25)}
.oriasi6-zaro .oriasi-al{color:#fff}
.oriasi6-zaro .gomb-keretes-feher:hover{color:var(--korall)}
.js .oriasi-szavak:not(.lat) span{opacity:0;transform:translateY(.4em) rotate(-3deg)}
/* színes sávcím */
.sav6{padding:clamp(3.2rem,7vw,5rem) 0;text-align:center;background:var(--s,var(--korall))}
.sav6-cim{margin:0;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95;color:var(--c,var(--lila));max-width:16ch;margin-inline:auto}
.sav6-al{margin:.9rem 0 0;font:700 clamp(1.3rem,3vw,2.2rem) var(--cim);text-transform:uppercase;color:var(--a,#fff)}
.sav6-zold{--s:var(--zold);--c:#fff;--a:var(--sarga)}
.sav6-lila{--s:var(--lila);--c:var(--sarga);--a:#fff}
.sav6-sarga{--s:var(--sarga);--c:var(--lila);--a:#fff}
.sav6-sarga .sav6-al{text-shadow:0 2px 0 rgba(74,28,124,.35)}
.sav6-korall{--s:var(--korall)}
/* tartalom a sávok alatt */
.tartalom6{background:#fff;padding:clamp(3rem,6vw,4.5rem) 0}
.tartalom6 .koncertek{max-width:900px;margin:0 auto 2.4rem}
.tartalom6 .hirek{margin-bottom:2.4rem}
.koncert{box-shadow:none;border:3px solid var(--lila);border-radius:18px}
.koncert:nth-child(4n+2) .koncert-datum{background:var(--zold)}
.koncert:nth-child(4n+3) .koncert-datum{background:var(--korall)}
.koncert:nth-child(4n+4) .koncert-datum{background:var(--kek)}
/* bemutatkozó elem plakáttal */
.intro6-prod{background:var(--szurke)}
.intro6-prod .intro-racs{grid-template-columns:1.2fr .8fr;max-width:1100px}
.intro6-prod .nagycim{font-size:clamp(2.2rem,5vw,4rem)}
.cimke6{display:inline-block;margin-bottom:1rem;padding:.35rem 1rem;border-radius:999px;background:var(--korall);color:#fff;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-3deg)}
.plakat6{display:block;justify-self:center;transform:rotate(3deg);transition:transform .4s cubic-bezier(.2,1.3,.4,1)}
.plakat6:hover{transform:rotate(0) scale(1.03)}
.plakat6 img{width:100%;border-radius:14px;box-shadow:0 14px 0 rgba(74,28,124,.18)}
/* második panelsor: kattintható */
/* görgetésre beúszás */
.js .beuszik{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .beuszik.lat{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .beuszik{opacity:1;transform:none}
}
.lablec{background:var(--lila-sotet)}
@media (max-width:900px){
  .fejlec{min-height:74px}
  .intro6-prod .intro-racs{grid-template-columns:1fr}
  .plakat6{max-width:300px}
}
@media (max-width:900px){
  .fejlec-jobb{margin-left:auto}
}
/* ---------- Alma 6: képváltó ---------- */
.kepvalto6{background:var(--lila)}
.kepvalto6 .dia{min-height:clamp(560px,78vh,760px);justify-content:center;text-align:center}
.dia6-belso{position:relative;z-index:2;width:100%;padding:clamp(3rem,6vw,4.5rem) 16px clamp(4.5rem,8vw,6rem)}
.dia6-szavak{background:var(--lila);color:#fff}
.dia6-szavak .oriasi-szavak{font-size:clamp(4rem,13.5vw,10.5rem)}
.js .dia6 .oriasi-szavak span{opacity:1;transform:none}
.dia6-szavak.aktiv .oriasi-szavak span{animation:szo6 .7s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i)*.15s)}
@keyframes szo6{from{opacity:0;transform:translateY(.4em) rotate(-3deg)}to{opacity:1;transform:none}}
.dia6-szavak.aktiv .oriasi-al,.dia6-szavak.aktiv .gombsor{animation:diaBe .7s .45s cubic-bezier(.2,.8,.2,1) both}
/* nagy logó dia: kék, forgó fénysugarak, lebegő firkák */
.dia6-logo{background:radial-gradient(circle at 50% 45%,#4fa6ec,var(--kek) 60%,#1f6fb4)}
@keyframes forog6{to{transform:rotate(360deg)}}
.dia6-logokep{display:block;width:min(86vw,760px);height:auto;margin:0 auto;filter:drop-shadow(0 18px 0 rgba(20,40,90,.25)) drop-shadow(0 24px 40px rgba(0,0,0,.25))}
.dia6-logo.aktiv .dia6-logokep{animation:logo6 1s cubic-bezier(.2,1.4,.4,1) both}
@keyframes logo6{from{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}
.dia6-logo-cim{margin:1.2rem 0 1.6rem;color:#fff;font-size:clamp(1.6rem,3.6vw,2.8rem);text-shadow:0 3px 0 rgba(20,40,90,.3)}
.dia6-logo.aktiv .dia6-logo-cim,.dia6-logo.aktiv .gombsor{animation:diaBe .7s .35s cubic-bezier(.2,.8,.2,1) both}
.dia6-firka{position:absolute;z-index:1;width:clamp(70px,10vw,140px);height:auto;opacity:.9}
.dia6-firka-1{left:7%;top:14%;transform:rotate(-12deg)}
.dia6-firka-2{right:9%;top:12%;transform:rotate(14deg);width:clamp(60px,8vw,110px)}
.dia6-firka-3{right:12%;bottom:12%;transform:rotate(-8deg)}
@media (prefers-reduced-motion:no-preference){
  .dia6-firka{animation:lebeg6 5s ease-in-out infinite alternate}
  .dia6-firka-2{animation-delay:-2s}
  .dia6-firka-3{animation-delay:-3.5s}
}
@keyframes lebeg6{to{translate:0 -14px}}
/* Csinkofák dia: balra igazított szöveg marad */
.kepvalto6 .dia6-prod{justify-content:flex-start;text-align:left}
/* nyilak, pöttyök */
.kepvalto6 .kv-nyil{background:rgba(255,255,255,.18);border:0;color:#fff}
.kepvalto6 .kv-nyil:hover{background:var(--sarga);color:var(--lila)}
.kepvalto6 .kv-nyil svg{stroke:currentColor}
.kepvalto6 .kv-pontok button{background:rgba(255,255,255,.45)}
.kepvalto6 .kv-pontok button[aria-selected="true"]{background:var(--sarga)}
@media (max-width:900px){
  .kepvalto6 .dia{min-height:auto}
  .kepvalto6 .dia6{padding-top:0}
  .dia6-firka{width:60px}
  .kepvalto6 .dia6-prod{text-align:center;padding-top:2.4rem}
}
.dia6 .gomb.gomb-sarga{background:var(--sarga);border-color:var(--sarga);color:var(--lila)}
.dia6 .gomb.gomb-sarga:hover{background:#fff;border-color:#fff;color:var(--lila)}
.dia6 .gomb.gomb-keretes-feher{background:transparent;border-color:#fff;color:#fff}
.dia6 .gomb.gomb-keretes-feher:hover{background:#fff;color:var(--lila)}
@media (max-width:600px){
  .dia6-szavak .oriasi-szavak{font-size:16vw}
}
/* 4. dia: a fiúk fehér kerettel, narancs alapon */
.dia6-fiuk{overflow:hidden}
.dia6-fiuk-racs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:100%;min-height:inherit;text-align:left}
.dia6-fiuk-cim{margin:0 0 1.4rem;font-size:clamp(2.8rem,6.4vw,5.6rem);color:#fff}
.dia6-fiuk .cimke6{background:var(--lila)}
.dia6-fiuk .gombsor{justify-content:flex-start}
.dia6-fiuk-kep{justify-self:center;align-self:end;height:min(92%,700px);max-height:700px;width:auto;margin-top:2.5rem}
.dia6-fiuk.aktiv .dia6-fiuk-kep{animation:fiuk6 .9s cubic-bezier(.2,1.3,.4,1) both}
.dia6-fiuk.aktiv .dia6-fiuk-szoveg{animation:diaBe .7s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes fiuk6{from{opacity:0;transform:translateY(60px) rotate(4deg)}to{opacity:1;transform:none}}
.dia6-firka-4{left:44%;top:12%;transform:rotate(10deg)}
@media (max-width:900px){
  .dia6-fiuk-racs{grid-template-columns:1fr;text-align:center;gap:1rem;padding-top:2.4rem}
  .dia6-fiuk .gombsor{justify-content:center}
  .dia6-fiuk-kep{height:auto;width:min(70%,320px);margin:0 auto}
  .dia6-firka-4{left:auto;right:8%;top:6%}
}
.dia6 .gomb.gomb-lila{background:var(--lila);border-color:var(--lila);color:#fff}
.dia6 .gomb.gomb-lila:hover{background:#fff;border-color:#fff;color:var(--lila)}
/* 4. dia: türkiz háttér (a narancs pulóver így jobban kiugrik) */
.dia6-fiuk{background:radial-gradient(circle at 70% 60%,#4fd6c6,#17A99A 55%,#0E7F74)}
.dia6-fiuk-cim{text-shadow:0 4px 0 rgba(8,70,64,.35)}
.dia6-fiuk-kep{filter:drop-shadow(0 18px 24px rgba(8,60,55,.4))}
.dia6-fiuk .dia6-firka-4 path,.dia6-fiuk .dia6-firka-4 ellipse,.dia6-fiuk .dia6-firka-4 g{stroke:#F5C02E}
.dia6-firka-4{opacity:.9}
/* Csinkofák dia: piros, csíkok nélkül */
.kepvalto6 .dia6-prod{background:radial-gradient(circle at 72% 50%,#f0646d,#E2333F 50%,#B51E2B)}
.kepvalto6 .dia6-prod .prod-sugarak{display:none !important}
.kepvalto6 .dia6-prod .dia-cim,.kepvalto6 .dia6-prod .dia-alcim{color:#fff;text-shadow:0 3px 0 rgba(110,10,20,.35)}
.kepvalto6 .dia6-prod .uj-cimke{background:var(--sarga);color:var(--lila)}
.kepvalto6 .dia6-prod .gomb{background:var(--sarga);border-color:var(--sarga);color:var(--lila)}
.kepvalto6 .dia6-prod .gomb:hover{background:#fff;border-color:#fff;color:var(--lila)}
/* „Hová hívj minket?” – 3×2 lekerekített csempe (az alma2 mintájára) */
.csempe6-szakasz{background:#fff;padding:clamp(2.5rem,5vw,4rem) 0}
/* „Miben vagyunk mások?” – a 4 panel is lekerekített csempe, térközzel */
.masok .panel{--szin:#fff;border-radius:20px;overflow:hidden;justify-content:center;background:linear-gradient(180deg,var(--szin) 35%,color-mix(in srgb,var(--szin) 80%,#000));box-shadow:0 10px 24px -14px rgba(60,20,40,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.masok .panel:hover{transform:translateY(-6px);box-shadow:0 20px 34px -14px rgba(60,20,40,.55)}
/* a 4 panel: négyzet alakú kockák */
.masok .panel{aspect-ratio:1/1;min-height:0;padding:clamp(1rem,2vw,1.6rem)}
.masok .panel h3{font-size:clamp(1.25rem,1.9vw,1.7rem);margin-bottom:.3rem}
.masok .panel p{font-size:.9375rem;line-height:1.4}
/* ---------- Dalaink oldal ---------- */
.dalok6-szakasz{background:#fff;padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,4.5rem)}
.dal6-gomb{display:inline-flex;align-items:center;gap:.45rem;margin-top:.5rem;padding:.5rem 1rem .5rem .75rem;border-radius:999px;background:#fff;color:#1d1d1f;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .25s}
.dal6-gomb svg{width:18px;height:18px;fill:#FA243C}
.dal6-bevezeto{margin-top:2rem}
@media (max-width:600px){
  .dal6-gomb{font-size:.8125rem;padding:.4rem .7rem .4rem .55rem}
}
/* 8 menüpont: fejléc tömörítése, hogy minden kiférjen */
.fejlec-bal,.logo,.logo img{flex-shrink:0}
@media (max-width:1320px) and (min-width:901px){
  .fomenu a{font-size:.9375rem;letter-spacing:.03em;padding:.5rem .38rem}
  .fejlec-jobb{gap:.6rem}
}
@media (max-width:1240px) and (min-width:901px){
  .fejlec-foglalas{display:none}
  .fomenu a{font-size:.8125rem;padding:.5rem .3rem;letter-spacing:.02em}
  .logo img{height:52px;width:auto}
}
/* =====================================================================
   ALMA WEBSHOP – a kifli.hu mintájára
   ===================================================================== */
:root{--bz:#2E7D36;--bz-v:#E6F2E2;--bsarga:#FFD84D;--bkep:#F4F2EC;--bvonal:#E7E4DA;--bszurke:#6E6A73}
.bolt{background:#fff;padding:1.4rem 0 4rem;font-family:var(--test)}
.bolt h1,.bolt h2,.bolt h3{text-transform:none;letter-spacing:0;font-family:var(--test);color:#1E1A22}
/* bolt-sáv */
.bolt-sav{background:#FBFAF6;border-bottom:1px solid var(--bvonal);position:sticky;top:88px;z-index:40}
.bolt-sav-sor{display:flex;align-items:center;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.bolt-nev{font:700 1.3125rem var(--cim);text-transform:uppercase;color:var(--lila);text-decoration:none;white-space:nowrap}
.bolt-kereso{flex:1;position:relative;max-width:620px}
.bolt-kereso svg{position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:#8B8690;stroke-width:2;stroke-linecap:round}
.bolt-kereso input{width:100%;height:46px;padding:0 1rem 0 2.6rem;border:1.5px solid var(--bvonal);border-radius:999px;background:#fff;font:inherit;font-size:.9375rem}
.bolt-kereso input:focus{outline:none;border-color:var(--bz);box-shadow:0 0 0 3px var(--bz-v)}
.bolt-kosar-gomb{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;height:46px;padding:0 1.1rem;border-radius:999px;background:var(--bz);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.bolt-kosar-gomb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bolt-kosar-gomb:hover{background:#25672C}
.bolt-kosar-db{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bsarga);color:#2B1300;font-size:.8125rem;font-weight:700}
.bolt-kosar-gomb .bolt-kosar-db{position:absolute;top:-6px;right:-6px}
.bolt-chipek{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.8rem;scrollbar-width:none}
.bolt-chipek::-webkit-scrollbar{display:none}
.bolt-chipek a{flex:0 0 auto;padding:.45rem 1rem;border:1.5px solid var(--bvonal);border-radius:999px;background:#fff;color:#2A2530;font-weight:700;font-size:.9375rem;text-decoration:none}
.bolt-chipek a:hover{border-color:var(--bz)}
.bolt-chipek a[aria-current]{background:var(--bz-v);border-color:var(--bz);color:var(--bz)}
.bolt-chipek .chip-akcio{background:#FFF6CC;border-color:#F2D34B}
/* bannerek */
.bolt-bannerek{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.4rem}
.bolt-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;padding:1.3rem;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--b) 70%,#fff),var(--b) 70%);color:#fff;text-decoration:none;isolation:isolate}
.bolt-banner img{position:absolute;right:-6%;top:-4%;width:72%;z-index:-1;transition:transform .5s}
.bolt-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.45))}
.bolt-banner:hover img{transform:scale(1.05) rotate(-2deg)}
.bolt-banner-kicsi{align-self:flex-start;margin-bottom:.5rem;padding:.25rem .7rem;border-radius:999px;background:rgba(255,255,255,.22);backdrop-filter:blur(4px);font-size:.8125rem;font-weight:700}
.bolt-banner-cim{font:700 clamp(1.4rem,2.2vw,2rem)/1.1 var(--test);text-shadow:0 2px 10px rgba(0,0,0,.25)}
/* előnyök */
.bolt-elonyok{display:flex;flex-wrap:wrap;gap:.6rem 2rem;list-style:none;margin:0 0 2.2rem;padding:1rem 0;border-top:1px solid var(--bvonal);border-bottom:1px solid var(--bvonal)}
.bolt-elonyok li{display:flex;align-items:center;gap:.55rem;font-weight:700;color:#2A2530}
.bolt-elonyok svg{width:26px;height:26px;fill:none;stroke:var(--bz);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* szakaszok */
.bolt-szakasz{margin-bottom:2.6rem}
.bolt-szakasz-fej{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.bolt-szakasz-fej h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700}
.bolt-tobb{color:var(--bz);font-weight:700;text-decoration:none;white-space:nowrap}
.bolt-tobb span{font-size:1.3em;margin-left:.2rem}
/* kategória-csempék */
.bolt-katok{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bolt-kat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.7rem .7rem 1rem;border:1.5px solid var(--bvonal);border-radius:16px;background:#fff;color:#1E1A22;font-weight:700;text-align:center;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.bolt-kat:hover{border-color:var(--bz);box-shadow:0 0 0 3px var(--bz-v);transform:translateY(-2px)}
.bolt-kat-kep{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:12px;background:var(--bkep)}
.bolt-kat-kep img{max-height:86%;max-width:80%;object-fit:contain}
.bolt-kat-akcio .bolt-kat-kep{background:#FFF3B8}
.bolt-kat-akcio b{font:700 3rem var(--test);color:#E2333F}
/* termékkártya */
.tk-sor{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;scrollbar-width:thin}
.tk-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 16px}
.tk{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.tk-kep{position:relative;aspect-ratio:1/1;border-radius:16px;background:var(--bkep);overflow:hidden}
.tk-kep>a{display:block;width:100%;height:100%}
.tk-kep img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .4s}
.tk:hover .tk-kep img{transform:scale(1.05)}
.tk-cimke{position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:.2rem .7rem;border-radius:8px;font-size:.8125rem;font-weight:700;white-space:nowrap;background:var(--bz-v);color:var(--bz)}
.tk-cimke-narancs{background:#FDE6D5;color:#C2551C}
.tk-cimke-piros{background:#FCE0E2;color:#C21D2B}
.tk-cimke-lila{background:#EDE3F7;color:var(--lila)}
.tk-cimke-kek{background:#DFEEFB;color:#1D6BB0}
/* + gomb, ami léptetővé nyílik */
.tk-lepteto{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;height:48px;border-radius:12px;background:var(--bz);color:#fff;box-shadow:0 4px 12px rgba(46,125,54,.35);overflow:hidden}
.tk-lepteto button{width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:1.625rem;line-height:1;cursor:pointer}
.tk-lepteto button:hover{background:rgba(255,255,255,.14)}
.tk-lepteto .tk-minusz,.tk-lepteto .tk-db{display:none}
.tk-lepteto.van .tk-minusz,.tk-lepteto.van .tk-db{display:inline-grid;place-items:center}
.tk-db{min-width:24px;font-weight:700;font-size:1.0625rem}
.tk-lepteto.pattan{animation:pattan .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes pattan{50%{transform:scale(1.12)}}
.tk-ar{display:flex;align-items:baseline;gap:.5rem;margin-top:.7rem}
.tk-ar-most b{font-size:1.625rem;font-weight:700;color:#1E1A22}
.tk-ar-most small{margin-left:.15rem;font-size:.9375rem;font-weight:700}
.tk-akcios .tk-ar-most{padding:.05rem .45rem;border-radius:8px;background:var(--bsarga)}
.tk-ar-regi{color:var(--bszurke);font-size:.9375rem}
.tk-akcio{align-self:flex-start;margin-top:.35rem;padding:.1rem .5rem;border-radius:6px;background:#FFF0A8;color:#5A4300;font-size:.8125rem;font-weight:700}
.tk-nev{margin:.4rem 0 .2rem;font-size:.9375rem;font-weight:700;line-height:1.3}
.tk-nev a{color:#1E1A22;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-nev a:hover{color:var(--bz)}
.tk-egyseg{margin:0;color:var(--bszurke);font-size:.9375rem}
.bolt-ures{padding:2rem;border-radius:16px;background:var(--bkep);text-align:center;color:var(--bszurke)}
/* kategória oldal */
.bolt-ket-oszlop{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start}
.bolt-oldalsav{position:sticky;top:200px;padding:1rem;border:1.5px solid var(--bvonal);border-radius:16px}
.bolt-oldalsav h2{margin:0 0 .6rem;font-size:1.0625rem}
.bolt-oldalsav ul{list-style:none;margin:0;padding:0}
.bolt-oldalsav a{display:flex;align-items:center;gap:.7rem;padding:.45rem .5rem;border-radius:10px;color:#2A2530;font-weight:700;text-decoration:none}
.bolt-oldalsav a:hover{background:var(--bkep)}
.bolt-oldalsav a[aria-current]{background:var(--bz-v);color:var(--bz)}
.bolt-oldalsav img{width:38px;height:38px;object-fit:contain;border-radius:8px;background:var(--bkep)}
.bolt-oldalsav a span{margin-left:auto;color:var(--bszurke);font-size:.8125rem}
.oldalsav-szazalek{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#FFF3B8;color:#E2333F;font-size:1.3125rem}
.bolt-lista-fej{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.bolt-lista-fej h1{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700}
.bolt-lista-fej p{margin:.3rem 0 0;color:var(--bszurke)}
.bolt-rendezes{display:flex;align-items:center;gap:.5rem;font-weight:700}
.bolt-rendezes select{height:42px;padding:0 .8rem;border:1.5px solid var(--bvonal);border-radius:10px;background:#fff;font:inherit}
/* termékoldal */
.tr{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);margin-bottom:3rem}
.tr-kep{position:relative;aspect-ratio:1/1;border-radius:24px;background:var(--bkep)}
.tr-kep img{width:100%;height:100%;object-fit:contain;padding:6%}
.tr-kep .tk-cimke{top:18px;font-size:.9375rem}
.tr-adat h1{margin:0 0 .3rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.15}
.tr-ar{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}
.tr-ar .tk-ar-most b{font-size:2.125rem}
.tr-ar .tk-akcio{margin:0}
.tr-vasarlas{display:flex;gap:.8rem;flex-wrap:wrap}
.tr-lepteto{display:flex;align-items:center;height:54px;border:1.5px solid var(--bvonal);border-radius:14px;overflow:hidden}
.tr-lepteto button{width:50px;height:100%;border:0;background:#fff;font-size:1.625rem;cursor:pointer;color:var(--bz)}
.tr-lepteto button:hover{background:var(--bz-v)}
.tr-lepteto input{width:52px;height:100%;border:0;text-align:center;font:700 1.0625rem var(--test);-moz-appearance:textfield}
.tr-lepteto input::-webkit-inner-spin-button{-webkit-appearance:none}
.tr-kosarba{display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:200px;height:54px;padding:0 1.6rem;border:0;border-radius:14px;background:var(--bz);color:#fff;font:700 1.0625rem var(--test);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s}
.tr-kosarba:hover{background:#25672C;transform:translateY(-1px)}
.tr-kosarba:disabled{opacity:.45;cursor:not-allowed;transform:none}
.tr-uzenet{min-height:1.5em;margin:.7rem 0 0;color:var(--bz);font-weight:700}
.tr-uzenet a{color:var(--bz)}
.tr-elonyok{list-style:none;margin:1rem 0 1.6rem;padding:1rem;border-radius:14px;background:var(--bkep);display:grid;gap:.4rem;font-weight:700}
.tr-leiras h2{font-size:1.3125rem;font-weight:700;margin:0 0 .5rem}
/* kosár */
.kosar-cim{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;margin:0 0 1.2rem}
.kosar-racs{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}
.kosar-tetel{display:grid;grid-template-columns:84px 1fr auto auto auto;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--bvonal)}
.kosar-kep{display:block;width:84px;height:84px;border-radius:12px;background:var(--bkep)}
.kosar-kep img{width:100%;height:100%;object-fit:contain;padding:8%}
.kosar-nev a{display:block;color:#1E1A22;font-weight:700;text-decoration:none}
.kosar-nev span{color:var(--bszurke);font-size:.9375rem}
.kosar-tetel .tk-lepteto{position:static;height:42px;box-shadow:none}
.kosar-tetel .tk-lepteto button{width:40px;height:42px;font-size:1.3125rem}
.kosar-sorossz{min-width:90px;text-align:right}
.kosar-torol{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--bszurke);cursor:pointer;font-size:.9375rem}
.kosar-torol:hover{background:#FCE0E2;color:#C21D2B}
.kosar-ures{padding:3rem 1rem;border-radius:20px;background:var(--bkep);text-align:center}
.kosar-ures .tr-kosarba{flex:none;margin-top:.6rem}
.kosar-osszesito{position:sticky;top:200px;padding:1.4rem;border:1.5px solid var(--bvonal);border-radius:20px;background:#FBFAF6}
.kosar-osszesito h2{margin:0 0 .8rem;font-size:1.3125rem;font-weight:700}
.kosar-sor{display:flex;justify-content:space-between;margin:.3rem 0}
.kosar-vegosszeg{padding-top:.6rem;border-top:1px solid var(--bvonal);font-size:1.3125rem}
.kosar-megj{color:var(--bszurke);font-size:.9375rem}
.kosar-urlap p{margin:0 0 .7rem}
.kosar-urlap label{display:block;margin-bottom:.25rem;font-weight:700;font-size:.9375rem}
.kosar-urlap input,.kosar-urlap select,.kosar-urlap textarea{width:100%;padding:.6rem .8rem;border:1.5px solid var(--bvonal);border-radius:10px;background:#fff;font:inherit}
.kosar-urlap input:focus,.kosar-urlap select:focus,.kosar-urlap textarea:focus{outline:none;border-color:var(--bz);box-shadow:0 0 0 3px var(--bz-v)}
.kosar-kuld{width:100%;margin-top:.4rem}
.kosar-hiba{padding:.8rem 1rem;border-radius:12px;background:#FCE0E2;color:#8E1520;font-weight:700}
.kosar-kesz{max-width:560px;margin:2rem auto;padding:3rem 1.5rem;border-radius:24px;background:var(--bkep);text-align:center}
.kosar-kesz span{font-size:3.5rem}
.kosar-kesz h1{font-size:2.125rem;font-weight:700}
/* mobil alsó menüsor */
.bolt-also{display:none}
@media (max-width:1100px){
  .tk-sor{grid-auto-columns:calc((100% - 3*16px)/4)}
  .bolt-katok{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto}
}
@media (max-width:900px){
  .bolt-sav{top:74px}
  .bolt-ket-oszlop{grid-template-columns:1fr}
  .bolt-oldalsav{display:none}
  .tr,.kosar-racs{grid-template-columns:1fr}
  .kosar-osszesito{position:static}
  .tk-sor{grid-auto-columns:calc((100% - 2*16px)/3)}
  .bolt-bannerek{grid-template-columns:repeat(3,78%);overflow-x:auto;scroll-snap-type:x mandatory}
  .bolt-banner{scroll-snap-align:start}
}
@media (max-width:640px){
  .bolt-sav{position:static}
  .bolt-sav-sor{flex-wrap:wrap;gap:.6rem}
  .bolt-kereso{order:3;flex-basis:100%;max-width:none}
  .bolt-kosar-szoveg{display:none}
  .bolt-kosar-gomb{width:46px;padding:0;justify-content:center}
  .tk-sor{grid-auto-columns:44%}
  .tk-racs{grid-template-columns:1fr 1fr;gap:18px 12px}
  .tk-lepteto{height:42px;right:8px;bottom:8px}
  .tk-lepteto button{width:42px;height:42px;font-size:1.625rem}
  .tk-ar-most b{font-size:1.3125rem}
  .bolt-katok{grid-template-columns:repeat(5,40%)}
  .bolt-elonyok{flex-wrap:nowrap;overflow-x:auto;gap:1.4rem;white-space:nowrap}
  .kosar-tetel{grid-template-columns:64px 1fr auto;grid-template-areas:"k n x" "k l o"}
  .kosar-kep{grid-area:k;width:64px;height:64px}
  .kosar-nev{grid-area:n}
  .kosar-torol{grid-area:x}
  .kosar-tetel .tk-lepteto{grid-area:l;justify-self:start}
  .kosar-sorossz{grid-area:o}
  .bolt{padding-bottom:6rem}
  .bolt-also{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);padding:.45rem .3rem;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
  .bolt-also a{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#4A4550;font-size:.8125rem;font-weight:700;text-decoration:none}
  .bolt-also svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bolt-also a:first-child{color:var(--bz)}
  .bolt-also-ikon{position:relative}
  .bolt-also-ikon .bolt-kosar-db{position:absolute;top:-6px;right:-12px}
}
/* 5. dia: videós nyitókép (loupe.hu mintájára) */
.kepvalto6 .dia6-video{background:#120A1E;align-items:flex-end;justify-content:center}
.dia6-video-hatter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.05)}
.dia6-video::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(18,10,30,.35) 0%,rgba(18,10,30,0) 30%,rgba(18,10,30,.15) 55%,rgba(18,10,30,.8) 100%)}
.dia6-video-helyettes{position:absolute;left:50%;bottom:0;height:96%;width:auto;transform:translateX(-50%);opacity:.55;filter:grayscale(.2)}
.dia6-video-nincs{background:radial-gradient(circle at 50% 40%,#4A1C7C,#160A26 70%)}
.dia6-video-szoveg{position:relative;z-index:2;width:100%;padding:0 16px clamp(4rem,9vh,6rem);text-align:center}
.dia6-video-cim{font-size:clamp(2.6rem,7.4vw,6.6rem);color:#fff;text-transform:uppercase}
.dia6-video-cim span{display:block}
.dia6-video-sor1{font-size:.62em;letter-spacing:.02em}
.dia6-video-sor2{paint-order:stroke fill;transition:opacity .35s,transform .35s}
.dia6-video-sor2.ki{opacity:0;transform:translateY(.25em)}
.dia6-video.aktiv .dia6-video-cim,.dia6-video.aktiv .gombsor{animation:diaBe .8s .2s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:900px){
  .kepvalto6 .dia6-video{min-height:560px}
  .dia6-video-sor2{-webkit-text-stroke-width:1.5px}
}
/* videós dia: a kép teteje (a fejek) mindig látszik, inkább alul vág */
.dia6-video-hatter{object-position:50% 0%}
/* videós dia: gomb nélkül, levegősebb sorok, lejjebb a szöveg */
.dia6-video-szoveg{padding-bottom:clamp(3.2rem,6vh,4.2rem)}
.dia6-video-cim{margin:0;line-height:1.12}
.dia6-video-sor1{margin-bottom:.12em}
.dia6-video-sor2{line-height:1.15}
/* =====================================================================
   EGYSÉGES CSEMPÉK – minden oldalon a webshop bannereinek mintájára
   ===================================================================== */
.bnr-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bnr-racs-2{grid-template-columns:repeat(2,1fr);max-width:calc((100% - 32px) / 3 * 2 + 16px);margin:0 auto}
.bolt-bannerek.bnr-racs{overflow:visible;margin-bottom:1.4rem}
.bnr{color:#fff;font-family:var(--test);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
a.bnr:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(30,16,48,.5)}
.bnr .bolt-banner-cim{display:block}
.bnr-szoveg{display:block;margin-top:.35rem;font-size:.9375rem;line-height:1.35;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.3);max-width:32ch}
/* képek elhelyezése a forma szerint */
.bnr.bnr-allo img{width:auto;max-width:46%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}
.bnr.bnr-kerek img{height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}
.bnr.bnr-zenekar img{right:3%;top:auto;bottom:0;width:auto;object-fit:contain;object-position:bottom right}
.bnr.bnr-foto img.bnr-fotokep{right:0;top:0;width:100%;height:100%;object-fit:cover}
.bnr.bnr-foto::after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.6))}
a.bnr:hover img{transform:scale(1.05) rotate(-2deg)}
a.bnr.bnr-foto:hover img{transform:scale(1.04)}
/* a beúszás ne írja felül a hover-emelést */
.js .bnr.beuszik{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transition-delay:var(--kesleltetes,0s)}
.js .bnr.beuszik.lat:hover{transition-delay:0s}
/* sárga háttéren is jól olvasható szöveg */
.bnr[style*="#F5C02E"]::after{background:linear-gradient(180deg,transparent 30%,rgba(60,25,0,.55))}
/* Dalaink: lejátszás gomb */
.bnr .dal6-gomb{align-self:flex-start;margin-top:.8rem}
/* Miben vagyunk mások: a csempék a narancs sávon */
.masok .bnr-racs{padding-bottom:clamp(3rem,6vw,4.5rem)}
.dalok6-szakasz .bnr-racs,.csempe6-szakasz .bnr-racs{margin:0}
@media (max-width:900px){
  .bnr-racs,.bolt-bannerek.bnr-racs{grid-template-columns:repeat(2,1fr)}
  .bnr-racs-2{max-width:none}
}
@media (max-width:600px){
  .bnr-racs,.bolt-bannerek.bnr-racs{grid-template-columns:1fr}
}
.bnr.bnr-allo img{height:66%;top:5%;right:8%}
.bnr.bnr-kerek img{width:42%;top:5%;right:5%}
.bnr.bnr-zenekar img{height:88%;max-width:52%}
/* hírek: a csempe szövege legfeljebb 2 sor */
.hirek.bnr-racs .bnr-szoveg{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hirek.bnr-racs .bolt-banner-cim{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ---------- Dalaink: borító + szolgáltatás-gombok ---------- */
.dal6-csempe{justify-content:flex-end}
.dal6-borito{position:absolute;right:7%;top:8%;width:40%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:10px;border:5px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.35);transform:rotate(5deg);z-index:-1;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.dal6-csempe:hover .dal6-borito{transform:rotate(0) scale(1.05)}
.bnr.dal6-csempe img.dal6-borito{height:auto}
.dal6-gombok{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.dal6-szolg{display:inline-flex;align-items:center;gap:.35rem;height:34px;padding:0 .75rem 0 .5rem;border-radius:999px;background:#fff;color:#1d1d1f;font:700 .8125rem var(--test);text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .2s}
.dal6-szolg:hover{transform:translateY(-2px) scale(1.04)}
.dal6-szolg svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dal6-apple svg{stroke:#FA243C}
.dal6-spotify svg .kitolt{fill:#1DB954;stroke:none}
.dal6-spotify svg .vonal{stroke:#fff;stroke-width:1.8}
.dal6-youtube svg .kitolt{fill:#FF0000;stroke:none}
.dal6-youtube svg .haromszog{fill:#fff;stroke:none}
.dal6-tobb{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.4rem}
.gomb-zold6{background:#1DB954;border-color:#1DB954;color:#fff}
.gomb-zold6:hover{background:#169C46;border-color:#169C46;color:#fff}
/* váltakozás (6-nál több dal esetén) */
.dal6-csempe.ki{opacity:0;transform:scale(.97);transition:opacity .4s,transform .4s}
@media (max-width:600px){
  .dal6-szolg{height:32px;padding:0 .6rem 0 .45rem;font-size:.8125rem}
  .dal6-szolg svg{width:18px;height:18px}
}
.bnr.dal6-csempe img.dal6-borito{width:31%;top:7%;right:6%;border-width:4px}
.dal6-csempe .bolt-banner-cim,.dal6-csempe .bnr-szoveg{max-width:none}
/* Dalaink váltás: a kiúszó csempék ne okozzanak vízszintes görgetést */
/* Dalaink körhinta: a lapok egymás mellett, köztük térrel; az ablak csak egyet mutat */
.dalok6-sin{display:flex;gap:var(--dal-res);will-change:transform}
.dalok6-lap{flex:0 0 100%;min-width:0}
.dalok6-lap .bnr.beuszik{opacity:1;transform:none}
/* körhinta: a csempék a képernyő szélétől a széléig úsznak (nem vágja le a tartalom kerete) */
.dalok6-ablak{--dal-res:calc(100vw - 100% + 24px);overflow:visible;margin:0;padding:0}
.dalok6-szakasz{overflow-x:clip;overflow-y:visible}
/* Szervezőknek */
.szerv6 .bnr-racs{margin-bottom:2.6rem}
.szerv6-szoveg{margin-bottom:2rem}
.szerv6-letolt{display:inline-flex;margin-top:.7rem;padding:.4rem .9rem;border-radius:999px;background:#fff;color:#1d1d1f;font:700 .8125rem var(--test)}
.szerv6 .keret-szuk{margin-left:auto;margin-right:auto}
/* videós dia: a váltakozó alsó sor sárga körvonalas */
.dia6-video-sor2{-webkit-text-stroke-color:#F5C02E}
@supports not (-webkit-text-stroke:2px #fff){
  .dia6-video-sor2{color:#F5C02E}
}
/* telt sárga */
.dia6-video-sor2{color:#F5C02E;-webkit-text-stroke:0;text-shadow:0 3px 14px rgba(0,0,0,.45)}
/* nyitóképek: több levegő a sorok között, hogy az ékezetek ne érjenek a fenti sorba */
.kepvalto6 .dia-cim-prod{line-height:1.12;letter-spacing:.01em;margin-bottom:.45em}
.kepvalto6 .dia6-prod .dia-alcim{line-height:1.45;margin-top:.2em}
.dia6-fiuk-cim{line-height:1.06;letter-spacing:.012em;margin-bottom:1.6rem}
.dia6-fiuk .cimke6{margin-bottom:1.2rem}
.dia6-szavak .oriasi-szavak{line-height:.98}
.dia6-logo-cim{line-height:1.15}
/* nyitókép: mindig pontosan kitölti a képernyőt a fejléc alatt (nincs kilógó fehér sáv) */
@media (min-width:901px){
  .kepvalto6 .dia{min-height:calc(100vh - 94px);min-height:calc(100svh - 94px)}
  .admin-bar .kepvalto6 .dia{min-height:calc(100vh - 126px);min-height:calc(100svh - 126px)}
}
/* jelenet-felirat a videón (a két lánynál) */
.dia6-jelenet{position:absolute;z-index:3;right:7%;top:20%;max-width:40%;color:#F5C02E;font:700 clamp(2.4rem,5.6vw,5.4rem)/1.02 var(--cim);text-transform:uppercase;text-align:right;text-shadow:0 4px 18px rgba(0,0,0,.5);pointer-events:none}
@media (max-width:900px){
  .dia6-jelenet{font-size:2.125rem}
}
@media (max-width:900px){
  .dia6-jelenet{top:auto;bottom:20%;right:auto;left:50%;max-width:86%;text-align:center}
}
/* Csinkofák oldal: a nyitókép színvilága (almapiros, sárga címke és gomb lila betűvel, csíkok nélkül) */
/* az oldal további részei */
body.page-template-default .szakasz-szurke:has(+ .szakasz .cta-doboz){background:#FFF1F1}
/* Csinkofák oldal: a piros rész kitölti a képernyőt a fejléc alatt */
/* nyitókép: kattintásra megáll – jelző gomb jobb alul */
.kepvalto6{cursor:pointer}
.kepvalto6 a,.kepvalto6 button{cursor:pointer}
.kv-allj{position:absolute;right:22px;bottom:16px;z-index:6;display:inline-flex;align-items:center;gap:.45rem;height:36px;padding:0 .8rem 0 .7rem;border:0;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;font:500 .8125rem var(--cim);letter-spacing:.06em;text-transform:uppercase;opacity:.75;transition:opacity .2s,background-color .2s}
.kv-allj:hover{opacity:1;background:rgba(0,0,0,.55)}
.kv-allj-ikon{width:12px;height:12px;border-left:4px solid #fff;border-right:4px solid #fff;box-sizing:border-box}
.kv-allj-szoveg{display:none}
.kv-megallitva .kv-allj{opacity:1;background:var(--sarga);color:var(--lila)}
.kv-megallitva .kv-allj-ikon{border:0;width:0;height:0;border-left:11px solid var(--lila);border-top:7px solid transparent;border-bottom:7px solid transparent}
.kv-megallitva .kv-allj-szoveg{display:inline}
/* „Mosolyt hozunk!” – Keynote-szerű csavar + méret (pörögve, kicsiből nagyra) */
.dia6-jelenet,.dia6-jelenet.lat{transform:none}
@media (max-width:900px){
  .dia6-jelenet,.dia6-jelenet.lat{transform:translateX(-50%)}
}
.dia6-jelenet{opacity:0;scale:.05;rotate:-520deg}
.dia6-jelenet.lat{opacity:1;scale:1;rotate:-4deg}
@media (prefers-reduced-motion:reduce){
  .dia6-jelenet,.dia6-jelenet.lat{scale:1;rotate:-4deg;transition:opacity .3s}
}
/* „Mosolyt hozunk!”: kifelé nincs animáció, egyszerűen eltűnik */
.dia6-jelenet{transition:none}
/* „Mosolyt hozunk!”: a becsavarodás 1 mp-ig tart */
.dia6-jelenet.lat{transition:opacity .3s ease-out,scale 1s cubic-bezier(.2,1.35,.35,1),rotate 1s cubic-bezier(.15,.9,.25,1)}
/* fejléc: kiemelt Csinkofák és Mikulás gomb */
.fomenu .fomenu-kiemelt{display:inline-flex;align-items:center;gap:.3rem;margin-left:.35rem;padding:.42rem .9rem;border-radius:999px;letter-spacing:.03em;white-space:nowrap;transition:transform .2s,background-color .2s}
.fomenu .fomenu-kiemelt::after{display:none}
.fomenu .fomenu-csinko{background:#3FA535;color:#fff}
.fomenu .fomenu-mikulas{background:#E2333F;color:#fff}
.fomenu .fomenu-kiemelt:hover,.fomenu .fomenu-kiemelt[aria-current]{transform:translateY(-2px) rotate(-2deg);color:#fff}
.fomenu .fomenu-csinko:hover{background:#2f8a27}
.fomenu .fomenu-mikulas:hover{background:#B51E2B}
@media (min-width:901px){
  .fejlec-foglalas{display:none}
}
@media (max-width:1380px) and (min-width:901px){
  .fomenu a{font-size:.8125rem;letter-spacing:.02em;padding:.5rem .32rem}
  .fomenu .fomenu-kiemelt{padding:.38rem .7rem;margin-left:.2rem}
}
@media (max-width:1180px) and (min-width:901px){
  .fomenu a{font-size:.8125rem;padding:.5rem .24rem}
  .logo img{height:46px;width:auto}
}
@media (max-width:900px){
  .js .fomenu .fomenu-kiemelt{justify-content:center;margin:.5rem 0 0;padding:.8rem 1rem;border:0}
}
/* fejléc: 10 menüpont – a betűméret és a térköz a képernyő szélességéhez igazodik */
@media (min-width:901px){
  .fejlec-jobb{padding-left:clamp(12px,1.6vw,40px);min-width:0}
  .fomenu{flex-wrap:nowrap;min-width:0}
  .fomenu a{font-size:clamp(.74rem,.36rem + .5vw,1.05rem);letter-spacing:.02em;padding:.5rem clamp(.16rem,.05rem + .32vw,.6rem)}
  .fomenu .fomenu-kiemelt{padding:.36rem clamp(.5rem,.2rem + .4vw,.95rem);margin-left:clamp(.15rem,.3vw,.4rem)}
  .fejlec-bal{padding-left:clamp(12px,2vw,40px);padding-right:clamp(8px,1vw,40px)}
  .logo img{height:clamp(44px,3.6vw,64px);width:auto}
}
/* Dalaink: lapozó nyilak a csempék fölött */
.dalok6-fej{align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:1rem}
.dalok6-lapszam{font:500 .9375rem var(--cim);letter-spacing:.08em;color:var(--lila)}
.dalok6-nyilak{gap:.6rem}
.kv-nyil.dal6-nyil{position:static;margin:0}
@media (max-width:900px){
  .kv-nyil.dal6-nyil{display:grid}
}
/* fejléc: sárga Szervezőknek gomb a Csinkofák mellett */
.fomenu .fomenu-szervezo{background:var(--sarga);color:var(--lila)}
.fomenu .fomenu-szervezo:hover,.fomenu .fomenu-szervezo[aria-current]{background:#fff;color:var(--lila)}
@media (max-width:1020px) and (min-width:901px){
  .fomenu a{font-size:.8125rem;padding-left:.14rem;padding-right:.14rem}
  .fomenu .fomenu-kiemelt{padding:.32rem .45rem}
}
/* Dalaink: a lapozó nyilak a nyitóképhez hasonlóan két oldalt, középen */
.dalok6-szakasz .keret{position:relative}
.dalok6-fej{position:absolute;inset:0;margin:0;pointer-events:none;z-index:5;display:block}
.dalok6-lapszam{display:none}
.dalok6-nyilak{position:absolute;top:clamp(140px,22vw,300px);display:flex;justify-content:space-between;pointer-events:none}
.kv-nyil.dal6-nyil{pointer-events:auto;width:54px;height:54px;background:rgba(74,28,124,.55);backdrop-filter:blur(4px);box-shadow:0 6px 18px rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.7)}
.kv-nyil.dal6-nyil svg{stroke:#fff}
.kv-nyil.dal6-nyil:hover{background:var(--sarga);border-color:var(--sarga)}
.kv-nyil.dal6-nyil:hover svg{stroke:var(--lila)}
@media (max-width:1100px){
  .dalok6-nyilak [data-dal-elozo],.dalok6-nyilak [data-dal-kov]{transform:none}
}
@media (max-width:600px){
  .dalok6-nyilak{top:120px}
  .kv-nyil.dal6-nyil{width:44px;height:44px}
}
/* aloldalak: vékonyabb sárga fejsáv, a tartalom feljebb kerül */
.oldalfej{padding:1.3rem 0 1.5rem}
.oldalfej h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:.15rem 0 .1rem}
.oldalfej p{font-size:.9375rem}
.dalok6-szakasz{padding-top:clamp(1.4rem,2.6vw,2.2rem)}
.szerv6.szakasz{padding-top:clamp(1.4rem,2.6vw,2.2rem)}
/* Dalaink: a lapozó nyilak a képernyő széléhez kerülnek (mint a nyitóképen) */
.dalok6-nyilak{left:calc((100% - 100vw) / 2 + 20px);right:calc((100% - 100vw) / 2 + 20px)}
.dalok6-nyilak [data-dal-elozo],.dalok6-nyilak [data-dal-kov],.dalok6-nyilak [data-dal-elozo]:hover,.dalok6-nyilak [data-dal-kov]:hover{transform:none}
.kv-nyil.dal6-nyil:hover{transform:scale(1.08) !important}
@media (max-width:1100px){
  .dalok6-nyilak{left:calc((100% - 100vw) / 2 + 8px);right:calc((100% - 100vw) / 2 + 8px);padding:0}
}
.gomb-piros6{background:#FF0000;border-color:#FF0000;color:#fff}
.gomb-piros6:hover{background:#CC0000;border-color:#CC0000;color:#fff}
/* =====================================================================
   AJÁNLATKÉRÉS – 4 lépéses űrlap
   ===================================================================== */
.ajanlat6{padding-top:clamp(1.4rem,2.6vw,2.2rem)}
.ajanlat6-urlap{background:#fff;border-radius:24px;box-shadow:0 18px 50px -24px rgba(74,28,124,.45);padding:clamp(1.4rem,3vw,2.6rem);scroll-margin-top:110px}
.ajanlat6-allapot{margin-bottom:1.8rem}
.ajanlat6-allapot-sor{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.ajanlat6-hol{font:500 1.0625rem var(--cim);text-transform:uppercase;letter-spacing:.04em;color:var(--lila)}
.ajanlat6-hol b{font-size:1.5em;color:#E2333F}
.ajanlat6-hatra{padding:.3rem .9rem;border-radius:999px;background:var(--sarga);color:var(--lila);font:500 .9375rem var(--cim);letter-spacing:.03em}
.ajanlat6-csik{height:10px;border-radius:99px;background:#F1ECF6;overflow:hidden}
.ajanlat6-csik i{display:block;height:100%;width:25%;border-radius:99px;background:linear-gradient(90deg,#E2333F,#F07F3C,#F5C02E,#3E9A47);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ajanlat6-pontok{display:flex;list-style:none;margin:.8rem 0 0;padding:0}
.ajanlat6-pontok li{display:flex;align-items:center;gap:.45rem;font-size:.9375rem;color:#9A8FA6;font-weight:700}
.ajanlat6-pontok span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#F1ECF6;color:#9A8FA6;font:700 .8125rem var(--cim);transition:background-color .3s,color .3s}
.ajanlat6-pontok .most{color:var(--lila)}
.ajanlat6-pontok .most span{background:var(--lila);color:#fff}
.ajanlat6-pontok .kesz span{background:#3E9A47;color:#fff}
.ajanlat6-pontok .kesz span{font-size:0}
.ajanlat6-pontok .kesz span::after{content:"✓";font-size:.9375rem}
.ajanlat6-lepes{border:0;margin:0;padding:0}
.lepteto-aktiv .ajanlat6-lepes{animation:lepesBe .45s cubic-bezier(.2,.8,.2,1)}
@keyframes lepesBe{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.ajanlat6-lepes legend{font:700 clamp(1.5rem,3vw,2.1rem)/1.1 var(--cim);text-transform:uppercase;color:var(--lila);margin-bottom:1.2rem;padding:0}
.ajanlat6-urlap:not(.lepteto-aktiv) .ajanlat6-lepes{margin-bottom:2.4rem}
.ajanlat6-racs{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}
.ajanlat6-racs p,.ajanlat6-szeles{margin:0 0 1rem}
.ajanlat6-szeles{grid-column:1 / -1}
.ajanlat6 label{display:block;font-weight:700;margin-bottom:.35rem;color:#2A1A3A}
.ajanlat6 input:not([type=radio]):not([type=checkbox]),.ajanlat6 select,.ajanlat6 textarea{width:100%;min-height:50px;padding:.7rem .9rem;border:2px solid #E6DEEF;border-radius:14px;background:#FCFAFE;font:inherit;font-size:.9375rem;color:#2A1A3A;transition:border-color .2s,box-shadow .2s}
.ajanlat6 input:focus,.ajanlat6 select:focus,.ajanlat6 textarea:focus{outline:none;border-color:var(--lila);box-shadow:0 0 0 4px rgba(74,28,124,.12)}
.ajanlat6 .hibas input,.ajanlat6 .hibas select{border-color:#E2333F;background:#FFF5F5}
.ajanlat6-csempek.hibas{outline:3px solid #E2333F;outline-offset:6px;border-radius:16px}
/* rendezvénytípus-csempék */
.ajanlat6-csempek{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.6rem}
.ajanlat6-csempe{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;aspect-ratio:4/3;margin:0;border-radius:18px;cursor:pointer;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 18%,#fff),color-mix(in srgb,var(--c) 8%,#fff));border:3px solid transparent;text-align:center;padding:.6rem;transition:transform .2s,border-color .2s,background .2s}
.ajanlat6-csempe:hover{transform:translateY(-3px)}
.ajanlat6-csempe input{position:absolute;opacity:0;pointer-events:none}
.ajanlat6-csempe-nev{font:500 .9375rem/1.15 var(--cim);color:#2A1A3A}
.ajanlat6-csempe:has(input:checked){background:var(--c);border-color:var(--c);box-shadow:0 10px 22px -10px var(--c)}
.ajanlat6-csempe:has(input:checked) .ajanlat6-csempe-nev{color:#fff}
.ajanlat6-csempe:has(input:focus-visible){outline:3px solid var(--lila);outline-offset:3px}
/* választó „chipek” */
.ajanlat6-pipa label{display:flex;gap:.6rem;align-items:flex-start;font-weight:500}
.ajanlat6-pipa input{width:20px;height:20px;margin-top:.15rem;accent-color:var(--lila);flex:0 0 auto}
/* gombok, üzenetek */
.ajanlat6-gombok{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;border-top:2px dashed #EEE6F5}
.ajanlat6-tovabb,.ajanlat6-kuld{margin-left:auto}
.ajanlat6-urlap:not(.lepteto-aktiv) .ajanlat6-tovabb,.ajanlat6-urlap:not(.lepteto-aktiv) .ajanlat6-vissza{display:none}
.ajanlat6-uzenet{min-height:1.4em;margin:.8rem 0 0;color:#C21D2B;font-weight:700;text-align:right}
.ajanlat6-hiba{padding:.9rem 1.1rem;border-radius:14px;background:#FCE0E2;color:#8E1520;font-weight:700}
.ajanlat6-kesz{text-align:center;background:#fff;border-radius:24px;padding:3rem 1.5rem;box-shadow:0 18px 50px -24px rgba(74,28,124,.45)}
.ajanlat6-kesz h2{color:var(--lila);font-size:clamp(2rem,4vw,3rem)}
@media (max-width:700px){
  .ajanlat6-racs{grid-template-columns:1fr}
  .ajanlat6-csempek{grid-template-columns:1fr 1fr}
  .ajanlat6-pontok li{font-size:0;gap:0}
  .ajanlat6-pontok li span{font-size:.8125rem}
}
.ajanlat6 [hidden]{display:none !important}
.ajanlat6 .ajanlat6-csempe{display:flex;margin:0}
.ajanlat6 .ajanlat6-pipa label{display:flex}
.ajanlat6-vissza.gomb{background:transparent;border:2px solid var(--lila);color:var(--lila)}
.ajanlat6-vissza.gomb:hover{background:var(--lila);color:#fff}
.ajanlat6-urlap,.ajanlat6-lepes,.ajanlat6-racs > *{min-width:0}
.ajanlat6 input[type=date],.ajanlat6 input[type=time]{-webkit-appearance:none;appearance:none;display:block}
@media (max-width:700px){
  .ajanlat6-csempe-nev{font-size:.9375rem}
  .ajanlat6-gombok .gomb-nagy{padding-left:1.1rem;padding-right:1.1rem}
}
/* =====================================================================
   ALMA-STORY – idővonal korszakokra bontva
   ===================================================================== */
.story6-hos{background:radial-gradient(circle at 75% 40%,#4fd6c6,#17A99A 55%,#0E7F74);color:#fff;padding:clamp(2rem,4vw,3.5rem) 0 0}
.story6-hos-racs{display:grid;gap:2rem}
.story6-hos h1{color:#fff;font-size:clamp(3rem,7vw,6rem);line-height:1;margin:.6rem 0 1rem;text-shadow:0 4px 0 rgba(8,70,64,.3)}
.story6-hos p{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:36ch;margin:0 0 2rem}
.story6-hos .cimke6{background:var(--lila)}
.story6-fiuk{justify-self:center;width:auto;height:clamp(260px,34vw,440px);filter:drop-shadow(0 18px 24px rgba(8,60,55,.4))}
.story6-szamok{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;z-index:2}
.story6-szamok div{color:var(--lila);border-radius:18px;padding:1rem 1.2rem;text-align:center}
.story6-szamok b{display:block;font:700 clamp(1.4rem,2.6vw,2.2rem)/1.1 var(--cim);text-transform:uppercase;color:#E2333F}
.story6-szamok span{font-size:.9375rem;color:#5B4A6B}
/* korszak-választó sáv */
.story6-korok{position:sticky;top:94px;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:.7rem 0}
.admin-bar .story6-korok{top:126px}
.story6-korok .keret{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none}
.story6-korok a{flex:1 0 auto;display:flex;flex-direction:column;padding:.55rem 1rem;border:2px solid color-mix(in srgb,var(--c) 30%,#fff);color:var(--c);font:500 .9375rem/1.15 var(--cim);text-transform:uppercase;text-decoration:none;transition:background-color .2s,color .2s}
.story6-korok a span{font-size:.8125rem;opacity:.8;letter-spacing:.06em}
.story6-korok a:hover,.story6-korok a.aktiv{background:var(--c);color:#fff;border-color:var(--c)}
/* korszakok */
.story6-kor{padding:clamp(2.6rem,5vw,4rem) 0;scroll-margin-top:170px}
.story6-kor-fej{max-width:720px;margin-bottom:2rem}
.story6-kor-evek{display:inline-block;border-radius:999px;font:500 .9375rem var(--cim);letter-spacing:.06em}
.story6-kor-fej h2{color:var(--c);line-height:1.05;margin:.6rem 0 .5rem}
.story6-kor-fej p{font-size:1.0625rem;margin:0}
/* idővonal */
.story6-idovonal{list-style:none;margin:0;padding:0 0 0 0;position:relative}
.story6-idovonal::before{content:"";position:absolute;top:8px;bottom:8px;border-radius:4px}
.story6-esemeny{display:grid;grid-template-columns:100px 1fr;align-items:start;position:relative}
.story6-esemeny::before{content:"";position:absolute;border-radius:50%}
.story6-ev{color:var(--c);text-align:right}
.story6-kartya{display:flex;gap:1.2rem;align-items:center;background:#fff}
.story6-kartya h3{color:#2A1A3A;margin:0 0 .3rem;text-transform:none;letter-spacing:0}
.story6-kartya p{margin:0;line-height:1.55}
.story6-borito{flex:0 0 auto;object-fit:cover}
.story6-cimkek{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem !important}
.story6-cimkek span{border-radius:999px;color:var(--c)}
/* a mai Alma */
.story6-ma{background:linear-gradient(120deg,var(--lila),#7b2a8f);color:#fff;padding:clamp(3rem,6vw,4.5rem) 0;text-align:center}
.story6-ma h2{color:var(--sarga);font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 1.6rem}
.story6-tagok{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto 2.2rem}
.story6-tag{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:1.4rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}
.story6-tag b{font:700 1.3125rem var(--cim);text-transform:uppercase}
.story6-tag small{color:#E7DAF5}
@media (max-width:900px){
  .story6-hos-racs{grid-template-columns:1fr}
  .story6-szamok{grid-template-columns:1fr 1fr}
  .story6-korok{top:74px}
}
@media (max-width:640px){
  .story6-esemeny{grid-template-columns:1fr;gap:.3rem}
  .story6-ev{text-align:left;padding-top:0}
  .story6-kartya{flex-direction:column;align-items:flex-start}
  .story6-tagok{grid-template-columns:1fr}
}
.story6-hos{overflow:visible;overflow-x:clip}
.story6-szamok b{font-size:clamp(1.2rem,2.2vw,2rem)}
.story6-szamok div:last-child b{font-size:clamp(1rem,1.6vw,1.4rem);padding:.25rem 0}
.story6-ev{font-size:1.0625rem;overflow-wrap:anywhere}
.story6-szamok{transform:none;padding-bottom:clamp(1.6rem,3vw,2.4rem);margin-top:-.5rem}
.story6-hos + .story6-korok{padding-top:.7rem}
/* ---------- Alma-story: a trió fotója ---------- */
.story6-fiuk.story6-trio{height:auto;width:100%;max-width:620px;align-self:end;filter:drop-shadow(0 18px 28px rgba(8,60,55,.35))}
.story6-ma-kep{display:block;width:min(100%,720px);height:auto;margin:0 auto -48px;position:relative;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
.story6-tagok{position:relative;z-index:2}
.story6-ma .story6-tag{backdrop-filter:blur(6px)}
/* ---------- Alma-story: laposabb, vékonyabb idővonal, lágyabb színek ---------- */
.story6-kor:nth-of-type(even){background:#FAF8F5}
.story6-kor-evek{background:transparent;color:var(--c);border:1.5px solid var(--c);padding:.2rem .75rem;font-size:.8125rem}
.story6-kor-fej h2{font-size:clamp(1.9rem,3.8vw,3rem)}
.story6-kor-fej p{color:#5E5468}
.story6-esemeny{gap:30px;margin-bottom:.8rem}
.story6-esemeny::before{border:0;box-shadow:none;background:var(--c)}
.story6-ev{font:500 .9375rem/1.2 var(--test);letter-spacing:.02em;color:color-mix(in srgb,var(--c) 85%,#000);text-transform:none;padding-top:.85rem}
.story6-kartya{box-shadow:none;border:1px solid color-mix(in srgb,var(--c) 14%,#EEE);border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 5%,#fff);padding:.9rem 1.1rem}
.story6-kartya h3{font-size:1.0625rem;font-weight:700}
.story6-kartya p{font-size:.9375rem;color:#5E5468}
.story6-borito{width:72px;height:72px;border-radius:6px;transform:none;box-shadow:none;border:1px solid rgba(0,0,0,.06)}
.story6-cimkek span{background:transparent;border:1px solid color-mix(in srgb,var(--c) 45%,#fff);font-weight:700;font-size:.8125rem;padding:.12rem .55rem}
.story6-korok{border-bottom:1px solid #EFEBF2}
.story6-korok a{border-width:1px;border-radius:10px;font-weight:500}
@media (max-width:640px){
  .story6-esemeny{padding-left:26px}
}
.story6-hos{padding-bottom:0}
.story6-hos-racs{grid-template-columns:1.05fr .95fr;align-items:end}
.story6-hos-racs > div{padding-bottom:clamp(2rem,4vw,3rem)}
.story6-fiuk.story6-trio{margin-bottom:0}
.story6-szamok{background:#fff;border-radius:0;margin:0;padding:clamp(1rem,2vw,1.4rem) 0;max-width:none;position:relative}
.story6-szamok{box-shadow:0 -1px 0 #EFEBF2 inset}
@media (min-width:901px){
  .story6-szamok{grid-template-columns:repeat(4,1fr)}
}
.story6-szamok div{box-shadow:none;border:1px solid #EFEBF2;background:#FCFBFD}
.story6-hos{background-clip:padding-box}
.story6-ma .story6-tag{padding-top:1.6rem}
.story6-szamok-sav{background:#fff;border-bottom:1px solid #EFEBF2}
.story6-szamok-sav + .story6-korok{padding-top:.7rem}
@media (min-width:1272px){
  .story6-szamok-sav .story6-szamok{padding-left:0;padding-right:0}
}
@media (max-width:900px){
  .story6-fiuk.story6-trio{max-width:440px;height:auto;justify-self:center}
  .story6-hos-racs > div{padding-bottom:1.2rem}
}
.story6-szamok-sav .story6-szamok{max-width:var(--keret,1240px);margin:0 auto;padding-left:24px;padding-right:24px}
@media (max-width:900px){
  .story6-szamok-sav .story6-szamok{padding-left:16px;padding-right:16px}
  .story6-hos-racs{display:flex;flex-direction:column;align-items:stretch}
  .story6-fiuk.story6-trio{align-self:center;width:min(100%,440px)}
}
/* idővonal: még vékonyabb vonalak */
.story6-idovonal::before{width:1px;left:112px;background:color-mix(in srgb,var(--c) 30%,#ECE8F0)}
.story6-esemeny::before{width:8px;height:8px;left:108.5px;top:20px}
.story6-kartya{border-left-width:2px;border-radius:2px 8px 8px 2px;border-color:color-mix(in srgb,var(--c) 10%,#F0EEF2);border-left-color:var(--c)}
@media (max-width:640px){
  .story6-idovonal::before{left:3.5px}
  .story6-esemeny::before{left:0;top:6px}
}
/* nyitórész: nagyobb trió-kép – a fejek teteje a cím tetejéig ér */
@media (min-width:901px){
  .story6-hos-racs{gap:1.5rem}
  .story6-hos-racs > div{position:relative;z-index:2}
  .story6-fiuk.story6-trio{justify-self:end;margin-right:-2%}
}
@media (min-width:901px){
  .story6-hos-racs{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .story6-fiuk.story6-trio{position:absolute;right:-1%;bottom:0;top:auto;height:calc(100% - 3.4rem);width:auto;max-width:58%;object-fit:contain;object-position:bottom right;margin:0}
  .story6-hos-racs > div{max-width:560px}
}
/* A mai Alma: feleakkora névkártyák, nem lógnak rá a képre */
.story6-tagok{margin-top:0;gap:12px}
.story6-ma .story6-tag{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;text-align:left;padding:.7rem 1rem;border-radius:14px;border-width:1px;background:rgba(46,15,82,.6)}
.story6-ma .story6-tag b{font-size:1.0625rem;line-height:1.1}
.story6-ma .story6-tag small{font-size:.8125rem;line-height:1.3}
@media (max-width:640px){
  .story6-ma-kep{margin-bottom:0}
}
/* A mai Alma: a kép alja finoman elhalványul, alatta kis rés, utána a kártyák */
.story6-ma-kep{margin-bottom:24px;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
/* nyitórész: a trió-kép alja finoman elhalványul a türkiz háttérbe */
.story6-fiuk.story6-trio{-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
/* Ajánlatkérés v2: 2 lépés, időpont-választó, egységes Napszak menü */
.ajanlat6-pontok{justify-content:flex-start;gap:2.4rem}
.ajanlat6-alcim{display:block;margin:.4rem 0 .9rem;font:700 clamp(1.2rem,2.2vw,1.5rem)/1.2 var(--cim);text-transform:uppercase;color:var(--lila)}
.ajanlat6 select{-webkit-appearance:none;appearance:none;height:50px;padding-right:2.6rem;cursor:pointer;background:#FCFAFE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A1C7C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9rem center/18px}
.ajanlat6-ido{position:relative;margin:0 0 1rem}
.ajanlat6-ido-gomb{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:.7rem .9rem;border:2px solid #E6DEEF;border-radius:14px;background:#FCFAFE;font:inherit;font-size:.9375rem;color:#8A7E96;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}
.ajanlat6-ido.van-ertek .ajanlat6-ido-gomb{color:#2A1A3A;font-weight:700}
.ajanlat6-ido-gomb:hover,.ajanlat6-ido.nyitva .ajanlat6-ido-gomb{border-color:var(--lila);box-shadow:0 0 0 4px rgba(74,28,124,.12)}
.ajanlat6-ido-nyil{color:var(--lila);transition:transform .2s}
.ajanlat6-ido.nyitva .ajanlat6-ido-nyil{transform:rotate(180deg)}
.ajanlat6-ido-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:min(460px,92vw);max-height:360px;overflow:auto;padding:1rem;background:#fff;border-radius:18px;box-shadow:0 24px 50px -16px rgba(46,15,82,.45);border:1px solid #EEE6F5;animation:lepesBe .25s ease-out}
.ajanlat6-ido-csop{margin-bottom:.9rem}
.ajanlat6-ido-cim{display:block;margin-bottom:.45rem;font-weight:700;color:var(--lila);font-size:.9375rem}
.ajanlat6-ido-racs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ajanlat6-ido-racs button,.ajanlat6-ido-nemtudom{padding:.5rem 0;border:1.5px solid #E6DEEF;border-radius:10px;background:#FCFAFE;font:700 .9375rem var(--test);color:#2A1A3A;cursor:pointer;transition:all .15s}
.ajanlat6-ido-racs button:hover,.ajanlat6-ido-nemtudom:hover{border-color:var(--lila);color:var(--lila)}
.ajanlat6-ido-racs button.valasztott{background:var(--lila);border-color:var(--lila);color:#fff}
.ajanlat6-ido-nemtudom{width:100%;margin-top:.2rem;background:#FFF8E0;border-color:#F5DC8A}
.ajanlat6-ido-racs button:focus-visible,.ajanlat6-ido-nemtudom:focus-visible{outline:3px solid var(--sarga);outline-offset:1px}
.ajanlat6-lepes > .ajanlat6-szeles{margin-top:.2rem}
@media (max-width:700px){
  .ajanlat6-pontok{gap:1rem}
  .ajanlat6-ido-panel{width:100%}
  .ajanlat6-ido-racs{grid-template-columns:repeat(4,1fr)}
}
/* Alma-story nyitórész: sárga „30 éve”, új vidám fotó */
.story6-hos h1 .story6-sarga{color:var(--sarga)}
@media (min-width:901px){
  .story6-hos{overflow-x:clip}
}
/* =====================================================================
   GALÉRIA – modern rács + teljes képernyős nézegető
   ===================================================================== */
.gal6{padding:clamp(1.4rem,2.6vw,2.2rem) 0 clamp(3rem,6vw,4.5rem)}
.gal6-szuro{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.gal6-szuro button{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;border:1.5px solid #E6DEEF;background:#fff;font:700 .9375rem var(--test);color:#2A1A3A;cursor:pointer;transition:all .2s}
.gal6-szuro button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F1ECF6;font-size:.8125rem;color:var(--lila)}
.gal6-szuro button:hover{border-color:var(--lila)}
.gal6-szuro button.aktiv{background:var(--lila);border-color:var(--lila);color:#fff}
.gal6-szuro button.aktiv span{background:rgba(255,255,255,.2);color:#fff}
/* „igazított sor” rács: a képek arányuk szerint töltik ki a sorokat */
.gal6-racs{display:flex;flex-wrap:wrap;gap:10px}
.gal6-racs::after{content:"";flex-grow:999}
.gal6-kep{position:relative;flex-grow:calc(var(--arany) * 100);flex-basis:calc(var(--arany) * 230px);aspect-ratio:var(--arany);border-radius:14px;overflow:hidden;background:#EEE8F3;display:block;cursor:zoom-in;isolation:isolate}
.gal6-kep[hidden]{display:none}
.gal6-kep img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}
.gal6-kep::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,8,35,.65));opacity:0;transition:opacity .35s}
.gal6-felirat{position:absolute;left:14px;right:52px;bottom:12px;z-index:2;color:#fff;font:700 .9375rem/1.25 var(--test);opacity:0;transform:translateY(8px);transition:all .35s}
.gal6-nagyito{position:absolute;right:12px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:all .35s}
.gal6-nagyito svg{width:16px;height:16px;fill:none;stroke:var(--lila);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.gal6-kep:hover img,.gal6-kep:focus-visible img{transform:scale(1.06)}
.gal6-kep:hover::after,.gal6-kep:focus-visible::after,.gal6-kep:hover .gal6-felirat,.gal6-kep:focus-visible .gal6-felirat,.gal6-kep:hover .gal6-nagyito,.gal6-kep:focus-visible .gal6-nagyito{opacity:1;transform:none}
.gal6-kep:focus-visible{outline:3px solid var(--sarga);outline-offset:3px}
.gal6-be .gal6-kep:not([hidden]){animation:gal6Be .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--k)}
@keyframes gal6Be{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .gal6-racs{gap:6px}
  .gal6-kep{flex-basis:calc(var(--arany) * 130px);border-radius:10px}
  .gal6-felirat,.gal6-nagyito{display:none}
}
/* nézegető */
html.n6-nyitva{overflow:hidden}
.n6{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto auto 1fr auto auto;color:#fff;background:#0E0716;opacity:0;transition:opacity .28s ease;touch-action:none;user-select:none}
.n6.n6-latszik{opacity:1}
.n6[hidden]{display:none}
.n6-hatter{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(48px) saturate(1.4) brightness(.45);transform:scale(1.1);transition:background-image .5s;z-index:-1}
.n6-fent{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.n6-szam{font:500 .9375rem var(--test);letter-spacing:.06em;opacity:.85}
.n6-szam b{font-size:1.3125rem;color:var(--sarga)}
.n6-eszkozok{display:flex;gap:8px}
.n6-gomb{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}
.n6-gomb:hover{background:rgba(255,255,255,.26);transform:scale(1.06)}
.n6-gomb:focus-visible{outline:3px solid var(--sarga);outline-offset:2px}
.n6-gomb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.n6-play svg path{fill:currentColor;stroke:none}
.n6-play svg:last-child{display:none}
.n6-fut .n6-play svg:first-child{display:none}
.n6-fut .n6-play svg:last-child{display:block}
.n6-csik{height:3px;background:rgba(255,255,255,.08)}
.n6-csik i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sarga),#F07F3C)}
.n6-szinpad{position:relative;overflow:hidden;min-height:0}
.n6-sin{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,.8,.2,1)}
.n6-lap{flex:0 0 100%;height:100%;margin:0;display:grid;place-items:center;padding:12px clamp(12px,6vw,90px);overflow:hidden}
.n6-lap img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:0}
.n6-lap img[src]{opacity:1}
.n6-lap img.nagy{cursor:zoom-out;border-radius:0}
.n6-nagyitva .n6-nyil{opacity:0;pointer-events:none}
.n6-nyil{position:absolute;top:50%;z-index:3;width:56px;height:56px;margin-top:-28px}
.n6-elozo{left:clamp(8px,2vw,24px)}
.n6-kov{right:clamp(8px,2vw,24px)}
.n6-cim{margin:8px 0 6px;text-align:center;font:700 clamp(1rem,1.8vw,1.25rem) var(--test);min-height:1.5em;padding:0 16px}
.n6-belyegek{display:flex;gap:8px;overflow-x:auto;padding:8px 18px 18px;scrollbar-width:none;justify-content:safe center}
.n6-belyegek::-webkit-scrollbar{display:none}
.n6-belyegek button{flex:0 0 auto;width:74px;height:52px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.5;transition:opacity .2s,border-color .2s,transform .2s}
.n6-belyegek button img{width:100%;height:100%;object-fit:cover;display:block}
.n6-belyegek button:hover{opacity:.85}
.n6-belyegek button[aria-selected="true"]{opacity:1;border-color:var(--sarga);transform:translateY(-3px)}
@media (max-width:640px){
  .n6-nyil{display:none}
  .n6-lap{padding:8px}
  .n6-belyegek button{width:56px;height:40px}
  .n6-teljes{display:none}
}
@media (prefers-reduced-motion:reduce){
  .n6,.n6-sin,.n6-lap img{transition:none}
}
/* Alma-story nyitókép: a kép jobb széle ugyanott, ahol a szöveg bal széle kezdődik */
@media (min-width:901px){
  .story6-fiuk.story6-trio.story6-vidam{right:24px;width:54%;max-width:none;height:calc(100% - 3.4rem);object-fit:contain;object-position:bottom right}
}
/* galéria: kiemelt szűrők */
.gal6-szuro .szuro-almaerzes{background:#FFF3C4;border-color:#F5C02E}
.gal6-szuro .szuro-almaerzes.aktiv{background:var(--sarga);border-color:var(--sarga);color:var(--lila)}
.gal6-szuro .szuro-almaerzes.aktiv span{background:rgba(74,28,124,.15);color:var(--lila)}
.gal6-szuro .szuro-gabor{margin-left:.6rem}
.gal6-szuro .szuro-gabor::before{content:"";position:absolute}
.gal6-szuro .szuro-gabor,.gal6-szuro .szuro-alex,.gal6-szuro .szuro-suti{border-color:#C9DFF3;background:#F3F8FD}
.gal6-szuro .szuro-gabor.aktiv,.gal6-szuro .szuro-alex.aktiv,.gal6-szuro .szuro-suti.aktiv{background:#2E8BD8;border-color:#2E8BD8;color:#fff}
@media (max-width:640px){
  .gal6-szuro .szuro-gabor{margin-left:0}
}
/* =====================================================================
   KAPCSOLAT
   ===================================================================== */
.kapcs6{padding:clamp(1.4rem,2.6vw,2.2rem) 0 clamp(3rem,6vw,4.5rem)}
.kapcs6-csempek .bolt-banner-cim{font-size:clamp(1.25rem,2vw,1.75rem);overflow-wrap:anywhere}
.kapcs6-gomb{align-self:flex-start;margin-top:.8rem;padding:.5rem 1.1rem;border-radius:999px;background:#fff;color:#1d1d1f;font:700 .9375rem var(--test)}
.kapcs6-csempek .bnr[style*="#F5C02E"] .kapcs6-gomb{background:var(--lila);color:#fff}
.kapcs6-sor{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.kapcs6-sos,.kapcs6-szerv,.kapcs6-kozosseg{border-radius:20px;padding:clamp(1.3rem,2.4vw,2rem)}
.kapcs6-sos{display:flex;gap:1.2rem;align-items:center;background:#FFF1F1;border:2px dashed #E2333F}
.kapcs6-sos-jel{flex:0 0 auto;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#E2333F;color:#fff;font:700 1.625rem var(--cim);letter-spacing:.05em;transform:rotate(-8deg);box-shadow:0 10px 20px -10px #E2333F}
.kapcs6-sos h2,.kapcs6-szerv h2,.kapcs6-kozosseg h2{margin:0 0 .4rem;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--lila)}
.kapcs6-sos h2{color:#C21D2B}
.kapcs6-sos p,.kapcs6-szerv p,.kapcs6-kozosseg p{margin:0;color:#4A3A5A}
.kapcs6-szerv{background:#F5F0FB}
.kapcs6-szerv .gomb{margin-top:1rem}
.kapcs6-kozosseg{margin-top:16px;background:linear-gradient(120deg,var(--lila),#7b2a8f);text-align:center}
.kapcs6-kozosseg h2{color:var(--sarga)}
.kapcs6-kozosseg > p:first-of-type{color:#E7DAF5;margin-bottom:1.2rem}
.kapcs6-kozosseg .kozosseg-nagy a{border-color:#fff;color:#fff}
.kapcs6-kozosseg .kozosseg-nagy a:hover{background:#fff;color:var(--lila)}
.kapcs6-szoveg{margin-top:2rem}
@media (max-width:800px){
  .kapcs6-sor{grid-template-columns:1fr}
}
/* =====================================================================
   KONCERTEK
   ===================================================================== */
.k6{padding:clamp(1.6rem,3vw,2.4rem) 0 clamp(2rem,4vw,3rem)}
/* Következő koncert */
.k6-kov{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.4rem);align-items:center;border-radius:24px;padding:clamp(1.4rem,3vw,2.4rem);background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(120deg,var(--lila),#7b2a8f);color:#fff;box-shadow:0 24px 50px -28px rgba(74,28,124,.8)}
.k6-kov-datum{display:grid;place-items:center;text-align:center;width:clamp(120px,14vw,160px);aspect-ratio:1;border-radius:22px;background:#fff;color:var(--lila);transform:rotate(-4deg);box-shadow:0 14px 26px -14px rgba(0,0,0,.6)}
.k6-kov-datum span{font:700 .9375rem var(--test);text-transform:uppercase;letter-spacing:.06em;color:#E2333F;align-self:end}
.k6-kov-datum b{font:700 clamp(3rem,6vw,4.3rem)/.95 var(--cim)}
.k6-kov-datum i{font:700 .8125rem var(--test);font-style:normal;color:#6b5a80;align-self:start}
.k6-kov-kicsi{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.16);font:700 .8125rem var(--test)}
.k6-kov-kicsi b{color:var(--sarga)}
.k6-kov h2{margin:.5rem 0 .2rem;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1;color:var(--sarga)}
.k6-kov p{margin:0;color:#EADCF7;font-size:1.0625rem}
.k6-kov .k6-kov-gombok{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
/* Info */
.k6-info{display:flex;gap:.9rem;align-items:flex-start;margin:16px 0 0;padding:1rem 1.2rem;border-radius:16px;background:#EAF5FD;border:1px solid #BFE0F7}
.k6-info span{font-size:1.3125rem;line-height:1.2}
.k6-info p{margin:0;color:#1E4E73;font-size:.9375rem}
.k6-info b{color:#1468A8}
/* Fejléc + szűrő */
.k6-fej{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:clamp(2rem,4vw,3rem) 0 1rem}
.k6-fej h2{margin:0;color:var(--lila);font-size:clamp(1.8rem,3.4vw,2.6rem)}
.k6-szuro,.k6a-evek{display:flex;flex-wrap:wrap;gap:.5rem}
.k6-szuro button,.k6a-evek button{border:2px solid #E5DCF0;background:#fff;color:var(--lila);border-radius:999px;padding:.45rem 1rem;font:700 .9375rem var(--test);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.k6-szuro button span,.k6a-evek button span{opacity:.6;font-weight:700;margin-left:.15rem}
.k6-szuro button:hover,.k6a-evek button:hover{border-color:var(--lila)}
.k6-szuro button.aktiv,.k6a-evek button.aktiv{background:var(--lila);border-color:var(--lila);color:#fff}
/* Hónapok */
.k6-honap{margin-top:1.4rem}
.k6-honap-cim{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .7rem;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--c);text-transform:capitalize}
.k6-honap-cim span{font:700 .9375rem var(--test);color:#9a8cab}
.k6-honap-cim::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--c),transparent);opacity:.35;align-self:center}
.k6-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.k6-sor{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;padding:.8rem 1rem .8rem .8rem;border-radius:18px;background:#fff;border:1px solid #EEE7F5;box-shadow:0 10px 24px -20px rgba(74,28,124,.5);transition:transform .2s,box-shadow .2s}
.k6-sor:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(74,28,124,.6)}
.k6-datum{display:grid;place-items:center;width:72px;padding:.45rem 0;border-radius:14px;background:var(--c);color:#fff;text-align:center;line-height:1}
.k6-datum b{font:700 2.125rem var(--cim)}
.k6-datum span{font:700 .8125rem var(--test);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}
.k6-datum i{font:700 .8125rem var(--test);font-style:normal;opacity:.85;margin-top:.25rem}
.k6-adat h3{margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);color:#1d1d1f;text-transform:none;letter-spacing:0}
.k6-ido{display:inline-block;margin-left:.35rem;padding:.12rem .55rem;border-radius:999px;background:#F2ECFA;color:var(--lila);font:700 .8125rem var(--test);vertical-align:middle}
.k6-adat p{margin:.2rem 0 0;color:#5C5168;font-size:.9375rem}
.k6-cimkek{display:flex;flex-wrap:wrap;gap:.35rem}
.k6-cimke{display:inline-block;padding:.15rem .55rem;border-radius:999px;font:700 .8125rem var(--test);letter-spacing:.02em}
.k6-c-csinko{background:#E6F4E7;color:#2F7A36}
.k6-c-zart{background:#F0EEF3;color:#6E6579}
.k6-c-uj{background:#FFF1C9;color:#8A6100}
.k6-c-elmarad{background:#FDE3E5;color:#C21D2B}
.k6-c-orszag{background:#E5F1FC;color:#1F6CB0}
.k6-gombok{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.k6-gomb{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .9rem;border-radius:999px;font:700 .8125rem var(--test);text-decoration:none;white-space:nowrap}
.k6-jegy{background:var(--sarga);color:#3b2a00}
.k6-jegy:hover{background:#ffd34f}
.k6-terkep{background:#F2ECFA;color:var(--lila)}
.k6-terkep:hover{background:#E5DAF4}
.k6-zart{background:#FBFAFC;box-shadow:none}
.k6-zart .k6-datum{filter:saturate(.35);opacity:.8}
.k6-elmaradt .k6-adat h3,.k6a-sor.k6-elmaradt b{text-decoration:line-through;text-decoration-color:#E2333F}
.k6-ures-szuro{margin:1.2rem 0;color:#6E6579}
/* Archívum */
.k6a{padding:clamp(2.6rem,5vw,4rem) 0;background:#F7F3FB}
.k6a-fej{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.4rem;margin-bottom:1.2rem}
.k6a-fej h2{margin:.4rem 0 .3rem;color:var(--lila);font-size:clamp(1.9rem,3.6vw,2.8rem)}
.k6a-fej p{margin:0;color:#5C5168}
.k6a-kereso label{display:block;font:700 .9375rem var(--test);color:var(--lila);margin-bottom:.35rem}
.k6a-kereso div{position:relative}
.k6a-kereso input{width:min(320px,80vw);padding:.8rem 2.6rem .8rem 1.1rem;border-radius:999px;border:2px solid #DCCFEB;background:#fff;font:700 .9375rem var(--test);color:#1d1d1f}
.k6a-kereso input:focus{outline:none;border-color:var(--lila);box-shadow:0 0 0 4px rgba(74,28,124,.12)}
.k6a-evek{margin-bottom:1rem}
.k6a-evek button{padding:.35rem .8rem;font-size:.8125rem}
.k6a-tartalom{transition:opacity .2s}
.k6a-tartalom.tolt{opacity:.4}
.k6a-uzenet{margin:0 0 .8rem;padding:.8rem 1.1rem;border-radius:14px;background:#fff;color:#3d2f4d}
.k6a-uzenet b{color:var(--lila)}
.k6a-lista{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.k6a-sor{break-inside:avoid;display:grid;grid-template-columns:8.6rem 1fr;gap:.2rem .8rem;padding:.55rem .2rem;border-bottom:1px solid #E8E0F1;font-size:.9375rem}
.k6a-sor time{white-space:nowrap;color:#8A7C9B;font-weight:700;font-variant-numeric:tabular-nums}
.k6a-hol{color:#1d1d1f}
.k6a-hol span{color:#6E6579}
.k6a-cimkek{grid-column:2;display:flex;flex-wrap:wrap;gap:.3rem}
.k6a-cimkek:empty{display:none}
/* CTA */
.k6-cta{padding:clamp(2.4rem,5vw,3.6rem) 0}
.k6-cta-doboz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:clamp(1.4rem,3vw,2.2rem);border-radius:24px;background:linear-gradient(120deg,#E2333F,#F07F3C);color:#fff}
.k6-cta-doboz h2{margin:0 0 .3rem;font-size:clamp(1.6rem,3vw,2.3rem);color:#fff}
.k6-cta-doboz p{margin:0;color:#FFE9DE}
@media (max-width:800px){
  .k6-kov{grid-template-columns:1fr;text-align:center;justify-items:center}
  .k6-kov .k6-kov-gombok{justify-content:center}
  .k6-sor{grid-template-columns:auto 1fr;gap:.8rem}
  .k6-gombok{grid-column:1/-1;justify-content:flex-start}
  .k6a-lista{columns:1}
}
.k6-szamok div:last-child b{font-size:clamp(1.2rem,2.2vw,2rem);padding:0}
.k6-sor[hidden],.k6-honap[hidden],.k6a-sor[hidden]{display:none!important}
/* Új, álló (9:16) Csinkofák-plakát */
.plakat6{max-width:320px}
@media (max-width:800px){
  .plakat6{max-width:260px}
}
/* =====================================================================
   CSINKOFÁK OLDAL – videós nyitókép, mint a főoldalon
   ===================================================================== */
.cs6-hos{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:calc(100svh - 94px);overflow:hidden;background:#0E2A12;cursor:pointer}
.cs6-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:brightness(.8) saturate(1.08)}
.cs6-hos::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,30,12,.25) 0%,rgba(10,30,12,0) 30%,rgba(10,30,12,.2) 55%,rgba(10,30,12,.85) 100%)}
.cs6-szoveg{position:relative;z-index:2}
.cs6-cimke{display:inline-block;margin-bottom:1rem;padding:.4rem 1rem;border-radius:999px;background:var(--zold);color:#fff;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-3deg);box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.cs6-cim{margin-bottom:1.2rem;font-size:clamp(3rem,8vw,7rem)}
.cs6-cim .dia6-video-sor1{font-size:1em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.cs6-cim .dia6-video-sor2{font-size:.6em}
.cs6-gombok{justify-content:center;margin:0}
.cs6-szunet{position:absolute;top:18px;right:18px;z-index:3;padding:.4rem .9rem;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 .8125rem var(--test);opacity:0;transition:opacity .25s;pointer-events:none}
.cs6-hos.all .cs6-szunet{opacity:1}
.cs6-hos.varakozik .cs6-szoveg{visibility:hidden}
.cs6-hos.varakozik::after{opacity:.35}
.cs6-hos::after{transition:opacity .8s}
.cs6-hos.be .cs6-cimke{animation:diaBe .7s 0s cubic-bezier(.2,.8,.2,1) both}
.cs6-hos.be .cs6-cim{animation:diaBe .8s .12s cubic-bezier(.2,.8,.2,1) both}
.cs6-hos.be .cs6-gombok{animation:diaBe .8s .3s cubic-bezier(.2,.8,.2,1) both}
.cs6-intro .kupon{margin-top:1.2rem}
.cs6-oldalszoveg{margin-top:1rem}
.cs6-csempek{padding-top:clamp(2rem,4vw,3rem)}
.cs6-idopontok{padding-top:clamp(2rem,4vw,3rem)}
.cs6-cta{margin-top:clamp(1.6rem,3vw,2.4rem);background:linear-gradient(120deg,#2F8A3A,#5DB346)}
.cs6-cta p{color:#E8F7E2}
@media (max-width:900px){
  .cs6-hos{min-height:560px}
  .cs6-video{object-position:40% 25%}
}
.cs6-intro .kupon{border-color:var(--zold);background:#EEF8EC;color:#24572A}
.cs6-intro .kupon span{color:#2F7A36}
.cs6-intro .kupon b{color:var(--lila)}
.cs6-intro .kupon em{color:#3E6B43}
/* =====================================================================
   HÍREK
   ===================================================================== */
.hir6{padding:clamp(1.6rem,3vw,2.4rem) 0 clamp(3rem,6vw,4.5rem)}
.hir6-kiemelt{display:grid;grid-template-columns:1.15fr 1fr;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,var(--lila),#7b2a8f);color:#fff;text-decoration:none;box-shadow:0 24px 50px -28px rgba(74,28,124,.8);margin-bottom:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.hir6-kiemelt:hover{transform:translateY(-3px)}
.hir6-kiemelt-kep{position:relative;min-height:320px;background:var(--c)}
.hir6-kiemelt-kep img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hir6-kiemelt:hover .hir6-kiemelt-kep img{transform:scale(1.04)}
.hir6-nincs-kep{display:grid;place-items:center;font-size:7rem}
.hir6-kiemelt-szoveg{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;padding:clamp(1.4rem,3vw,2.6rem)}
.hir6-friss{padding:.35rem .85rem;border-radius:999px;background:rgba(255,255,255,.16);font:700 .8125rem var(--test)}
.hir6-kiemelt h2{margin:0;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.02;color:var(--sarga)}
.hir6-kiemelt p{margin:0;color:#EADCF7;font-size:1.0625rem;line-height:1.55}
.hir6-kiemelt .gomb{margin-top:.4rem}
/* Egy hír */
.hir6-cikk-fej{background:var(--sarga);padding:1.4rem 0 clamp(4.5rem,9vw,7rem)}
.hir6-vissza{display:inline-block;margin-bottom:.8rem;font:700 .9375rem var(--test);color:var(--lila);text-decoration:none}
.hir6-vissza:hover{text-decoration:underline}
.hir6-cikk-datum{margin:0 0 .4rem;font:700 .9375rem var(--test);color:#7a5a00;text-transform:uppercase;letter-spacing:.04em}
.hir6-cikk-fej h1{margin:0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;color:var(--lila)}
.hir6-cikk-test{margin-top:clamp(-4rem,-7vw,-3rem)}
.hir6-cikk-kep{margin:0 0 1.8rem;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,0,0,.6);background:#fff}
.hir6-cikk-kep img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#f6f2fa}
.hir6-cikk-fej + .hir6-cikk-test:not(:has(.hir6-cikk-kep)){margin-top:2rem}
.hir6-szoveg{font-size:1.0625rem;line-height:1.7;color:#2b2233}
.hir6-szoveg blockquote{margin:1.4rem 0;padding:1rem 1.3rem;border-left:5px solid var(--c);border-radius:0 14px 14px 0;background:#F7F3FB;font-style:italic}
.hir6-szoveg a{color:var(--lila);font-weight:700}
.hir6-szoveg iframe,.hir6-szoveg .wp-block-embed,.hir6-szoveg blockquote.tiktok-embed{max-width:100%;border-radius:16px}
.hir6-szoveg iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9}
.hir6-cikk-lab{margin:2.2rem 0 0}
.hir6-tobb{padding:clamp(2.4rem,5vw,3.6rem) 0;background:#F7F3FB;margin-top:clamp(2.4rem,5vw,3.6rem)}
.hir6-tobb h2{margin:0 0 1.2rem;color:var(--lila);font-size:clamp(1.8rem,3.4vw,2.6rem)}
@media (max-width:800px){
  .hir6-kiemelt{grid-template-columns:1fr}
  .hir6-kiemelt-kep{min-height:220px}
}


/* Alma-story: az események a Koncertek soraival azonos kártyák (évszám-doboz | cím, szöveg, címkék | lemezborító) */
.story6-lista{gap:10px}
.story6-datum{width:84px;padding:.6rem 0}
.story6-datum b{font-size:1.625rem}
.story6-datum span{text-transform:none;letter-spacing:0}
.k6-sor .story6-borito{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(0,0,0,.06);transform:none;box-shadow:none}
.story6-sor .k6-adat p{line-height:1.5}
.story6-sor .k6-cimkek{margin:.5rem 0 0}
.story6-sor .k6-cimke{background:color-mix(in srgb,var(--c) 12%,#fff);color:color-mix(in srgb,var(--c) 80%,#000)}
@media (max-width:800px){.story6-sor{grid-template-columns:auto 1fr auto}.k6-sor .story6-borito{width:52px;height:52px}.story6-datum{width:72px}.story6-datum b{font-size:1.625rem}}

/* Mikulás-oldal: rajzolt esti adventi vásár a nyitóképen */
.mk6-hos{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:calc(100svh - 94px);overflow:hidden;background:#2A0F4A url(assets/advent-vasar.svg) center 35%/cover no-repeat}
.mk6-hos::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,15,74,0) 55%,rgba(42,15,74,.45) 75%,rgba(42,15,74,.8));pointer-events:none}
.mk6-cim,.mk6-cimke{filter:drop-shadow(0 6px 22px rgba(42,15,74,.55))}
.mk6-szoveg{position:relative;z-index:2}
.mk6-cimke{display:inline-block;margin-bottom:1rem;padding:.4rem 1rem;border-radius:999px;background:#D8263B;color:#fff;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-3deg);box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.mk6-cim .dia6-video-sor1{font-size:1em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.mk6-cim .dia6-video-sor2{font-size:.6em}
.mk6-al{max-width:38rem;margin:.6rem auto 0;color:#F1ECFF;font-size:clamp(1.05rem,1.6vw,1.25rem);text-shadow:0 2px 10px rgba(0,0,0,.5)}
.mk6-gombok{justify-content:center;margin-top:1.4rem}
.mk6-cimke6{background:#D8263B}
.mk6-intro .intro-racs{grid-template-columns:1fr 1fr}
.mk6-kep{width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(30,16,48,.25))}
.mk6-masok{background:#D8263B}
.mk6-masok .nagycim{color:#fff}
.mk6-video{position:relative;display:block;width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;padding:0;border:0;border-radius:24px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 24px 40px -24px rgba(30,16,48,.6)}
.mk6-video img,.mk6-video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.mk6-play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:#D8263B;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .2s}
.mk6-play::after{content:"";position:absolute;left:36px;top:27px;border-style:solid;border-width:19px 0 19px 30px;border-color:transparent transparent transparent #fff}
.mk6-video:hover .mk6-play{transform:scale(1.08)}
@media (max-width:640px){.mk6-hos{min-height:620px;background-position:50% 30%}.mk6-hos::after{background:linear-gradient(180deg,rgba(42,15,74,0) 20%,rgba(42,15,74,.6) 50%,rgba(42,15,74,.85))}.mk6-play{width:72px;height:72px;margin:-36px 0 0 -36px}.mk6-play::after{left:28px;top:21px;border-width:15px 0 15px 24px}}

/* Mikulás-arc a csempén: kisebb, hogy ne lógjon a címre */
.bnr.bnr-kerek img[src*="mikulas-arc"],.bnr.bnr-kerek img[src*="/mk-"]{width:auto;height:52%;max-width:42%;object-fit:contain;top:5%;right:7%}

/* Szervezőknek – aloldalak (Rider, Felkonf, Artisjus, Nyomdai fotók) */
.sz6-vissza{padding-top:1.2rem}
.sz6-vissza a{font:700 .9375rem var(--test);color:var(--lila);text-decoration:none}
.sz6-vissza a:hover{text-decoration:underline}
.sz6-al{padding-top:1.4rem}
.sz6-tipp{max-width:820px;margin:0 0 1.2rem;color:#5E5468}
.fk6-racs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fk6-kartya{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #EEE7F5;box-shadow:0 10px 24px -20px rgba(74,28,124,.5);display:flex;flex-direction:column}
.fk6-kep{position:relative;display:block;aspect-ratio:4/3;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 70%)}
.fk6-kep img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transition:transform .4s}
.fk6-kep:hover img{transform:scale(1.04)}
.fk6-plakat .fk6-kep img{inset:4%;width:92%;height:92%}
.fk6-kartya figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;padding:.9rem 1rem 1rem}
.fk6-kartya figcaption b{font:700 1.0625rem var(--cim);color:#1d1d1f}
.fk6-kartya figcaption>span:not(.fk6-gombok){font-size:.8125rem;color:#8a7c99}
.fk6-gombok{display:flex;gap:.4rem;margin-left:auto}
.fk6-web{background:#F2ECFA;color:var(--lila);border-color:#F2ECFA}
.fk6-nyomda{background:var(--lila);color:#fff;border-color:var(--lila)}
@media (max-width:900px){.fk6-racs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fk6-racs{grid-template-columns:1fr}}
@media print{.fejlec,.lablec,.sz6-vissza,.sz6-cta .k6-gombok{display:none!important}.k6-sor,.sz6-cta{box-shadow:none;break-inside:avoid}.js .beuszik{opacity:1!important;transform:none!important}}

/* Szervezőknek aloldalak a Koncertek soraival azonos stílusban */
.sz6-sor{align-items:start}
.sz6-sor .k6-datum span{text-transform:uppercase}
.sz6-sor .k6-adat h3 .k6-ido{margin-left:.25rem}
.sz6-pontok{margin:.55rem 0 0;padding-left:1.1rem;color:#5C5168;font-size:.9375rem;line-height:1.55}
.sz6-pontok li{margin:.25rem 0}
.sz6-pontok li::marker{color:var(--c)}
.sz6-felkonf p{margin:.7rem 0 0;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7;color:#3D3248}
.sz6-gombsor{justify-content:flex-start;margin:1rem 0}
.k6-gomb{border:0;cursor:pointer}
.sz6-cta{margin-top:16px}

/* Hírek: fotó nélküli kiemelésnél az Alma-logó */
.hir6-nincs-kep img.hir6-logo{position:static;width:min(60%,320px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.story6-ma .story6-tag{grid-template-columns:1fr}

/* =====================================================================
   2026-11-04 – javítások a tesztelés után
   ===================================================================== */

/* 1. Ékezetek: több levegő a nagy címek sorai között (Á, É, Ó, Ü nem lóg a fenti sorba) */
.nagycim,.sav6-cim,.oldalfej h1{line-height:1.1}
.dia-cim{line-height:1.1}
.kepvalto6 .dia-cim-prod{line-height:1.14}
.oriasi-szavak,.dia6-szavak .oriasi-szavak{line-height:1.05}
.dia6-fiuk-cim{line-height:1.12}

/* 2. Nyitó képváltó: asztali gépen mindig pontosan kitölti a látható képernyőt (a fejléc alatt),
      a feliratok a képernyő magasságához is igazodnak – így semmi nem lóg ki alul */
@media (min-width:901px){
  .kepvalto6 .dia{height:calc(100vh - 94px);height:calc(100svh - 94px);min-height:440px}
  .admin-bar .kepvalto6 .dia{height:calc(100vh - 126px);height:calc(100svh - 126px);min-height:440px}
  .dia6-belso{padding:clamp(1.2rem,4vh,4.5rem) 16px clamp(3.6rem,9vh,6rem)}
  .dia6-logokep{width:min(86vw,760px,82vh)}
  .dia6-logo-cim{font-size:clamp(1.4rem,min(3.6vw,5vh),2.8rem);margin:clamp(.4rem,2vh,1.2rem) 0 clamp(.6rem,2.6vh,1.6rem)}
  .dia6-szavak .oriasi-szavak{font-size:clamp(2.6rem,min(13.5vw,15vh),10.5rem)}
  .dia6-szavak .oriasi-al{margin:clamp(.5rem,2vh,1.6rem) auto clamp(.7rem,2.4vh,1.8rem);font-size:clamp(.95rem,min(2vw,2.6vh),1.3rem)}
  .dia6-fiuk-racs{height:100%;min-height:0}
  .dia6-fiuk-cim{font-size:clamp(2rem,min(6.4vw,10vh),5.6rem)}
  .dia6-fiuk-kep{height:min(700px,calc(100vh - 94px - 2rem));height:min(700px,calc(100svh - 94px - 2rem));margin-top:0}
  .kepvalto6 .dia-cim-prod{font-size:clamp(1.8rem,min(4.6vw,7vh),3.8rem)}
  .kepvalto6 .dia6-prod .dia-alcim{font-size:clamp(1rem,min(1.8vw,2.6vh),1.35rem)}
  .dia6-video-cim{font-size:clamp(2rem,min(7.4vw,10vh),6.6rem)}
  /* 3. Videó: mindig a teljes kép látszik, a maradék helyen a saját elmosott képe */
  .dia6-video-hatter{object-fit:contain;object-position:50% 50%}
  .dia6-video-elmosott{position:absolute;left:-60px;top:-60px;width:calc(100% + 120px);height:calc(100% + 120px);filter:blur(30px) brightness(.55) saturate(1.25);background:#120A1E center/cover no-repeat}
}
@media (max-width:900px){ .dia6-video-elmosott{display:none} }

/* 4. Fejléc: ha a menü nem fér ki, hamburger-menü (a JS kapcsolja a .menu-hamb osztályt) */
.fejlec.menu-hamb .fejlec-foglalas{display:none}
.fejlec.menu-hamb .fejlec-jobb{position:static;flex:0 0 auto;margin-left:auto}
.js .fejlec.menu-hamb .menu-gomb{display:inline-grid;place-items:center;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.fejlec.menu-hamb .vonalak,.fejlec.menu-hamb .vonalak::before,.fejlec.menu-hamb .vonalak::after{display:block;position:relative;width:30px;height:4px;background:var(--korall);border-radius:4px}
.fejlec.menu-hamb .vonalak::before,.fejlec.menu-hamb .vonalak::after{content:"";position:absolute;left:0}
.fejlec.menu-hamb .vonalak::before{top:-9px}
.fejlec.menu-hamb .vonalak::after{top:9px}
.js .fejlec.menu-hamb .fomenu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;flex-wrap:nowrap;gap:0;background:var(--lila);padding:.5rem 24px 1.2rem;box-shadow:0 14px 24px rgba(0,0,0,.15)}
.js .fejlec.menu-hamb .fomenu.nyitva{display:flex}
.js .fejlec.menu-hamb .fomenu a{padding:.85rem 0;color:#fff;border-bottom:1px solid #6B3FA0;font-size:1.3125rem;letter-spacing:.06em}
.js .fejlec.menu-hamb .fomenu a::after{display:none}
.js .fejlec.menu-hamb .fomenu .fomenu-kiemelt{justify-content:center;margin:.5rem 0 0;padding:.8rem 1rem;border:0}

/* 5. Csinkofák: a rövid szöveg első mondata szlogenként kiemelve */
.kivonat-szlogen{display:block;margin-bottom:.35em;font:500 1.3em var(--cim);text-transform:uppercase;letter-spacing:.05em;color:var(--korall)}

/* 6. Csempék: az új rajzok elhelyezése (a Mikulás-oldal csempéihez igazítva) */
.bnr.bnr-kerek img[src*="/erv-"]{width:auto;height:58%;max-width:46%;object-fit:contain;top:5%;right:6%}

/* 7. Koncertek: a zártkörű előadás ugyanolyan élénk, mint a többi; jól látható címke */
.k6-zart{background:#fff;box-shadow:0 10px 24px -20px rgba(74,28,124,.5)}
.k6-zart .k6-datum{filter:none;opacity:1}
.k6-c-zart{background:#EDE4F8;color:var(--lila)}
.koncert-cimke{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.4rem 1.1rem;border-radius:999px;background:var(--sarga);color:var(--lila);font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.koncert-cimke-zart{background:var(--lila);color:#fff}

/* Lábléc: két oszlop (Menü + Írj nekünk!) */
@media (min-width:601px){ .lablec-racs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px} }

/* Hírek: a borítókép margóval, lekerekítve, finom árnyékkal a „papíron” */
.hir6-cikk-kep{padding:clamp(1rem,3vw,2.2rem);background:#F6F2FA;text-align:center}
.hir6-cikk-kep img{display:block;width:auto;max-width:100%;max-height:68vh;margin:0 auto;border-radius:16px;object-fit:contain;background:transparent;box-shadow:0 18px 36px -18px rgba(30,16,48,.45)}

/* Hírek: YouTube-gomb a beágyazott videó helyett */
.yt-link{margin:1.6rem 0}
.yt-link .gomb{text-decoration:none}

/* Műsoraink oldal */
.musor6-test{font-size:1.0625rem;line-height:1.7}
.musor6-test h2{margin:2.2rem 0 .7rem;font:500 clamp(1.5rem,2.6vw,2rem) var(--cim);text-transform:uppercase;color:var(--lila);line-height:1.15}
.musor6-bevezeto{font-size:1.3125rem;line-height:1.65}
.musor6-dalok{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .4rem}
.musor6-dalok span{display:inline-block;padding:.45rem 1.05rem;border-radius:999px;font:500 .9375rem var(--cim);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--piros)}
.musor6-dalok span:nth-child(2){background:var(--zold)}
.musor6-dalok span:nth-child(3){background:var(--korall)}
.musor6-dalok span:nth-child(4){background:var(--lila)}
.musor6-idezet{margin:2.4rem 0;padding:1.6rem 1.8rem;border-left:6px solid var(--sarga);border-radius:0 18px 18px 0;background:#FFF6DC;font-size:1.3125rem;font-style:italic;color:#3b2a00}
.musor6-idezet p{margin:0}
.musor6-zaras{margin-top:2rem;font:500 clamp(1.3rem,2.4vw,1.7rem)/1.35 var(--cim);text-transform:uppercase;letter-spacing:.03em;color:var(--korall);text-align:center}
.musor6-cta{margin-top:3rem}

/* =====================================================================
   2026-11-04 (este) – második kör
   ===================================================================== */

/* 26. Nyitóvideó: szélétől széléig kitölti a diát (a fejek mindig látszanak), nincs oldalsáv */
@media (min-width:901px){
  .dia6-video-hatter{object-fit:cover;object-position:50% 22%}
  .dia6-video-elmosott{display:none}
}

/* 27–28. Piros YouTube-gomb (Mikulás oldal, hírek) – a felirat mindig fehér */
.gomb.gomb-yt,.szoveg a.gomb-yt,.hir6-cikk-test a.gomb-yt{display:inline-flex;align-items:center;gap:.7rem;background:#E2333F;border-color:#E2333F;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 24px -12px rgba(170,20,35,.7);transition:transform .2s,background-color .2s}
.gomb.gomb-yt:hover,.szoveg a.gomb-yt:hover,.hir6-cikk-test a.gomb-yt:hover{background:#B51E2B;border-color:#B51E2B;color:#fff!important;transform:translateY(-2px) rotate(-1.5deg)}
.gomb-yt-ikon{position:relative;flex:0 0 auto;width:1.6em;height:1.6em;border-radius:50%;background:#fff}
.gomb-yt-ikon::after{content:"";position:absolute;left:.62em;top:.45em;border-style:solid;border-width:.35em 0 .35em .55em;border-color:transparent transparent transparent #E2333F}
.mk6-klipsav .gombsor{justify-content:center;margin-top:1.4rem}
.yt-link{margin:1.6rem 0}

/* 29. Hírek: a kiemelt Mikulás-csempe az adventi vásár rajzával kitöltve, rajta a szöveg */
.hir6-kiemelt-mikulas{background:#2A0F4A url(assets/advent-vasar.svg) center 35%/cover no-repeat}
.hir6-kiemelt-mikulas .hir6-kiemelt-kep{visibility:hidden;background:transparent}
.hir6-kiemelt-mikulas .hir6-kiemelt-szoveg{position:relative;background:linear-gradient(90deg,rgba(42,15,74,0) 0%,rgba(42,15,74,.78) 22%,rgba(42,15,74,.9) 100%)}
.hir6-kiemelt-mikulas h2,.hir6-kiemelt-mikulas p{text-shadow:0 2px 12px rgba(20,8,40,.6)}
@media (max-width:800px){
  .hir6-kiemelt-mikulas .hir6-kiemelt-kep{min-height:200px}
  .hir6-kiemelt-mikulas .hir6-kiemelt-szoveg{background:linear-gradient(180deg,rgba(42,15,74,.4),rgba(42,15,74,.92) 30%)}
}

/* 30. Mikulás oldal: a bemutatkozó szöveg bekezdései */
.mk6-szovegtest p{margin:0 0 .9em}
.mk6-szovegtest p:last-child{margin-bottom:1.4em}

/* 32. Hírek borítóképe: keret nélkül, teljes szélességben, lekerekítve, finom árnyékkal */
.hir6-cikk-kep{padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;text-align:center}
.hir6-cikk-kep img{display:block;width:100%;height:auto;max-height:none;margin:0 auto;border-radius:20px;object-fit:cover;background:transparent;box-shadow:0 22px 44px -22px rgba(30,16,48,.5)}
.hir6-cikk-kep img.allo{width:auto;max-width:100%;max-height:78vh}

/* 33. Mikulás oldal: zenekari fotó polaroid-stílusban */
.mk6-kep.mk6-polaroid{width:100%;height:auto;border:10px solid #fff;border-radius:18px;transform:rotate(2.5deg);box-shadow:0 26px 50px -24px rgba(42,15,74,.55);filter:none;object-fit:cover}

/* 35. Ékezetek: minden nagy, nagybetűs cím sorai között legyen elég hely (Á, É, Ő, Ü ne érjen a fenti sorba) */
h1,h2{line-height:1.12}
.dia-cim,.dal-hos h1,.story6-hos h1,.story6-kor-fej h2,.k6-kov h2,.hir6-kiemelt h2,.hir6-cikk-fej h1,.nagycim,.sav6-cim,.oldalfej h1,.dia6-video-cim,.dia6-fiuk-cim,.dia6-logo-cim{line-height:1.12}

/* =====================================================================
   2026-11-05 – aranymetszés a képváltóban (φ ≈ 1,618)
   ===================================================================== */
/* 38. Csinkofák-dia: szöveg 61,8% · figura 38,2%, egy közös, középre igazított blokkban */
.dia6-arany{position:relative;z-index:2;width:100%}
.dia6-figura{display:block;filter:drop-shadow(0 18px 26px rgba(110,10,20,.35))}
.dia6-prod.aktiv .dia6-figura{animation:fiuk6 .9s .15s cubic-bezier(.2,1.3,.4,1) both}
@media (min-width:901px){
  .kepvalto6 .dia6-prod{justify-content:center}
  .dia6-arany{display:grid;grid-template-columns:1.618fr 1fr;align-items:center;gap:clamp(1.5rem,3.82vw,3.8rem);max-width:1240px;margin:0 auto;height:100%}
  .dia6-figura{justify-self:center;height:calc((100vh - 94px) * .786);height:calc((100svh - 94px) * .786);max-height:780px;width:auto;max-width:100%;object-fit:contain}
  /* betűméretek φ-skálán: alcím → cím = φ², címke → alcím = φ */
  .kepvalto6 .dia6-prod .dia-alcim{font-size:clamp(1rem,min(1.6vw,2.5vh),1.3rem);max-width:30em;margin:0 0 1.618em}
  .kepvalto6 .dia-cim-prod{font-size:clamp(1.8rem,min(4.2vw,6.6vh),3.4rem);max-width:none;margin:0 0 .382em}
  .kepvalto6 .dia6-prod .uj-cimke{margin-bottom:1em}
  /* 39. Három srác dia: ugyanaz az arány */
  .dia6-fiuk-racs{grid-template-columns:1.618fr 1fr;gap:clamp(1.5rem,3.82vw,3.8rem);max-width:1240px;margin:0 auto}
}
@media (max-width:900px){
  .dia6-arany{display:flex;flex-direction:column;align-items:center;text-align:center}
  .dia6-figura{width:min(52%,230px);height:auto;margin:1.4rem auto 0}
}

/* 41. Mikulás oldal: a polaroid tényleg álljon ferdén (a beúszó animáció nem írja felül) */
.mk6-kep.mk6-polaroid{rotate:2.5deg;transform:none;max-width:460px;justify-self:center}

/* =====================================================================
   2026-11-05 – Egységes tipográfia (bekapcsolva: ALMA6_TIPO = true)
   Skála: 13 · 15 · 17 · 21 · 26 · 34 px (+ a rugalmas nagy címek)
   Stílusok: Oswald 500 / 700 · Rubik 400 / 700
   ===================================================================== */
:root{--t-xs:.8125rem;--t-s:.9375rem;--t-alap:1.0625rem;--t-l:1.3125rem;--t-xl:1.625rem;--t-2xl:clamp(1.9rem,1.2rem + 2.6vw,3.4rem);--t-3xl:clamp(2.4rem,1.4rem + 4.2vw,5.2rem)}
/* rugalmas címszintek egységesítése */
.nagycim,.sav6-cim,.oldalfej h1,.story6-hos h1,.dal-hos h1{font-size:var(--t-3xl)}
.musor6-test h2,.k6-kov h2,.hir6-cikk-fej h1,.story6-kor-fej h2,.intro6-prod .nagycim{font-size:var(--t-2xl)}
.hir6-kiemelt h2{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem)}
.szoveg h2{font-size:var(--t-xl)}
.intro-szoveg,.musor6-bevezeto,.oriasi-al,.sav6-al{font-size:var(--t-l)}
/* fehér körvonal: mindenhol azonos, finom (~3 px) – a böngésző rajzolja, nem a kép */
.dia6-fiuk-kep,.dia6-figura,.story6-fiuk,.story6-fiuk.story6-trio,.story6-ma-kep{
  filter:drop-shadow(2.5px 0 0 #fff) drop-shadow(-2.5px 0 0 #fff) drop-shadow(0 2.5px 0 #fff) drop-shadow(0 -2.5px 0 #fff)
         drop-shadow(0 14px 18px rgba(30,16,48,.25))}

/* Alma-story: a kép teteje a „30” tetejéhez igazodik (a JS számolja) */
@media (min-width:901px){.story6-fiuk.story6-trio.story6-vidam.story6-igazitva{top:var(--kep-teteje,3.4rem);bottom:auto;height:calc(100% - var(--kep-teteje,3.4rem));width:auto;max-width:none;object-fit:fill}}

/* Nyomdai fotók: a kivágott fotók alja lágyan beleolvad a kártya színébe (a letöltött fájlok nem változnak) */
.fk6-kartya:not(.fk6-plakat) .fk6-kep{overflow:hidden}
.fk6-kartya:not(.fk6-plakat) .fk6-kep img{inset:auto 0 0 0;left:50%;width:auto;height:auto;max-width:100%;max-height:94%;transform:translateX(-50%);transform-origin:50% 100%;object-fit:contain;object-position:50% 100%;-webkit-mask-image:none;mask-image:none}
.fk6-kartya:not(.fk6-plakat) .fk6-kep:hover img{transform:translateX(-50%) scale(1.04)}

/* =====================================================================
   2026-11-05 délután
   ===================================================================== */
/* Alma-story: indexképek (fekvő, lekerekített) */
.k6-sor .story6-borito.story6-index{width:116px;height:76px;object-fit:cover;object-position:50% 30%;border-radius:12px;box-shadow:0 8px 16px -10px rgba(30,16,48,.45)}
@media (max-width:800px){.k6-sor .story6-borito.story6-index{width:84px;height:56px}}
/* Hírek: Mikulás-fej a fa mellett a kiemelt csempén */
.hir6-kiemelt-mikulas{position:relative}
.hir6-mikulas-fej{position:absolute;z-index:1;left:clamp(16px,4%,60px);bottom:0;height:68%;max-height:300px;width:auto;filter:drop-shadow(0 14px 18px rgba(20,8,40,.45));pointer-events:none}
.hir6-kiemelt-mikulas .hir6-kiemelt-szoveg{z-index:2}
@media (max-width:800px){.hir6-mikulas-fej{height:auto;width:34%;top:12px;bottom:auto}}
/* Műsoraink: sorkizárt szöveg + 4 műsor */
.musor6-test p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.musor6-test .musor6-zaras,.musor6-test .musor6-dalok{text-align:center}
.musor6-test .musor6-zaras{hyphens:manual}
.musor6-test h2.musor6-cim4{margin-top:3rem}
.musor6-kartyak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.2rem 0 1rem}
.musor6-kartya{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.5rem;border-radius:20px;background:var(--c);color:#fff;text-decoration:none;box-shadow:0 18px 30px -22px rgba(30,16,48,.6);transition:transform .2s}
a.musor6-kartya:hover{transform:translateY(-3px) rotate(-.6deg)}
.musor6-kartya h3{margin:0;font:700 1.3125rem/1.2 var(--cim);text-transform:uppercase;letter-spacing:.02em}
.musor6-test .musor6-kartya p{margin:0;text-align:left;hyphens:manual;color:rgba(255,255,255,.92);font-size:.9375rem;line-height:1.55}
.musor6-tovabb{margin-top:auto;padding-top:.5rem;font:700 .8125rem var(--test);text-transform:uppercase;letter-spacing:.06em;color:#fff}
@media (max-width:640px){.musor6-kartyak{grid-template-columns:1fr}}
/* Kapcsolat: Együttműködő partnereink logófal */
.partner6{margin:3rem 0 1rem;text-align:center}
.partner6 h2{margin:0 0 1.4rem;font:700 var(--t-xl,1.625rem)/1.15 var(--cim);text-transform:uppercase;color:var(--lila)}
.partner6-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.partner6-racs li{display:grid;place-items:center;height:96px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid #EEE7F5}
.partner6-racs img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s,transform .25s}
.partner6-racs li:hover img{filter:none;opacity:1;transform:scale(1.05)}

/* 20. Dalaink-kártyák: a #szám, a cím és az alcím fentről, egy vonalban; a gombok alul, egy vonalban */
.bnr.dal6-csempe{justify-content:flex-start}
.bnr.dal6-csempe .bolt-banner-kicsi{margin-top:19%}
.bnr.dal6-csempe .bolt-banner-cim{max-width:60%}
.bnr.dal6-csempe .bnr-szoveg{max-width:60%}
.bnr.dal6-csempe .dal6-gombok{margin-top:auto;padding-top:.8rem}

/* 21. Átlátszó hátterű (PNG) hírképek: nincs keret/doboz, a figura szabadon áll */
.hir6-cikk-kep img[src*=".png"]{width:auto;max-width:100%;max-height:70vh;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 22px rgba(30,16,48,.28))}
.bnr.bnr-foto img.bnr-fotokep[src*=".png"]{left:auto;right:4%;top:5%;width:52%;height:95%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 12px 16px rgba(20,8,40,.35))}
.hir6-kiemelt-kep img[src*=".png"]{object-fit:contain;object-position:50% 100%}

/* Mikulás oldal: téli esti bemutatkozó sáv – szöveg a kép fölött és alatt, középen */
.mk6-teli{position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,6rem) 0;color:#E2E7F0;
  background:radial-gradient(1.6px 1.6px at 12% 18%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 78% 12%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.4px 1.4px at 34% 72%,rgba(255,255,255,.55),transparent 60%),radial-gradient(2.4px 2.4px at 88% 64%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.6px 1.6px at 56% 40%,rgba(255,255,255,.45),transparent 60%),radial-gradient(2px 2px at 22% 90%,rgba(255,255,255,.5),transparent 60%),linear-gradient(180deg,#262B37,#1C2029)}
.mk6-teli::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1.4px,transparent 1.8px);background-size:140px 120px;background-position:20px 30px}
.mk6-teli::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 2.6px);background-size:230px 190px;background-position:90px 70px}
.mk6-teli-keret{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.mk6-teli-fej .nagycim{color:#fff;margin:.6rem 0 .4em}
.mk6-teli-kiemel{margin:0 auto;max-width:34ch;font:700 var(--t-l,1.3125rem)/1.4 var(--test);color:#FFD65A}
.mk6-teli .mk6-kep.mk6-polaroid{display:block;width:auto;max-width:min(520px,90%);max-height:70vh;margin:clamp(2.2rem,4vw,3.2rem) auto;border:12px solid #fff;border-radius:18px;rotate:-2deg;box-shadow:0 34px 60px -24px rgba(0,0,0,.75)}
.mk6-teli-szoveg{max-width:680px;margin:0 auto;text-align:left;font-size:var(--t-alap,1.0625rem);line-height:1.7}
.mk6-teli-szoveg p{margin:0 0 1em;color:#E2E7F0}
.mk6-teli-gomb{margin:1.6rem 0 0}
.mk6-gomb-piros{background:#D8263B;border-color:#D8263B;color:#fff}
.mk6-gomb-piros:hover{background:#fff;border-color:#fff;color:#D8263B}

/* 22–24. Mikulás oldal: természetes hóesés + ütős rövid szöveg */
.mk6-teli{background:radial-gradient(1.8px 1.8px at 16.5% 69.0%,rgba(255,255,255,0.57),transparent 100%),radial-gradient(2.0px 2.0px at 21.6% 79.3%,rgba(255,255,255,0.58),transparent 100%),radial-gradient(1.2px 1.2px at 50.5% 23.6%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(2.0px 2.0px at 58.5% 6.9%,rgba(255,255,255,0.45),transparent 100%),radial-gradient(2.2px 2.2px at 23.3% 4.2%,rgba(255,255,255,0.68),transparent 100%),radial-gradient(1.2px 1.2px at 87.5% 61.6%,rgba(255,255,255,0.50),transparent 100%),radial-gradient(2.2px 2.2px at 49.8% 11.6%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(1.3px 1.3px at 15.5% 81.8%,rgba(255,255,255,0.77),transparent 100%),radial-gradient(1.5px 1.5px at 45.3% 55.2%,rgba(255,255,255,0.57),transparent 100%),radial-gradient(2.1px 2.1px at 18.7% 3.7%,rgba(255,255,255,0.46),transparent 100%),radial-gradient(2.2px 2.2px at 78.0% 20.9%,rgba(255,255,255,0.75),transparent 100%),radial-gradient(1.8px 1.8px at 75.5% 76.3%,rgba(255,255,255,0.68),transparent 100%),radial-gradient(2.0px 2.0px at 12.2% 47.6%,rgba(255,255,255,0.44),transparent 100%),radial-gradient(1.6px 1.6px at 92.3% 88.8%,rgba(255,255,255,0.51),transparent 100%),radial-gradient(2.2px 2.2px at 45.1% 38.6%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(1.9px 1.9px at 2.7% 9.3%,rgba(255,255,255,0.80),transparent 100%),radial-gradient(1.8px 1.8px at 49.6% 49.2%,rgba(255,255,255,0.69),transparent 100%),radial-gradient(1.8px 1.8px at 22.2% 60.9%,rgba(255,255,255,0.63),transparent 100%),radial-gradient(1.5px 1.5px at 18.1% 17.0%,rgba(255,255,255,0.77),transparent 100%),radial-gradient(1.5px 1.5px at 34.7% 59.7%,rgba(255,255,255,0.40),transparent 100%),radial-gradient(2.0px 2.0px at 6.6% 81.4%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(2.1px 2.1px at 68.3% 67.6%,rgba(255,255,255,0.78),transparent 100%),radial-gradient(2.2px 2.2px at 40.7% 98.9%,rgba(255,255,255,0.62),transparent 100%),radial-gradient(1.6px 1.6px at 88.3% 49.1%,rgba(255,255,255,0.46),transparent 100%),radial-gradient(1.3px 1.3px at 87.6% 16.2%,rgba(255,255,255,0.71),transparent 100%),radial-gradient(2.0px 2.0px at 77.4% 48.3%,rgba(255,255,255,0.37),transparent 100%),radial-gradient(1.6px 1.6px at 25.8% 29.0%,rgba(255,255,255,0.43),transparent 100%),radial-gradient(2.1px 2.1px at 6.9% 33.8%,rgba(255,255,255,0.79),transparent 100%),radial-gradient(1.5px 1.5px at 74.6% 47.9%,rgba(255,255,255,0.78),transparent 100%),radial-gradient(1.2px 1.2px at 52.6% 72.9%,rgba(255,255,255,0.45),transparent 100%),radial-gradient(2.1px 2.1px at 83.8% 79.5%,rgba(255,255,255,0.62),transparent 100%),radial-gradient(2.0px 2.0px at 42.6% 58.1%,rgba(255,255,255,0.49),transparent 100%),radial-gradient(2.0px 2.0px at 53.4% 27.6%,rgba(255,255,255,0.35),transparent 100%),radial-gradient(1.2px 1.2px at 68.5% 95.4%,rgba(255,255,255,0.62),transparent 100%),radial-gradient(1.8px 1.8px at 64.4% 85.2%,rgba(255,255,255,0.47),transparent 100%),radial-gradient(2.1px 2.1px at 40.6% 95.9%,rgba(255,255,255,0.41),transparent 100%),radial-gradient(1.2px 1.2px at 9.5% 9.4%,rgba(255,255,255,0.55),transparent 100%),radial-gradient(1.9px 1.9px at 14.1% 86.7%,rgba(255,255,255,0.41),transparent 100%),radial-gradient(1.7px 1.7px at 53.9% 32.4%,rgba(255,255,255,0.45),transparent 100%),radial-gradient(1.6px 1.6px at 16.6% 18.4%,rgba(255,255,255,0.67),transparent 100%),radial-gradient(1.9px 1.9px at 55.0% 4.6%,rgba(255,255,255,0.74),transparent 100%),radial-gradient(1.2px 1.2px at 77.4% 79.1%,rgba(255,255,255,0.56),transparent 100%),radial-gradient(1.4px 1.4px at 6.3% 76.4%,rgba(255,255,255,0.67),transparent 100%),radial-gradient(1.5px 1.5px at 25.3% 69.7%,rgba(255,255,255,0.37),transparent 100%),radial-gradient(2.1px 2.1px at 38.9% 30.9%,rgba(255,255,255,0.48),transparent 100%),radial-gradient(2.1px 2.1px at 50.3% 54.9%,rgba(255,255,255,0.39),transparent 100%),radial-gradient(1.9px 1.9px at 60.1% 50.8%,rgba(255,255,255,0.79),transparent 100%),radial-gradient(1.7px 1.7px at 31.0% 69.9%,rgba(255,255,255,0.60),transparent 100%),radial-gradient(2.2px 2.2px at 6.4% 81.5%,rgba(255,255,255,0.51),transparent 100%),radial-gradient(1.3px 1.3px at 31.8% 99.3%,rgba(255,255,255,0.38),transparent 100%),radial-gradient(2.0px 2.0px at 7.3% 81.4%,rgba(255,255,255,0.55),transparent 100%),radial-gradient(1.8px 1.8px at 62.1% 2.0%,rgba(255,255,255,0.55),transparent 100%),radial-gradient(1.6px 1.6px at 51.7% 38.9%,rgba(255,255,255,0.45),transparent 100%),radial-gradient(1.4px 1.4px at 4.9% 43.4%,rgba(255,255,255,0.67),transparent 100%),radial-gradient(1.7px 1.7px at 81.7% 72.4%,rgba(255,255,255,0.46),transparent 100%),radial-gradient(1.8px 1.8px at 38.5% 48.7%,rgba(255,255,255,0.78),transparent 100%),radial-gradient(1.7px 1.7px at 8.5% 48.0%,rgba(255,255,255,0.67),transparent 100%),radial-gradient(1.8px 1.8px at 89.0% 78.0%,rgba(255,255,255,0.69),transparent 100%),radial-gradient(1.9px 1.9px at 66.8% 85.9%,rgba(255,255,255,0.66),transparent 100%),radial-gradient(1.6px 1.6px at 24.5% 91.7%,rgba(255,255,255,0.63),transparent 100%),radial-gradient(2.2px 2.2px at 82.5% 96.4%,rgba(255,255,255,0.35),transparent 100%),radial-gradient(1.6px 1.6px at 31.3% 31.2%,rgba(255,255,255,0.42),transparent 100%),radial-gradient(1.5px 1.5px at 55.3% 8.0%,rgba(255,255,255,0.77),transparent 100%),radial-gradient(1.3px 1.3px at 74.2% 46.2%,rgba(255,255,255,0.78),transparent 100%),radial-gradient(1.5px 1.5px at 70.4% 20.6%,rgba(255,255,255,0.64),transparent 100%),radial-gradient(2.2px 2.2px at 68.2% 26.1%,rgba(255,255,255,0.49),transparent 100%),radial-gradient(1.4px 1.4px at 25.4% 84.5%,rgba(255,255,255,0.66),transparent 100%),radial-gradient(1.5px 1.5px at 20.0% 59.8%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(1.6px 1.6px at 94.1% 46.7%,rgba(255,255,255,0.63),transparent 100%),radial-gradient(1.6px 1.6px at 28.1% 17.4%,rgba(255,255,255,0.47),transparent 100%),linear-gradient(180deg,#262B37,#1C2029)}
.mk6-teli::before{background:radial-gradient(2.6px 2.6px at 18.8% 96.1%,rgba(255,255,255,0.49),transparent 100%),radial-gradient(2.6px 2.6px at 93.5% 70.5%,rgba(255,255,255,0.40),transparent 100%),radial-gradient(3.6px 3.6px at 3.9% 60.8%,rgba(255,255,255,0.32),transparent 100%),radial-gradient(2.7px 2.7px at 0.8% 54.4%,rgba(255,255,255,0.34),transparent 100%),radial-gradient(3.1px 3.1px at 45.4% 89.4%,rgba(255,255,255,0.29),transparent 100%),radial-gradient(3.3px 3.3px at 79.2% 82.2%,rgba(255,255,255,0.26),transparent 100%),radial-gradient(3.4px 3.4px at 18.8% 40.3%,rgba(255,255,255,0.32),transparent 100%),radial-gradient(3.9px 3.9px at 80.2% 84.3%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(2.7px 2.7px at 1.8% 58.2%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(2.9px 2.9px at 74.7% 75.9%,rgba(255,255,255,0.27),transparent 100%),radial-gradient(3.5px 3.5px at 81.5% 60.7%,rgba(255,255,255,0.39),transparent 100%),radial-gradient(3.0px 3.0px at 80.0% 33.8%,rgba(255,255,255,0.36),transparent 100%),radial-gradient(3.8px 3.8px at 29.8% 62.7%,rgba(255,255,255,0.27),transparent 100%),radial-gradient(3.5px 3.5px at 6.8% 51.2%,rgba(255,255,255,0.31),transparent 100%),radial-gradient(2.7px 2.7px at 27.0% 5.9%,rgba(255,255,255,0.40),transparent 100%),radial-gradient(2.8px 2.8px at 68.1% 65.3%,rgba(255,255,255,0.28),transparent 100%),radial-gradient(3.2px 3.2px at 93.1% 53.9%,rgba(255,255,255,0.46),transparent 100%),radial-gradient(2.7px 2.7px at 72.8% 52.5%,rgba(255,255,255,0.50),transparent 100%),radial-gradient(3.1px 3.1px at 21.4% 4.0%,rgba(255,255,255,0.41),transparent 100%),radial-gradient(3.6px 3.6px at 62.8% 17.4%,rgba(255,255,255,0.40),transparent 100%),radial-gradient(3.7px 3.7px at 16.2% 85.1%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(3.7px 3.7px at 67.9% 21.7%,rgba(255,255,255,0.52),transparent 100%),radial-gradient(4.0px 4.0px at 53.3% 90.8%,rgba(255,255,255,0.37),transparent 100%),radial-gradient(3.7px 3.7px at 94.2% 93.7%,rgba(255,255,255,0.25),transparent 100%),radial-gradient(3.5px 3.5px at 35.2% 61.4%,rgba(255,255,255,0.48),transparent 100%),radial-gradient(3.9px 3.9px at 64.7% 16.1%,rgba(255,255,255,0.41),transparent 100%);background-size:auto;background-position:0 0;opacity:1;filter:blur(.6px)}
.mk6-teli::after{background:radial-gradient(8.0px 8.0px at 88.2% 20.7%,rgba(255,255,255,0.19),transparent 100%),radial-gradient(7.6px 7.6px at 77.6% 74.0%,rgba(255,255,255,0.17),transparent 100%),radial-gradient(5.5px 5.5px at 8.3% 40.6%,rgba(255,255,255,0.19),transparent 100%),radial-gradient(5.4px 5.4px at 81.5% 36.2%,rgba(255,255,255,0.12),transparent 100%),radial-gradient(5.1px 5.1px at 42.3% 58.0%,rgba(255,255,255,0.21),transparent 100%),radial-gradient(7.8px 7.8px at 21.1% 10.7%,rgba(255,255,255,0.19),transparent 100%),radial-gradient(5.4px 5.4px at 89.5% 51.4%,rgba(255,255,255,0.15),transparent 100%),radial-gradient(7.3px 7.3px at 42.4% 64.1%,rgba(255,255,255,0.22),transparent 100%),radial-gradient(6.3px 6.3px at 65.1% 25.3%,rgba(255,255,255,0.17),transparent 100%);background-size:auto;background-position:0 0;opacity:1;filter:blur(2px)}
.mk6-teli .mk6-teli-szoveg{max-width:760px;width:100%;margin:0 auto;text-align:center}
.mk6-teli .mk6-teli-lead{margin:0 auto 1.4rem;max-width:30ch;font:500 clamp(1.3125rem,1rem + 1.1vw,1.75rem)/1.4 var(--test);color:#fff}
.mk6-teli-kapszulak{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:0 0 1.6rem}
.mk6-teli-kapszulak span{display:inline-block;padding:.45rem 1.3rem;border-radius:999px;font:600 clamp(1.1rem,.9rem + .8vw,1.5rem) var(--cim);text-transform:uppercase;letter-spacing:.06em;color:#fff;box-shadow:0 12px 22px -12px rgba(0,0,0,.6)}
.mk6-teli-kapszulak span:nth-child(1){background:#D8263B;transform:rotate(-3deg)}
.mk6-teli-kapszulak span:nth-child(2){background:#F5C02E;color:#3b2a00;transform:rotate(2deg)}
.mk6-teli-kapszulak span:nth-child(3){background:#3E9A47;transform:rotate(-2deg)}
.mk6-teli .mk6-teli-csattano{margin:0;font:400 var(--t-l,1.3125rem)/1.4 var(--test);color:#E2E7F0}
.mk6-teli-csattano b{display:block;margin-top:.25em;font:700 clamp(2.4rem,1.6rem + 3.4vw,4.4rem)/1.1 var(--cim);text-transform:uppercase;letter-spacing:.02em;color:#E2333F;text-shadow:0 4px 0 rgba(0,0,0,.35)}
.mk6-teli-kiemel{font-size:clamp(1.3125rem,1rem + 1vw,1.75rem)}

/* Mikulás oldal: a sötét sáv csak akkora, amekkora kell */
.mk6-teli{padding:clamp(2.6rem,5vw,4rem) 0 clamp(2.2rem,4vw,3.2rem)}
.mk6-teli .mk6-kep.mk6-polaroid{margin:clamp(1.8rem,3.5vw,2.6rem) auto}
.mk6-teli .mk6-teli-szoveg > :last-child,.mk6-teli-keret > :last-child{margin-bottom:0}

/* Nyitóvideó telefonon: az álló vágás egészében látszik */
@media (max-width:900px){.dia6-video-hatter{object-position:50% 30%}}

/* Telefon: a videós dia felirata alulra kerül, hogy ne takarja az arcokat */
@media (max-width:900px){
  .kepvalto6 .dia6-video{justify-content:flex-end;align-items:stretch}
  .kepvalto6 .dia6-video .dia6-video-szoveg{margin-top:auto;padding-bottom:clamp(3.4rem,9vh,5rem)}
  .dia6-video::after{background:linear-gradient(180deg,rgba(18,10,30,.25) 0%,rgba(18,10,30,0) 22%,rgba(18,10,30,0) 58%,rgba(18,10,30,.85) 100%)}
}
/* Telefon: a felirat a Safari lebegő alsó sávja fölött legyen */
@media (max-width:900px){
  .kepvalto6 .dia6-video .dia6-video-szoveg{padding-bottom:calc(clamp(7rem,17vh,10rem) + env(safe-area-inset-bottom,0px))}
  .kepvalto6 .kv-pontok{bottom:calc(clamp(4.2rem,10vh,6rem) + env(safe-area-inset-bottom,0px))}
}
/* Telefon: a „Mosolyt hozunk!” jelenet-felirat fent álljon, ne a cím fölött */
@media (max-width:900px){
  .kepvalto6 .dia6-jelenet{top:12%;bottom:auto;left:50%;right:auto;max-width:86%;font-size:clamp(2rem,9vw,2.6rem);text-align:center}
}
/* Telefon: a képváltó a legmagasabb dia magasságát veszi fel, ami túlnyúlik a képernyőn –
   ezért a videós dia feliratát és a pöttyöket a LÁTHATÓ képernyő aljához igazítjuk */
@media (max-width:900px){
  .kepvalto6 .dia6-video .dia6-video-szoveg{position:absolute;left:0;right:0;bottom:auto;top:calc(100svh - 94px - 15.5rem);margin:0;padding:0 16px}
  .kepvalto6 .kv-pontok{bottom:auto;top:calc(100svh - 94px - 6.6rem)}
}
/* Telefon: finomhangolás – a felirat és a pöttyök közvetlenül a Safari-sáv fölött */
@media (max-width:900px){
  .kepvalto6 .dia6-video .dia6-video-szoveg{top:calc(100svh - 94px - 10.5rem)}
  .kepvalto6 .kv-pontok{top:calc(100svh - 94px - 2.2rem)}
}

@media (max-width:900px){.kepvalto6 .dia6-video .dia6-video-szoveg{top:calc(100svh - 94px - 7.6rem)}}

@media (max-width:900px){.kepvalto6 .dia6-video .dia6-video-szoveg{top:calc(100svh - 94px - 6.4rem)}.kepvalto6 .kv-pontok{top:calc(100svh - 94px - 0.6rem)}}

@media (max-width:900px){.kepvalto6 .dia6-jelenet{top:calc((100svh - 94px) * .43)}}
/* Közösségi gombok: egyforma szélesség (Kapcsolat oldal + lábléc) */
.kozosseg-nagy{display:grid;grid-template-columns:repeat(4,minmax(0,170px));justify-content:center;gap:.8rem}
.kozosseg-nagy a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px}
@media (max-width:640px){.kozosseg-nagy{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin-inline:auto}}
.lablec .kozosseg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:280px;gap:.5rem}
.lablec .kozosseg a{text-align:center}