/* =====================================================================
   diatrofon.gr — βίντεο «Στην κουζίνα» στην αρχική (14/10/2026)

   Η διάταξη (πλέγμα / carousel / τρεχούμενο banner) είναι το ίδιο
   home-video.css με το B2B. Εδώ μόνο η προσαρμογή στο θέμα του εταιρικού
   site: σκούρα ζώνη όπως το hero, κεχριμπαρένιο αντί για χρυσό,
   γραμματοσειρά Noto Sans αντί για τη «Κάβα» του B2B.
   ===================================================================== */
.blk-video {
  background: var(--graphite-2); color: #fff;
  padding-block: 80px 88px;
  /* το τρεχούμενο banner πιάνει όλο το πλάτος (100vw) — χωρίς οριζόντια μπάρα */
  overflow-x: clip;
}
.blk-video .eyebrow { color: var(--green-bright); }
.blk-video .blk-h { margin-bottom: 36px; }
.blk-video .blk-h p { color: #a9b8c6; }

.blk-video .hv {
  --gold: var(--amber); --gold-dark: #c48f2c;
  --coal: var(--graphite); --display: var(--font);
  --r-card: 10px;
  margin-top: 0;
}
.blk-video .hv-item { box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .6); }
.blk-video .hv-cap {
  font-weight: 700; text-transform: none; letter-spacing: -.01em;
  font-size: clamp(17px, 1.6vw, 22px); line-height: 1.15;
}
.blk-video .hv-wide .hv-cap { font-size: clamp(20px, 2.2vw, 30px); }
.blk-video .hv-cap a { text-decoration: none; }
.blk-video .hv-cap a:hover { color: var(--amber); text-decoration: underline; text-underline-offset: 4px; }
.blk-video .hv-btn[aria-pressed="true"] { color: var(--graphite-2); }
.blk-video .hv-nav { color: var(--graphite-2); }
.blk-video .hv-nav:focus-visible { outline-color: #fff; }

@media (max-width: 900px) {
  .blk-video .hv-cap { font-size: 17px; }
  .blk-video .hv-wide .hv-cap { font-size: 21px; }
}
@media (max-width: 560px) {
  .blk-video { padding-block: 56px 60px; }
  .blk-video .blk-h { margin-bottom: 26px; }
}