/* ==========================================================
   Responsive
========================================================== */

@media (max-width: 1024px) {
    .dtv-front-slider-track { height: 560px; border-radius: 24px; }
    .dtv-front-hero-content { left: 88px; right: 56px; bottom: 118px; }
    .dtv-front-slider-controls { left: 88px; right: 56px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { min-width: 120px; }
    .dtv-live-strip { grid-template-columns: 1fr; margin-top: -34px; }
    .dtv-live-strip__epg { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); padding-left: 0; padding-top: 16px; }
}

@media (max-width: 768px) {
    .dtv-front-slider-track { height: 520px; border-radius: 20px; }
    .dtv-front-hero-content { left: 24px; right: 24px; bottom: 112px; }
    .dtv-front-hero-content h1 { font-size: clamp(34px, 10vw, 48px); letter-spacing: -.6px; }
    .dtv-front-hero-content p { font-size: 17px; line-height: 1.45; }
    .dtv-front-slider-controls { left: 24px; right: 24px; bottom: 28px; }
    .dtv-front-slider-dots { max-width: none; gap: 7px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { min-width: 32px; height: 4px; }
    .dtv-front-hero-slider .dtv-front-slider-track > button.dtv-home-hero__side-arrow { width: 38px; height: 38px; min-width: 38px; min-height: 38px; font-size: 26px; }
    .dtv-front-hero-slider button.dtv-home-hero__side-arrow--prev { left: 14px; }
    .dtv-front-hero-slider button.dtv-home-hero__side-arrow--next { right: 14px; }
    .dtv-front-hero-slider button.dtv-front-slider-pause,
    .dtv-front-hero-slider button.dtv-front-slider-play { width: 42px; height: 42px; min-width: 42px; min-height: 42px; }
    .dtv-live-strip__current { grid-template-columns: 1fr; }
    .dtv-live-strip__thumb { height: 140px; }
    .dtv-video-card--portrait { flex: 0 0 230px; max-width: 230px; }
    .dtv-video-card__copy h3 { font-size: 20px; }
    .dtv-carousel-row { gap: 16px; padding: 8px 4px 16px; }
    .dtv-carousel-arrow,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; font-size: 26px !important; }
    .dtv-carousel-arrow--prev,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--prev { left: -10px !important; }
    .dtv-carousel-arrow--next,
    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--next { right: -10px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .dtv-carousel-row { scroll-behavior: auto; }
    .dtv-carousel-arrow,
    .dtv-video-card__media,
    .dtv-video-card__media img,
    .dtv-front-slide,
    .dtv-front-hero-card img { transition: none; }
}


/* Mobile carousel controls below card */
@media (max-width: 768px) {

    .dtv-carousel-shell {
        padding-inline: 0 !important;
        padding-bottom: 64px !important;
        overflow: visible !important;
    }

    .dtv-carousel-row {
        padding-inline: 18px !important;
        padding-bottom: 18px !important;
    }

    .dtv-video-card--short {
        flex: 0 0 86vw !important;
        max-width: 86vw !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow {
        top: auto !important;
        bottom: 8px !important;

        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;

        transform: none !important;
        z-index: 50 !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--prev {
        left: calc(50% - 56px) !important;
        right: auto !important;
    }

    .dtv-carousel-section .dtv-carousel-shell > button.dtv-carousel-arrow--next {
        right: calc(50% - 56px) !important;
        left: auto !important;
    }
}

/* Mobile poster cards / Εκπομπές */
@media (max-width: 768px) {

    .dtv-video-card--poster {
        flex: 0 0 85vw !important;
        max-width: 85vw !important;
    }

    .dtv-carousel-row:has(.dtv-video-card--poster) {
        justify-content: center !important;
    }
}
/* Hero Slider UX polish — 1.7.2.16 */
@media (max-width: 1024px) and (min-width: 769px) {
    .dtv-front-hero-content { left: 104px; right: 72px; bottom: 118px; max-width: min(720px, calc(100% - 176px)); }
    .dtv-front-hero-content h1 { font-size: clamp(40px, 5.4vw, 56px); line-height: 1.02; letter-spacing: -1px; }
    .dtv-front-slider-controls { left: 104px; right: 56px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { flex: 0 1 58px; width: 58px; min-width: 36px; height: 4px; }
}

@media (max-width: 768px) {
    .dtv-front-hero-content { left: 24px; right: 24px; bottom: 108px; max-width: none; }
    .dtv-front-hero-content h1 { margin-top: 14px; font-size: clamp(31px, 8.8vw, 45px); line-height: 1.04; letter-spacing: -.55px; }
    .dtv-front-hero-content p { margin-top: 14px; font-size: 15px; line-height: 1.42; }
    .dtv-front-slider-dots { max-width: calc(100% - 58px); gap: 7px; }
    .dtv-front-hero-slider button.dtv-front-slider-dot { flex: 1 1 36px; width: auto; min-width: 24px; max-width: 56px; height: 4px; }
}

@media (max-width: 480px) {
    .dtv-front-slider-track { height: min(560px, 78vh); min-height: 470px; }
    .dtv-front-hero-content { left: 20px; right: 20px; bottom: 102px; }
    .dtv-front-hero-content h1 { font-size: clamp(29px, 9.5vw, 40px); }
    .dtv-front-slider-controls { left: 20px; right: 20px; }
}