/* Grillandia – bemutatóvideó szekció (2026-10-12)
   Teljes szélességű, fix 16:9-es sáv: a hely a videó betöltése előtt is foglalt (nincs elrendezés-ugrás),
   és nincs 100vw-s túllógás (a régi #background-video { width:100vw } helyett).
   A lejátszás/szünet gomb üveg-stílusú (mint a kategória-kártyák felirata): körvonal nélkül, 10px sarok. */

.gv { position:relative; margin:0; padding:0; background:#0c0c0c; }
.gv-frame { position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#0c0c0c; }
.gv-video { display:block; width:100%; height:100%; object-fit:cover; background:#0c0c0c; }

/* régi böngészők (aspect-ratio nélkül) */
@supports not (aspect-ratio: 1 / 1) {
    .gv-frame { height:0; padding-top:56.25%; }
    .gv-video { position:absolute; top:0; left:0; }
}

/* lejátszás / szünet gomb – diszkrét, jobb alsó sarok */
.gv-toggle { position:absolute; right:20px; bottom:20px; z-index:2; display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:10px; background:rgba(255,255,255,.16); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; cursor:pointer; opacity:.75; transition:opacity .3s ease, background-color .3s ease; }
.gv-toggle[hidden] { display:none; }
.gv-toggle:hover, .gv-toggle:focus-visible { opacity:1; background:rgba(255,255,255,.24); }
.gv-toggle:focus-visible { outline:2px solid #fff !important; outline-offset:2px; }
.gv-toggle svg { display:block; }
/* ikon az állapot szerint: játszik → szünet ikon, áll → lejátszás ikon */
.gv-toggle .gv-ico-pause { display:none; }
.gv-playing .gv-toggle .gv-ico-pause { display:block; }
.gv-playing .gv-toggle .gv-ico-play { display:none; }

@media (max-width:599px) {
    .gv-toggle { right:12px; bottom:12px; width:40px; height:40px; }
}