.videok-oldal{max-width:1200px;margin:0 auto;padding:32px 24px 56px}
.videok-fejlec{margin-bottom:24px}
.videok-cim{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:700;color:var(--navy);margin-bottom:6px}
.videok-leiras{font-size:14px;color:var(--halvany)}

.va-eszkoztar{
  display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;
  margin-bottom:20px;padding:16px 18px;
  background:var(--kartya);border:0.5px solid var(--keret);border-radius:12px
}
.va-eszkoz-mezo{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}
.va-eszkoz-mezo--kereses{flex:2;min-width:180px}
.va-eszkoz-mezo label{font-size:11px;font-weight:600;color:var(--zold-halvany);text-transform:uppercase;letter-spacing:0.5px}
.va-eszkoz-mezo select,.va-eszkoz-mezo input[type=search]{
  font-family:inherit;font-size:14px;font-weight:500;
  padding:10px 14px;border:1.5px solid var(--keret);border-radius:8px;
  background:#fff;color:var(--szoveg);
  width:100%;box-sizing:border-box;height:42px;line-height:1.25
}
.va-eszkoz-mezo select:focus,.va-eszkoz-mezo input:focus{outline:2px solid var(--zold);outline-offset:1px;border-color:var(--zold)}

.va-morzsa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:14px;color:var(--halvany)}
.va-morzsa-link{background:none;border:0;padding:0;color:var(--zold);font-weight:600;cursor:pointer;text-decoration:underline}
.va-morzsa-link:hover{color:var(--zold-sotet)}
.va-morzsa-aktiv{font-weight:700;color:var(--navy)}
.va-morzsa-elv{color:var(--halvany);user-select:none}
.va-eredmeny{font-size:13px;color:var(--halvany);margin:-8px 0 16px}

/* Évek nézet */
.va-ev-racs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.va-ev-kartya{
  position:relative;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;
  aspect-ratio:1;background:#1a2d4a;text-align:left;
  box-shadow:0 4px 14px rgba(13,30,60,0.12);transition:transform 0.15s,box-shadow 0.15s
}
.va-ev-kartya:hover{transform:scale(1.02);box-shadow:0 10px 28px rgba(13,30,60,0.18)}
.va-ev-kep{position:absolute;inset:0}
.va-ev-kep img,.va-hero-kep img,.va-kicsi-kep img{width:100%;height:100%;object-fit:cover;display:block}
.va-borito-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6b8299;font-size:40px}
.va-ev-felirat{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;
  padding:14px;background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,transparent 55%)
}
.va-ev-cim{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.4)}
.va-ev-darab{font-size:12px;color:rgba(255,255,255,0.85);margin-top:4px}

