/* v9 (2026-10-12, teszt): 2×2 csempék, fekete fejlécek, zászlós nyelvválasztó, narrátor, Coming Soon sáv, lábléc márka */
.vh{position:absolute;width:auto;height:auto;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
@media (min-width:821px){.prjgrid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ptile2 .pbar,.ptile2 .pbar.icon,.ptile2 .pbar.thecan{background:var(--bar);border-bottom:1px solid var(--line);border-color:var(--line);height:96px}
.ptile2 .pbar.icon .pname{color:var(--ink)}
.ptile2 .pbar .plg.thecan{width:auto;height:78px;max-width:92%}
.ptile2 .pbar .plg.icon{height:60px}
@media (max-width:600px){.ptile2 .pbar,.ptile2 .pbar.icon,.ptile2 .pbar.thecan{height:84px}.ptile2 .pbar .plg.thecan{height:68px}
 .ptile2 .pimg{aspect-ratio:auto;height:calc(100vw - 34px - 84px)}
 .ptile2 .pimg.intro{height:auto;aspect-ratio:16/9}}
/* TERRABotanic: a mozgó kaspó ne lógjon ki; az intro teljes szélességben */
.pimg[data-video=terrabotanic]{background:#1c1109}
.pimg[data-video=terrabotanic] video{object-fit:contain;transform:scale(.9);transition:transform .3s}
.pimg[data-video=terrabotanic].intro{aspect-ratio:16/9;background:#000}
.pimg[data-video=terrabotanic].intro video{object-fit:contain;transform:none}
.pvid .vidctrl{display:none}
.tvplay{position:absolute;right:10px;bottom:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--accent);background:rgba(22,19,15,.78);color:#EFE8DA;font-size:16px;cursor:pointer}
.tvplay:hover,.tvplay:focus-visible{background:var(--accent);color:#16130F}
.pimg.intro .tvplay{display:none}
/* narrátor felirat a videó alatt */
.narr{display:none;padding:10px 18px;background:var(--bar);border-bottom:1px solid var(--line);color:var(--ink2);font:15px/1.4 Arial,Helvetica,sans-serif;text-align:center;min-height:4.4em;align-items:center;justify-content:center}
.narr.on{display:flex}
/* Coming Soon sáv */
.prjextra{display:flex;justify-content:center;margin-top:16px}
.ptile2.eaxstrip{width:100%;aspect-ratio:auto;min-height:0;flex-direction:row;align-items:center;justify-content:center;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.eaxstrip .eaxc{flex:0 1 auto;flex-direction:row;align-items:center;justify-content:center;gap:22px;padding:0;min-height:0}
.eaxstrip .eaxc img{width:auto;height:44px;max-width:260px}
.eaxstrip .soonmark{width:auto;color:var(--gold);font:700 1.15rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:none}
@media (max-width:600px){.eaxstrip .eaxc{flex-direction:column;gap:10px}}
/* nyelvválasztó: zászló + országkód */
.langsel>button{gap:7px;max-width:none}
.langsel>button .ln{max-width:none;white-space:nowrap;letter-spacing:.08em}
.fl{width:20px;height:15px;border-radius:2px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.langsel .dd button{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.06em}
#flang{display:inline-flex;align-items:center;gap:7px;font-weight:700;letter-spacing:.06em}
/* lábléc márka */
.fcol .brand{display:flex;align-items:center;gap:10px}
.fcol .brand .logoplate{display:inline-flex;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}
.fcol .brand .logoplate .ico{width:34px;height:34px}
.fcol .brand>span{display:inline}
/* THE CAN video gomb */
.tvbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(22,19,15,.78);color:#EFE8DA;border:1px solid #D4B483;border-radius:5px;padding:12px 20px;font:700 17px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.tvbtn small{font:400 14px/1.2 Arial,Helvetica,sans-serif;color:#D9D1C2}
.tvbtn:hover,.tvbtn:focus-visible{background:#D4B483;color:#16130F}
.tvbtn:hover small,.tvbtn:focus-visible small{color:#16130F}

@media (min-width:821px){.ptdesc>summary{display:none}}
@media (max-width:600px){.ptile2.eaxsoon .eaxc{flex-wrap:wrap!important;justify-content:center!important;row-gap:8px}.ptile2.eaxsoon .eaxc .soonmark{flex:0 0 100%!important;text-align:center;justify-content:center;width:100%!important}}
.ptdesc>summary{gap:6px}.ptdesc>summary::after{font-size:24px;width:18px;overflow:hidden}
/* EnergyAssetX sáv: a logó egy sorban, alatta a Hamarosan, asztalon is két sor (Péter 2026-10-13) */
.ptile2.eaxsoon .eaxc{flex-wrap:wrap!important;justify-content:center!important;row-gap:6px}
.ptile2.eaxsoon .eaxc .soonmark{flex:0 0 100%!important;text-align:center;justify-content:center;width:100%!important}