/* ══════════════════════════════════════════════════════════════
   Espresso Core — Responsive Styles v3.0
   Modern Magazine Redesign
   Breakpoints: 1140px, 1018px, 767px, 480px
   ══════════════════════════════════════════════════════════════ */

/* ── Tablet Landscape (<=1140px) ──────────────────────────── */
@media (max-width: 1140px) {
    /* Section */
    .md-espresso-section {
        padding: 30px 0;
    }

    .md-espresso-section__container {
        max-width: 100%;
    }

    /* Hero */
    .md-espresso-hero-top {
        gap: 12px;
    }

    .md-espresso-hero-mid {
        height: 650px;
    }

    .md-espresso-hero-carousel {
        height: 650px;
    }

    .md-espresso-hero-carousel__slide .md-espresso-card--hero,
    .md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image {
        min-height: 650px;
    }

    .md-espresso-hero-sidebar {
        height: 650px;
    }

    /* Showbiz */
    .md-espresso-showbiz__main {
        gap: 20px;
    }

    .md-espresso-card--featured-split .md-espresso-card__title {
        font-size: 22px;
    }

    /* Page 3 */
    .md-espresso-page3__hero {
        height: 420px;
    }

    .md-espresso-page3__title {
        font-size: 30px;
    }

    /* Sport */
    .md-espresso-sport__layout {
        gap: 20px;
    }

    /* Video */
    .md-espresso-video__featured .md-espresso-card--video .md-espresso-card__image {
        min-height: 340px;
    }

    /* Platforms */
    .md-espresso-platforms__grid {
        gap: 16px;
    }

    /* Popular */
    .md-espresso-popular__layout {
        gap: 20px;
    }
}