/* Hónapok nézet */
.va-honap-szekcio{margin-bottom:32px}
.va-honap-fejlec{
  display:flex;align-items:center;gap:6px;margin:0 0 14px;
  background:none;border:0;padding:0;cursor:pointer;
  font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:var(--navy)
}
.va-honap-fejlec:hover{color:var(--zold)}
.va-honap-racs{display:grid;grid-template-columns:2fr 1fr;gap:14px;min-height:220px}
.va-hero-kartya{
  position:relative;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;
  background:#1a2d4a;text-align:left;min-height:220px;
  box-shadow:0 6px 20px rgba(13,30,60,0.12)
}
.va-hero-kartya--honap{background:transparent;box-shadow:none}
.va-honap-alak{
  position:relative;overflow:hidden;height:100%;min-height:220px;
  --honap-gradient:linear-gradient(135deg,var(--navy),#163b73 58%,#1a7a42);
  --honap-glow:rgba(45,199,109,0.32);
  --honap-accent:#2dc76d;
  background:var(--honap-gradient);
  color:#fff;border-radius:14px;padding:28px 24px;
  border-left:6px solid var(--honap-accent);
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  transition:transform 0.15s,box-shadow 0.15s;
  box-shadow:0 6px 20px rgba(13,30,60,0.12)
}
/* Tél – hűvös kék/lila */
.va-honap-alak--01{--honap-gradient:linear-gradient(135deg,#081a38,#2a72c4 48%,#1a6888);--honap-glow:rgba(100,190,255,0.42);--honap-accent:#5eb8ff}
.va-honap-alak--02{--honap-gradient:linear-gradient(135deg,#101838,#4a58b8 48%,#2a7a72);--honap-glow:rgba(150,140,255,0.38);--honap-accent:#9b8cff}
.va-honap-alak--12{--honap-gradient:linear-gradient(135deg,var(--navy),#163b73 58%,#1a7a42);--honap-glow:rgba(45,199,109,0.35);--honap-accent:#2dc76d}
/* Tavasz – türkiz/zöld */
.va-honap-alak--03{--honap-gradient:linear-gradient(135deg,#0a2a40,#1a98a8 48%,#2aaa62);--honap-glow:rgba(60,220,200,0.4);--honap-accent:#3dd9c8}
.va-honap-alak--04{--honap-gradient:linear-gradient(135deg,#0c3228,#28a080 48%,#48d070);--honap-glow:rgba(80,230,160,0.42);--honap-accent:#52e8a0}
.va-honap-alak--05{--honap-gradient:linear-gradient(135deg,#123028,#22a050 48%,#62e070);--honap-glow:rgba(100,240,120,0.42);--honap-accent:#6ef090}
/* Nyár – kék-zöld → arany */
.va-honap-alak--06{--honap-gradient:linear-gradient(135deg,#082848,#1878c8 48%,#22b070);--honap-glow:rgba(50,180,255,0.45);--honap-accent:#48b8ff}
.va-honap-alak--07{--honap-gradient:linear-gradient(135deg,#1a3818,#58a828 48%,#d8b028);--honap-glow:rgba(255,220,70,0.48);--honap-accent:#f0d040}
.va-honap-alak--08{--honap-gradient:linear-gradient(135deg,#2a2810,#a08828 48%,#d87830);--honap-glow:rgba(255,180,60,0.45);--honap-accent:#ffb84a}
/* Ősz – narancs/barna */
.va-honap-alak--09{--honap-gradient:linear-gradient(135deg,#2a2010,#b06028 48%,#6a8830);--honap-glow:rgba(255,150,70,0.42);--honap-accent:#ff9848}
.va-honap-alak--10{--honap-gradient:linear-gradient(135deg,#281810,#c86830 48%,#4a6838);--honap-glow:rgba(255,120,50,0.45);--honap-accent:#ff7840}
.va-honap-alak--11{--honap-gradient:linear-gradient(135deg,#1a1838,#6848a0 48%,#3a7850);--honap-glow:rgba(180,130,255,0.4);--honap-accent:#b088ff}
.va-hero-kartya--honap:hover .va-honap-alak{transform:scale(1.01);box-shadow:0 10px 28px rgba(13,30,60,0.18)}
.va-honap-alak::before{
  content:"";position:absolute;inset:-70px -60px auto auto;width:220px;height:220px;
  border-radius:50%;background:var(--honap-glow);filter:blur(2px)
}
.va-honap-alak::after{
  content:"";position:absolute;right:28px;bottom:24px;width:140px;height:140px;
  border:1px solid color-mix(in srgb, var(--honap-accent) 45%, transparent);
  border-radius:28px;transform:rotate(12deg)
}
.va-honap-alak-cim{
  position:relative;z-index:1;
  font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,5vw,52px);
  line-height:0.95;font-weight:700;letter-spacing:0.02em;text-transform:uppercase
}
.va-honap-alak-meta{
  position:relative;z-index:1;margin-top:10px;
  font-size:13px;font-weight:600;color:rgba(255,255,255,0.78)
}
.va-hero-kep{position:absolute;inset:0}
.va-hero-szoveg{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px;background:linear-gradient(0deg,rgba(0,0,0,0.72) 0%,transparent 60%)
}
.va-hero-cim{font-size:18px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:6px}
.va-hero-meta{font-size:12px;color:rgba(255,255,255,0.85)}
.va-kicsi-racs{display:flex;flex-direction:column;gap:10px}
.va-kicsi-kartya{
  flex:1;border:0;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;
  background:var(--kartya);border:0.5px solid var(--keret);text-align:left;
  display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;min-height:0
}
.va-kicsi-kep{aspect-ratio:16/10;background:#1a2d4a;overflow:hidden}
.va-kicsi-cim{font-size:12px;font-weight:600;line-height:1.35;color:var(--navy);padding-right:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Napok nézet */
.va-nap-szekcio{margin-bottom:28px}
.va-nap-fejlec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--keret)}
.va-nap-fejlec h2{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--navy);margin:0}
.va-nap-fejlec span{font-size:13px;color:var(--halvany)}
.va-nap-racs,.va-osszes-racs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

@media (max-width:900px){
  .va-ev-racs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .va-honap-racs{grid-template-columns:1fr}
  .va-kicsi-racs{flex-direction:row;overflow-x:auto}
  .va-kicsi-kartya{min-width:200px;flex:0 0 auto}
  .va-nap-racs,.va-osszes-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .videok-oldal{padding:28px 16px 40px}
  .va-eszkoztar{padding:14px}
}
@media (max-width:520px){
  .va-ev-racs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .va-nap-racs,.va-osszes-racs{grid-template-columns:1fr}
  .va-eszkoz-mezo{min-width:100%}
}