/* ── Tablet Portrait (<=1018px) ───────────────────────────── */
@media (max-width: 1018px) {
    /* Section */
    .md-espresso-section {
        padding: 30px 0;
    }

    /* Hero */
    .md-espresso-hero-top {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .md-espresso-hero-mid {
        grid-template-columns: 1fr;
        height: auto;
    }

    .md-espresso-hero-carousel {
        height: 500px;
    }

    .md-espresso-hero-carousel__slide .md-espresso-card--hero,
    .md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image {
        min-height: 500px;
    }

    .md-espresso-hero-sidebar {
        flex-direction: row;
        height: auto;
        gap: 12px;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero {
        flex: 1;
        min-height: 250px;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero .md-espresso-card__image {
        min-height: 250px;
    }

    .md-espresso-hero-bottom {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Showbiz */
    .md-espresso-showbiz__main {
        grid-template-columns: 1fr;
    }

    .md-espresso-showbiz__ad {
        display: none;
    }

    .md-espresso-showbiz__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .md-espresso-card--featured-split .md-espresso-card__link {
        min-height: 280px;
    }

    /* Sport: stack grid */
    .md-espresso-sport__layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .md-espresso-sport__sidebar {
        padding: 16px;
    }

    /* Video */
    .md-espresso-video__featured .md-espresso-card--video .md-espresso-card__image {
        min-height: 300px;
    }

    .md-espresso-video__thumbs {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Beauté */
    .md-espresso-beaute__hero-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .md-espresso-beaute__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Zodia */
    .md-espresso-zodia__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Bento */
    .md-espresso-bento {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child {
        grid-column: span 2;
        grid-row: span 1;
    }

    /* Split10 (reportaz) */
    .md-espresso-split10 {
        grid-template-columns: 1fr;
    }

    .md-espresso-split10__content {
        padding: 24px;
    }

    .md-espresso-ticker5 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Hero3 (politiki/ygia/politismos) */
    .md-espresso-hero3__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .md-espresso-hero3__hero .md-espresso-card--hero {
        min-height: 300px;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image {
        min-height: 300px;
    }

    /* Syntages */
    .md-espresso-syntages__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Sport */
    .md-espresso-sport__split {
        grid-template-columns: 1fr;
    }

    .md-espresso-sport__split-content {
        padding: 24px;
    }

    .md-espresso-sport__ticker {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Page 3 */
    .md-espresso-page3__hero {
        height: 380px;
    }

    .md-espresso-page3__title {
        font-size: 26px;
    }

    /* Platforms */
    .md-espresso-platforms__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Popular: stack */
    .md-espresso-popular__layout {
        grid-template-columns: 1fr;
    }

    .md-espresso-popular__featured .md-espresso-card--hero {
        min-height: 350px;
    }

    .md-espresso-popular__featured .md-espresso-card--hero .md-espresso-card__image {
        min-height: 350px;
    }

    /* Showbiz protoselido sidebar hide on tablet */
    .md-espresso-showbiz__sidebar-proto {
        display: none;
    }

    /* Section header */
    .md-espresso-sh {
        margin-bottom: 24px;
    }

    /* Stories (Hollywood) */
    .md-espresso-stories__item {
        flex: 0 0 180px;
    }

}

/* ── Mobile (<=767px) ─────────────────────────────────────── */
@media (max-width: 767px) {
    /* Section */
    .md-espresso-section {
        padding: 30px 0;
    }

    .md-espresso-section__container {
        max-width: 100%;
    }

    /* Section header */
    .md-espresso-sh {
        margin-bottom: 16px;
    }

    .md-espresso-sh__label {
        font-size: 20px;
        letter-spacing: 4px;
    }

    .md-espresso-sh__more {
        font-size: 10px;
    }

    /* Section padding */
    .md-espresso-section {
        padding: 24px 12px;
    }

    /* Hero top: 1 column on mobile */
    .md-espresso-hero-top {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Hero carousel */
    .md-espresso-hero-mid {
        grid-template-columns: 1fr;
        height: auto;
    }

    .md-espresso-hero-carousel {
        height: 350px;
    }

    .md-espresso-hero-carousel__slide .md-espresso-card--hero,
    .md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image {
        min-height: 350px;
    }

    .md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__title {
        font-size: 22px;
    }

    .md-espresso-hero-carousel__arrow {
        width: 32px;
        height: 32px;
    }

    .md-espresso-hero-carousel__arrow svg {
        width: 16px;
        height: 16px;
    }

    .md-espresso-hero-carousel__num {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .md-espresso-hero-sidebar {
        flex-direction: row;
        height: auto;
        gap: 10px;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero {
        min-height: 180px;
        flex: 1;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero .md-espresso-card__image {
        min-height: 180px;
    }

    .md-espresso-hero-bottom {
        grid-template-columns: 1fr;
    }

    /* Showbiz */
    .md-espresso-showbiz__main {
        grid-template-columns: 1fr;
    }

    .md-espresso-showbiz__sidebar-proto {
        display: none;
    }

    .md-espresso-card--featured-split .md-espresso-card__link {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .md-espresso-card--featured-split .md-espresso-card__image {
        aspect-ratio: 16 / 9;
    }

    .md-espresso-card--featured-split .md-espresso-card__body {
        padding: 16px;
    }

    .md-espresso-card--featured-split .md-espresso-card__title {
        font-size: 18px;
    }

    .md-espresso-showbiz__grid {
        grid-template-columns: 1fr;
    }

    .md-espresso-showbiz__pills {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .md-espresso-showbiz__pill {
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* Popular */
    .md-espresso-popular__grid {
        grid-template-columns: 1fr;
    }

    /* Bento (Cover Story) */
    .md-espresso-bento {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child {
        grid-row: span 1;
    }

    /* Media swiper */
    .md-espresso-media-swiper__card {
        flex: 0 0 calc(50% - 8px);
    }

    /* Split10 (Reportaz) */
    .md-espresso-split10 {
        grid-template-columns: 1fr;
    }

    .md-espresso-split10__content {
        padding: 20px;
    }

    .md-espresso-split10__title {
        font-size: 20px;
    }

    .md-espresso-ticker5 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Hero3 (Politiki/Ygia/Politismos) */
    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image {
        aspect-ratio: 16 / 9;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__title {
        font-size: 22px;
    }

    .md-espresso-hero3__row {
        grid-template-columns: 1fr;
    }

    /* Sport */
    .md-espresso-sport__split {
        grid-template-columns: 1fr;
    }

    .md-espresso-sport__split-content {
        padding: 20px;
    }

    .md-espresso-sport__split-title {
        font-size: 20px;
    }

    .md-espresso-sport__ticker {
        grid-template-columns: 1fr 1fr;
    }

    /* Zodia */
    .md-espresso-zodia__grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Beaute */
    .md-espresso-beaute__hero-img {
        height: 280px;
    }

    .md-espresso-beaute__hero-title {
        font-size: 20px;
    }

    .md-espresso-beaute__grid {
        grid-template-columns: 1fr 1fr;
    }

    .md-espresso-beaute__header-title {
        font-size: 24px;
        letter-spacing: 4px;
    }

    /* Syntages */
    .md-espresso-syntages__grid {
        grid-template-columns: 1fr;
    }

    /* Card: Hero */
    .md-espresso-card--hero .md-espresso-card__image {
        min-height: 240px;
    }

    .md-espresso-card--hero .md-espresso-card__title {
        font-size: 16px;
    }

    .md-espresso-card--hero .md-espresso-card__overlay {
        padding: 16px;
    }

    /* Card: Editorial */
    .md-espresso-card--editorial .md-espresso-card__image {
        min-height: 280px;
    }

    .md-espresso-card--editorial .md-espresso-card__title {
        font-size: 20px;
    }

    .md-espresso-card--editorial .md-espresso-card__overlay {
        padding: 20px;
    }

    .md-espresso-card--editorial .md-espresso-card__excerpt {
        font-size: 13px;
    }

    /* Featured split card — stack */
    .md-espresso-card--featured-split .md-espresso-card__link {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .md-espresso-card--featured-split .md-espresso-card__image {
        border-radius: 0;
        aspect-ratio: 16 / 9;
    }

    .md-espresso-card--featured-split .md-espresso-card__body {
        border-radius: 0;
        padding: 20px;
    }

    .md-espresso-card--featured-split .md-espresso-card__title {
        font-size: 18px;
    }

    /* Showbiz grid */
    .md-espresso-showbiz__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .md-espresso-showbiz__pills {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .md-espresso-showbiz__pills::-webkit-scrollbar {
        display: none;
    }

    .md-espresso-showbiz__pill {
        white-space: nowrap;
        flex-shrink: 0;
        padding: 5px 12px;
        font-size: 11px;
    }

    /* Card: Standard */
    .md-espresso-card--standard .md-espresso-card__title {
        font-size: 15px;
    }

    .md-espresso-card--standard .md-espresso-card__excerpt {
        font-size: 12px;
    }

    /* Card: Story — reduce width */
    .md-espresso-stories__item {
        flex: 0 0 160px;
    }

    .md-espresso-card--story .md-espresso-card__title {
        font-size: 13px;
    }

    /* Showbiz */
    .md-espresso-showbiz__grid {
        grid-template-columns: 1fr;
    }

    /* Sport */
    .md-espresso-sport__split-title {
        font-size: 22px;
    }

    .md-espresso-sport__ticker {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Syntages */
    .md-espresso-syntages__grid {
        grid-template-columns: 1fr;
    }

    /* Zodiac */
    .md-espresso-zodia__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    /* Beauté */
    .md-espresso-beaute__nav {
        gap: 16px;
    }

    .md-espresso-beaute__header-title {
        font-size: 24px;
        letter-spacing: 4px;
    }

    .md-espresso-beaute__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .md-espresso-beaute__hero-title {
        font-size: 22px;
    }

    /* Video: 2 column thumbs */
    .md-espresso-video__thumbs {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .md-espresso-video__featured .md-espresso-card--video .md-espresso-card__image {
        min-height: 220px;
    }

    .md-espresso-video__featured .md-espresso-card__play svg {
        width: 44px;
        height: 44px;
    }

    /* Beauté: 2 columns */
    .md-espresso-beaute__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Pill tabs scroll on mobile */
    .md-espresso-tabs__nav--pills {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .md-espresso-tabs__nav--pills::-webkit-scrollbar {
        display: none;
    }

    .md-espresso-tabs__tab--pill {
        padding: 6px 14px;
        font-size: 12px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* Page 3 */
    .md-espresso-page3__hero {
        height: 320px;
    }

    .md-espresso-page3__title {
        font-size: 22px;
    }

    .md-espresso-page3__overlay {
        padding: 30px 20px;
    }

    .md-espresso-page3__strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /* Platforms: 2 columns */
    .md-espresso-platforms__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    /* Popular */
    .md-espresso-popular__featured .md-espresso-card--hero .md-espresso-card__title {
        font-size: 22px;
    }

    /* Typos */
    .md-espresso-typos__item {
        flex: 0 0 150px;
    }

    /* Newsletter */
    .md-espresso-section--newsletter {
        padding: 50px 0;
    }

    .md-espresso-newsletter__title {
        font-size: 26px;
    }

    .md-espresso-newsletter__subtitle {
        font-size: 14px;
    }

    .md-espresso-newsletter__input-wrap {
        flex-direction: column;
        border-radius: 0;
    }

    .md-espresso-newsletter__input {
        border-radius: 0;
        border-bottom: 1px solid var(--mde-gray-200);
    }

    .md-espresso-newsletter__submit {
        border-radius: 0;
    }

    .md-espresso-social-icons__link {
        width: 36px;
        height: 36px;
    }

    /* Social club */
    .md-espresso-socialclub__platforms {
        gap: 6px;
    }

    .md-espresso-socialclub__platform {
        font-size: 11px;
        padding: 4px 10px;
    }

    /* Poll */
    .md-espresso-poll {
        padding: 20px;
    }

    .md-espresso-poll__question {
        font-size: 18px;
    }

    .md-espresso-poll__option {
        padding: 10px 14px;
    }

    /* Card: Horizontal */
    .md-espresso-card--horizontal .md-espresso-card__rank {
        font-size: 26px;
        min-width: 32px;
    }

    .md-espresso-card--horizontal .md-espresso-card__thumb {
        width: 64px;
        height: 48px;
    }

    /* Card: List */
    .md-espresso-card--list .md-espresso-card__rank {
        font-size: 26px;
        min-width: 30px;
    }

    .md-espresso-card--list .md-espresso-card__thumb {
        width: 64px;
        height: 48px;
    }

    /* Agenda */
    .md-espresso-agenda__timeline {
        padding-left: 32px;
    }

    .md-espresso-agenda__item::before {
        left: -26px;
        width: 10px;
        height: 10px;
    }
}

/* ── Small Mobile (<=480px) ───────────────────────────────── */
@media (max-width: 480px) {
    /* Section */
    .md-espresso-section {
        padding: 30px 0;
    }

    .md-espresso-section__container {
        max-width: 100%;
    }

    /* Hero */
    .md-espresso-hero-top {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .md-espresso-hero-top .md-espresso-card--hero {
        min-height: 200px;
    }

    .md-espresso-hero-carousel {
        height: 320px;
    }

    .md-espresso-hero-carousel__slide .md-espresso-card--hero,
    .md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image {
        min-height: 320px;
    }

    .md-espresso-hero-carousel__arrow--prev {
        left: 8px;
    }

    .md-espresso-hero-carousel__arrow--next {
        right: 8px;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero {
        min-height: 180px;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero .md-espresso-card__image {
        min-height: 180px;
    }

    /* Card: Hero */
    .md-espresso-card--hero .md-espresso-card__image {
        min-height: 200px;
    }

    .md-espresso-card--hero .md-espresso-card__title {
        font-size: 14px;
    }

    .md-espresso-card--hero .md-espresso-card__overlay {
        padding: 12px;
    }

    .md-espresso-card--hero .md-espresso-card__cat-label {
        font-size: 9px;
    }

    /* Card: Editorial */
    .md-espresso-card--editorial .md-espresso-card__image {
        min-height: 240px;
    }

    .md-espresso-card--editorial .md-espresso-card__title {
        font-size: 18px;
    }

    .md-espresso-card--editorial .md-espresso-card__overlay {
        padding: 16px;
    }

    /* Card: Standard */
    .md-espresso-card--standard .md-espresso-card__title {
        font-size: 14px;
    }

    /* Stories */
    .md-espresso-stories__item {
        flex: 0 0 140px;
    }

    .md-espresso-card--story .md-espresso-card__title {
        font-size: 12px;
    }

    .md-espresso-card--story .md-espresso-card__cat-label {
        font-size: 8px;
    }

    /* Zodiac */
    .md-espresso-zodia__grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .md-espresso-zodia__symbol {
        font-size: 30px;
    }

    /* Video */
    .md-espresso-video__thumbs {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .md-espresso-video__featured .md-espresso-card--video .md-espresso-card__image {
        min-height: 180px;
    }

    /* Beauté: 1 column */
    .md-espresso-beaute__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    /* Page 3 */
    .md-espresso-page3__hero {
        height: 260px;
    }

    .md-espresso-page3__title {
        font-size: 18px;
    }

    .md-espresso-page3__overlay {
        padding: 20px 16px;
    }

    .md-espresso-page3__label {
        font-size: 10px;
    }

    .md-espresso-page3__strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    /* Platforms: 1 column */
    .md-espresso-platforms__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* Typos */
    .md-espresso-typos__item {
        flex: 0 0 130px;
    }

    .md-espresso-typos__caption {
        font-size: 11px;
    }

    /* Newsletter */
    .md-espresso-section--newsletter {
        padding: 36px 0;
    }

    .md-espresso-newsletter__title {
        font-size: 22px;
    }

    .md-espresso-newsletter__subtitle {
        font-size: 13px;
        margin-bottom: 20px;
    }

    /* Badge */
    .md-espresso-badge {
        font-size: 8px;
        padding: 2px 6px;
    }

    /* Poll */
    .md-espresso-poll {
        padding: 16px;
        border-radius: 0;
    }

    .md-espresso-poll__question {
        font-size: 16px;
    }

    .md-espresso-poll__option {
        padding: 10px 12px;
        gap: 8px;
    }

    .md-espresso-poll__submit {
        padding: 10px 24px;
        font-size: 12px;
    }

    /* Card: Horizontal */
    .md-espresso-card--horizontal .md-espresso-card__link {
        gap: 10px;
        padding: 12px 0;
    }

    .md-espresso-card--horizontal .md-espresso-card__rank {
        font-size: 22px;
        min-width: 28px;
    }

    .md-espresso-card--horizontal .md-espresso-card__title {
        font-size: 13px;
    }

    .md-espresso-card--horizontal .md-espresso-card__thumb {
        width: 56px;
        height: 42px;
    }

    /* Popular */
    .md-espresso-popular__layout {
        grid-template-columns: 1fr;
    }

    .md-espresso-popular__featured .md-espresso-card--hero {
        min-height: 280px;
    }

    .md-espresso-popular__featured .md-espresso-card--hero .md-espresso-card__image {
        min-height: 280px;
    }

    /* Social icons */
    .md-espresso-social-icons__link {
        width: 34px;
        height: 34px;
    }

    .md-espresso-social-icons__link svg {
        width: 16px;
        height: 16px;
    }

    /* Agenda */
    .md-espresso-agenda__timeline {
        padding-left: 28px;
    }

    .md-espresso-agenda__item {
        margin-bottom: 18px;
    }

    .md-espresso-agenda__item::before {
        left: -22px;
        width: 8px;
        height: 8px;
    }

    /* Section header */
    .md-espresso-sh__label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .md-espresso-sh__more {
        font-size: 11px;
    }
}