/*
Theme Name: Espresso Theme
Theme URI: https://www.espressonews.gr
Author: MINOANDESIGN
Author URI: https://www.minoandesign.gr
Description: Custom news magazine theme for espressonews.gr — modern editorial design with multiple section layouts, carousel, popular posts, and full responsive support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
License URI: https://www.minoandesign.gr
Text Domain: espresso-theme
Tags: news, magazine, editorial, custom-logo, custom-menu, featured-images, translation-ready
*/


* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #111;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }
a { color: inherit; }

.md-espresso-main {
    max-width: 1260px;
    margin: 0 auto;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Thin.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-ThinOblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-ThinOblique.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Light.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-LightOblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Regular.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Oblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Oblique.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Medium.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-MediumOblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-Bold.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-BoldOblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-BoldOblique.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-ExtraBold.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CF Panoptik';
    src: url('assets/fonts/panoptik/CFPanoptik-ExtraBoldOblique.woff2') format('woff2'),
         url('assets/fonts/panoptik/CFPanoptik-ExtraBoldOblique.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

[class^="md-espresso-"],
[class*=" md-espresso-"] {
    box-sizing: border-box;
}

.md-espresso-header img,
.md-espresso-header__fullmenu img {
    margin-bottom: 0 !important;
}

.md-espresso-header {
    position: sticky;
    top: 0;
    z-index: 9998;
}

.admin-bar .md-espresso-header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .md-espresso-header {
        top: 46px;
    }
}

@media (max-width: 600px) {
    .admin-bar .md-espresso-header {
        top: 0;
    }
}

.md-espresso-header__topbar {
    background: #d51317;
    padding: 0;
}

.md-espresso-header__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    height: 64px;
}

.md-espresso-header__left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.md-espresso-header__center {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.md-espresso-header__right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    position: relative;
}

.md-espresso-header__hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
}

.md-espresso-header__hamburger-box {
    width: 24px;
    height: 18px;
    position: relative;
    display: block;
}

.md-espresso-header__hamburger-line {
    display: block;
    position: absolute;
    left: 0;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6),
                opacity 0.3s ease,
                top 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6),
                width 0.3s ease;
}

.md-espresso-header__hamburger-line:nth-child(1) {
    top: 0;
    width: 100%;
}

.md-espresso-header__hamburger-line:nth-child(2) {
    top: 8px;
    width: 70%;
}

.md-espresso-header__hamburger-line:nth-child(3) {
    top: 16px;
    width: 50%;
}

.md-espresso-header__hamburger:hover .md-espresso-header__hamburger-line {
    width: 100%;
}

.md-espresso-header__hamburger.is-active .md-espresso-header__hamburger-line:nth-child(1) {
    top: 8px;
    width: 100%;
    transform: rotate(45deg);
}

.md-espresso-header__hamburger.is-active .md-espresso-header__hamburger-line:nth-child(2) {
    opacity: 0;
    width: 0;
    transform: translateX(-10px);
}

.md-espresso-header__hamburger.is-active .md-espresso-header__hamburger-line:nth-child(3) {
    top: 8px;
    width: 100%;
    transform: rotate(-45deg);
}

.md-espresso-header__date {
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 300;
    color: rgba(255,255,255,0.85);
    white-space: nowrap;
}

.md-espresso-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 64px;
}

.md-espresso-header__logo-img {
    max-height: 42px;
    width: auto;
    display: block;
    margin-bottom: 0 !important;
}

.md-espresso-header__logo-text {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

.md-espresso-header__proto-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s;
    padding: 6px 12px;
    border: 1px solid rgba(255,255,255,0.3);
}

.md-espresso-header__proto-link:hover {
    opacity: 0.8;
    border-color: rgba(255,255,255,0.6);
}

.md-espresso-header__proto-text {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.md-espresso-header__tv-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s;
    padding: 6px 12px;
    border: 1px solid rgba(255,255,255,0.3);
}

.md-espresso-header__tv-link:hover {
    opacity: 0.8;
    border-color: rgba(255,255,255,0.6);
}

.md-espresso-header__tv-text {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .md-espresso-header__proto-link,
    .md-espresso-header__tv-link {
        display: none;
    }
}

.md-espresso-header__search-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #fff;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.md-espresso-header__search-toggle:hover {
    opacity: 0.7;
}

.md-espresso-header__search-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 30%, rgba(255,255,255,0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(0,0,0,0.08) 0%, transparent 50%),
        linear-gradient(160deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);
    z-index: 10001;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.md-espresso-header__search-overlay.is-open {
    display: flex;
    opacity: 1;
}

.md-espresso-header__search-close {
    position: absolute;
    top: 20px;
    right: 24px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.md-espresso-header__search-close:hover {
    opacity: 0.6;
}

.md-espresso-header__search-close svg {
    width: 28px;
    height: 28px;
}

.md-espresso-header__search-inner {
    width: 100%;
    max-width: 680px;
    padding: 0 24px;
    text-align: center;
}

.md-espresso-header__search-logo {
    margin-bottom: 40px;
}

.md-espresso-header__search-logo img {
    max-height: 40px;
    width: auto;
    margin-bottom: 0 !important;
}

.md-espresso-header__search-label {
    font-family: var(--mde-sans);
    font-size: 15px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
    margin-bottom: 20px;
    display: block;
}

.md-espresso-header__search-form {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.15);
    padding: 0 20px;
    height: 60px;
}

.md-espresso-header__search-input {
    flex: 1;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 20px;
    font-weight: 400;
    outline: none;
}

.md-espresso-header__search-input::placeholder {
    color: rgba(255,255,255,0.5);
}

.md-espresso-header__search-submit {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    width: 36px;
    height: 36px;
    justify-content: center;
}

.md-espresso-header__search-submit:hover {
    opacity: 0.6;
}

.md-espresso-header__search-hint {
    font-family: var(--mde-sans);
    margin-top: 16px;
    font-size: 14px;
    color: rgba(255,255,255,0.4);
}

.md-espresso-header__search-hint kbd {
    background: rgba(255,255,255,0.15);
    padding: 2px 8px;
    font-family: inherit;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
}

@media (max-width: 767px) {
    .md-espresso-header__search-form {
        height: 50px;
        padding: 0 16px;
    }

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

    .md-espresso-header__search-label {
        font-size: 11px;
        margin-bottom: 16px;
    }

    .md-espresso-header__search-logo {
        margin-bottom: 30px;
    }

    .md-espresso-header__search-logo img {
        max-height: 32px;
    }

    .md-espresso-header__search-hint {
        display: none;
    }
}

.md-espresso-header__nav {
    background: #fff;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    z-index: 999;
}

.md-espresso-header__nav .md-espresso-header__container {
    max-width: 1260px;
    justify-content: center;
    height: 33px;
    padding: 0;
}

.md-espresso-header__menu {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    gap: 0;
}

.md-espresso-header__menu-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex;
    align-items: stretch;
}

.md-espresso-header__menu-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
    color: #29293a;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 4px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
    font-family: var(--mde-sans);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.md-espresso-header__menu-item > a:hover {
    color: #d51317;
    border-bottom-color: #d51317;
}

.md-espresso-header__fullmenu {
    display: none;
    position: fixed;
    top: 98px;
    left: 0;
    right: 0;
    bottom: auto;
    max-height: 60vh;
    background: linear-gradient(135deg, rgba(255,255,255,0.72) 0%, rgba(245,245,247,0.78) 100%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    backdrop-filter: blur(28px) saturate(180%);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 24px 48px rgba(17,17,17,0.18);
    z-index: 9997;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    transition: opacity .25s ease;
}

.admin-bar .md-espresso-header__fullmenu {
    top: calc(98px + 32px);
}

@media (max-width: 782px) {
    .admin-bar .md-espresso-header__fullmenu {
        top: calc(98px + 46px);
    }
}
.md-espresso-header__fullmenu.is-open {
    opacity: 1;
    animation: md-fm-fadein .3s ease;
}
@keyframes md-fm-fadein {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.md-espresso-header__fullmenu.is-open {
    display: block;
}

.md-espresso-header__fullmenu-topbar {
    display: none;
}

.md-espresso-header__fullmenu-topbar-inner {
    display: none;
}

.md-espresso-header__fullmenu-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    transition: opacity 0.2s;
}

.md-espresso-header__fullmenu-close:hover {
    opacity: 0.7;
}

.md-espresso-header__fullmenu-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.md-espresso-header__fullmenu-logo img {
    max-height: 42px;
    width: auto;
    margin-bottom: 0 !important;
}

.md-espresso-header__fullmenu-search {
    background: transparent;
    padding: 22px 20px 14px;
}

.md-espresso-header__fullmenu-actions {
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding: 20px 20px;
}
.md-espresso-header__fullmenu-actions-inner {
    max-width: 1260px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.md-espresso-header__fm-action {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    border: 1px solid rgba(17,17,17,0.06);
    border-radius: 14px;
    text-decoration: none;
    color: #111;
    transition: transform .25s ease, box-shadow .25s ease, border-color .2s ease, background .2s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17,17,17,0.04);
}
.md-espresso-header__fm-action::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 100% 0%, rgba(213,19,23,0.08), transparent 60%);
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
}
.md-espresso-header__fm-action::after { display: none; }
.md-espresso-header__fm-action:hover {
    border-color: rgba(213,19,23,0.4);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -10px rgba(213,19,23,0.22), 0 4px 10px rgba(17,17,17,0.06);
}
.md-espresso-header__fm-action:hover::before { opacity: 1; }
.md-espresso-header__fm-action-icon {
    flex-shrink: 0;
    width: 42px; height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #f5f5f7 0%, #ededef 100%);
    color: #1a1a1a;
    transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.md-espresso-header__fm-action:hover .md-espresso-header__fm-action-icon {
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    color: #fff;
    transform: scale(1.06);
    box-shadow: 0 6px 14px rgba(213,19,23,0.35);
}
.md-espresso-header__fm-action-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.md-espresso-header__fm-action-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.md-espresso-header__fm-action-text strong {
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #111;
}
.md-espresso-header__fm-action-text small {
    font-family: 'CF Panoptik', Tahoma, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.md-espresso-header__fm-action-arrow {
    flex-shrink: 0;
    font-size: 18px;
    color: #bbb;
    transition: all .2s ease;
}
.md-espresso-header__fm-action:hover .md-espresso-header__fm-action-arrow {
    color: #d51317;
    transform: translateX(4px);
}
@media (max-width: 900px) {
    .md-espresso-header__fullmenu-actions-inner { grid-template-columns: 1fr; gap: 10px; }
    .md-espresso-header__fm-action { padding: 12px 14px; }
    .md-espresso-header__fm-action-icon { width: 40px; height: 40px; }
}

.md-espresso-header__fullmenu-search-form {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,0.55);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 999px;
    padding: 14px 22px;
    box-shadow: 0 8px 28px rgba(17,17,17,0.08);
    transition: border-color .2s, box-shadow .2s;
}

.md-espresso-header__fullmenu-search-form:focus-within {
    border-color: rgba(213,19,23,0.55);
    box-shadow: 0 8px 28px rgba(213,19,23,0.15);
}

.md-espresso-header__fullmenu-search-form input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: inherit;
    background: transparent;
    color: #111;
}

.md-espresso-header__fullmenu-search-form input::placeholder {
    color: #888;
}

.md-espresso-header__fullmenu-body {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

.md-espresso-header__fullmenu-cats {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    padding: 32px 0;
    border-bottom: 1px solid #eee;
}

.md-espresso-header__fullmenu-group {
    padding-right: 20px;
}

.md-espresso-header__fullmenu-group-title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 600;
    color: #d51317;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(213,19,23,0.45);
}

.md-espresso-header__fullmenu-group-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.md-espresso-header__fullmenu-group-links li.is-main a {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    transition: color 0.2s;
}

.md-espresso-header__fullmenu-group-links li.is-sub a {
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-decoration: none;
    padding: 4px 0 4px 12px;
    display: block;
    transition: color 0.2s;
}

.md-espresso-header__fullmenu-group-links li a:hover {
    color: #d51317;
}

.md-espresso-header__fullmenu-bottom {
    padding: 24px 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-top: 1px solid #eee;
}

.md-espresso-header__fullmenu-pages {
    display: flex;
    gap: 24px;
}

.md-espresso-header__fullmenu-pages a {
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #777;
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-header__fullmenu-pages a:hover {
    color: #d51317;
}

.md-espresso-header__fullmenu-social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.md-espresso-header__fullmenu-social-label {
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
}

.md-espresso-header__fullmenu-social-icons {
    display: flex;
    gap: 16px;
}

.md-espresso-header__fullmenu-social-icons a {
    color: #555;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.md-espresso-header__fullmenu-social-icons a:hover {
    color: #d51317;
}

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

@media (max-width: 1018px) {
    .md-espresso-header__nav {
        display: none;
    }

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

    .md-espresso-header__logo-img {
        max-height: 36px;
    }
}

@media (max-width: 767px) {
    .md-espresso-header__date {
        display: none;
    }

    .md-espresso-header__logo-img {
        max-height: 32px;
    }

    .md-espresso-header__container {
        padding: 0 12px;
        height: 54px;
    }

    .md-espresso-header__fullmenu {
        top: 54px !important;
        max-height: calc(100vh - 54px);
        max-height: calc(100dvh - 54px);
        background: #ffffff;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-bottom: 0;
        box-shadow: 0 12px 24px rgba(0,0,0,0.18);
    }

    .admin-bar .md-espresso-header__fullmenu {
        top: 54px !important;
        max-height: calc(100vh - 54px);
        max-height: calc(100dvh - 54px);
    }

    .md-espresso-header__fullmenu-search {
        padding: 14px 14px 8px;
    }

    .md-espresso-header__fullmenu-search-form {
        padding: 8px 14px;
    }

    .md-espresso-header__fullmenu-actions {
        padding: 12px 14px;
    }

    .md-espresso-header__fullmenu-actions-inner {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .md-espresso-header__fm-action {
        padding: 12px 14px;
    }

    .md-espresso-header__fullmenu-cats {
        grid-template-columns: 1fr 1fr !important;
        gap: 18px 14px;
        padding: 18px 14px;
    }

    .md-espresso-header__fullmenu-group {
        padding-right: 0;
    }

    .md-espresso-header__fullmenu-group-title {
        font-size: 14px;
        margin-bottom: 10px;
        padding-bottom: 6px;
    }

    .md-espresso-header__fullmenu-group-links li.is-main a {
        font-size: 14px;
        padding: 4px 0;
    }

    .md-espresso-header__fullmenu-group-links li.is-sub a {
        font-size: 12px;
        padding: 3px 0 3px 10px;
    }

    .md-espresso-header__fullmenu-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 18px 14px 28px;
    }

    .md-espresso-header__fullmenu-pages {
        flex-wrap: wrap;
        gap: 14px;
    }

    .md-espresso-header__fullmenu-social {
        flex-direction: row;
        align-items: center;
        gap: 14px;
    }

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

    .md-espresso-header__fullmenu.is-open {
        display: flex;
        flex-direction: column;
        background: #fff;
    }
    .md-espresso-header__fullmenu-topbar { order: 0; }
    .md-espresso-header__fullmenu-search { order: 1; }
    .md-espresso-header__fullmenu-body {
        order: 2;
        display: contents;
    }
    .md-espresso-header__fullmenu-cats {
        order: 2;
        padding: 6px 16px 14px !important;
        gap: 22px 18px !important;
        border-bottom: 0;
    }
    .md-espresso-header__fullmenu-actions {
        order: 3;
        border-bottom: 0;
        border-top: 1px solid rgba(0,0,0,0.08);
        padding: 16px 14px 20px;
        background: #fff;
    }
    .md-espresso-header__fullmenu-bottom {
        order: 4;
        padding: 20px 16px 32px !important;
        margin-top: 0;
        border-top: 1px solid rgba(0,0,0,0.08);
        background: #fafafa;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .md-espresso-header__fullmenu-group {
        background: transparent;
        border: 0;
        border-radius: 0;
        padding: 10px 0 0;
        border-top: 2px solid #d51317;
    }
    .md-espresso-header__fullmenu-group-title {
        color: #111;
        font-family: var(--mde-sans);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        margin: 0 0 10px;
        padding: 0;
        border: 0;
        display: block;
    }
    .md-espresso-header__fullmenu-group-title::before { display: none; }

    .md-espresso-header__fullmenu-group-links li.is-main a {
        font-family: var(--mde-sans);
        font-size: 14px;
        font-weight: 600;
        color: #1a1a1a;
        padding: 5px 0;
        border-radius: 0;
        background: transparent;
    }
    .md-espresso-header__fullmenu-group-links li.is-sub a {
        font-family: var(--mde-sans);
        font-size: 12.5px;
        color: #666;
        padding: 3px 0 3px 14px;
        border-radius: 0;
        position: relative;
    }
    .md-espresso-header__fullmenu-group-links li.is-sub a::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 50%;
        width: 6px;
        height: 1px;
        background: #d51317;
        transform: translateY(-50%);
    }
    .md-espresso-header__fullmenu-group-links li a:active {
        color: #d51317;
        background: transparent;
    }

    .md-espresso-header__fullmenu-pages {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }
    .md-espresso-header__fullmenu-pages a {
        display: inline-flex;
        align-items: center;
        padding: 7px 14px;
        border: 1px solid #e5e5e5;
        background: #fff;
        border-radius: 999px;
        font-family: var(--mde-sans);
        font-size: 11px;
        font-weight: 700;
        color: #555;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }
    .md-espresso-header__fullmenu-social {
        justify-content: center;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .md-espresso-header__fullmenu-social-label {
        text-align: center;
        font-size: 11px;
        letter-spacing: 0.8px;
        color: #888;
    }
    .md-espresso-header__fullmenu-social-icons {
        display: flex;
        gap: 10px;
        justify-content: center;
    }
    .md-espresso-header__fullmenu-social-icons a {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        color: #555;
    }
    .md-espresso-header__fullmenu-social-icons a svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1200px) {
    .md-espresso-header__fullmenu-cats {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .md-espresso-header__fullmenu-cats {
        grid-template-columns: repeat(3, 1fr);
    }
}

:root {
    --mde-serif: "CF Panoptik", Georgia, "Times New Roman", serif;
    --mde-sans: "CF Panoptik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --mde-primary: #d51317;
    --mde-black: #111111;
    --mde-white: #ffffff;
    --mde-cream: #faf8f5;
    --mde-gray-100: #f5f5f5;
    --mde-gray-200: #e8e8e8;
    --mde-gray-400: #999999;
    --mde-gray-600: #666666;
    --mde-gold: #c9a96e;
    --mde-pink: #d4788c;
    --mde-sport: #1a472a;
    --mde-cinema: #1a1a2e;
    --mde-purple: #2d1b4e;
}

body,
.md-espresso-homepage,
.md-espresso-header,
.md-espresso-footer,
.espresso-single,
.espresso-category {
    line-height: 1;
}

.md-espresso-homepage {
    font-family: var(--mde-sans);
    color: var(--mde-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 20px;
}

[class*="__time"],
[class*="__meta"],
[class*="__date"],
[class*="-time"],
[class*="__list-time"],
[class*="__grid-time"],
[class*="__featured-time"] {
    font-family: "CF Panoptik", Tahoma, sans-serif !important;
}

[class*="__title"],
[class*="__label"],
.md-espresso-sh__label {
}

[class*="__cat-label"],
[class*="__cat"],
[class*="-badge"],
.md-espresso-badge {
    font-family: "CF Panoptik", var(--mde-sans) !important;
}

.md-espresso-section {
    padding: 40px 0;
    position: relative;
}

.md-espresso-section__container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}

.md-espresso-homepage__with-sidebar {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 30px;
    align-items: start;
}

.md-espresso-homepage__main {
    min-width: 0;
}

.md-espresso-homepage__main .md-espresso-section {
    padding: 0;
}

.md-espresso-homepage__sidebar {
    position: sticky;
    top: 100px;
    align-self: start;
}

.md-espresso-homepage__sidebar .md-espresso-section {
    padding: 0;
}

.md-espresso-homepage__sidebar .md-espresso-section--doppio {
    width: auto;
    margin-left: 0;
    padding: 30px 20px;
    border-radius: 4px;
}

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

.md-espresso-homepage__sidebar .md-espresso-doppio__list {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(201,169,110,0.2);
    padding-top: 16px;
}

.md-espresso-homepage__sidebar .md-espresso-doppio__featured-img {
    aspect-ratio: 16 / 9;
}

.md-espresso-sidebar-popular {
    background: #fff;
    border: 1px solid var(--mde-gray-200);
    padding: 24px;
}

.md-espresso-sidebar-popular__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 3px solid var(--mde-primary);
    text-transform: uppercase;
    line-height: 1.1;
}

.md-espresso-sidebar-popular__item {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
    transition: background 0.2s;
}

.md-espresso-sidebar-popular__item:last-child {
    border-bottom: none;
}

.md-espresso-sidebar-popular__item:hover {
    background: rgba(0,0,0,0.01);
}

.md-espresso-sidebar-popular__rank {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    color: var(--mde-primary);
    min-width: 32px;
    flex-shrink: 0;
}

.md-espresso-sidebar-popular__body {
    flex: 1;
    min-width: 0;
}

.md-espresso-sidebar-popular__item-title {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.md-espresso-sidebar-popular__item:hover .md-espresso-sidebar-popular__item-title {
    color: var(--mde-primary);
}

.md-espresso-sidebar-popular__time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 13px;
    color: var(--mde-gray-400);
}

.md-espresso-sidebar-popular__thumb {
    width: 80px;
    height: 60px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 2px;
}

.md-espresso-sidebar-popular__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-homepage__sidebar .md-espresso-doppio__title {
    font-size: 22px;
    line-height: 1.1;
}

.md-espresso-sidebar-popular--glass {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #06101e;
    background-image:
        linear-gradient(160deg, rgba(6,12,28,0.88) 0%, rgba(8,20,44,0.78) 55%, rgba(12,28,60,0.78) 100%),
        url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=900&q=70');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.12) inset,
        0 30px 60px -20px rgba(0,0,0,0.5),
        0 12px 28px -12px rgba(0,0,0,0.35);
    padding: 26px 22px 16px;
    isolation: isolate;
}

.md-espresso-sidebar-popular--glass::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(213,19,23,0.22), transparent 55%),
        radial-gradient(ellipse at 0% 100%, rgba(60,120,220,0.18), transparent 60%);
}

.md-espresso-sidebar-popular__aurora {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.md-espresso-sidebar-popular__blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.5;
}

.md-espresso-sidebar-popular__blob--a {
    width: 260px; height: 260px;
    top: -90px; right: -100px;
    background: radial-gradient(circle, rgba(213,19,23,0.55), transparent 70%);
}

.md-espresso-sidebar-popular__blob--b {
    width: 220px; height: 220px;
    bottom: -70px; left: -80px;
    background: radial-gradient(circle, rgba(70,130,220,0.4), transparent 70%);
}

.md-espresso-sidebar-popular--glass > * { position: relative; z-index: 1; }

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #fff;
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.18);
    position: relative;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);
    line-height: 1.1;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 54px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #d51317, #ff4d50);
    box-shadow: 0 0 14px rgba(213,19,23,0.7);
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item {
    padding: 13px 10px 13px 6px;
    margin: 0 -6px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    gap: 14px;
    align-items: center;
    transition: transform 0.25s ease, background 0.25s ease;
    border-radius: 8px;
    position: relative;
    color: #fff;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item:last-child { border-bottom: 0; }

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item:hover {
    background: linear-gradient(90deg, rgba(213,19,23,0.15), rgba(213,19,23,0.02));
    transform: translateX(3px);
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item:hover .md-espresso-sidebar-popular__item-title {
    color: #ffd0d2;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__rank {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255,255,255,0.55);
    min-width: 30px;
    transition: color 0.25s, -webkit-text-stroke-color 0.25s;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item:hover .md-espresso-sidebar-popular__rank {
    color: #d51317;
    -webkit-text-stroke-color: #ff4d50;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__item-title {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    transition: color 0.2s;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.md-espresso-sidebar-popular--glass .md-espresso-sidebar-popular__thumb {
    width: 72px;
    height: 54px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 8px 18px -6px rgba(0,0,0,0.55);
    overflow: hidden;
}

.md-espresso-homepage__sidebar .md-espresso-doppio__featured-title {
    font-size: 24px;
}

.md-espresso-homepage__sidebar .md-espresso-ad-slot {
    margin-bottom: 20px;
}

.md-espresso-homepage__sidebar .md-espresso-ad-placeholder {
    width: 300px;
    height: 250px;
}

@media (max-width: 1018px) {
    .md-espresso-homepage__with-sidebar {
        grid-template-columns: 1fr;
    }
    .md-espresso-homepage__sidebar {
        position: static;
    }
}

.md-espresso-sh {
    margin-bottom: 32px;
    text-align: center;
}

.md-espresso-sh__top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.md-espresso-sh__label {
    font-family: var(--mde-serif);
    font-size: 38px;
    font-weight: 900;
    text-transform: none;
    white-space: nowrap;
    text-decoration: none;
    transition: opacity .2s;
}
.md-espresso-sh__label:hover { opacity: .75; }

.md-espresso-sh__line {
    flex: 1;
    height: 1px;
    background: var(--mde-gray-200);
}

.md-espresso-sh__more {
    font-size: 15px;
    font-weight: 600;
    color: var(--mde-gray-400);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
    display: block;
    margin-top: 8px;
}

.md-espresso-sh__more:hover {
    color: var(--mde-primary);
}

.md-espresso-hero-top {
    display: grid;
    grid-template-columns: repeat(4, 300px);
    gap: 20px;
    margin-top: 0;
    justify-content: space-between;
}

.md-espresso-hero-top .md-espresso-card--standard {
    width: 300px;
    height: 235px;
    display: flex;
    flex-direction: column;
    background: #000;
}

.md-espresso-hero-top .md-espresso-card--standard:nth-child(1),
.md-espresso-hero-top .md-espresso-card--standard:nth-child(2) {
    background: #eeeeee;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__image {
    position: relative;
    overflow: hidden;
}

.md-espresso-hero-top .md-espresso-card--standard:nth-child(3) .md-espresso-card__image::after,
.md-espresso-hero-top .md-espresso-card--standard:nth-child(4) .md-espresso-card__image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to top, rgb(0,0,0) 0%, rgba(0,0,0,0.7) 33%, rgba(0,0,0,0.3) 66%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    z-index: 1;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__excerpt,
.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__meta,
.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__cat-label {
    display: none;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__image {
    width: 300px;
    height: 169px;
    flex-shrink: 0;
    aspect-ratio: auto;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__body {
    background: transparent;
    padding: 10px 12px 4px;
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2lh;
    max-height: 2lh;
    overflow-wrap: break-word;
    hyphens: none;
}

.md-espresso-hero-top .md-espresso-card--standard:nth-child(1) .md-espresso-card__title,
.md-espresso-hero-top .md-espresso-card--standard:nth-child(2) .md-espresso-card__title {
    color: #29293a;
    line-height: 1.1;
    min-height: 2lh;
    max-height: 2lh;
}

.md-espresso-hero-top .md-espresso-card--standard:hover {
    transform: none;
    box-shadow: none;
}

.md-espresso-hero-top .md-espresso-card--standard:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-hero-mid {
    display: grid;
    grid-template-columns: 940px 300px;
    gap: 20px;
    margin-top: 24px;
    height: 601px;
}

.md-espresso-hero-carousel {
    position: relative;
    width: 100%;
    height: 601px;
    overflow: hidden;
    border-radius: 0;
}

.md-espresso-hero-carousel__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
}

.md-espresso-hero-carousel__slide.is-active {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

.md-espresso-hero-carousel__slide .md-espresso-card--hero {
    height: 100%;
    min-height: 601px;
}

.md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__link {
    height: 100%;
    display: block;
}

.md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image {
    height: 100%;
    min-height: 601px;
    position: absolute;
    inset: 0;
}

.md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

.md-espresso-hero-carousel__mmeta {
    display: none;
}

.md-espresso-hero-carousel__mmeta-excerpt {
    display: none;
}

.md-espresso-hero-carousel__nums {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
    justify-content: center;
}

.md-espresso-hero-carousel__num {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--mde-sans);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.md-espresso-hero-carousel__num:hover {
    background: rgba(255,255,255,0.2);
}

.md-espresso-hero-carousel__num.is-active {
    background: var(--mde-primary);
    color: #fff;
}

.md-espresso-hero-carousel__arrow {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    width: 65px;
    height: 60px;
    border-radius: 0;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    padding: 0;
    text-align: center;
}

.md-espresso-hero-carousel__arrow svg {
    width: 47px;
    height: 46px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5));
}

.md-espresso-hero-carousel__arrow:hover {
    background-color: rgba(94,94,111,0.8);
    color: #fff;
}

.md-espresso-hero-carousel__arrow--prev {
    left: 0;
    transform: none;
}

.md-espresso-hero-carousel__arrow--next {
    right: 0;
    transform: none;
}

.md-espresso-hero-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    height: 601px;
    overflow: visible;
}

.md-espresso-hero-sidebar .md-espresso-card--standard {
    flex: 0 0 auto;
    width: 300px;
    height: 221px;
    display: flex;
    flex-direction: column;
    background: #f2dfce;
}

.md-espresso-hero-sidebar .md-espresso-hero-sidebar__featured {
    flex: 0 0 auto;
    width: 300px;
    height: 364px;
    position: relative;
    overflow: hidden;
    background: #222526;
    border-radius: 0;
}

.md-espresso-hero-sidebar__featured .md-espresso-card__link {
    display: block;
    height: 100%;
    position: relative;
}

.md-espresso-hero-sidebar .md-espresso-hero-sidebar__featured .md-espresso-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
}

.md-espresso-hero-sidebar .md-espresso-hero-sidebar__featured .md-espresso-card__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.35);
    transform-origin: center 40%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
}

.md-espresso-hero-sidebar__featured .md-espresso-card__gradient {
    z-index: 1;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to top, #222526 0%, #222526 25%, rgba(34,37,38,0.85) 55%, rgba(34,37,38,0.45) 80%, rgba(34,37,38,0) 100%);
}

.md-espresso-hero-sidebar__featured .md-espresso-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 18px 20px;
    z-index: 2;
    text-align: center;
}

.md-espresso-hero-sidebar__featured .md-espresso-card__title {
    margin: 0;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    line-height: 1.1;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__excerpt,
.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__meta,
.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__cat-label {
    display: none;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__image {
    width: 300px;
    height: 164px;
    flex-shrink: 0;
    aspect-ratio: auto;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__body {
    background: transparent;
    padding: 7px 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__title {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    color: #29293a;
    text-align: center;
    line-height: 1.1;
}

.md-espresso-hero-sidebar .md-espresso-card--standard:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__title {
    font-size: 37px;
    font-weight: 800;
    text-align: center;
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    max-width: 100%;
    line-height: 1.1;
    word-break: normal;
    overflow-wrap: break-word;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__subtitle {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: rgba(255,255,255,0.95);
    margin: 8px 0 0;
    max-width: 900px;
    font-family: var(--mde-sans);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden;
    line-height: 1.25;
    max-height: 2.5em;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__overlay {
    bottom: 48px;
    padding: 10px 30px 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    max-width: 900px;
    text-align: center;
    align-items: center;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__cat-label,
.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__time {
    align-self: center;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__gradient {
    z-index: 1;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    top: auto;
    background: linear-gradient(to top, #222526, #222526, #222526, rgba(34,37,38,.9), rgba(19,27,29,0.6), rgba(34,37,38,0));
}

/* Hero carousel: ΑΠΟΚΛΕΙΣΤΙΚΟ / ΜΟΝΟ ΣΤΗΝ Espresso badge */
.md-espresso-hero-exclusive {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 5;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    font-family: var(--mde-sans);
    color: #fff;
    line-height: 1;
    pointer-events: none;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    transform: rotate(-3deg);
}
.md-espresso-hero-exclusive__top {
    background: #d51317;
    color: #fff;
    padding: 8px 14px 6px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.18em;
    border-bottom: 1px solid rgba(0,0,0,0.18);
}
.md-espresso-hero-exclusive__bottom {
    background: #fff;
    color: #111;
    padding: 6px 14px 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.md-espresso-hero-exclusive__bottom em {
    font-family: var(--mde-serif);
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #d51317;
    letter-spacing: 0;
    line-height: 1;
}

.md-espresso-hero-bottom {
    display: grid;
    grid-template-columns: 940px 300px;
    gap: 20px;
    margin-top: 24px;
    justify-content: space-between;
}

.md-espresso-hero-newsgrid {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    gap: 20px 20px;
    row-gap: 28px;
    justify-content: space-between;
}

.md-espresso-hero-newsgrid__card {
    width: 300px;
    display: flex;
    flex-direction: column;
    background: transparent;
}

.md-espresso-hero-newsgrid__img {
    display: block;
    width: 300px;
    height: 169px;
    overflow: hidden;
}

.md-espresso-hero-newsgrid__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-hero-newsgrid__header {
    padding: 12px 0 0;
}

.md-espresso-hero-newsgrid__header a {
    font-size: 13px;
    font-weight: 600;
    color: #d51317;
    text-decoration: none;
    text-transform: none;
    font-family: var(--mde-sans);
}

.md-espresso-hero-newsgrid__header a:hover {
    text-decoration: underline;
}

.md-espresso-hero-newsgrid__title {
    margin: 0;
    padding: 10px 0 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #29293a;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}

.md-espresso-hero-newsgrid__title a {
    color: inherit;
    text-decoration: none;
}

.md-espresso-hero-newsgrid__title a:hover {
    color: #d51317;
}

.md-espresso-hero-aging {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.md-espresso-hero-aging__ad {
    width: 300px;
}

.md-espresso-hero-aging__ad-placeholder {
    display: none;
}

.md-espresso-hero-aging__card {
    width: 300px;
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
}

.md-espresso-hero-aging__img {
    width: 300px;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.md-espresso-hero-aging__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17px;
    background-image: url('assets/images/background-beige-aging.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
    z-index: 1;
    pointer-events: none;
}

.md-espresso-hero-aging__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-hero-aging__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-image: url('assets/images/background-beige-aging.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    padding: 24px 14px 14px 14px;
    text-align: left;
}

.md-espresso-hero-aging__date {
    font-size: 13px;
    font-weight: 600;
    color: #29293a;
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-family: 'CF Panoptik', var(--mde-sans) !important;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(41, 41, 58, 0.35);
}

.md-espresso-hero-aging__title {
    font-size: 19px;
    font-weight: 600;
    color: #29293a;
    font-family: 'CF Panoptik', var(--mde-sans) !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1;
}

/* Aging card variant for sport sidebar (340px wide) */
.md-espresso-hero-aging--sport,
.md-espresso-hero-aging--sport .md-espresso-hero-aging__card,
.md-espresso-hero-aging--sport .md-espresso-hero-aging__img {
    width: 100%;
}
.md-espresso-hero-aging--sport .md-espresso-hero-aging__img {
    height: 408px;
}

/* Page-3-Girl vertical slider (replaces aging card in hero-bottom) */
.md-espresso-hero-p3g {
    position: relative;
    width: 300px;
    height: 520px;
    background: #0a0a0f;
    overflow: hidden;
    color: #fff;
}
.md-espresso-hero-p3g__head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 12px 14px;
    background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
}
.md-espresso-hero-p3g__kicker {
    display: inline-block;
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    background: #d51317;
    padding: 6px 10px;
}
.md-espresso-hero-p3g__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.md-espresso-hero-p3g__track {
    position: relative;
    width: 100%;
    height: 100%;
}
.md-espresso-hero-p3g__slide {
    position: absolute;
    inset: 0;
    display: block;
    text-decoration: none;
    color: inherit;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, opacity;
    pointer-events: none;
}
.md-espresso-hero-p3g__slide.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    z-index: 2;
}
.md-espresso-hero-p3g__slide.is-prev {
    transform: translateY(-100%);
}
.md-espresso-hero-p3g__img {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.md-espresso-hero-p3g__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.md-espresso-hero-p3g__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.85) 100%);
    pointer-events: none;
}
.md-espresso-hero-p3g__content {
    position: absolute;
    left: 14px;
    right: 56px;
    bottom: 18px;
    z-index: 3;
}
.md-espresso-homepage .md-espresso-hero-p3g__title,
.md-espresso-hero-p3g__title {
    display: block !important;
    -webkit-line-clamp: none !important;
    -webkit-box-orient: initial !important;
    max-height: 2.4em !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-family: 'CF Panoptik', var(--mde-sans);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
.md-espresso-hero-p3g__arrow {
    position: absolute;
    right: 12px;
    z-index: 4;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.55);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18);
    cursor: pointer;
    transition: background 0.2s;
    padding: 0;
}
.md-espresso-hero-p3g__arrow:hover {
    background: #d51317;
    border-color: #d51317;
}
.md-espresso-hero-p3g__arrow--prev { top: 14px; right: 14px; }
.md-espresso-hero-p3g__arrow--next { bottom: 14px; right: 14px; }
.md-espresso-hero-p3g__progress {
    position: absolute;
    left: 14px;
    bottom: 6px;
    right: 56px;
    z-index: 4;
    display: flex;
    gap: 4px;
}
.md-espresso-hero-p3g__bar {
    flex: 1;
    height: 3px;
    background: rgba(255,255,255,0.22);
    overflow: hidden;
    position: relative;
}
.md-espresso-hero-p3g__bar-fill {
    display: block;
    height: 100%;
    width: 0%;
    background: #d51317;
    transition: width 60ms linear;
}
.md-espresso-hero-p3g__bar.is-filled .md-espresso-hero-p3g__bar-fill { width: 100%; }

.md-espresso-sport-banner {
    position: relative;
    width: 300px;
    height: 364px;
    min-height: 364px;
    overflow: hidden;
    background: #000;
    border-radius: 0;
    flex: 0 0 auto;
}

.md-espresso-sport-banner__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0s linear 0.6s;
    text-decoration: none;
    color: inherit;
    display: block;
    pointer-events: none;
}

.md-espresso-sport-banner__slide.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease, visibility 0s linear 0s;
    pointer-events: auto;
}

.md-espresso-sport-banner__img {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.md-espresso-sport-banner__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-sport-banner__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0.15) 75%, rgba(0,0,0,0) 100%);
    pointer-events: none;
}

.md-espresso-sport-banner__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    padding: 0 18px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.md-espresso-sport-banner__kicker {
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    opacity: 0.9;
}

.md-espresso-sport-banner__title {
    color: #fff;
    font-family: var(--mde-serif, var(--mde-sans));
    font-size: 24px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1;
}

.md-espresso-sport-banner__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.55);
    color: #fff;
    cursor: pointer;
    z-index: 4;
    padding: 0;
    opacity: 0.85;
    transition: background 0.2s, opacity 0.2s;
}

.md-espresso-sport-banner__arrow:hover {
    background: rgba(0,0,0,0.8);
    opacity: 1;
}

.md-espresso-sport-banner__arrow--prev { left: 8px; }
.md-espresso-sport-banner__arrow--next { right: 8px; }

.md-espresso-sport-banner__progress {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 10px;
    z-index: 3;
    display: flex;
    gap: 4px;
}

.md-espresso-sport-banner__bar {
    flex: 1 1 0;
    height: 3px;
    background: rgba(255,255,255,0.25);
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.md-espresso-sport-banner__bar-fill {
    display: block;
    position: absolute;
    inset: 0;
    width: 0;
    background: var(--mde-primary, #d51317);
    transition: width 0.1s linear;
}

.md-espresso-sport-banner__bar.is-filled .md-espresso-sport-banner__bar-fill {
    width: 100%;
    transition: none;
}

.md-espresso-hero-ad {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
}

.md-espresso-hero-ad__placeholder {
    display: none;
}

.md-espresso-hero-bottom .md-espresso-card--standard .md-espresso-card__excerpt {
    display: none;
}

.md-espresso-hero-bottom .md-espresso-card--standard .md-espresso-card__image {
    aspect-ratio: 16 / 9;
}

.md-espresso-hero-bottom .md-espresso-card--standard:hover {
    transform: none;
    box-shadow: none;
}

.md-espresso-hero-bottom .md-espresso-card--standard:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 1.1 !important;
    max-height: 2lh !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Lock all card title styling on hover so nothing reflows or animates */
.md-espresso-card:hover .md-espresso-card__title,
.md-espresso-card__link:hover .md-espresso-card__title,
[class*="-card"]:hover .md-espresso-card__title,
[class*="__card"]:hover .md-espresso-card__title {
    line-height: 1.1 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.md-espresso-card--standard .md-espresso-card__title { font-size: 21px; }
.md-espresso-card--list .md-espresso-card__title { font-size: 24px; }
.md-espresso-card--video .md-espresso-card__title { font-size: 24px; }
.md-espresso-card--story .md-espresso-card__title { font-size: 24px; }
.md-espresso-card--horizontal .md-espresso-card__title { font-size: 24px; }
.md-espresso-card--editorial .md-espresso-card__title { font-size: 38px; }
.md-espresso-card--featured-split .md-espresso-card__title { font-size: 32px; }

.md-espresso-card {
    position: relative;
    overflow: hidden;
}

.md-espresso-card__link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.md-espresso-card--hero {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.md-espresso-card--hero .md-espresso-card__image {
    height: 100%;
    min-height: 300px;
    overflow: hidden;
}

.md-espresso-card--hero .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-card--hero:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card--hero .md-espresso-card__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%, transparent 100%);
}

.md-espresso-card--hero .md-espresso-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    z-index: 2;
}

.md-espresso-card--hero .md-espresso-card__cat-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: rgba(255,255,255,0.85);
    margin-bottom: 8px;
    display: block;
}

.md-espresso-card--hero .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.1;
}

.md-espresso-card--hero .md-espresso-card__time {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    margin-top: 8px;
    display: block;
}

.md-espresso-card--standard {
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}

.md-espresso-card--standard:hover {
    transform: none;
    box-shadow: none;
}

.md-espresso-card--standard .md-espresso-card__link {
    display: block;
}

.md-espresso-card--standard .md-espresso-card__image {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    position: relative;
}

.md-espresso-card--standard .md-espresso-card__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-card--standard:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card--standard .md-espresso-card__body {
    padding: 16px 0;
}

.md-espresso-card--standard .md-espresso-card__cat-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: var(--mde-primary);
    margin-bottom: 6px;
    display: block;
}

.md-espresso-card--standard .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 19px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0 0 6px;
    line-height: 1.1;
}

.md-espresso-card--standard .md-espresso-card__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 18px;
    color: var(--mde-gray-600);
    margin: 0 0 8px;
}

.md-espresso-card--standard .md-espresso-card__meta {
    font-size: 15px;
    color: var(--mde-gray-400);
}

.md-espresso-card--list {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--mde-gray-200);
}

.md-espresso-card--list .md-espresso-card__rank {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    color: var(--mde-gray-200);
    min-width: 36px;
    text-align: center;
}

.md-espresso-card--list .md-espresso-card__link {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    text-decoration: none;
}

.md-espresso-card--list .md-espresso-card__body {
    flex: 1;
}

.md-espresso-card--list .md-espresso-card__title {
    font-size: 22px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
    transition: color 0.2s;
    line-height: 1.1;
}

.md-espresso-card--list:hover .md-espresso-card__title {
    color: var(--mde-primary);
    line-height: 1.1;
}

.md-espresso-card--list .md-espresso-card__meta {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-card--list .md-espresso-card__thumb {
    width: 80px;
    height: 60px;
    border-radius: 0;
    overflow: hidden;
    flex-shrink: 0;
}

.md-espresso-card--list .md-espresso-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-card--video {
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.md-espresso-card--video .md-espresso-card__link {
    display: block;
}

.md-espresso-card--video .md-espresso-card__image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
}

.md-espresso-card--video .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-card--video:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card--video .md-espresso-card__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, transparent 60%);
}

.md-espresso-card--video .md-espresso-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0.85;
    transition: opacity 0.3s, transform 0.3s;
}

.md-espresso-card--video:hover .md-espresso-card__play {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.md-espresso-card--video .md-espresso-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 2;
}

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

.md-espresso-card--video .md-espresso-card__cat-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: rgba(255,255,255,0.85);
    margin-bottom: 6px;
    display: block;
}

.md-espresso-card--video .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.1;
}

.md-espresso-card--editorial {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    height: 100%;
}

.md-espresso-card--editorial .md-espresso-card__link {
    display: block;
    height: 100%;
}

.md-espresso-card--editorial .md-espresso-card__image {
    height: 100%;
    min-height: 420px;
    position: relative;
}

.md-espresso-card--editorial .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-card--editorial:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card--editorial .md-espresso-card__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%);
}

.md-espresso-card--editorial .md-espresso-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    z-index: 2;
}

.md-espresso-card--editorial .md-espresso-card__cat-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: var(--mde-primary);
    display: block;
    margin-bottom: 10px;
}

.md-espresso-card--editorial .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    line-height: 1.1;
}

.md-espresso-card--editorial .md-espresso-card__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 18px;
    color: rgba(255,255,255,0.75);
    margin: 0;
}

.md-espresso-card--story {
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.md-espresso-card--story .md-espresso-card__link {
    display: block;
}

.md-espresso-card--story .md-espresso-card__image {
    aspect-ratio: 9 / 16;
    position: relative;
}

.md-espresso-card--story .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-card--story:hover .md-espresso-card__image img {
    transform: none;
}

.md-espresso-card--story .md-espresso-card__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, transparent 100%);
}

.md-espresso-card--story .md-espresso-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 2;
}

.md-espresso-card--story .md-espresso-card__cat-label {
    font-size: 12px;
    text-transform: none;
    color: rgba(255,255,255,0.85);
    margin-bottom: 4px;
    display: block;
}

.md-espresso-card--story .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.1;
}

.md-espresso-card--horizontal {
    border-bottom: 1px solid var(--mde-gray-200);
}

.md-espresso-card--horizontal .md-espresso-card__link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    text-decoration: none;
}

.md-espresso-card--horizontal .md-espresso-card__rank {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    color: var(--mde-gray-200);
    min-width: 40px;
}

.md-espresso-card--horizontal .md-espresso-card__body {
    flex: 1;
}

.md-espresso-card--horizontal .md-espresso-card__title {
    font-size: 22px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
    transition: color 0.2s;
    line-height: 1.1;
}

.md-espresso-card--horizontal:hover .md-espresso-card__title {
    color: var(--mde-primary);
    line-height: 1.1;
}

.md-espresso-card--horizontal .md-espresso-card__meta {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-card--horizontal .md-espresso-card__thumb {
    width: 80px;
    height: 60px;
    border-radius: 0;
    overflow: hidden;
    flex-shrink: 0;
}

.md-espresso-card--horizontal .md-espresso-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-showbiz__pills {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.md-espresso-showbiz__pill {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    border: 1.5px solid var(--mde-primary);
    background: transparent;
    color: var(--mde-primary);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s;
}

.md-espresso-showbiz__pill:hover {
    background: var(--mde-primary);
    color: #fff;
}

.md-espresso-showbiz__main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 24px;
    align-items: stretch;
}

.md-espresso-showbiz__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.md-espresso-showbiz__sidebar-proto {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.md-espresso-proto {
    background: #faf8f5;
    border: 1px solid #e8e4df;
    padding: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.md-espresso-proto__label {
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mde-primary);
    margin-bottom: 16px;
}

.md-espresso-proto__link {
    display: block;
    text-decoration: none;
}

.md-espresso-proto__frame {
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.md-espresso-proto__frame:hover {
    transform: none;
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
}

.md-espresso-proto__frame img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.md-espresso-proto__caption {
    display: block;
    font-family: var(--mde-serif);
    font-size: 14px;
    font-weight: 600;
    color: var(--mde-black);
    text-align: center;
    margin-top: 8px;
}

.md-espresso-proto__link:hover .md-espresso-proto__caption {
    color: var(--mde-primary);
}

.md-espresso-card--featured-split {
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

.md-espresso-card--featured-split .md-espresso-card__link {
    display: block;
    position: relative;
    text-decoration: none;
}

.md-espresso-card--featured-split .md-espresso-card__image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.md-espresso-card--featured-split .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.md-espresso-card--featured-split:hover .md-espresso-card__image img {
    transform: scale(1.03);
}

.md-espresso-card--featured-split .md-espresso-card__gradient {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    z-index: 1;
}

.md-espresso-card--featured-split .md-espresso-card__overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 28px 32px 26px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    z-index: 2;
}

.md-espresso-card--featured-split .md-espresso-card__cat-label {
    font-family: var(--mde-sans);
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: var(--mde-primary);
    padding: 4px 10px;
    margin: 0;
    line-height: 1;
}

.md-espresso-card--featured-split .md-espresso-card__title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-shadow: 0 2px 12px rgba(0,0,0,0.45);
    line-height: 1.1;
}

.md-espresso-card--featured-split:hover .md-espresso-card__title {
    color: #fff;
    opacity: 0.95;
    line-height: 1.1;
}

.md-espresso-card--featured-split .md-espresso-card__excerpt {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255,255,255,0.92);
    margin: 0;
    text-shadow: 0 1px 6px rgba(0,0,0,0.55);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: max-height 0.4s ease, opacity 0.3s ease 0.05s, margin 0.4s ease;
}

.md-espresso-card--featured-split:hover .md-espresso-card__excerpt {
    max-height: 80px;
    opacity: 1;
    margin-top: 2px;
}

.md-espresso-card--featured-split .md-espresso-card__time {
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
}

.md-espresso-showbiz__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: auto;
}

.md-espresso-showbiz__grid .md-espresso-card--standard {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__image {
    aspect-ratio: 4 / 3;
    flex-shrink: 0;
}

.md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__body {
    flex: 1;
}

.md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__excerpt {
    display: none;
}

.md-espresso-section--hollywood {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 40px 0;
}

.md-espresso-section--hollywood .md-espresso-section__container {
    max-width: none;
    width: 100%;
    padding: 0;
}

.md-espresso-section--hollywood .md-espresso-sh {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.md-espresso-stories-wrap {
    position: relative;
}

.md-espresso-stories {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px 8px;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.md-espresso-stories-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--mde-primary);
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    transition: background 0.2s, transform 0.2s, opacity 0.2s;
}

.md-espresso-stories-arrow:hover {
    background: #b00d10;
    transform: translateY(-50%) scale(1.05);
}

.md-espresso-stories-arrow:disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.md-espresso-stories-arrow svg {
    width: 22px;
    height: 22px;
}

.md-espresso-stories-arrow--prev { left: 16px; }
.md-espresso-stories-arrow--next { right: 16px; }

.md-espresso-section--hollywood .md-espresso-card--story .md-espresso-card__image {
    aspect-ratio: 8 / 10;
}

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

.md-espresso-stories__item {
    scroll-snap-align: start;
    flex: 0 0 330px;
}

.md-espresso-section--sport .md-espresso-sh {
    text-align: center;
    margin-bottom: 10px;
}
.md-espresso-section--sport .md-espresso-sh__top {
    justify-content: center;
    gap: 0;
}
.md-espresso-section--sport .md-espresso-sh__line {
    display: none;
}
.md-espresso-section--sport .md-espresso-sh__label {
    font-family: var(--mde-serif);
    font-size: 34px !important;
    font-weight: 700 !important;
    text-transform: none;
    color: #0f1419 !important;
    position: relative;
    padding-bottom: 10px;
}
.md-espresso-section--sport .md-espresso-sh__label::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 64px;
    height: 3px;
    background: var(--mde-sport, #1a472a);
}

.md-espresso-sport__split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    margin: 26px 0 40px;
    align-items: stretch;
}

.md-espresso-sport__split-img {
    display: block;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

.md-espresso-sport__split-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.md-espresso-sport__split-img:hover img {
    transform: scale(1.03);
}

.md-espresso-sport__split-content {
    background: transparent;
    padding: 0 4px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.md-espresso-sport__split-cat {
    display: inline-block;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--mde-sport, #1a472a);
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--mde-sport, #1a472a);
    align-self: flex-start;
}

.md-espresso-sport__split-title {
    font-family: var(--mde-serif);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #0f1419;
    margin: 0 0 14px;
}

.md-espresso-sport__split-title a {
    color: inherit;
    text-decoration: none;
}

.md-espresso-sport__split-title a:hover {
    color: var(--mde-sport, #1a472a);
}

.md-espresso-sport__split-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #42474d;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-sport__split-time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8b9096;
}

.md-espresso-sport__ticker {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-top: 24px;
    border-top: 1px solid #e4e6e9;
}

.md-espresso-sport__ticker-card:nth-child(5) { display: none; }

.md-espresso-sport__ticker-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-sport__ticker-img {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 0;
    margin-bottom: 10px;
}

.md-espresso-sport__ticker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.md-espresso-sport__ticker-card:hover .md-espresso-sport__ticker-img img {
    transform: scale(1.04);
}

.md-espresso-sport__ticker-title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f1419;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-sport__ticker-card:hover .md-espresso-sport__ticker-title {
    color: var(--mde-sport, #1a472a);
}

.md-espresso-sport__ticker-time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #8b9096;
    display: block;
}

@media (max-width: 900px) {
    .md-espresso-sport__split { grid-template-columns: 1fr; }
    .md-espresso-sport__ticker { grid-template-columns: repeat(2, 1fr); }
    .md-espresso-sport__ticker-card:nth-child(5) { display: block; }
    .md-espresso-section--sport .md-espresso-sh__label { font-size: 26px !important; }
}

.md-espresso-sport__newsletter {
    background: linear-gradient(145deg, #1a472a 0%, #0d2818 100%);
    border-radius: 6px;
    padding: 28px 22px;
    text-align: center;
}

.md-espresso-sport__nl-icon {
    margin-bottom: 14px;
    opacity: 0.85;
}

.md-espresso-sport__nl-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px;
}

.md-espresso-sport__nl-text {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin: 0 0 18px;
}

.md-espresso-sport__nl-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.md-espresso-sport__nl-input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.md-espresso-sport__nl-input::placeholder {
    color: rgba(255,255,255,0.45);
}

.md-espresso-sport__nl-input:focus {
    border-color: rgba(255,255,255,0.5);
}

.md-espresso-sport__nl-btn {
    width: 100%;
    padding: 10px;
    background: #fff;
    color: #1a472a;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}

.md-espresso-sport__nl-btn:hover {
    background: #e8e8e8;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .md-espresso-sport__newsletter {
        max-width: 400px;
    }
}


.md-espresso-zodia__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
    margin-bottom: 40px;
}

.md-espresso-zodia__hero-main {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-zodia__hero-img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 16px;
    background: #f4f2f0;
}

.md-espresso-zodia__hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}
.md-espresso-zodia__hero-main:hover .md-espresso-zodia__hero-img img {
    transform: scale(1.03);
}

.md-espresso-zodia__hero-body {
    padding: 0;
}

.md-espresso-zodia__hero-cat {
    display: inline-block;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #2d1b4e;
    margin-bottom: 10px;
}

.md-espresso-zodia__hero-title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #0f1419;
    margin: 0 0 12px;
}

.md-espresso-zodia__hero-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #42474d;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-zodia__hero-time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8b9096;
}

.md-espresso-zodia__side {
    display: block;
    padding-left: 0;
    border-left: 0;
    align-self: start;
}

.md-espresso-zodia__side-item {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 14px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e2de;
}
.md-espresso-zodia__side-item:last-of-type { border-bottom: 0; padding-bottom: 0; }

.md-espresso-zodia__side-thumb {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f4f2f0;
}
.md-espresso-zodia__side-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}
.md-espresso-zodia__side-item:hover .md-espresso-zodia__side-thumb img {
    transform: scale(1.05);
}

.md-espresso-zodia__side-body { min-width: 0; }

.md-espresso-zodia__side-cat {
    display: block;
    font-family: var(--mde-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2d1b4e;
    margin-bottom: 4px;
}

.md-espresso-zodia__side-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: #0f1419;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s ease;
}
.md-espresso-zodia__side-item:hover .md-espresso-zodia__side-title { color: #2d1b4e; }

.md-espresso-zodia__ad {
    position: sticky;
    top: 110px;
    width: 300px;
    max-width: 100%;
    margin: 0 0 0 auto;
}

@media (max-width: 1018px) {
    .md-espresso-zodia__ad {
        position: static;
        margin: 0 auto;
    }
}
.md-espresso-zodia__ad-placeholder {
    display: none;
}

body.admin-bar .md-espresso-zodia__ad { top: 142px; }

.md-espresso-zodia__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding-top: 28px;
    border-top: 1px solid #e4e2de;
}

.md-espresso-zodia__card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-zodia__card-img {
    aspect-ratio: 8 / 5;
    overflow: hidden;
    margin-bottom: 12px;
    background: #f4f2f0;
}

.md-espresso-zodia__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}
.md-espresso-zodia__card:hover .md-espresso-zodia__card-img img {
    transform: scale(1.05);
}

.md-espresso-zodia__card-body { padding: 0; }

.md-espresso-zodia__card-title {
    font-family: var(--mde-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f1419;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s ease;
}
.md-espresso-zodia__card:hover .md-espresso-zodia__card-title { color: #2d1b4e; }

.md-espresso-zodia__card-time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8b9096;
}

@media (max-width: 1100px) {
    .md-espresso-zodia__hero { grid-template-columns: 1fr; gap: 30px; }
    .md-espresso-zodia__side { padding-left: 0; border-left: 0; }
    .md-espresso-zodia__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

.md-espresso-typos__scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 10px 0 20px;
    scrollbar-width: none;
}

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

.md-espresso-typos__item {
    scroll-snap-align: start;
    flex: 0 0 180px;
    perspective: 600px;
}

.md-espresso-typos__frame {
    background: #fff;
    border: 6px solid #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    border-radius: 0;
    overflow: hidden;
}

.md-espresso-typos__item:hover .md-espresso-typos__frame {
    transform: none;
    box-shadow: none;
}

.md-espresso-typos__frame img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

.md-espresso-typos__caption {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 8px;
    color: var(--mde-black);
    display: block;
}

.md-espresso-section--video {
    background: var(--mde-cinema);
    color: #fff;
}

.md-espresso-section--video .md-espresso-sh__label {
    color: #f44336 !important;
}

.md-espresso-section--video .md-espresso-sh__line {
    background: rgba(255,255,255,0.1);
}

.md-espresso-section--video .md-espresso-sh__more {
    color: rgba(255,255,255,0.4);
}

.md-espresso-video__featured {
    margin-bottom: 16px;
}

.md-espresso-video__featured .md-espresso-card--video .md-espresso-card__image {
    aspect-ratio: 16 / 9;
    min-height: 400px;
    border-radius: 0;
}

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

.md-espresso-section--video .md-espresso-card__title {
    color: #fff;
    line-height: 1.1;
}

.md-espresso-section--beaute {
    background: #fff;
}

.md-espresso-beaute__header {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}

.md-espresso-beaute__header-line {
    flex: 1;
    height: 1px;
    background: var(--mde-pink);
}

.md-espresso-beaute__header-title {
    font-family: var(--mde-serif);
    font-size: 34px;
    font-weight: 400;
    color: var(--mde-pink);
    margin: 0;
}

.md-espresso-beaute__hero {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.md-espresso-beaute__hero-img {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.md-espresso-beaute__hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-beaute__hero-gradient {
    display: none;
}

.md-espresso-beaute__hero-overlay {
    position: relative;
    padding: 16px 0 0;
}

.md-espresso-beaute__hero-cat {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: var(--mde-pink);
    display: block;
    margin-bottom: 8px;
}

.md-espresso-beaute__hero-title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    color: var(--mde-black);
    margin: 0;
}

.md-espresso-beaute__hero-time {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 8px;
    display: block;
}

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

.md-espresso-beaute__grid-item {
    text-decoration: none;
    color: inherit;
    display: block;
}

.md-espresso-beaute__grid-img {
    overflow: hidden;
    height: 250px;
    margin-bottom: 10px;
}

.md-espresso-beaute__grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-beaute__grid-title {
    font-family: var(--mde-serif);
    font-size: 19px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
}

.md-espresso-beaute__grid-item:hover .md-espresso-beaute__grid-title {
    color: var(--mde-pink);
}

.md-espresso-beaute__grid-time {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-section.md-espresso-by-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
    min-height: 620px;
}

.md-espresso-by-split__panel {
    padding: 60px;
    position: relative;
}

.md-espresso-by-split__panel--pink {
    background: #e8d5d0;
}

.md-espresso-by-split__panel--sage {
    background: #d4dcd0;
}

.md-espresso-by-split__label {
    font-family: var(--mde-serif);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 20px;
}

.md-espresso-by-split__title {
    font-family: var(--mde-serif);
    font-size: 80px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 30px;
    color: #111;
    line-height: 1.1;
}

.md-espresso-by-split__featured {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-by-split__featured img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: opacity 0.3s;
}

.md-espresso-by-split__featured:hover img {
    opacity: 0.9;
}

.md-espresso-by-split__post-title {
    font-family: var(--mde-serif);
    font-size: 26px;
    font-weight: 600;
    color: #111;
    margin: 0 0 12px;
    transition: color 0.2s;
}

.md-espresso-by-split__featured:hover .md-espresso-by-split__post-title {
    color: #555;
}

.md-espresso-by-split__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    color: #555;
    margin: 0;
}

@media (max-width: 768px) {
    .md-espresso-section.md-espresso-by-split {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .md-espresso-by-split__panel {
        padding: 40px 30px;
    }
    .md-espresso-by-split__title {
        font-size: 60px;
    line-height: 1.1;
}
}

.md-espresso-section--by {
    background: transparent;
    padding: 50px 0;
}

.md-espresso-section.md-espresso-by-strip {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}
.md-espresso-by-strip__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.md-espresso-by-strip__card {
    display: grid;
    grid-template-columns: 45% 1fr;
    align-items: stretch;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.2,.8,.2,1);
    min-height: 260px;
}
.md-espresso-by-strip__card--cream { background: #f5eed9; }
.md-espresso-by-strip__card--coral { background: #f0d9d0; }

.md-espresso-by-strip__img {
    overflow: hidden;
    position: relative;
}
.md-espresso-by-strip__img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
    display: block;
}
.md-espresso-by-strip__card:hover .md-espresso-by-strip__img img {
    transform: scale(1.05);
}

.md-espresso-by-strip__body {
    padding: 36px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.md-espresso-by-strip__label {
    font-family: var(--mde-serif);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 6px;
}
.md-espresso-by-strip__title {
    font-family: var(--mde-serif);
    font-size: 26px;
    font-weight: 600;
    color: #111;
    margin: 0;
    transition: color .2s;
    line-height: 1.1;
}
.md-espresso-by-strip__card:hover .md-espresso-by-strip__title {
    color: #555;
    line-height: 1.1;
}
.md-espresso-by-strip__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 14px;
    color: #555;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.md-espresso-by-strip__more {
    display: inline-block;
    margin-top: 8px;
    font-family: var(--mde-serif);
    font-size: 13px;
    font-weight: 600;
    color: #111;
    text-transform: uppercase;
    transition: transform .2s ease;
}
.md-espresso-by-strip__card:hover .md-espresso-by-strip__more {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .md-espresso-by-strip__inner { grid-template-columns: 1fr; }
    .md-espresso-by-strip__card { grid-template-columns: 40% 1fr; min-height: 200px; }
    .md-espresso-by-strip__body { padding: 24px 24px; }
    .md-espresso-by-strip__title { font-size: 20px;
    line-height: 1.1;
}
}
@media (max-width: 600px) {
    .md-espresso-by-strip__card { grid-template-columns: 1fr; }
    .md-espresso-by-strip__img { aspect-ratio: 16/9; }
}

.md-espresso-by__header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
}

.md-espresso-by__header-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d4788c 40%, #2e8b7a 60%, transparent);
}

.md-espresso-by__header-labels {
    display: flex;
    align-items: center;
    gap: 12px;
}

.md-espresso-by__label {
    font-family: var(--mde-serif);
    font-size: 26px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.2s;
}

.md-espresso-by__label:hover {
    opacity: 0.7;
}

.md-espresso-by__label--omorfia {
    color: #d4788c;
}

.md-espresso-by__label--ygia {
    color: #2e8b7a;
}

.md-espresso-by__header-amp {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 300;
    color: #999;
}

.md-espresso-by__heroes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

.md-espresso-by__hero {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.md-espresso-by__hero-img {
    position: relative;
    height: 380px;
    overflow: hidden;
}

.md-espresso-by__hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.md-espresso-by__hero:hover .md-espresso-by__hero-img img {
    transform: scale(1.04);
}

.md-espresso-by__hero-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    pointer-events: none;
}

.md-espresso-by__hero-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    z-index: 2;
}

.md-espresso-by__hero-cat {
    display: inline-block;
    font-family: var(--mde-serif);
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 2px;
    margin-bottom: 10px;
}

.md-espresso-by__hero-cat--omorfia {
    background: #d4788c;
    color: #fff;
}

.md-espresso-by__hero-cat--ygia {
    background: #2e8b7a;
    color: #fff;
}

.md-espresso-by__hero-title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-by__hero-time {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
}

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

.md-espresso-by__card {
    text-decoration: none;
    color: inherit;
    display: block;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s;
}

.md-espresso-by__card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.md-espresso-by__card-img {
    height: 200px;
    overflow: hidden;
}

.md-espresso-by__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.md-espresso-by__card:hover .md-espresso-by__card-img img {
    transform: scale(1.04);
}

.md-espresso-by__card-body {
    padding: 14px 16px 16px;
}

.md-espresso-by__card-cat {
    font-family: var(--mde-serif);
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    color: #d4788c;
    margin-bottom: 6px;
    display: block;
}

.md-espresso-by__card-cat--ygia {
    color: #2e8b7a;
}

.md-espresso-by__card-title {
    font-family: var(--mde-serif);
    font-size: 23px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.md-espresso-by__card:hover .md-espresso-by__card-title {
    color: #d4788c;
}

.md-espresso-by__card:hover .md-espresso-by__card-cat--ygia ~ .md-espresso-by__card-title {
    color: #2e8b7a;
}

.md-espresso-by__card-time {
    font-size: 13px;
    color: var(--mde-gray-400);
    margin-top: 6px;
    display: block;
}

@media (max-width: 768px) {
    .md-espresso-by__heroes {
        grid-template-columns: 1fr;
    }
    .md-espresso-by__hero-img {
        height: 280px;
    }
    .md-espresso-by__grid {
        grid-template-columns: 1fr;
    }
    .md-espresso-by__label {
        font-size: 20px;
    }
}

.md-espresso-section--page3girl {
    position: relative;
    overflow: hidden;
    padding: 100px 0 80px;
    color: #fff;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #0a0407;
    background-image:
        linear-gradient(115deg, rgba(15,5,8,0.82) 0%, rgba(40,8,12,0.55) 50%, rgba(15,5,8,0.92) 100%),
        url('https://images.unsplash.com/photo-1603565816030-6b389eeb23cb?auto=format&fit=crop&w=2000&q=70');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.md-espresso-section--page3girl::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(700px 320px at 80% 0%, rgba(213,19,23,0.32), transparent 60%),
        radial-gradient(600px 280px at 0% 100%, rgba(212,120,140,0.18), transparent 65%);
    pointer-events: none;
    z-index: 1;
}

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

.md-espresso-section--page3girl .md-espresso-section__container {
    position: relative;
    z-index: 2;
}

.md-espresso-p3g__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px;
    background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 22px;
    padding: 44px 44px;
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    box-shadow:
        0 30px 60px rgba(0,0,0,0.55),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

@media (max-width: 900px) {
    .md-espresso-p3g__layout { grid-template-columns: 1fr; gap: 30px; padding: 28px 24px; }
    .md-espresso-section--page3girl { background-attachment: scroll; padding: 60px 0 40px; }
}

.md-espresso-p3g__label {
    display: block;
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 28px;
    position: relative;
    padding-bottom: 18px;
}

.md-espresso-p3g__label::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--mde-primary);
}

.md-espresso-p3g__title {
    font-family: var(--mde-serif);
    font-size: 50px;
    font-weight: 600;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1;
}

.md-espresso-p3g__title a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-p3g__title a:hover {
    color: var(--mde-primary);
}

.md-espresso-p3g__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 19px;
    color: rgba(255,255,255,0.6);
    margin: 0 0 28px;
}

.md-espresso-p3g__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    border: 0;
    border-radius: 999px;
    padding: 12px 26px;
    box-shadow: 0 10px 24px rgba(213,19,23,0.45), inset 0 1px 0 rgba(255,255,255,0.25);
    transition: transform .25s ease, box-shadow .25s ease, filter .2s ease;
}

.md-espresso-p3g__cta:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 14px 32px rgba(213,19,23,0.6), inset 0 1px 0 rgba(255,255,255,0.3);
}

.md-espresso-p3g__featured {
    position: relative;
}

.md-espresso-p3g__featured a {
    display: block;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 30px 70px rgba(0,0,0,0.65), 0 0 0 1px rgba(255,255,255,0.08);
}

.md-espresso-p3g__featured img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s;
}

.md-espresso-p3g__featured a:hover img {
    transform: scale(1.03);
}

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

.md-espresso-p3g__thumb {
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    text-decoration: none;
    color: #fff;
    display: block;
}

.md-espresso-p3g__thumb img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    transition: transform 0.4s;
    display: block;
}

.md-espresso-p3g__thumb:hover img {
    transform: scale(1.05);
}

.md-espresso-p3g__thumb-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    margin: 12px 0 0;
    color: rgba(255,255,255,0.85);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.md-espresso-p3g__thumb:hover .md-espresso-p3g__thumb-title {
    color: #fff;
}

@media (max-width: 768px) {
    .md-espresso-p3g__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .md-espresso-p3g__title {
        font-size: 28px;
    line-height: 1.1;
}
    .md-espresso-p3g__strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

.md-espresso-socialclub {
    background: #f4f1ea;
    padding: 50px 0 60px;
    width: 100vw;
    margin: 40px 0 40px calc(-50vw + 50%);
    position: relative;
    border-top: 4px solid #111;
    border-bottom: 4px solid #111;
    color: #111;
    overflow-x: clip;
}

.md-espresso-socialclub__head {
    background: #111;
    color: #fff;
    padding: 6px 22px;
    border: 3px solid #111;
    box-shadow: 6px 6px 0 #111;
    margin-bottom: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
}
.md-espresso-socialclub__head::before {
    content: "★";
    position: absolute;
    top: -16px; right: -16px;
    background: #d51317;
    color: #fff;
    width: 44px; height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 3px solid #111;
    transform: rotate(12deg);
    z-index: 2;
}

.md-espresso-socialclub__title {
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 44px;
    font-weight: 800;
    text-transform: none;
    margin: 0;
    color: #fff;
    line-height: 1.1;
}
.md-espresso-socialclub__title-link {
    color: inherit;
    text-decoration: none;
    transition: opacity .2s;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
}
.md-espresso-socialclub__title-link:hover {
    opacity: .85;
}
.md-espresso-socialclub__title-em {
    background: #d51317;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    transform: rotate(-2deg);
}

.md-espresso-socialclub__head-meta {
    font-family: "Courier New", monospace;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    align-items: center;
}
.md-espresso-socialclub__pulse {
    display: inline-block;
    width: 10px; height: 10px;
    background: #d51317;
    border-radius: 50%;
    margin-right: 8px;
    animation: sc-pulse 1.2s ease-in-out infinite;
}
@keyframes sc-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .4; transform: scale(1.4); }
}

.md-espresso-socialclub__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.md-espresso-socialclub__card {
    background: #fff;
    border: 4px solid #111;
    box-shadow: 8px 8px 0 #afafaf;
    text-decoration: none;
    color: #111;
    transition: transform .15s ease, box-shadow .15s ease;
    position: relative;
    overflow: hidden;
    display: block;
}
.md-espresso-socialclub__card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 12px 12px 0 #111;
}
.md-espresso-socialclub__card:nth-child(3n+1):hover { box-shadow: 12px 12px 0 #d51317; }
.md-espresso-socialclub__card:nth-child(3n+2):hover { box-shadow: 12px 12px 0 #6b6b6b; }
.md-espresso-socialclub__card:nth-child(3n+3):hover { box-shadow: 12px 12px 0 #c9a96e; }

.md-espresso-socialclub__card-num {
    position: absolute;
    top: 0; left: 0;
    background: #111;
    color: #fff;
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 20px;
    font-weight: 600;
    padding: 5px 12px;
    border-right: 4px solid #111;
    border-bottom: 4px solid #111;
    z-index: 2;
}

.md-espresso-socialclub__card-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-bottom: 4px solid #111;
    display: block;
    filter: contrast(1.05) saturate(1.05);
}
.md-espresso-socialclub__card-img--empty {
    background: repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 10px, #e0e0e0 10px, #e0e0e0 20px);
}

.md-espresso-socialclub__card-body {
    padding: 14px 16px 16px;
}

.md-espresso-socialclub__card-tag {
    display: inline-block;
    background: #111;
    color: #fff;
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 10px;
    font-weight: 600;
    padding: 4px 9px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.md-espresso-socialclub__card-tag--ig { background: #d51317; color: #fff; }
.md-espresso-socialclub__card-tag--yt { background: #b00f12; color: #fff; }
.md-espresso-socialclub__card-tag--x  { background: #111;    color: #fff; }
.md-espresso-socialclub__card-tag--fb { background: #4a5568; color: #fff; }

.md-espresso-socialclub__card-title {
    font-family: var(--mde-sans);
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 14px;
    color: #111;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-socialclub__card-meta {
    font-family: "Courier New", monospace;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 2px solid #111;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.md-espresso-socialclub__card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px; height: 26px;
    background: #111;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.md-espresso-socialclub__footer {
    margin-top: 40px;
    text-align: center;
}
.md-espresso-socialclub__more {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 18px 44px;
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border: 4px solid #111;
    box-shadow: 8px 8px 0 #d51317;
    transition: transform .15s, box-shadow .15s;
}
.md-espresso-socialclub__more:hover {
    transform: translate(-4px, -4px);
    box-shadow: 12px 12px 0 #d51317;
}

.md-espresso-socialclub .md-espresso-sh { display: none; }

@media (max-width: 960px) {
    .md-espresso-socialclub__title { font-size: 32px;
    line-height: 1.1;
}
    .md-espresso-socialclub__grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .md-espresso-socialclub__card-title { font-size: 20px; }
    .md-espresso-socialclub__head { padding: 20px 22px; }
}
@media (max-width: 600px) {
    .md-espresso-socialclub { padding: 40px 0 50px; overflow: hidden; }
    .md-espresso-socialclub__title { font-size: 28px;
    line-height: 1.1;
}
    .md-espresso-socialclub__grid { grid-template-columns: 1fr; gap: 16px; }
    .md-espresso-socialclub__card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 #111 !important; }
    .md-espresso-socialclub__more { padding: 16px 32px; font-size: 16px; }
    .md-espresso-socialclub__head { flex-direction: column; align-items: flex-start; }
    .md-espresso-socialclub__head::before { top: -10px; right: 6px; }
}

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

.md-espresso-syntages__card {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.md-espresso-syntages__card-img {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
}

.md-espresso-syntages__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-syntages__card:hover .md-espresso-syntages__card-img img {
    transform: none;
}

.md-espresso-syntages__card-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
}

.md-espresso-syntages__card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

.md-espresso-syntages__card-cat {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: #d4652a;
    display: block;
    margin-bottom: 6px;
}

.md-espresso-syntages__card-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.md-espresso-syntages__card-time {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    margin-top: 6px;
    display: block;
}

.md-espresso-bento {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 300px 300px;
    gap: 8px;
}

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

.md-espresso-bento .md-espresso-card--hero {
    height: 100%;
    min-height: 0;
}

.md-espresso-bento .md-espresso-card--hero .md-espresso-card__link {
    height: 100%;
    display: block;
}

.md-espresso-bento .md-espresso-card--hero .md-espresso-card__image {
    height: 100%;
    min-height: 0;
    position: absolute;
    inset: 0;
}

.md-espresso-bento .md-espresso-card--hero .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-bento .md-espresso-card--hero {
    position: relative;
}

.md-espresso-bento .md-espresso-card--hero:first-child .md-espresso-card__title {
    font-size: 36px;
    line-height: 1.1;
}

.md-espresso-media-swiper {
    position: relative;
    padding-bottom: 56px;
}

.md-espresso-media-swiper__viewport {
    overflow: hidden;
    border-radius: 0;
}

.md-espresso-media-swiper__track {
    display: flex;
    gap: 16px;
    transition: transform 0.55s cubic-bezier(.4,0,.2,1);
}

.md-espresso-media-swiper__card {
    flex: 0 0 calc(33.333% - 14px);
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 14px 36px rgba(0,0,0,0.28);
    transition: transform .3s ease, box-shadow .3s ease;
}

.md-espresso-media-swiper__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.4);
}

.md-espresso-media-swiper__img {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
    background: #000;
}

.md-espresso-media-swiper__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.md-espresso-media-swiper__card:hover .md-espresso-media-swiper__img img {
    transform: scale(1.05);
}

.md-espresso-media-swiper__gradient {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(0deg, rgba(10,5,6,0.92) 0%, rgba(20,6,8,0.55) 35%, rgba(0,0,0,0) 70%),
        radial-gradient(ellipse at 10% 100%, rgba(213,19,23,0.22), transparent 60%);
    pointer-events: none;
}

.md-espresso-media-swiper__overlay {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 100%);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 0;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow:
        0 8px 20px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.15);
    z-index: 2;
}

.md-espresso-media-swiper__title {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin: 0;
    text-shadow: 0 1px 8px rgba(0,0,0,0.45);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-media-swiper__time {
    font-family: var(--mde-sans);
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    margin-top: 6px;
    display: block;
    letter-spacing: 0.3px;
}

.md-espresso-media-swiper__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.md-espresso-media-swiper__arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(213,19,23,0.4), inset 0 1px 0 rgba(255,255,255,0.22);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.md-espresso-media-swiper__arrow:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(213,19,23,0.55), inset 0 1px 0 rgba(255,255,255,0.25);
}

.md-espresso-media-swiper__arrow:disabled,
.md-espresso-media-swiper__arrow.is-disabled {
    filter: grayscale(0.5) brightness(0.85);
    opacity: 0.5;
    cursor: not-allowed;
}

.md-espresso-media-swiper__dots {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.md-espresso-media-swiper__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0,0,0,0.15);
    border: 0;
    cursor: pointer;
    padding: 0;
    transition: background .2s, transform .2s, width .25s ease;
}

.md-espresso-media-swiper__dot:hover { background: rgba(213,19,23,0.5); }

.md-espresso-media-swiper__dot.is-active {
    background: #d51317;
    width: 28px;
    border-radius: 999px;
}

body.dark-mode .md-espresso-media-swiper__dot { background: rgba(255,255,255,0.2); }

.md-espresso-split10 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-bottom: 16px;
}

.md-espresso-split10__img {
    display: block;
    overflow: hidden;
}

.md-espresso-split10__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.md-espresso-split10__img:hover img {
    transform: none;
}

.md-espresso-split10__content {
    background: var(--mde-gray-100);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.md-espresso-split10__cat {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: var(--mde-primary);
    display: block;
    margin-bottom: 12px;
}

.md-espresso-split10__title {
    font-family: var(--mde-serif);
    font-size: 28px;
    font-weight: 800;
    color: var(--mde-black);
    margin: 0 0 14px;
    line-height: 1.1;
}

.md-espresso-split10__title a {
    color: inherit;
    text-decoration: none;
}

.md-espresso-split10__title a:hover {
    color: var(--mde-primary);
}

.md-espresso-split10__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 17px;
    color: var(--mde-gray-600);
    margin: 0 0 14px;
}

.md-espresso-split10__time {
    font-size: 14px;
    color: var(--mde-gray-400);
}

.md-espresso-ticker5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.md-espresso-ticker5__card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-ticker5__img {
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.md-espresso-ticker5__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-ticker5__card:hover .md-espresso-ticker5__img img {
    transform: none;
}

.md-espresso-ticker5__title {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--mde-black);
    margin: 8px 0 0;
}

.md-espresso-ticker5__card:hover .md-espresso-ticker5__title {
    color: var(--mde-primary);
    line-height: 1.1;
}

.md-espresso-ticker5__time {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-hero3__hero {
    margin-bottom: 16px;
}

.md-espresso-hero3__hero .md-espresso-card--hero {
    height: auto;
    min-height: 0;
}

.md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image {
    min-height: 0;
    aspect-ratio: 16 / 9;
}

.md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__title {
    font-size: 42px;
    line-height: 1.1;
}

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

.md-espresso-hero3__card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.md-espresso-hero3__card-img {
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.md-espresso-hero3__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-hero3__card:hover .md-espresso-hero3__card-img img {
    transform: none;
}

.md-espresso-hero3__card-body {
    padding: 10px 0;
}

.md-espresso-hero3__card-cat {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    color: var(--mde-primary);
    display: block;
    margin-bottom: 4px;
}

.md-espresso-hero3__card-title {
    font-family: var(--mde-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--mde-black);
    margin: 0;
}

.md-espresso-hero3__card:hover .md-espresso-hero3__card-title {
    color: var(--mde-primary);
}

.md-espresso-hero3__card-time {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-politiki-news .md-espresso-section__container {
    padding: 0;
}

.md-espresso-politiki-news__masthead {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    border-top: 3px solid #111;
    border-bottom: 1px solid #111;
    padding: 14px 0;
    margin-bottom: 28px;
}

.md-espresso-politiki-news__dateline {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.md-espresso-politiki-news__title {
    font-family: var(--mde-serif);
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    margin: 0;
    color: #111;
    line-height: 1.1;
}

.md-espresso-politiki-news__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-politiki-news__title a:hover {
    color: var(--mde-primary);
}

.md-espresso-politiki-news__masthead-right {
    text-align: right;
}

.md-espresso-politiki-news__more {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: var(--mde-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-politiki-news__more:hover {
    color: #111;
}

.md-espresso-politiki-news__layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 32px;
    align-items: start;
}

.md-espresso-politiki-news__lead {
    position: relative;
}

.md-espresso-politiki-news__lead-img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.md-espresso-politiki-news__lead-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

.md-espresso-politiki-news__lead-img:hover img {
    transform: scale(1.03);
}

.md-espresso-politiki-news__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #111;
    color: #fff;
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    font-weight: 600;
    padding: 6px 12px;
    z-index: 2;
}

.md-espresso-politiki-news__timestamp {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.md-espresso-politiki-news__lead-title {
    font-family: var(--mde-serif);
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 14px;
}

.md-espresso-politiki-news__lead-title a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-politiki-news__lead-title a:hover {
    color: var(--mde-primary);
}

.md-espresso-politiki-news__lead-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    color: #555;
    margin: 0 0 16px;
}

.md-espresso-politiki-news__read {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: var(--mde-primary);
    text-decoration: none;
    border-bottom: 1px solid var(--mde-primary);
    padding-bottom: 2px;
    transition: color 0.2s, border-color 0.2s;
}

.md-espresso-politiki-news__read:hover {
    color: #111;
    border-color: #111;
}

.md-espresso-politiki-news__wire {
    background: #fafafa;
    padding: 20px 22px;
    border-top: 3px solid var(--mde-primary);
}

.md-espresso-politiki-news__wire-header {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.md-espresso-politiki-news__wire-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mde-primary);
    animation: politiki-pulse 1.8s ease-in-out infinite;
}

@keyframes politiki-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.3); }
}

.md-espresso-politiki-news__wire-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.md-espresso-politiki-news__wire-list li {
    border-top: 1px solid #e5e5e5;
}

.md-espresso-politiki-news__wire-list li:first-child {
    border-top: none;
}

.md-espresso-politiki-news__wire-item {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 12px;
    align-items: start;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
    transition: padding 0.2s;
}

.md-espresso-politiki-news__wire-item:hover {
    padding-left: 6px;
}

.md-espresso-politiki-news__wire-time {
    font-family: var(--mde-serif);
    font-size: 18px;
    font-weight: 600;
    color: var(--mde-primary);
}

.md-espresso-politiki-news__wire-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    color: #111;
    margin: 0;
    transition: color 0.2s;
}

.md-espresso-politiki-news__wire-item:hover .md-espresso-politiki-news__wire-title {
    color: var(--mde-primary);
}

.md-espresso-politiki-news__wire-ago {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    color: #999;
    white-space: nowrap;
    padding-top: 3px;
}

@media (max-width: 900px) {
    .md-espresso-politiki-news__masthead {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 8px;
    }
    .md-espresso-politiki-news__masthead-right {
        text-align: center;
    }
    .md-espresso-politiki-news__title {
        font-size: 28px;
    line-height: 1.1;
}
    .md-espresso-politiki-news__layout {
        grid-template-columns: 1fr;
    }
    .md-espresso-politiki-news__lead-title {
        font-size: 26px;
    }
}

.md-espresso-section--agenda {
    background: var(--mde-cream);
    padding: 60px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.md-espresso-section--agenda .md-espresso-sh__label {
    color: #0097a7 !important;
}

.md-espresso-agenda__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

.md-espresso-agenda__featured-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.md-espresso-agenda__featured-img {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 4px;
}

.md-espresso-agenda__featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.md-espresso-agenda__featured-link:hover .md-espresso-agenda__featured-img img {
    transform: scale(1.03);
}

.md-espresso-agenda__featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 50%, rgba(0,0,0,0.5) 100%);
}

.md-espresso-agenda__featured-meta {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 2;
}

.md-espresso-agenda__date-badge {
    display: inline-block;
    background: #0097a7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 2px;
    text-transform: uppercase;
}

.md-espresso-agenda__featured-body {
    padding: 20px 0 0;
}

.md-espresso-agenda__featured-title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 10px;
    color: var(--mde-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-agenda__featured-link:hover .md-espresso-agenda__featured-title {
    color: #0097a7;
}

.md-espresso-agenda__featured-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 18px;
    color: var(--mde-gray-600);
    margin: 0;
}

.md-espresso-agenda__list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.md-espresso-agenda__card {
    display: flex;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
    transition: background 0.2s;
}

.md-espresso-agenda__card:first-child {
    padding-top: 0;
}

.md-espresso-agenda__card:last-child {
    border-bottom: none;
}

.md-espresso-agenda__card:hover {
    background: rgba(0, 151, 167, 0.03);
}

.md-espresso-agenda__card-img {
    width: 130px;
    height: 90px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 3px;
}

.md-espresso-agenda__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.md-espresso-agenda__card:hover .md-espresso-agenda__card-img img {
    transform: scale(1.05);
}

.md-espresso-agenda__card-body {
    flex: 1;
    min-width: 0;
}

.md-espresso-agenda__card-date {
    font-size: 14px;
    font-weight: 600;
    color: #0097a7;
    display: block;
    margin-bottom: 6px;
}

.md-espresso-agenda__card-title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--mde-black);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.md-espresso-agenda__card:hover .md-espresso-agenda__card-title {
    color: #0097a7;
}

@media (max-width: 768px) {
    .md-espresso-agenda__layout {
        grid-template-columns: 1fr;
    }
}

.md-espresso-section--platforms {
    background: #0d0d1a;
    color: #fff;
}

.md-espresso-section--platforms .md-espresso-sh__label {
    color: #7c4dff !important;
}

.md-espresso-section--platforms .md-espresso-sh__line {
    background: rgba(255,255,255,0.08);
}

.md-espresso-section--platforms .md-espresso-sh__more {
    color: rgba(255,255,255,0.4);
}

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

.md-espresso-card--platform {
    border-radius: 0;
    overflow: hidden;
    background: rgba(255,255,255,0.05);
}

.md-espresso-card--platform:hover {
    transform: none;
    background: rgba(255,255,255,0.08);
}

.md-espresso-card--platform .md-espresso-card__image {
    aspect-ratio: 2 / 3;
}

.md-espresso-card--platform .md-espresso-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-platform-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.md-espresso-popular__layout {
    display: block;
}
.md-espresso-popular__layout--with-tv {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 32px;
    align-items: start;
}
@media (max-width: 1100px) {
    .md-espresso-popular__layout--with-tv { grid-template-columns: 1fr; }
}

.md-espresso-popular__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
}
.md-espresso-popular__layout--with-tv .md-espresso-popular__grid {
    gap: 0 28px;
}

.md-espresso-tvlive {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    position: sticky;
    top: 100px;
}
.md-espresso-tvlive__head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    background: #1a1a1a;
    color: #fff;
}
.md-espresso-tvlive__pulse {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #d51317;
    box-shadow: 0 0 0 0 rgba(213,19,23,.7);
    animation: tvlive-pulse 1.5s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes tvlive-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(213,19,23,.7); }
    70%  { box-shadow: 0 0 0 8px rgba(213,19,23,0); }
    100% { box-shadow: 0 0 0 0 rgba(213,19,23,0); }
}
.md-espresso-tvlive__title {
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    flex: 1;
    line-height: 1.1;
}
.md-espresso-tvlive__more {
    color: rgba(255,255,255,.85);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap;
}
.md-espresso-tvlive__more:hover { color: #fff; }

.md-espresso-tvlive__list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 560px;
    overflow-y: auto;
}
.md-espresso-tvlive__item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 11px 16px;
    border-bottom: 1px solid #f0f0f0;
    align-items: start;
}
.md-espresso-tvlive__item:last-child { border-bottom: 0; }
.md-espresso-tvlive__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 30px;
    padding-top: 2px;
}
.md-espresso-tvlive__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.md-espresso-tvlive__placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 28px;
    background: #1a1a1a;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
}
.md-espresso-tvlive__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.md-espresso-tvlive__channel {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #777;
}
.md-espresso-tvlive__prog-title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.md-espresso-tvlive__progress {
    width: 100%;
    height: 3px;
    background: #f0f0f0;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 2px;
}
.md-espresso-tvlive__bar {
    height: 100%;
    background: #d51317;
    border-radius: 2px;
}
.md-espresso-tvlive__time {
    font-family: "Courier New", monospace;
    font-size: 12px;
    font-weight: 600;
    color: #777;
}

.md-espresso-popular__item {
    display: flex;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
}

.md-espresso-popular__rank {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    color: var(--mde-primary);
    min-width: 36px;
    flex-shrink: 0;
}

.md-espresso-popular__body {
    flex: 1;
}

.md-espresso-popular__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
    line-height: 1.1;
}

.md-espresso-popular__item:hover .md-espresso-popular__title {
    color: var(--mde-primary);
    line-height: 1.1;
}

.md-espresso-popular__time {
    font-size: 14px;
    color: var(--mde-gray-400);
    margin-top: 4px;
    display: block;
}

.md-espresso-popular__thumb {
    width: 120px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
}

.md-espresso-popular__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-poll {
    background: #fff;
    border: 1px solid var(--mde-gray-200);
    border-radius: 0;
    padding: 32px;
    max-width: 600px;
}

.md-espresso-poll__question {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 24px;
}

.md-espresso-poll__option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1.5px solid var(--mde-gray-200);
    border-radius: 0;
    cursor: pointer;
    transition: border-color 0.2s;
    margin-bottom: 10px;
}

.md-espresso-poll__option:hover {
    border-color: var(--mde-primary);
}

.md-espresso-poll__option input {
    accent-color: var(--mde-primary);
}

.md-espresso-poll__submit {
    padding: 12px 32px;
    background: var(--mde-black);
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    text-transform: uppercase;
}

.md-espresso-poll__submit:hover {
    background: var(--mde-primary);
}

.md-espresso-poll__result-fill {
    background: var(--mde-primary);
}

.md-espresso-poll__results {
    margin-top: 16px;
}

.md-espresso-poll__result-row {
    margin-bottom: 12px;
}

.md-espresso-poll__result-label {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 4px;
}

.md-espresso-poll__result-pct {
    font-weight: 600;
    color: var(--mde-primary);
}

.md-espresso-poll__result-bar {
    height: 6px;
    background: var(--mde-gray-100);
    border-radius: 3px;
    overflow: hidden;
}

.md-espresso-poll__result-fill {
    height: 100%;
    border-radius: 3px;
    transition: width 0.6s ease;
}

.md-espresso-poll__total {
    font-size: 15px;
    color: var(--mde-gray-400);
    margin-top: 16px;
}

.md-espresso-section--newsletter {
    background: var(--mde-cream);
    padding: 80px 0;
    text-align: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.md-espresso-newsletter__title {
    font-family: var(--mde-serif);
    font-size: 46px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0 0 12px;
    line-height: 1.1;
}

.md-espresso-newsletter__subtitle {
    font-size: 22px;
    color: var(--mde-gray-600);
    margin: 0 0 32px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.md-espresso-newsletter__form {
    max-width: 480px;
    margin: 0 auto 24px;
}

.md-espresso-newsletter__input-wrap {
    display: flex;
    border: 2px solid var(--mde-black);
    border-radius: 0;
    overflow: hidden;
}

.md-espresso-newsletter__input {
    flex: 1;
    padding: 14px 18px;
    border: none;
    font-size: 15px;
    outline: none;
    background: #fff;
    font-family: var(--mde-sans);
}

.md-espresso-newsletter__submit {
    padding: 14px 28px;
    background: var(--mde-black);
    color: #fff;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.2s;
}

.md-espresso-newsletter__submit:hover {
    background: var(--mde-primary);
}

.md-espresso-newsletter__social-label {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--mde-gray-400);
    margin-bottom: 12px;
}

.md-espresso-social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.md-espresso-social-icons__link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--mde-gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mde-gray-600);
    transition: all 0.2s;
    text-decoration: none;
}

.md-espresso-social-icons__link:hover {
    border-color: var(--mde-primary);
    color: var(--mde-primary);
}

.md-espresso-ad-slot {
    text-align: center;
    padding: 20px 0;
    max-width: 1240px;
    margin: 0 auto;
}

.md-espresso-badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
}

.md-espresso-badge--exclusive {
    background: #ffd200;
    color: #000;
    font-weight: 900 !important;
    font-size: 13px !important;
    font-style: italic;
    padding: 6px 11px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transform: skew(-6deg);
    letter-spacing: 0.5px;
}
.md-espresso-badge--exclusive::before {
    content: "★ ";
    font-style: normal;
    margin-right: 2px;
}

.md-espresso-badge--breaking {
    background: var(--mde-black);
}

.md-espresso-badge--hot {
    background: #ff6b00;
}

.md-espresso-badge--live {
    background: var(--mde-primary);
}

.md-espresso-badge--new {
    background: #2196f3;
}

.md-espresso-badge__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 4px;
    animation: mdePulse 1.5s infinite;
}

.md-espresso-badge__icon {
    vertical-align: middle;
    margin-right: 2px;
}

.md-espresso-card__badge-wrap {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}

@keyframes mdePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes mdeSlideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.md-espresso-section {
    opacity: 1;
    transform: none;
}

.md-espresso-section--hero {
    padding-top: 0;
}

.md-espresso-card a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
}

.md-espresso-hero-bottom-row {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    margin-top: 24px;
    align-items: start;
}

.md-espresso-hero-bottom-row .md-espresso-hero-bottom {
    margin-top: 0;
}

.md-espresso-poll-widget {
    background-color: #0d1b2a;
    background-image:
        radial-gradient(ellipse at 20% 30%, rgba(26, 35, 126, 0.18) 0%, transparent 70%),
        radial-gradient(ellipse at 80% 70%, rgba(183, 28, 28, 0.1) 0%, transparent 70%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding: 24px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.md-espresso-poll-widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mde-primary), #1a237e, var(--mde-primary));
}

.md-espresso-poll-widget__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.md-espresso-poll-widget__icon {
    color: var(--mde-primary);
    display: flex;
}

.md-espresso-poll-widget__title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: rgba(255,255,255,0.9);
    line-height: 1.1;
}

.md-espresso-poll-widget__question {
    font-family: var(--mde-serif);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 18px;
    color: #fff;
}

.md-espresso-poll-widget .md-espresso-poll__option {
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #fff;
    padding: 10px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    transition: all 0.2s;
}

.md-espresso-poll-widget .md-espresso-poll__option:hover {
    border-color: var(--mde-primary);
    background: rgba(213,19,23,0.1);
}

.md-espresso-poll-widget .md-espresso-poll__option span {
    color: #fff;
}

.md-espresso-poll-widget .md-espresso-poll__submit {
    background: var(--mde-primary);
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 14px;
    border: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.2s;
}

.md-espresso-poll-widget .md-espresso-poll__submit:hover {
    background: #f43f3f;
}

.md-espresso-poll-widget .md-espresso-poll__result-label {
    color: rgba(255,255,255,0.8);
    font-size: 15px;
}

.md-espresso-poll-widget .md-espresso-poll__result-pct {
    font-weight: 600;
    color: var(--mde-primary);
}

.md-espresso-poll-widget .md-espresso-poll__result-bar {
    background: rgba(255,255,255,0.08);
}

.md-espresso-poll-widget .md-espresso-poll__result-fill {
    background: var(--mde-primary);
}

.md-espresso-poll-widget .md-espresso-poll__total {
    color: rgba(255,255,255,0.4);
    font-size: 14px;
}

@media (max-width: 768px) {
    .md-espresso-hero-bottom-row {
        grid-template-columns: 1fr;
    }
}

.md-espresso-section--doppio {
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    color: #2b1608;
    width: 100%;
    background-color: #F2DFCE;
    background-image:
        radial-gradient(ellipse at 10% 0%, rgba(255,255,255,0.55) 0%, transparent 55%),
        radial-gradient(ellipse at 90% 100%, rgba(139,69,19,0.08) 0%, transparent 55%);
}

.md-espresso-section--doppio .md-espresso-section__container { position: relative; z-index: 1; }

.md-espresso-section--doppio .md-espresso-doppio__layout {
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    padding: 36px 0 0;
    display: block;
    border-top: 3px solid #2b1608;
    position: relative;
}

.md-espresso-section--doppio .md-espresso-doppio__layout::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 120px;
    height: 3px;
    background: #d51317;
}

.md-espresso-section--doppio .md-espresso-doppio__header,
.md-espresso-section--doppio .md-espresso-doppio__title,
.md-espresso-section--doppio .md-espresso-doppio__tagline,
.md-espresso-section--doppio .md-espresso-doppio__subtitle {
    color: #2b1608;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-link {
    display: block;
    width: 100%;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-img {
    aspect-ratio: 5 / 4;
    height: auto;
    min-height: 0;
    border-radius: 0;
    margin: 0 0 22px;
    box-shadow: 0 20px 44px -14px rgba(44,24,16,0.35);
    overflow: hidden;
    position: relative;
    background: #2b1608;
    width: 100%;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-img::after {
    display: none;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 8px;
    position: relative;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-content::before {
    display: none;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-title {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 900;
    line-height: 1.1;
    color: #2b1608 !important;
    margin: 0 0 16px;
    letter-spacing: -0.3px;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55 !important;
    color: rgba(44,24,16,0.82) !important;
    margin: 0 0 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-left: 3px solid rgba(44,24,16,0.18);
    padding-left: 14px;
    font-style: italic;
}

.md-espresso-section--doppio .md-espresso-doppio__read-more {
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 800;
    color: #2b1608 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    align-self: flex-start;
    padding-bottom: 4px;
    border-bottom: 2px solid #d51317;
    transition: color .2s ease, border-color .2s ease;
}

.md-espresso-section--doppio .md-espresso-doppio__featured-link:hover .md-espresso-doppio__read-more {
    color: #d51317 !important;
}

@media (max-width: 900px) {
    .md-espresso-section--doppio .md-espresso-doppio__featured-title { font-size: 26px; }
    .md-espresso-section--doppio .md-espresso-doppio__featured-excerpt { font-size: 15px; }
}

.md-espresso-doppio__texture {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(ellipse at 10% 0%, rgba(201, 169, 110, 0.18) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 100%, rgba(160, 100, 40, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(201, 169, 110, 0.04) 0%, transparent 80%),
        url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a96e' fill-opacity='0.035'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.md-espresso-doppio__header {
    text-align: center;
    margin-bottom: 48px;
    position: relative;
}

.md-espresso-doppio__icon {
    display: block;
    margin-bottom: 16px;
}

.md-espresso-doppio__icon svg {
    opacity: 0.85;
}

.md-espresso-doppio__title {
    font-family: var(--mde-serif);
    font-size: 36px;
    font-weight: 800;
    color: var(--mde-gold);
    margin: 0 0 8px;
    text-transform: uppercase;
    line-height: 1.1;
}

.md-espresso-doppio__tagline {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-style: italic;
    color: rgba(201, 169, 110, 0.6);
}

.md-espresso-doppio__layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: start;
}

.md-espresso-doppio__featured-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.md-espresso-doppio__featured-img {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
}

.md-espresso-doppio__featured-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(transparent, rgba(44, 24, 16, 0.6));
}

.md-espresso-doppio__featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.md-espresso-doppio__featured-link:hover .md-espresso-doppio__featured-img img {
    transform: scale(1.03);
}

.md-espresso-doppio__featured-content {
    position: relative;
}

.md-espresso-doppio__featured-title {
    font-family: var(--mde-serif);
    font-size: 38px;
    font-weight: 800;
    margin: 0 0 16px;
    color: #fff;
}

.md-espresso-doppio__featured-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255,255,255,0.65);
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-doppio__read-more {
    font-size: 14px;
    font-weight: 600;
    color: var(--mde-gold);
    transition: color 0.2s;
}

.md-espresso-doppio__featured-link:hover .md-espresso-doppio__read-more {
    color: #e0c080;
}

.md-espresso-doppio__list {
    border-left: 1px solid rgba(201, 169, 110, 0.2);
    padding-left: 32px;
}

.md-espresso-doppio__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
}

.md-espresso-doppio__item:first-child {
    padding-top: 0;
}

.md-espresso-doppio__item:last-child {
    border-bottom: none;
}

.md-espresso-doppio__item:hover {
    transform: translateX(4px);
}

.md-espresso-doppio__item-img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
}

.md-espresso-doppio__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.md-espresso-doppio__item-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    margin: 0;
    transition: color 0.2s;
}

.md-espresso-doppio__item:hover .md-espresso-doppio__item-title {
    color: var(--mde-gold);
}

.md-espresso-section--espressotv {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #0a0a0a 100%);
    padding: 60px 0 70px;
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.md-espresso-section--espressotv::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.md-espresso-etv__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.md-espresso-etv__logo {
    display: flex;
    align-items: center;
    gap: 18px;
}

.md-espresso-etv__live-dot {
    width: 14px;
    height: 14px;
    background: var(--mde-primary);
    border-radius: 50%;
    animation: md-etv-pulse 2s ease-in-out infinite;
    box-shadow: 0 0 12px rgba(213, 19, 23, 0.8), 0 0 30px rgba(213, 19, 23, 0.3);
}

@keyframes md-etv-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.7); }
}

.md-espresso-etv__title {
    font-family: var(--mde-sans);
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.1;
}

.md-espresso-etv__title svg {
    height: 56px;
    width: auto;
    color: #fff !important;
    fill: #fff !important;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
}
.md-espresso-etv__title svg g,
.md-espresso-etv__title svg path {
    fill: #fff !important;
    fill-rule: evenodd !important;
    clip-rule: evenodd !important;
    stroke: none !important;
}

/* Text-based ESPRESSO TV logo (replaces broken outline-only SVG) */
.md-espresso-etv__title--text {
    font-family: var(--mde-sans, Arial, sans-serif);
    font-style: normal;
}
.md-espresso-etv__title--text .md-espresso-etv__brand {
    color: #fff !important;
    font-weight: 900;
    font-style: italic;
    font-size: 1em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    letter-spacing: -.02em;
    text-transform: none;
}

.md-espresso-etv__title span {
    color: var(--mde-primary);
    text-shadow: 0 0 40px rgba(213, 19, 23, 0.4);
    font-size: 48px;
    font-weight: 800;
}

.md-espresso-etv__all {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.4);
    text-decoration: none;
    transition: color 0.2s;
}

.md-espresso-etv__all:hover {
    color: var(--mde-primary);
}

.md-espresso-etv3d {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.md-espresso-etv3d__viewport {
    flex: 1;
    perspective: 1200px;
    overflow: hidden;
    padding: 40px 0 0px;
}

.md-espresso-etv3d__track {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 620px;
    transform-style: preserve-3d;
}

.md-espresso-etv3d__item {
    position: absolute;
    width: 820px;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transform-style: preserve-3d;
    cursor: pointer;
}

.md-espresso-etv3d__item.is-active {
    cursor: default;
}

.md-espresso-etv3d__link {
    text-decoration: none;
    color: #fff;
    display: block;
}

.md-espresso-etv3d__img {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

.md-espresso-etv3d__item.is-active .md-espresso-etv3d__img {
    box-shadow: 0 30px 80px rgba(213, 19, 23, 0.3), 0 20px 60px rgba(0,0,0,0.6);
}

.md-espresso-etv3d__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.md-espresso-etv3d__item.is-active:hover .md-espresso-etv3d__img img {
    transform: scale(1.03);
}

.md-espresso-etv3d__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 50%, rgba(0,0,0,0.7) 100%);
}

.md-espresso-etv3d__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0.85;
    transition: all 0.3s;
}

.md-espresso-etv3d__item.is-active:hover .md-espresso-etv3d__play {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.md-espresso-etv3d__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.md-espresso-etv3d__cat {
    display: inline-block;
    font-family: var(--mde-sans, system-ui, sans-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;
    background: var(--mde-primary, #d51317);
    padding: 5px 12px;
    border-radius: 3px;
    line-height: 1;
    opacity: 1;
    transition: none;
}

.md-espresso-etv3d__item.is-active .md-espresso-etv3d__cat {
    opacity: 1;
    font-size: 12px;
    padding: 5px 12px;
}

.md-espresso-etv3d__title {
    font-family: var(--mde-serif);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: rgba(255,255,255,0.7);
    text-align: center;
    transition: all 0.4s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.3em * 2);
    line-height: 1.1;
}

.md-espresso-etv3d__item.is-active .md-espresso-etv3d__title {
    font-size: 26px;
    color: #fff;
    min-height: calc(1.3em * 2);
    line-height: 1.1;
}

.md-espresso-etv3d__bullets {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}
.md-espresso-etv3d__bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: background .2s, transform .2s;
}
.md-espresso-etv3d__bullet:hover { background: rgba(255,255,255,0.5); }
.md-espresso-etv3d__bullet.is-active {
    background: var(--mde-primary);
    transform: scale(1.3);
}

.md-espresso-etv3d__arrow {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.25s;
    flex-shrink: 0;
    z-index: 20;
}

.md-espresso-etv3d__arrow:hover {
    background: var(--mde-primary);
    border-color: var(--mde-primary);
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .md-espresso-doppio__layout {
        grid-template-columns: 1fr;
    }

    .md-espresso-doppio__list {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid rgba(201, 169, 110, 0.2);
        padding-top: 20px;
    }

    .md-espresso-doppio__title {
        font-size: 24px;
    line-height: 1.1;
}

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

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

    .md-espresso-etv3d__item {
        width: 280px;
    }

    .md-espresso-etv3d__track {
        height: 250px;
    }

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

.md-espresso-ad-slot {
    text-align: center;
    padding: 20px 0;
}

.md-espresso-ad-placeholder {
    display: none;
}

.md-espresso-poll__back,
.md-espresso-poll__show-results {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 12px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.2s;
}

.md-espresso-poll__back:hover,
.md-espresso-poll__show-results:hover {
    border-color: var(--mde-primary);
    color: #fff;
}

.md-espresso-poll__voted-wrap .md-espresso-poll__option {
    opacity: 0.6;
    cursor: default;
}

.md-espresso-ad-placeholder span {
    font-size: 15px;
    font-weight: 600;
    color: #bbb;
}

.md-espresso-newsfeed {
    margin-top: 10px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d51317' fill-opacity='0.03'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/g%3E%3C/svg%3E");
    border: 1px solid var(--mde-gray-200);
}

.md-espresso-newsfeed__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--mde-gray-200);
    background: #fafafa;
}

.md-espresso-newsfeed__dot {
    width: 10px;
    height: 10px;
    background: var(--mde-primary);
    border-radius: 50%;
    animation: md-etv-pulse 2s ease-in-out infinite;
    flex-shrink: 0;
}

.md-espresso-newsfeed__title {
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    color: var(--mde-black);
    line-height: 1.1;
}

.md-espresso-newsfeed__list {
    max-height: 700px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--mde-primary) #f0f0f0;
}

.md-espresso-newsfeed__list::-webkit-scrollbar {
    width: 4px;
}

.md-espresso-newsfeed__list::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.md-espresso-newsfeed__list::-webkit-scrollbar-thumb {
    background: var(--mde-primary);
    border-radius: 2px;
}

.md-espresso-newsfeed__item {
    display: block;
    padding: 14px 18px 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    border-left: 2px solid transparent;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s, border-left-color 0.2s;
}

.md-espresso-newsfeed__item:hover {
    background: #fafafa;
    border-left-color: var(--mde-primary);
}

.md-espresso-newsfeed__item:last-child {
    border-bottom: none;
}

.md-espresso-newsfeed__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.md-espresso-newsfeed__time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    color: #9a9a9a;
    text-transform: uppercase;
    letter-spacing: normal;
}

.md-espresso-newsfeed__cat {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    color: var(--mde-primary);
    background: transparent;
    padding: 2px 0 2px 8px;
    border-left: 2px solid var(--mde-primary);
    border-radius: 0;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
}

.md-espresso-newsfeed__text {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--mde-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.md-espresso-newsfeed__item:hover .md-espresso-newsfeed__text {
    color: var(--mde-primary);
}

.md-espresso-sidebar-popular {
    background-image:
        url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20.5h-2zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z'/%3E%3C/g%3E%3C/svg%3E");
}

.espresso-single__top {
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 0 24px;
    text-align: center;
}

.espresso-single__layout {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 70px;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 0 30px;
}

@media (max-width: 1300px) {
    .espresso-single__top { padding: 30px 20px 24px; }
    .espresso-single__layout { padding: 0 20px 30px; }
}

.espresso-single__breadcrumbs {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--mde-gray-400);
    margin-bottom: 16px;
}

.espresso-single__breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.espresso-single__breadcrumbs li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.espresso-single__breadcrumbs a {
    color: var(--mde-gray-400);
    text-decoration: none;
    transition: color 0.2s;
}

.espresso-single__breadcrumbs a:hover {
    color: var(--mde-primary);
}

.espresso-single__bc-sep {
    color: #ccc;
}

.espresso-single__cat {
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mde-primary);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 12px;
}

.espresso-single__title {
    font-family: var(--mde-serif);
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
    color: var(--mde-black);
    margin: 0 auto 12px;
    max-width: 750px;
    text-align: center;
}

.espresso-single__meta {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--mde-gray-400);
    margin-bottom: 20px;
    text-align: center;
}

.espresso-single__featured-img {
    margin: 20px 0 0;
}

.espresso-single__featured-img img {
    width: 100%;
    height: auto;
}

.espresso-single__content {
    font-family: "CF Panoptik", Tahoma, Geneva, sans-serif;
    font-size: 22px;
    line-height: 1.6;
    color: #333;
    font-weight: 400;
}

.espresso-single__content p {
    margin-bottom: 1.3em;
    line-height: 1.6;
}

.espresso-single__content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 16px 0;
}

.espresso-single__content .wp-caption,
.espresso-single__content figure {
    max-width: 100% !important;
    width: auto !important;
    margin: 16px 0;
    position: relative;
}

.espresso-single__content .wp-caption img {
    max-width: 100%;
    height: auto;
    margin-left: 0;
}

.espresso-single__content .wp-caption-text,
.espresso-single__content figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px;
    margin: 0;
}

.espresso-single__article {
    min-width: 0;
}

.espresso-single__content {
}

.espresso-single__tags {
    margin-top: 60px;
    padding-top: 24px;
    border-top: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.espresso-single__tags::before {
    content: 'Tags';
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    margin-right: 8px;
}

.espresso-single__tag {
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px;
    background: none;
    color: var(--mde-primary);
    border: none;
    text-decoration: none;
    display: inline-block;
}

.espresso-single__related .md-espresso-card .md-espresso-card__excerpt,
.espresso-single__related .md-espresso-card:hover .md-espresso-card__excerpt,
.espresso-single__related .md-espresso-card__link:hover .md-espresso-card__excerpt {
    display: none !important;
}

.espresso-single__tag:hover {
    text-decoration: underline;
}

.espresso-single__related {
    margin-top: 40px;
}

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

.espresso-single__sidebar {
    position: sticky;
    top: 80px;
    min-width: 350px;
    align-self: start;
}

.espresso-single__sidebar-ad,
.espresso-category__sidebar-ad,
.rep-cat__sidebar-ad {
    margin: 0 auto 24px;
    max-width: 100%;
    text-align: center;
}

.espresso-single__sidebar-ad::before,
.espresso-single__sidebar-ad::after,
.espresso-category__sidebar-ad::before,
.espresso-category__sidebar-ad::after,
.rep-cat__sidebar-ad::before,
.rep-cat__sidebar-ad::after {
    content: none;
    display: none;
}

.espresso-single__sidebar-section {
    margin-bottom: 30px;
}

.espresso-single__sidebar-heading {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--mde-black);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mde-primary);
}

.espresso-single__sidebar-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
    font-family: var(--mde-sans);
    font-weight: 400;
}

.espresso-single__sidebar-rank {
    font-family: var(--mde-serif);
    font-size: 28px;
    font-weight: 800;
    color: var(--mde-primary);
    min-width: 28px;
    flex-shrink: 0;
}

.espresso-single__sidebar-body {
    flex: 1;
}

.espresso-single__sidebar-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
}

.espresso-single__sidebar-item:hover .espresso-single__sidebar-title {
    color: var(--mde-primary);
}

.espresso-single__sidebar-thumb {
    width: 80px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
}

.espresso-single__sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.espresso-single__sidebar-miss {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    align-items: center;
    font-family: var(--mde-sans);
    font-weight: 400;
}

.espresso-single__sidebar-miss-img {
    width: 80px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
}

.espresso-single__sidebar-miss-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.espresso-single__sidebar-miss-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--mde-black);
    margin: 0;
    flex: 1;
}

.espresso-single__sidebar-miss:hover .espresso-single__sidebar-miss-title {
    color: var(--mde-primary);
}

.espresso-share {
    display: flex;
    gap: 10px;
    padding: 16px 0;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.espresso-single__tags + .espresso-share {
    margin-top: 60px;
    flex-wrap: wrap;
}

.espresso-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.espresso-share__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    opacity: 1;
}

.espresso-share__btn svg {
    width: 16px;
    height: 16px;
}

.espresso-share__btn--fb { background: #1877f2; }
.espresso-share__btn--x { background: #000; }
.espresso-share__btn--wa { background: #25d366; }
.espresso-share__btn--msg { background: #0084ff; }
.espresso-share__btn--copy {
    background: #666;
    color: #fff;
}

@media (max-width: 767px) {
    .espresso-share__btn span {
        display: none;
    }

    .espresso-share__btn {
        padding: 10px;
    }

    .espresso-share {
        justify-content: center;
    }
}

.espresso-single__stickybar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.92);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    z-index: 99999;
    display: none;
    height: 48px;
    box-sizing: border-box;
}

.espresso-single__stickybar-progress { display: none; }

.espresso-single__stickybar-inner {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
    box-sizing: border-box;
}

.espresso-single__stickybar-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    color: #1a1a1a;
    margin: 0;
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 12px;
    align-self: center;
}

.espresso-single__stickybar-share {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: center;
    height: 100%;
}

.espresso-single__stickybar-share a,
.espresso-single__stickybar-share button {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    color: #555;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.espresso-single__stickybar-share a:hover,
.espresso-single__stickybar-share button:hover {
    background: var(--mde-primary);
    border-color: var(--mde-primary);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(213,19,23,0.35);
}

.espresso-single__stickybar-share svg {
    width: 14px;
    height: 14px;
}

body.admin-bar .espresso-single__stickybar { top: 32px; }
@media (max-width: 782px) {
    body.admin-bar .espresso-single__stickybar { top: 46px; }
}

@media (max-width: 767px) {
    .espresso-single__stickybar-title {
        font-size: 12px;
    }

    .espresso-single__stickybar-share svg {
        width: 15px;
        height: 15px;
    }

    .espresso-single__stickybar-inner {
        height: 38px;
    }
}

.espresso-single__content > p:first-of-type::first-letter {
    float: left;
    font-family: var(--mde-serif);
    font-size: 5.4em;
    font-weight: 800;
    line-height: 0.85;
    color: #d51317;
    padding: 6px 12px 0 0;
    margin: 6px 4px 0 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .espresso-single__content > p:first-of-type::first-letter {
        font-size: 4.4em;
        padding: 4px 8px 0 0;
        margin: 4px 2px 0 0;
    }
}

.espresso-single__content h1 { font-family: var(--mde-serif); font-size: 40px; font-weight: 800; margin: 36px 0 18px; color: var(--mde-black); }
.espresso-single__content h2 { font-family: var(--mde-serif); font-size: 34px; font-weight: 800; margin: 32px 0 16px; color: var(--mde-black); }
.espresso-single__content h3 { font-family: var(--mde-serif); font-size: 28px; font-weight: 800; margin: 28px 0 14px; color: var(--mde-black); }
.espresso-single__content h4 { font-family: var(--mde-serif); font-size: 24px; font-weight: 800; margin: 24px 0 12px; color: var(--mde-black); }
.espresso-single__content h5 { font-family: var(--mde-serif); font-size: 18px; font-weight: 700; margin: 18px 0 8px; color: var(--mde-black); }
.espresso-single__content h6 { font-family: var(--mde-sans); font-size: 16px; font-weight: 700; margin: 16px 0 8px; color: var(--mde-black); text-transform: uppercase; }

.espresso-inline-related {
    margin: 32px 0;
    padding: 18px 0 4px;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.espresso-inline-related__label {
    display: block;
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #d51317;
    margin: 0 0 16px;
}

.espresso-inline-related__card {
    display: flex;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    color: inherit;
    padding-bottom: 18px;
}

.espresso-inline-related__img {
    position: relative;
    width: 160px;
    aspect-ratio: 4 / 3;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
}

.espresso-inline-related__img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
}

.espresso-inline-related__img .md-espresso-card__badge-wrap {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
}

.espresso-inline-related__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.espresso-inline-related__cat {
    display: none;
}

.espresso-inline-related__title {
    font-family: var(--mde-serif);
    font-size: 19px;
    font-weight: 600;
    color: #111;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1;
}


.espresso-inline-related__excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .espresso-inline-related {
        margin: 20px 0;
    }

    .espresso-inline-related__card {
        gap: 12px;
        padding-bottom: 12px;
    }

    .espresso-inline-related__img {
        width: 90px;
    }

    .espresso-inline-related__title {
        font-size: 14px !important;
        line-height: 1.25 !important;
        -webkit-line-clamp: 3 !important;
        font-weight: 700 !important;
        text-shadow: none !important;
        margin: 0 !important;
    }

    .espresso-inline-related__excerpt {
        display: none !important;
    }

    .espresso-single__stickybar {
        height: auto;
    }

    .espresso-single__stickybar-inner {
        padding: 6px 12px;
        gap: 10px;
        align-items: center;
    }

    .espresso-single__stickybar-title {
        font-size: 12px;
        font-weight: 600;
        padding-right: 0;
        white-space: normal;
        text-overflow: clip;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.2;
    }

    .espresso-single__stickybar-share {
        gap: 6px;
        height: auto;
        align-self: center;
    }

    .espresso-single__stickybar-share a,
    .espresso-single__stickybar-share button {
        width: 28px;
        height: 28px;
    }

    .espresso-single__stickybar-share svg {
        width: 12px;
        height: 12px;
    }

    .espresso-single__breadcrumbs {
        font-size: 12px;
        overflow: hidden;
    }

    .espresso-single__breadcrumbs ol {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        gap: 6px;
    }

    .espresso-single__breadcrumbs li {
        gap: 6px;
        min-width: 0;
    }

    .espresso-single__breadcrumbs li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .espresso-single__breadcrumbs li:last-child span[itemprop="name"] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%;
        vertical-align: bottom;
    }

    .espresso-single__featured-img {
        margin-left: -12px;
        margin-right: -12px;
    }

    .espresso-single__content > img,
    .espresso-single__content > p > img {
        height: auto !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
        width: calc(100% + 24px) !important;
        max-width: none !important;
        float: none !important;
        display: block !important;
    }

    .espresso-single__content .alignleft,
    .espresso-single__content .alignright,
    .espresso-single__content .aligncenter,
    .espresso-single__content .wp-caption,
    .espresso-single__content figure {
        float: none !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
        width: calc(100% + 24px) !important;
        max-width: none !important;
        text-align: center;
    }

    .espresso-single__content .wp-caption img,
    .espresso-single__content figure img {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .espresso-inline-related__card {
        min-height: 0 !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .espresso-inline-related__img {
        aspect-ratio: 16 / 10 !important;
        height: auto !important;
        width: 110px !important;
        position: relative !important;
        overflow: hidden !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .espresso-inline-related__img::after {
        display: none !important;
    }

    .espresso-inline-related {
        box-shadow: none !important;
    }

    .espresso-inline-related__img img {
        position: absolute !important;
        inset: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .espresso-inline-related__img .md-espresso-card__badge-wrap {
        display: none !important;
    }
}

.espresso-single__content iframe[src*="youtube"],
.espresso-single__content iframe[src*="youtu.be"],
.espresso-single__content iframe[src*="vimeo"],
.espresso-single__content iframe[src*="dailymotion"] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.espresso-single__content .fb-video,
.espresso-single__content .fb-video span,
.espresso-single__content .fb-video iframe,
.espresso-single__content .fb-post,
.espresso-single__content .fb_iframe_widget,
.espresso-single__content .fb_iframe_widget span,
.espresso-single__content .fb_iframe_widget iframe {
    max-width: 100% !important;
}

.espresso-single__content .twitter-tweet,
.espresso-single__content twitterwidget {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.espresso-single__content .instagram-media,
.espresso-single__content .instagram-media-rendered {
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.espresso-single__content .tiktok-embed {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.espresso-single__content glomex-player,
.espresso-single__content [class*="glomex"] {
    max-width: 100% !important;
    width: 100% !important;
}

.espresso-single__content iframe {
    max-width: 100%;
}

.espresso-single__content .wp-block-embed__wrapper {
    position: relative;
    overflow: hidden;
}

.espresso-single__content .wp-block-embed__wrapper iframe {
    max-width: 100% !important;
}

.proto-single__header {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 0;
    position: relative;
    width: 100%;
}

.proto-single__header-inner {
    width: 100%;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.proto-single__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 600;
    flex-shrink: 0;
    transition: color 0.2s;
}

.proto-single__back:hover {
    color: #fff;
}

.proto-single__header-info {
    flex: 1;
    text-align: center;
    min-width: 0;
}

.proto-single__title {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}

.proto-single__date {
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,0.45);
}

.proto-single__nav {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.proto-single__nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 4px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s;
}

.proto-single__nav-btn:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.proto-single__viewer {
    background: var(--mde-gray-100, #f5f5f5);
    padding: 40px 24px 50px;
    width: 100%;
}

.proto-single__viewer-inner {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
}

.proto-single__cover {
    flex: 1;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.12),
        0 6px 20px rgba(0,0,0,0.08);
}

.proto-single__cover img {
    display: block;
    width: 100%;
    height: auto;
}

.proto-single__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: var(--mde-black, #111);
    text-decoration: none;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    transition: all 0.2s;
    flex-shrink: 0;
}

.proto-single__arrow:hover {
    background: var(--mde-primary, #d51317);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.proto-single__content-wrap {
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 24px 0;
}

.proto-single__content {
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.proto-single__content p {
    margin-bottom: 1.2em;
}

.proto-single__content img {
    max-width: 100%;
    height: auto;
}

.proto-single__share-wrap {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px 24px 0;
}

.proto-single__recent {
    padding: 50px 0 60px;
    background: var(--mde-gray-100, #f5f5f5);
    margin-top: 40px;
    width: 100%;
}

.proto-single__recent-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

.proto-single__recent-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .proto-single__recent-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .proto-single__header-inner {
        flex-wrap: wrap;
        gap: 12px;
    }
    .proto-single__back {
        order: 1;
    }
    .proto-single__header-info {
        order: 3;
        width: 100%;
        text-align: center;
    }
    .proto-single__nav {
        order: 2;
        margin-left: auto;
    }
    .proto-single__title {
        font-size: 18px;
        white-space: normal;
    line-height: 1.1;
}
    .proto-single__viewer {
        padding: 24px 16px 30px;
    }
    .proto-single__viewer-inner {
        gap: 12px;
    }
    .proto-single__arrow {
        width: 36px;
        height: 36px;
    }
    .proto-single__arrow svg {
        width: 20px;
        height: 20px;
    }
    .proto-single__recent-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .proto-single__nav-btn span {
        display: none;
    }
    .proto-single__nav-btn {
        padding: 8px 10px;
    }
}

.proto-single__cover {
    cursor: pointer;
    position: relative;
}

.proto-single__zoom-hint {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(8px);
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.proto-single__cover:hover .proto-single__zoom-hint {
    opacity: 1;
}

.proto-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.proto-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.proto-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.92);
}

.proto-lightbox__close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s;
}

.proto-lightbox__close:hover {
    background: rgba(255,255,255,0.25);
}

.proto-lightbox__controls {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(12px);
    padding: 8px 16px;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,0.1);
}

.proto-lightbox__ctrl {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s;
}

.proto-lightbox__ctrl:hover {
    background: rgba(255,255,255,0.25);
}

.proto-lightbox__zoom-level {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    min-width: 48px;
    text-align: center;
    font-family: var(--mde-sans);
}

.proto-lightbox__viewport {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: zoom-in;
}

.proto-lightbox__img {
    max-width: 85vw;
    max-height: 85vh;
    object-fit: contain;
    transition: transform 0.2s ease;
    user-select: none;
    -webkit-user-drag: none;
}

.proto-lightbox__viewport:active {
    cursor: grabbing;
}

@media (max-width: 767px) {
    .proto-lightbox__img {
        max-width: 95vw;
        max-height: 90vh;
    }
    .proto-lightbox__controls {
        bottom: 16px;
        padding: 6px 12px;
    }
    .proto-lightbox__ctrl {
        width: 36px;
        height: 36px;
    }
}

.md-espresso-article--politiki {
    background: #fff;
    padding: 20px 0 60px;
    font-family: var(--mde-sans);
    color: #29293a;
}

.md-espresso-article__container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}

.md-espresso-article__breadcrumb {
    padding: 14px 0 10px;
    font-size: 13px;
    color: #7a7a82;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.md-espresso-article__breadcrumb a {
    color: #7a7a82;
    text-decoration: none;
}

.md-espresso-article__breadcrumb a:hover {
    color: #d51317;
}

.md-espresso-article__crumb-sep {
    color: #b5b5bd;
}

.md-espresso-article__crumb-current {
    color: #29293a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50ch;
}

.md-espresso-article__layout {
    display: grid;
    grid-template-columns: minmax(0, 853px) 300px;
    gap: 40px;
}

.md-espresso-article__main { min-width: 0; }

.md-espresso-article__sidebar {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.md-espresso-article__header {
    padding-bottom: 16px;
}

.md-espresso-article__cat-tag {
    margin-bottom: 12px;
}

.md-espresso-article__cat-tag a {
    display: inline-block;
    background: #d51317;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 0;
    text-decoration: none;
}

.md-espresso-article__cat-tag a:hover { background: #ec3535; }

.md-espresso-article__title {
    margin: 0 0 12px;
    font-size: 40px;
    font-weight: 800;
    color: #29293a;
    font-family: var(--mde-sans);
    line-height: 1.1;
}

.md-espresso-article__subtitle {
    margin: 0 0 18px;
    font-size: 22px;
    font-weight: 500;
    color: #4a4a55;
}

.md-espresso-article__meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #e4e4e7;
    border-bottom: 1px solid #e4e4e7;
}

.md-espresso-article__meta-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: #6b6b75;
}

.md-espresso-article__author {
    color: #29293a;
    font-weight: 600;
}

.md-espresso-article__date { color: #6b6b75; }

.md-espresso-article__share {
    display: flex;
    align-items: center;
    gap: 6px;
}

.md-espresso-article__share a,
.md-espresso-article__share button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #29293a;
    background: #f1f1f4;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s, color .15s;
}

.md-espresso-article__share a:hover,
.md-espresso-article__share button:hover {
    background: #d51317;
    color: #fff;
}

.md-espresso-article__share button.is-copied { background: #16a34a; color: #fff; }

.md-espresso-article__author-link {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transition: color .15s;
}
.md-espresso-article__author-link:hover { color: #d51317; text-decoration: underline; text-underline-offset: 3px; }
.md-espresso-article__author-link:hover .md-espresso-article__author { color: inherit; }
.md-espresso-article__meta-text { align-items: center; line-height: 1; }
.md-espresso-article__meta-text .md-espresso-article__date,
.md-espresso-article__meta-text .md-espresso-article__author { line-height: 1; }

.espresso-single__author a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color .15s, border-color .15s;
}
.espresso-single__author a:hover { color: #d51317; border-bottom-color: #d51317; }

.md-espresso-article__featured {
    margin: 20px 0 24px;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0a0a0a;
}

.md-espresso-article__featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-article__body {
    font-family: "CF Panoptik", Tahoma, Geneva, sans-serif;
    font-size: 22px;
    line-height: 1.6;
    color: #333;
    font-weight: 400;
}

.md-espresso-article__body > * { max-width: 100%; }

.md-espresso-article__body p {
    margin: 0 0 20px;
    line-height: 1.6;
}

.md-espresso-article__body h1,
.md-espresso-article__body h2,
.md-espresso-article__body h3 {
    margin: 32px 0 14px;
    font-weight: 800;
    color: #29293a;
}
.md-espresso-article__body h4,
.md-espresso-article__body h5,
.md-espresso-article__body h6 {
    margin: 24px 0 12px;
    font-weight: 700;
    color: #29293a;
}

.md-espresso-article__body h1 { font-size: 36px; }
.md-espresso-article__body h2 { font-size: 28px; }
.md-espresso-article__body h3 { font-size: 22px; }
.md-espresso-article__body h4 { font-size: 19px; }
.md-espresso-article__body h5 { font-size: 17px; }
.md-espresso-article__body h6 { font-size: 15px; text-transform: uppercase; }

.md-espresso-article__body a {
    color: #d51317;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.md-espresso-article__body a:hover { color: #a30f12; }

.md-espresso-article__body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 24px 0;
}

.md-espresso-article__body blockquote {
    margin: 28px 0;
    padding: 18px 24px;
    border-left: 4px solid #d51317;
    background: #f7f7f9;
    font-size: 21px;
    font-style: italic;
    color: #29293a;
}

.md-espresso-article__body ul,
.md-espresso-article__body ol { padding-left: 24px; margin: 0 0 20px; }

.md-espresso-article__body li { margin-bottom: 8px; }

.md-espresso-article__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 32px 0 24px;
    padding: 18px 0;
    border-top: 1px solid #e4e4e7;
    border-bottom: 1px solid #e4e4e7;
}

.md-espresso-article__tags-label {
    font-size: 12px;
    font-weight: 600;
    color: #6b6b75;
    margin-right: 6px;
}

.md-espresso-article__tag {
    display: inline-block;
    padding: 5px 12px;
    background: #f1f1f4;
    color: #29293a;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 3px;
    transition: background .15s, color .15s;
}

.md-espresso-article__tag:hover { background: #d51317; color: #fff; }

.md-espresso-article__share-bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e7;
    margin-bottom: 28px;
}

.md-espresso-article__share-label {
    font-size: 12px;
    font-weight: 600;
    color: #6b6b75;
}

.md-espresso-article__related { margin-top: 28px; }

.md-espresso-article__related-title {
    margin: 0 0 20px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #29293a;
    border-bottom: 2px solid #29293a;
}

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

.md-espresso-article__related-card {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.md-espresso-article__related-img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f1f1f4;
}

.md-espresso-article__related-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}

.md-espresso-article__related-card:hover .md-espresso-article__related-img img { transform: scale(1.04); }

.md-espresso-article__related-card-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #29293a;
}

.md-espresso-article__related-card:hover .md-espresso-article__related-card-title { color: #d51317; }

.md-espresso-article__ad { width: 300px; }

.md-espresso-article__ad-placeholder,
.md-espresso-article__ad-placeholder--tall {
    display: none;
}

.md-espresso-article__ad--sticky { position: sticky; top: 90px; }

.md-espresso-article__widget {
    background: #fff;
    border: 1px solid #e4e4e7;
    padding: 18px;
}

.md-espresso-article__widget-title {
    margin: 0 0 14px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #d51317;
    border-bottom: 2px solid #d51317;
}

.md-espresso-article__pop-item {
    display: grid;
    grid-template-columns: 28px 1fr 64px;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f4;
    text-decoration: none;
    color: inherit;
}

.md-espresso-article__pop-item:last-child { border-bottom: 0; }

.md-espresso-article__pop-rank {
    font-size: 24px;
    font-weight: 600;
    color: #d51317;
    text-align: center;
}

.md-espresso-article__pop-body h4 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: #29293a;
    line-height: 1.1;
}

.md-espresso-article__pop-body span {
    font-size: 11px;
    color: #6b6b75;
}

.md-espresso-article__pop-thumb {
    width: 64px;
    height: 48px;
    overflow: hidden;
    background: #f1f1f4;
}

.md-espresso-article__pop-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-article__pop-item:hover .md-espresso-article__pop-body h4 { color: #d51317; }

@media (max-width: 1260px) {
    .md-espresso-article__container { padding: 0 20px; }
}

@media (max-width: 980px) {
    .md-espresso-article__layout { grid-template-columns: 1fr; gap: 32px; }
    .md-espresso-article__sidebar { max-width: 520px; margin: 0 auto; }
    .md-espresso-article__title { font-size: 32px;
    line-height: 1.1;
}
    .md-espresso-article__related-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 540px) {
    .md-espresso-article__title { font-size: 28px;
    line-height: 1.15;
}
    .md-espresso-article__body { font-size: 18px; line-height: 1.65; }
    .md-espresso-article__related-grid { grid-template-columns: 1fr; }
    .md-espresso-article__meta-row { flex-direction: column; align-items: flex-start; }
    .md-espresso-article__featured img { aspect-ratio: 16 / 9; object-fit: cover; }
}

.md-espresso-article__main {
    background: #fff;
    padding: 30px 0 40px;
}

.md-espresso-article__header {
    padding: 0 50px 30px;
    border-bottom: 0;
}

.md-espresso-article__featured {
    padding: 0;
    margin: 0 0 24px;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0a0a0a;
}

.md-espresso-article__featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-article__featured-caption {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 50px 0;
    font-size: 13px;
    color: #6b6b75;
}

.md-espresso-article__featured-caption svg {
    flex-shrink: 0;
    color: #d51317;
}

.md-espresso-article__body .md-espresso-article__lead,
.md-espresso-article__lead {
    margin: 0 0 18px;
    padding: 0 45px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #29293a;
    font-family: "CF Panoptik", Tahoma, Geneva, sans-serif;
}

.md-espresso-article__actions-bar {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 45px;
    border-top: 1px solid #e4e4e7;
    border-bottom: 1px solid #e4e4e7;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.md-espresso-article__action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #29293a;
    cursor: pointer;
    text-transform: none;
}

.md-espresso-article__action:hover { color: #d51317; }

.md-espresso-article__action svg { color: #29293a; }

.md-espresso-article__action:hover svg { color: #d51317; }

.md-espresso-article__font-controls {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #29293a;
}

.md-espresso-article__font-btn {
    background: transparent;
    border: none;
    color: #29293a;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 6px;
}

.md-espresso-article__font-btn:hover { color: #d51317; }

.md-espresso-article__font-sep { color: #c8c8cf; }

.md-espresso-article__content {
    padding: 0 45px;
    font-family: "CF Panoptik", Tahoma, Geneva, sans-serif;
    font-size: 22px;
    color: #333;
    font-weight: 400;
}

.md-espresso-article__content > * { max-width: 100%; }

.md-espresso-article__content p { margin: 0 0 20px; }

.md-espresso-article__content h1,
.md-espresso-article__content h2,
.md-espresso-article__content h3 {
    margin: 32px 0 14px;
    font-weight: 800;
    color: #29293a;
    text-transform: none;
}
.md-espresso-article__content h4,
.md-espresso-article__content h5,
.md-espresso-article__content h6 {
    margin: 24px 0 12px;
    font-weight: 700;
    color: #29293a;
}

.md-espresso-article__content h1 { font-size: 34px; }
.md-espresso-article__content h2 { font-size: 28px; }
.md-espresso-article__content h3 { font-size: 22px; }
.md-espresso-article__content h4 { font-size: 19px; }
.md-espresso-article__content h5 { font-size: 17px; }
.md-espresso-article__content h6 { font-size: 15px; text-transform: uppercase; }

.md-espresso-article__content a {
    color: #d51317;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.md-espresso-article__content a:hover { color: #a30f12; }

.md-espresso-article__content img,
.md-espresso-article__content figure {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 24px 0;
}

.md-espresso-article__content figure img { width: 100%; height: auto; }

.md-espresso-article__content figcaption {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0 0;
    font-size: 13px;
    color: #6b6b75;
}

.md-espresso-article__content blockquote {
    margin: 28px 0;
    padding: 18px 24px;
    border-left: 4px solid #d51317;
    background: #f7f7f9;
    font-size: 21px;
    font-style: italic;
    color: #29293a;
}

.md-espresso-article__content ul,
.md-espresso-article__content ol { padding-left: 24px; margin: 0 0 20px; }

.md-espresso-article__content li { margin-bottom: 8px; }

.md-espresso-article__body.font-small .md-espresso-article__content { font-size: 17px; }
.md-espresso-article__body.font-small .md-espresso-article__lead { font-size: 20px; }
.md-espresso-article__body.font-large .md-espresso-article__content { font-size: 22px; }
.md-espresso-article__body.font-large .md-espresso-article__lead { font-size: 26px; }

.md-espresso-article__tags,
.md-espresso-article__share-bottom,
.md-espresso-article__related {
    margin-left: 45px;
    margin-right: 45px;
}

@media (max-width: 760px) {
    .md-espresso-article__header { padding: 0 16px 24px; }
    .md-espresso-article__lead { padding: 0 16px 14px; font-size: 19px; }
    .md-espresso-article__actions-bar { padding: 10px 16px; gap: 12px; }
    .md-espresso-article__content { padding: 0 16px; font-size: 17px; }
    .md-espresso-article__featured-caption { padding: 8px 16px 0; }
    .md-espresso-article__tags,
    .md-espresso-article__share-bottom,
    .md-espresso-article__related { margin-left: 16px; margin-right: 16px; }
}

   CATEGORY / ARCHIVE / TAG / SEARCH TEMPLATES
   ══════════════════════════════════════════════════════════════ */

.espresso-category__container,
.espresso-archive__container,
.espresso-author__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}

@media (max-width: 1300px) {
    .espresso-category__container,
    .espresso-archive__container,
    .espresso-author__container { padding: 0 20px; }
}

.espresso-author {
    padding-top: 20px;
}

.espresso-author__header {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.espresso-author__avatar {
    flex-shrink: 0;
}

.espresso-author__avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--mde-primary, #d51317);
}

.espresso-author__info {
    flex: 1;
}

.espresso-author__name {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    color: var(--mde-black, #111);
    margin: 0 0 4px;
}

.espresso-author__count {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 400;
    color: var(--mde-gray-400, #999);
    display: block;
    margin-bottom: 10px;
}

.espresso-author__bio {
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    color: var(--mde-gray-600, #666);
    margin: 0;
    max-width: 600px;
}

@media (max-width: 767px) {
    .espresso-author__header {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .espresso-author__name {
        font-size: 24px;
    }

    .espresso-author__avatar img {
        width: 80px;
        height: 80px;
    }
}

.espresso-category__header,
.espresso-archive__header {
    text-align: center;
    padding: 30px 0 24px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.espresso-category__title,
.espresso-archive__title {
    font-family: var(--mde-serif);
    font-size: 36px;
    font-weight: 800;
    margin: 0;
    line-height: 1.1;
}

.espresso-category__featured-title,
.espresso-category__grid-title,
.espresso-category__list-title {
}

.espresso-archive__count {
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 400;
    color: var(--mde-gray-400);
    margin-top: 8px;
}

.espresso-category__featured {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 36px;
    border-radius: 18px;
    overflow: hidden;
    height: 620px;
    box-shadow: 0 24px 60px rgba(0,0,0,0.35);
    isolation: isolate;
}

@media (max-width: 900px) {
    .espresso-category__featured { height: 460px; }
}

.espresso-category__featured-img {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    z-index: 0;
}

.espresso-category__featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: auto;
    transition: transform .8s ease;
}

.espresso-category__featured:hover .espresso-category__featured-img img {
    transform: scale(1.04);
}

.espresso-category__featured::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(8,2,3,0.92) 0%, rgba(20,5,7,0.55) 45%, rgba(0,0,0,0.15) 75%, rgba(0,0,0,0) 100%),
        radial-gradient(ellipse at 10% 100%, rgba(213,19,23,0.35), transparent 60%);
    z-index: 1;
    pointer-events: none;
}

.espresso-category__featured-body {
    position: relative;
    z-index: 2;
    margin: auto 24px 24px 24px;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 720px;
    background: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 14px;
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    box-shadow:
        0 12px 32px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.18);
    top: auto;
    bottom: 0;
    position: absolute;
}

.espresso-category__featured-cat {
    display: inline-flex;
    align-items: center;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #fff;
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px rgba(213,19,23,0.5);
}

.espresso-category__featured-title {
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 12px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}

.espresso-category__featured-title a {
    color: #fff;
    text-decoration: none;
    transition: color .2s ease;
}

.espresso-category__featured-title a:hover {
    color: #ffd0d2;
}

.espresso-category__featured-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255,255,255,0.88);
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}

.espresso-category__featured-time {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
}

.espresso-category__grid,
.espresso-archive__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.espresso-category__grid-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.espresso-category__grid-img {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
}

.espresso-category__grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.espresso-category__grid-title {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 4px;
}

.espresso-category__grid-time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--mde-gray-400);
}

.espresso-category__list-item {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: none;
    text-decoration: none;
    color: inherit;
}

.espresso-category__list-img {
    flex: 0 0 220px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.espresso-category__list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.espresso-category__list-body {
    flex: 1;
}

.espresso-category__list-title {
    font-family: var(--mde-serif);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 8px;
}

.espresso-category__list-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--mde-gray-600);
    margin: 0 0 8px;
}

.espresso-category__list-time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--mde-gray-400);
}

.espresso-category__pagination,
.espresso-archive__pagination {
    text-align: center;
    padding: 30px 0;
}

.espresso-archive__empty {
    text-align: center;
    padding: 60px 20px;
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    color: var(--mde-gray-600);
}

.espresso-404__container {
    max-width: 800px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
}

.espresso-404__title {
    font-family: var(--mde-serif);
    font-size: 120px;
    font-weight: 600;
    color: var(--mde-gray-200);
    margin: 0;
    line-height: 1.1;
}

.espresso-404__subtitle {
    font-family: var(--mde-serif);
    font-size: 28px;
    margin: 16px 0;
}

.espresso-404__text {
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    color: var(--mde-gray-600);
    margin-bottom: 24px;
}

.espresso-404__search-form {
    display: flex;
    max-width: 500px;
    margin: 0 auto 40px;
    border: 2px solid var(--mde-gray-200);
}

.espresso-404__search-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    outline: none;
}

.espresso-404__search-btn {
    padding: 12px 24px;
    background: var(--mde-primary);
    color: #fff;
    border: none;
    font-family: var(--mde-sans);
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}

.espresso-404__popular-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    margin-bottom: 20px;
}

.espresso-404__popular-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: left;
}

.espresso-page__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 0;
}

@media (max-width: 1300px) {
    .espresso-page__container { padding: 30px 20px; }
}

.espresso-page__title {
    font-family: var(--mde-serif);
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 24px;
    line-height: 1.1;
}

.espresso-page__content {
    font-family: var(--mde-sans);
    font-size: 17px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .espresso-single__top { padding: 20px 12px 0; }
    .espresso-single__layout { grid-template-columns: 1fr; gap: 30px; padding: 0 12px 20px; }
    .espresso-single__title { font-size: 30px; max-width: 100%;
    line-height: 1.15;
}
    .espresso-single__content { font-size: 18px; line-height: 1.65; }
    .espresso-single__content p { line-height: 1.65; }
    .espresso-single__featured-img img { aspect-ratio: 16 / 9; object-fit: cover; }
    .espresso-single__content > img,
    .espresso-single__content > p > img { height: auto !important; margin-left: -12px !important; margin-right: -12px !important; width: calc(100% + 24px) !important; max-width: none !important; float: none !important; display: block !important; }
    .espresso-single__content .wp-caption,
    .espresso-single__content figure { float: none !important; margin-left: -12px !important; margin-right: -12px !important; width: calc(100% + 24px) !important; max-width: none !important; text-align: center; }
    .espresso-single__content .wp-caption img,
    .espresso-single__content figure img { margin: 0 !important; width: 100% !important; max-width: 100% !important; }
    .espresso-inline-related__img img { margin: 0 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: cover !important; }
    .espresso-inline-related__img .md-espresso-card__badge-wrap { display: none !important; }
    .espresso-single__related-grid { grid-template-columns: 1fr; }
    .espresso-category__featured { grid-template-columns: 1fr; }
    .espresso-category__grid,
    .espresso-archive__grid { grid-template-columns: 1fr; }
    .espresso-category__list-item { flex-direction: column; }
    .espresso-category__list-img { flex: none; width: 100%; }
    .espresso-category__title,
    .espresso-archive__title { font-size: 24px;
    line-height: 1.1;
}
    .espresso-404__title { font-size: 80px;
    line-height: 1.1;
}
    .espresso-404__popular-grid { grid-template-columns: 1fr; }
    .espresso-page__title { font-size: 26px;
    line-height: 1.1;
}
}

@media (max-width: 1018px) {
    .espresso-category__grid,
    .espresso-archive__grid { grid-template-columns: repeat(2, 1fr); }
}

.espresso-category__bottom {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
    margin-top: 10px;
}

.espresso-category__date-sep {
    padding: 16px 0 12px;
    margin-top: 20px;
    border-bottom: 2px solid var(--mde-primary, #d51317);
    display: flex;
    align-items: center;
    gap: 12px;
}

.espresso-category__date-sep::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: var(--mde-primary, #d51317);
    border-radius: 50%;
    flex-shrink: 0;
}

.espresso-category__date-label {
    font-family: var(--mde-serif);
    font-size: 18px;
    font-weight: 600;
    color: var(--mde-black, #111);
}

.espresso-category__list-cat {
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 12px;
    font-weight: 600;
    color: var(--mde-primary);
    display: block;
    margin-bottom: 6px;
}

.espresso-category__sidebar {
    position: sticky;
    top: 100px;
    align-self: start;
}

.espresso-category__sidebar-title {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--mde-black);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mde-primary);
}

.espresso-category__sidebar-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
    font-family: var(--mde-sans);
    font-weight: 400;
}

.espresso-category__sidebar-rank {
    font-family: var(--mde-serif);
    font-size: 28px;
    font-weight: 800;
    color: var(--mde-primary);
    min-width: 28px;
    flex-shrink: 0;
}

.espresso-category__sidebar-body { flex: 1; }

.espresso-category__sidebar-item-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    color: var(--mde-black);
    margin: 0;
}

.espresso-category__sidebar-item:hover .espresso-category__sidebar-item-title {
    color: var(--mde-primary);
}

.espresso-category__sidebar-thumb {
    width: 80px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
}

.espresso-category__sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.espresso-category__pagination,
.espresso-archive__pagination {
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.espresso-category__pagination .page-numbers,
.espresso-archive__pagination .page-numbers,
.espresso-category__pagination a,
.espresso-archive__pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    margin: 0 3px;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 500;
    color: var(--mde-black);
    text-decoration: none;
    border: 1px solid #ddd;
    transition: all 0.2s;
}

.espresso-category__pagination .page-numbers.current,
.espresso-archive__pagination .page-numbers.current {
    background: var(--mde-primary);
    color: #fff;
    border-color: var(--mde-primary);
}

.espresso-category__pagination a:hover,
.espresso-archive__pagination a:hover {
    background: var(--mde-gray-100);
    border-color: var(--mde-black);
}

.espresso-category__pagination .prev,
.espresso-category__pagination .next,
.espresso-archive__pagination .prev,
.espresso-archive__pagination .next {
    font-size: 15px;
}

.espresso-category__pagination .dots,
.espresso-archive__pagination .dots {
    border: none;
    color: var(--mde-gray-400);
}

@media (max-width: 1018px) {
    .espresso-category__bottom {
        grid-template-columns: 1fr;
    }

    .espresso-category__sidebar {
        position: static;
    }
}

.proto-kiosk {
    background: #fff;
}

.proto-kiosk__hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 60px 0 70px;
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.proto-kiosk__archive {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.proto-kiosk__pagination {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.proto-kiosk__hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.proto-kiosk__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    padding: 8px 16px;
    border-radius: 6px;
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255,255,255,0.8);
    margin-bottom: 24px;
}

.proto-kiosk__badge svg {
    opacity: 0.7;
}

.proto-kiosk__hero-title {
    font-family: var(--mde-serif);
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 16px;
}

.proto-kiosk__hero-date {
    display: block;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 400;
    color: rgba(255,255,255,0.5);
    margin-bottom: 32px;
}

.proto-kiosk__hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--mde-primary, #d51317);
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.proto-kiosk__hero-btn:hover {
    background: #b5100f;
    transform: translateX(4px);
}

.proto-kiosk__hero-cover {
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow:
        0 25px 60px rgba(0,0,0,0.4),
        0 8px 20px rgba(0,0,0,0.3);
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.proto-kiosk__hero-cover:hover {
    transform: scale(1.02) rotate(-0.5deg);
}

.proto-kiosk__hero-cover img {
    display: block;
    width: 100%;
    height: auto;
}

.proto-kiosk__hero-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, rgba(0,0,0,0.15), transparent);
    pointer-events: none;
}

.proto-kiosk__section-label {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: var(--mde-black, #111);
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--mde-primary, #d51317);
    display: inline-block;
}

.proto-kiosk__recent {
    padding: 50px 0 10px;
    background: #fff;
}

.proto-kiosk__recent-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.proto-kiosk__recent-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.proto-kiosk__recent-card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.proto-kiosk__recent-card:hover {
    transform: translateY(-6px);
}

.proto-kiosk__recent-cover {
    position: relative;
    overflow: hidden;
    box-shadow:
        0 6px 24px rgba(0,0,0,0.1),
        0 2px 6px rgba(0,0,0,0.06);
    transition: box-shadow 0.35s ease;
    margin-bottom: 12px;
}

.proto-kiosk__recent-card:hover .proto-kiosk__recent-cover {
    box-shadow:
        0 16px 48px rgba(0,0,0,0.18),
        0 4px 12px rgba(0,0,0,0.1);
}

.proto-kiosk__recent-cover img {
    display: block;
    width: 100%;
    aspect-ratio: 0.84;
    object-fit: cover;
    object-position: top center;
}

.proto-kiosk__recent-info {
    padding: 0 4px;
}

.proto-kiosk__recent-title {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 6px;
    color: var(--mde-black, #111);
}

.proto-kiosk__recent-card:hover .proto-kiosk__recent-title {
    color: var(--mde-primary, #d51317);
}

.proto-kiosk__recent-date {
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--mde-gray-400, #999);
}

.proto-kiosk__archive {
    padding: 50px 0 20px;
    background: var(--mde-gray-100, #f5f5f5);
}

.proto-kiosk__archive-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.proto-kiosk__archive-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.proto-kiosk__card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.proto-kiosk__card:hover {
    transform: translateY(-5px);
}

.proto-kiosk__card-cover {
    position: relative;
    overflow: hidden;
    box-shadow:
        0 3px 12px rgba(0,0,0,0.08),
        0 1px 3px rgba(0,0,0,0.05);
    transition: box-shadow 0.35s ease;
    margin-bottom: 8px;
}

.proto-kiosk__card:hover .proto-kiosk__card-cover {
    box-shadow:
        0 10px 32px rgba(0,0,0,0.14),
        0 3px 10px rgba(0,0,0,0.08);
}

.proto-kiosk__card-cover img {
    display: block;
    width: 100%;
    aspect-ratio: 0.84;
    object-fit: cover;
    object-position: top center;
}

.proto-kiosk__card-shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        transparent 40%,
        rgba(255,255,255,0.08) 45%,
        rgba(255,255,255,0.15) 50%,
        rgba(255,255,255,0.08) 55%,
        transparent 60%
    );
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.proto-kiosk__card:hover .proto-kiosk__card-shine,
.proto-kiosk__recent-card:hover .proto-kiosk__card-shine {
    opacity: 1;
}

.proto-kiosk__card-info {
    padding: 0 4px;
}

.proto-kiosk__card-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 3px;
    color: var(--mde-black, #111);
}

.proto-kiosk__card:hover .proto-kiosk__card-title {
    color: var(--mde-primary, #d51317);
}

.proto-kiosk__card-time {
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--mde-gray-400, #999);
}

.proto-kiosk__pagination {
    text-align: center;
    padding: 40px 0 60px;
    background: var(--mde-gray-100, #f5f5f5);
}

.proto-kiosk__pagination .page-numbers,
.proto-kiosk__pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    margin: 0 3px;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 500;
    color: var(--mde-black, #111);
    text-decoration: none;
    border: 1px solid #ddd;
    background: #fff;
    transition: all 0.2s;
    border-radius: 4px;
}

.proto-kiosk__pagination .page-numbers.current {
    background: var(--mde-primary, #d51317);
    color: #fff;
    border-color: var(--mde-primary, #d51317);
}

.proto-kiosk__pagination a:hover {
    background: #fff;
    border-color: var(--mde-black, #111);
}

.proto-kiosk__pagination .dots {
    border: none;
    background: none;
    color: var(--mde-gray-400, #999);
}

@media (max-width: 1024px) {
    .proto-kiosk__hero-inner {
        grid-template-columns: 1fr 320px;
        gap: 40px;
    }
    .proto-kiosk__hero-title {
        font-size: 30px;
    }
    .proto-kiosk__archive-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .proto-kiosk__hero {
        padding: 40px 0 50px;
    }
    .proto-kiosk__hero-inner {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    .proto-kiosk__hero-text {
        order: 2;
    }
    .proto-kiosk__hero-cover {
        order: 1;
        max-width: 280px;
        margin: 0 auto;
    }
    .proto-kiosk__hero-title {
        font-size: 24px;
    }
    .proto-kiosk__hero-btn {
        justify-content: center;
    }
    .proto-kiosk__badge {
        justify-content: center;
    }
    .proto-kiosk__recent-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .proto-kiosk__recent-grid > :last-child:nth-child(3) {
        display: none;
    }
    .proto-kiosk__archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .proto-kiosk__card-title {
        font-size: 13px;
    }
    .proto-kiosk__recent-title {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .proto-kiosk__archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

.rep-cat__hero {
    width: 100%;
}

.rep-cat__hero-link {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    max-height: 75vh;
}

.rep-cat__hero-img {
    position: relative;
}

.rep-cat__hero-img img {
    display: block;
    width: 100%;
    height: 75vh;
    object-fit: cover;
}

.rep-cat__hero-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

.rep-cat__hero-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
    max-width: 750px;
}

.rep-cat__hero-cat {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 6px 16px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.rep-cat__hero-title {
    font-family: var(--mde-serif);
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
}

.rep-cat__hero-link:hover .rep-cat__hero-title {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.rep-cat__hero-excerpt {
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 12px;
}

.rep-cat__hero-time {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
}

.rep-cat__secondary {
    width: 100%;
    background: var(--mde-gray-100, #f5f5f5);
}

.rep-cat__secondary-inner {
    width: 100%;
    margin: 0 auto;
    padding: 30px 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.rep-cat__sec-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid transparent;
    transition: border-color 0.2s;
}

.rep-cat__sec-card:hover {
    border-color: var(--mde-primary, #d51317);
}

.rep-cat__sec-img {
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.rep-cat__sec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.rep-cat__sec-card:hover .rep-cat__sec-img img {
    transform: scale(1.03);
}

.rep-cat__sec-body {
    padding: 20px 24px 24px;
}

.rep-cat__sec-title {
    font-family: var(--mde-serif);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--mde-black, #111);
}

.rep-cat__sec-excerpt {
    font-size: 15px;
    color: var(--mde-gray-600, #666);
    margin: 0 0 10px;
}

.rep-cat__sec-time {
    font-size: 14px;
    color: var(--mde-gray-400, #999);
}

.rep-cat__main {
    width: 100%;
    padding: 30px 0;
}

.rep-cat__main-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 50px;
}

.rep-cat__date-sep {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 0 10px;
    margin-top: 16px;
    border-bottom: 2px solid var(--mde-primary, #d51317);
}

.rep-cat__date-dot {
    width: 8px;
    height: 8px;
    background: var(--mde-primary, #d51317);
    border-radius: 50%;
    flex-shrink: 0;
}

.rep-cat__date-label {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--mde-black, #111);
}

.rep-cat__date-sep:first-child {
    margin-top: 0;
}

.rep-cat__item {
    display: flex;
    gap: 24px;
    padding: 22px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: inherit;
    transition: background 0.15s;
}

.rep-cat__item:hover {
    background: var(--mde-gray-100, #f5f5f5);
    margin: 0 -12px;
    padding: 22px 12px;
}

.rep-cat__item-img {
    flex: 0 0 240px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 2px;
}

.rep-cat__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.rep-cat__item:hover .rep-cat__item-img img {
    transform: scale(1.04);
}

.rep-cat__item-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rep-cat__item-title {
    font-family: var(--mde-serif);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 8px;
    color: var(--mde-black, #111);
}

.rep-cat__item:hover .rep-cat__item-title {
    color: var(--mde-primary, #d51317);
}

.rep-cat__item-excerpt {
    font-size: 15px;
    color: var(--mde-gray-600, #666);
    margin: 0 0 8px;
}

.rep-cat__item-time {
    font-size: 14px;
    color: var(--mde-gray-400, #999);
}

.rep-cat__sidebar {
    position: sticky;
    top: 80px;
    align-self: start;
}

.rep-cat__sidebar-heading {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--mde-black, #111);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mde-primary, #d51317);
}

.rep-cat__sidebar-ad {
    margin-bottom: 24px;
    text-align: center;
}

@media (max-width: 1024px) {
    .rep-cat__main-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .rep-cat__sidebar {
        position: static;
    }
}

@media (max-width: 767px) {
    .rep-cat__hero-link {
        max-height: 400px;
    }
    .rep-cat__hero-img img {
        height: 400px;
    }
    .rep-cat__hero-body {
        padding: 24px;
    }
    .rep-cat__hero-title {
        font-size: 24px;
    }
    .rep-cat__hero-excerpt {
        display: none;
    }
    .rep-cat__secondary-inner {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .rep-cat__sec-title {
        font-size: 18px;
    }
    .rep-cat__item {
        flex-direction: column;
        gap: 12px;
    }
    .rep-cat__item-img {
        flex: none;
        width: 100%;
    }
    .rep-cat__item:hover {
        margin: 0;
        padding: 22px 0;
    }
    .rep-cat__item-title {
        font-size: 18px;
    }
    .rep-cat__date-label {
        font-size: 17px;
    }
}

.espresso-category__ad-inline {
    padding: 12px 0;
    text-align: center;
    margin: 24px 0;
}

.espresso-category__ad-inline::after {
    content: none;
    display: none;
}

.espresso-category__ad-inline--list {
    margin: 16px 0;
}

.espresso-category__etv-break {
    margin-top: 40px;
    margin-bottom: 40px;
}

.polcat-cnn {
    background: #fff;
    padding: 50px 0 60px;
}

.polcat-cnn__container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.polcat-cnn .espresso-single__breadcrumbs {
    margin-bottom: 24px;
}

.polcat-cnn__header {
    text-align: center;
    margin-bottom: 40px;
}

.polcat-cnn__title {
    font-family: var(--mde-serif);
    font-size: 48px;
    font-weight: 800;
    color: #111;
    margin: 0 0 14px;
    position: relative;
    padding-bottom: 14px;
    display: inline-block;
    line-height: 1.1;
}

.polcat-cnn__title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--mde-primary);
}

.polcat-cnn__tagline {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 15px;
    color: #666;
    margin: 0;
}

.polcat-cnn__layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
}

.polcat-cnn__featured {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 32px;
    align-items: center;
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.polcat-cnn__featured-img {
    display: block;
    overflow: hidden;
    position: relative;
}

.polcat-cnn__featured-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

.polcat-cnn__featured-img:hover img {
    transform: scale(1.03);
}

.polcat-cnn__featured-body {
    display: flex;
    flex-direction: column;
}

.polcat-cnn__label {
    font-family: "CF Panoptik", var(--mde-sans) !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mde-primary);
    display: inline-block;
    margin-bottom: 12px;
    align-self: flex-start;
}

.polcat-cnn__featured-title {
    font-family: var(--mde-serif);
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 14px;
}

.polcat-cnn__featured-title a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s;
}

.polcat-cnn__featured-title a:hover {
    color: var(--mde-primary);
}

.polcat-cnn__featured-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    color: #555;
    margin: 0 0 18px;
}

.polcat-cnn__featured-meta {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 13px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 8px;
}

.polcat-cnn__featured-date {
    font-weight: 600;
    color: #666;
}

.polcat-cnn__featured-dot {
    color: #ccc;
}

.polcat-cnn__featured-time {
    color: #999;
}

.polcat-cnn__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
}

.polcat-cnn__card {
    text-decoration: none;
    color: inherit;
    display: block;
}

.polcat-cnn__card-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

.polcat-cnn__card-img img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}

.polcat-cnn__card:hover .polcat-cnn__card-img img {
    transform: scale(1.04);
}

.polcat-cnn__label--small {
    position: static;
    display: inline-block;
    background: transparent;
    color: var(--mde-primary);
    padding: 0;
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 6px;
}

.polcat-cnn__card-title {
    font-family: var(--mde-serif);
    font-size: 23px;
    font-weight: 500;
    line-height: 1.10;
    color: #111;
    margin: 0 0 8px;
    transition: color 0.2s;
}

.polcat-cnn__card:hover .polcat-cnn__card-title {
    color: var(--mde-primary);
}

.polcat-cnn__card-meta {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 6px;
}

.polcat-cnn__card-date {
    font-weight: 600;
    color: #666;
}

.polcat-cnn__card-dot {
    color: #ccc;
}

.polcat-cnn__sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 20px;
}

.polcat-cnn__widget {
    background: #fafafa;
    padding: 20px 22px;
    border-top: 3px solid var(--mde-primary);
}

.polcat-cnn__widget-title {
    font-family: var(--mde-serif);
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin: 0 0 18px;
}

.polcat-cnn__widget-item {
    display: grid;
    grid-template-columns: 36px 1fr 70px;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #e5e5e5;
    text-decoration: none;
    color: inherit;
    align-items: center;
}
.polcat-cnn__widget-thumb {
    width: 70px;
    height: 52px;
    overflow: hidden;
    border-radius: 4px;
    background: #f0f0f0;
}
.polcat-cnn__widget-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.polcat-cnn__widget-body { min-width: 0; }

.polcat-cnn__widget--miss .polcat-cnn__widget-miss {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #e5e5e5;
    text-decoration: none;
    color: inherit;
    align-items: center;
}
.polcat-cnn__widget--miss .polcat-cnn__widget-miss:first-of-type { border-top: 0; padding-top: 0; }
.polcat-cnn__widget-miss-img {
    width: 90px;
    height: 64px;
    overflow: hidden;
    border-radius: 4px;
    background: #f0f0f0;
}
.polcat-cnn__widget-miss-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.polcat-cnn__widget-miss-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    color: #111;
    line-height: 1.25;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}
.polcat-cnn__widget-miss:hover .polcat-cnn__widget-miss-title { color: var(--mde-primary); }

body.dark-mode .polcat-cnn__widget-item,
body.dark-mode .polcat-cnn__widget--miss .polcat-cnn__widget-miss { border-top-color: #2a2d36; }
body.dark-mode .polcat-cnn__widget-miss-title { color: #e8eaee; }
body.dark-mode .polcat-cnn__widget-miss:hover .polcat-cnn__widget-miss-title { color: #ff8a8d; }
body.dark-mode .polcat-cnn__widget-thumb,
body.dark-mode .polcat-cnn__widget-miss-img { background: #1a1c22; }

.polcat-cnn__widget-item:first-of-type {
    border-top: none;
    padding-top: 0;
}

.polcat-cnn__widget-num {
    font-family: var(--mde-serif);
    font-size: 30px;
    font-weight: 800;
    color: var(--mde-primary);
}

.polcat-cnn__widget-item h5 {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 600;
    color: #111;
    margin: 0 0 6px;
    transition: color 0.2s;
}

.polcat-cnn__widget-item:hover h5 {
    color: var(--mde-primary);
}

.polcat-cnn__widget-item span {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 12px;
    color: #999;
}

.polcat-cnn__ad {
    min-height: 100px;
}

.polcat-cnn__pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 50px;
}

.polcat-cnn__pagination a,
.polcat-cnn__pagination span {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    padding: 10px 16px;
    border: 1px solid #ddd;
    color: #111;
    text-decoration: none;
    transition: all 0.2s;
    min-width: 40px;
    text-align: center;
}

.polcat-cnn__pagination a:hover,
.polcat-cnn__pagination .current {
    background: var(--mde-primary);
    color: #fff;
    border-color: var(--mde-primary);
}

@media (max-width: 900px) {
    .polcat-cnn__layout { grid-template-columns: 1fr; }
    .polcat-cnn__title { font-size: 36px;
    line-height: 1.1;
}
    .polcat-cnn__featured-title { font-size: 24px; }
    .polcat-cnn__grid { grid-template-columns: 1fr; gap: 28px; }
    .polcat-cnn__card-title { font-size: 18px; }
    .polcat-cnn__sidebar { position: static; }
}

.espresso-polcat {
    background: #fff;
    padding: 40px 0;
}

.espresso-polcat__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

.espresso-polcat__masthead {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
    gap: 20px;
    border-top: 4px solid #111;
    border-bottom: 1px solid #111;
    padding: 22px 0 26px;
    margin-bottom: 40px;
    position: relative;
}

.espresso-polcat__masthead::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 1px;
    background: #111;
}

.espresso-polcat__dateline {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.espresso-polcat__masthead-center {
    text-align: center;
}

.espresso-polcat__eyebrow {
    display: block;
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: var(--mde-primary);
    margin-bottom: 6px;
}

.espresso-polcat__title {
    font-family: var(--mde-serif);
    font-size: 56px;
    font-weight: 800;
    color: #111;
    margin: 0 0 6px;
    line-height: 1.1;
}

.espresso-polcat__tagline {
    display: block;
    font-family: var(--mde-serif);
    font-style: italic;
    font-size: 14px;
    color: #999;
}

.espresso-polcat__masthead-right {
    text-align: right;
}

.espresso-polcat__page {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.espresso-polcat__top {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 36px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.espresso-polcat__lead {
    display: flex;
    flex-direction: column;
}

.espresso-polcat__lead-img {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.espresso-polcat__lead-img img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

.espresso-polcat__lead-img:hover img {
    transform: scale(1.03);
}

.espresso-polcat__badge {
    position: absolute;
    top: 0;
    left: 0;
    background: #111;
    color: #fff;
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    font-weight: 600;
    padding: 8px 14px;
    z-index: 2;
}

.espresso-polcat__meta {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.espresso-polcat__lead-title {
    font-family: var(--mde-serif);
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 16px;
}

.espresso-polcat__lead-title a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s;
}

.espresso-polcat__lead-title a:hover {
    color: var(--mde-primary);
}

.espresso-polcat__lead-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 16px;
    color: #444;
    margin: 0 0 20px;
}

.espresso-polcat__read-more {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: var(--mde-primary);
    text-decoration: none;
    border-bottom: 1px solid var(--mde-primary);
    padding-bottom: 2px;
    align-self: flex-start;
    transition: color 0.2s, border-color 0.2s;
}

.espresso-polcat__read-more:hover {
    color: #111;
    border-color: #111;
}

.espresso-polcat__secondary {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.espresso-polcat__sec-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    text-decoration: none;
    color: inherit;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.espresso-polcat__sec-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.espresso-polcat__sec-img {
    overflow: hidden;
}

.espresso-polcat__sec-img img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.espresso-polcat__sec-title {
    font-family: var(--mde-serif);
    font-size: 19px;
    font-weight: 600;
    color: #111;
    margin: 0 0 6px;
    transition: color 0.2s;
}

.espresso-polcat__sec-card:hover .espresso-polcat__sec-title {
    color: var(--mde-primary);
}

.espresso-polcat__sec-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 13px;
    color: #666;
    margin: 0 0 8px;
}

.espresso-polcat__sec-time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    color: #999;
}

.espresso-polcat__wire {
    background: #fafafa;
    border-top: 3px solid var(--mde-primary);
    padding: 20px 24px;
    margin-bottom: 40px;
}

.espresso-polcat__wire-header {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.espresso-polcat__wire-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--mde-primary);
    animation: polcat-pulse 1.8s ease-in-out infinite;
}

@keyframes polcat-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.3); }
}

.espresso-polcat__wire-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.espresso-polcat__wire-list li {
    border-top: 1px solid #e5e5e5;
}

.espresso-polcat__wire-list li:first-child {
    border-top: none;
}

.espresso-polcat__wire-item {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
    transition: padding-left 0.2s;
}

.espresso-polcat__wire-item:hover {
    padding-left: 8px;
}

.espresso-polcat__wire-stamp {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.espresso-polcat__wire-hour {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--mde-primary);
}

.espresso-polcat__wire-date {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    color: #999;
    margin-top: 2px;
}

.espresso-polcat__wire-title {
    font-family: var(--mde-serif);
    font-size: 17px;
    font-weight: 600;
    color: #111;
    margin: 0;
    transition: color 0.2s;
}

.espresso-polcat__wire-item:hover .espresso-polcat__wire-title {
    color: var(--mde-primary);
}

.espresso-polcat__wire-ago {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}

.espresso-polcat__bottom {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
}

.espresso-polcat__date-sep {
    position: relative;
    text-align: center;
    margin: 32px 0 20px;
}

.espresso-polcat__date-sep::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e5e5e5;
}

.espresso-polcat__date-sep span {
    position: relative;
    background: #fff;
    padding: 0 20px;
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
}

.espresso-polcat__archive-item {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
}

.espresso-polcat__archive-img {
    overflow: hidden;
}

.espresso-polcat__archive-img img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}

.espresso-polcat__archive-item:hover .espresso-polcat__archive-img img {
    transform: scale(1.04);
}

.espresso-polcat__archive-title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 600;
    color: #111;
    margin: 0 0 8px;
    transition: color 0.2s;
}

.espresso-polcat__archive-item:hover .espresso-polcat__archive-title {
    color: var(--mde-primary);
}

.espresso-polcat__archive-excerpt {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 14px;
    color: #555;
    margin: 0 0 8px;
}

.espresso-polcat__archive-time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 11px;
    color: #999;
}

.espresso-polcat__sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 20px;
}

.espresso-polcat__sidebar-box {
    background: #fafafa;
    border-top: 3px solid #111;
    padding: 20px 22px;
}

.espresso-polcat__sidebar-title {
    font-family: var(--mde-serif);
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 16px;
    color: #111;
}

.espresso-polcat__sidebar-item {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    padding: 14px 0;
    border-top: 1px solid #e5e5e5;
    align-items: start;
}

.espresso-polcat__sidebar-item:first-of-type {
    border-top: none;
    padding-top: 0;
}

.espresso-polcat__sidebar-rank {
    font-family: var(--mde-serif);
    font-size: 28px;
    font-weight: 800;
    font-style: italic;
    color: var(--mde-primary);
}

.espresso-polcat__sidebar-item-title {
    font-family: var(--mde-serif);
    font-size: 15px;
    font-weight: 600;
    color: #111;
    margin: 0 0 4px;
    transition: color 0.2s;
}

.espresso-polcat__sidebar-item:hover .espresso-polcat__sidebar-item-title {
    color: var(--mde-primary);
}

.espresso-polcat__sidebar-item-time {
    font-family: "CF Panoptik", Tahoma, sans-serif;
    font-size: 10px;
    color: #999;
}

.espresso-polcat__ad {
    min-height: 100px;
}

.espresso-polcat__pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.espresso-polcat__pagination a,
.espresso-polcat__pagination span {
    font-family: var(--mde-serif);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    border: 1px solid #ddd;
    color: #111;
    text-decoration: none;
    transition: all 0.2s;
}

.espresso-polcat__pagination a:hover,
.espresso-polcat__pagination .current {
    background: #111;
    color: #fff;
    border-color: #111;
}

@media (max-width: 900px) {
    .espresso-polcat__masthead {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 12px;
    }
    .espresso-polcat__masthead-right { text-align: center; }
    .espresso-polcat__title { font-size: 38px;
    line-height: 1.1;
}
    .espresso-polcat__top { grid-template-columns: 1fr; gap: 28px; }
    .espresso-polcat__lead-title { font-size: 28px; }
    .espresso-polcat__bottom { grid-template-columns: 1fr; }
    .espresso-polcat__archive-item { grid-template-columns: 140px 1fr; gap: 14px; }
    .espresso-polcat__archive-title { font-size: 17px; }
    .espresso-polcat__wire-item { grid-template-columns: 56px 1fr; gap: 14px; }
    .espresso-polcat__wire-ago { display: none; }
}

.md-espresso-footer {
    background: #1d1f21;
    color: #a1a6a9;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 300;
    padding: 45px 0;
}

.md-espresso-footer img { margin-bottom: 0 !important; }

.md-espresso-footer__container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}

.md-espresso-footer__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 20px;
    border-bottom: 1px solid #5e5e6f;
}

.md-espresso-footer__logo img {
    max-height: 48px;
    width: auto;
    display: block;
}

.md-espresso-footer__logo-text {
    font-family: "CF Panoptik", var(--mde-sans);
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.md-espresso-footer__bar-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.md-espresso-footer__gh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    color: #fff;
    transition: opacity .2s;
}

.md-espresso-footer__gh:hover { opacity: .75; }

.md-espresso-footer__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: background .2s, color .2s, border-color .2s;
    white-space: nowrap;
}

.md-espresso-footer__btn--ghost {
    background: transparent;
    border: 1px solid #a1a6a9;
    color: #fff;
}

.md-espresso-footer__btn--ghost:hover {
    background: #fff;
    color: #1d1f21;
}

.md-espresso-footer__btn--primary {
    background: #d51317;
    border: 1px solid #d51317;
    color: #fff;
}

.md-espresso-footer__btn--primary:hover {
    background: #ec3535;
    border-color: #ec3535;
}

.md-espresso-footer__nav {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 24px 20px;
    padding: 28px 0 32px;
}

.md-espresso-footer__cat { min-width: 0; }

.md-espresso-footer__cat-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    margin-bottom: 12px;
}

.md-espresso-footer__cat-link {
    color: #fff;
    text-decoration: none;
}

.md-espresso-footer__cat-link:hover { color: #d51317; }

.md-espresso-footer__cat-link--no-link { cursor: default; }

.md-espresso-footer__cat-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.md-espresso-footer__cat-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.md-espresso-footer__cat-menu a {
    color: #c4c9cc;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    transition: color .15s;
}

.md-espresso-footer__cat-menu a:hover { color: #fff; }

.md-espresso-footer__cat--apps { align-self: start; }

.md-espresso-footer__app-btn {
    display: block;
    margin-bottom: 8px;
    transition: opacity .2s;
}

.md-espresso-footer__app-btn:hover { opacity: .85; }

.md-espresso-footer__app-btn svg { display: block; width: 100%; height: auto; max-width: 135px; }

.md-espresso-footer__social {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 20px 0;
    border-top: 1px solid #5e5e6f;
    border-bottom: 1px solid #5e5e6f;
}

.md-espresso-footer__social-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 28px;
}

.md-espresso-footer__social-col:first-child { padding-left: 0; }
.md-espresso-footer__social-col:last-child { padding-right: 0; }

.md-espresso-footer__social-col--border {
    border-left: 1px solid #5e5e6f;
    border-right: 1px solid #5e5e6f;
}

.md-espresso-footer__social-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.md-espresso-footer__social-desc {
    font-size: 14px;
    font-weight: 300;
    color: #c4c9cc;
}

.md-espresso-footer__social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.md-espresso-footer__social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    color: #fff;
    background: transparent;
    transition: color .15s, background .15s;
}

.md-espresso-footer__social-icons a:hover {
    color: #d51317;
}

.md-espresso-footer__social-contact { margin-top: 10px; }

.md-espresso-footer__contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid #5e5e6f;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: border-color .2s, color .2s;
}

.md-espresso-footer__contact-btn:hover {
    border-color: #d51317;
    color: #d51317;
}

.md-espresso-footer__subscribe {
    display: flex;
    margin-top: 10px;
    background: #2a2c2e;
    border: 1px solid #5e5e6f;
    border-radius: 4px;
    overflow: hidden;
}

.md-espresso-footer__subscribe input {
    flex: 1;
    background: transparent;
    border: none;
    padding: 10px 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    outline: none;
    min-width: 0;
}

.md-espresso-footer__subscribe input::placeholder { color: #a1a6a9; }

.md-espresso-footer__subscribe button {
    flex: 0 0 auto;
    width: 48px;
    background: #d51317;
    border: none;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s;
}

.md-espresso-footer__subscribe button:hover { background: #ec3535; }

.md-espresso-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 22px 0 0;
    font-size: 10px;
    font-weight: 300;
    color: #c4c9cc;
}

.md-espresso-footer__copyright { font-size: 14px; font-weight: 300; color: #c4c9cc; }

.md-espresso-footer__bottom-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.md-espresso-footer__bottom-links a {
    color: #c4c9cc;
    text-decoration: none;
    font-size: 14px;
    transition: color .15s;
}

.md-espresso-footer__bottom-links a:hover { color: #fff; }

@media (max-width: 1140px) {
    .md-espresso-footer__nav { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 780px) {
    .md-espresso-footer__bar { flex-wrap: wrap; gap: 16px; }
    .md-espresso-footer__nav { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; }
    .md-espresso-footer__social { grid-template-columns: 1fr; gap: 24px; }
    .md-espresso-footer__social-col { padding: 0 !important; border: 0 !important; }
    .md-espresso-footer__social-col--border { border-top: 1px solid #5e5e6f !important; border-bottom: 1px solid #5e5e6f !important; padding: 24px 0 !important; }
    .md-espresso-footer__bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
    .md-espresso-footer { padding: 36px 0 24px; }
    .md-espresso-footer__container { padding: 0 20px; }
    .md-espresso-footer__bar { gap: 14px; padding: 0 0 22px; }
    .md-espresso-footer__bar-actions { gap: 8px; flex-wrap: wrap; width: 100%; justify-content: flex-start; }
    .md-espresso-footer__btn { padding: 10px 14px; font-size: 13px; flex: 1 1 auto; }
    .md-espresso-footer__gh { width: 32px; height: 32px; }
    .md-espresso-footer__logo img { max-height: 38px; }
    .md-espresso-footer__nav { grid-template-columns: repeat(2, 1fr); gap: 26px 22px; padding: 26px 0 28px; }
    .md-espresso-footer__cat-title { font-size: 14px; margin-bottom: 10px; padding: 0 0 6px; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .md-espresso-footer__cat-menu li { margin-bottom: 6px; }
    .md-espresso-footer__cat-menu a { font-size: 13px; line-height: 1.45; }
    .md-espresso-footer__social { padding: 24px 0; gap: 20px; }
    .md-espresso-footer__social-col { padding: 0 !important; }
    .md-espresso-footer__social-col--border { padding: 24px 0 !important; }
    .md-espresso-footer__bar-actions { display: none !important; }
    .md-espresso-footer__bottom { padding: 18px 0 0; gap: 10px; }
    .md-espresso-footer__bottom-links { gap: 14px; flex-wrap: wrap; }
}

@media (max-width: 1140px) {
    
    .md-espresso-section {
        padding: 30px 0;
    }

    .md-espresso-section__container {
        max-width: 100%;
        padding: 0 5px;
    }


    .md-espresso-hero-top {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .md-espresso-hero-top .md-espresso-card--standard,
    .md-espresso-hero-top .md-espresso-card--standard .md-espresso-card__image {
        width: 100%;
    }

    .md-espresso-hero-mid {
        grid-template-columns: minmax(0, 1fr) 300px;
        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;
    }

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

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

    
    .md-espresso-page3__hero {
        height: 420px;
    }

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

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

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

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


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

    .md-espresso-hero-bottom {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .md-espresso-hero-newsgrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md-espresso-hero-newsgrid__card,
    .md-espresso-hero-newsgrid__img {
        width: 100%;
    }

    .md-espresso-hero-newsgrid__img {
        aspect-ratio: 16 / 9;
        height: auto;
    }
}

@media (max-width: 1018px) {
    
    .md-espresso-section {
        padding: 30px 0;
    }

    
    .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-sport-banner {
        flex: 1;
        width: auto;
        min-width: 0;
        height: 250px;
        min-height: 250px;
    }

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

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

    .md-espresso-hero-newsgrid__card,
    .md-espresso-hero-newsgrid__img {
        width: 100%;
    }

    .md-espresso-hero-newsgrid__img {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .md-espresso-hero-p3g {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }


    .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;
    }

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

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

    
    .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);
    }

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

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

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

    
    .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;
    }

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

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

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

    
    .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;
    }

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

    
    .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);
    }

    
    .md-espresso-page3__hero {
        height: 380px;
    }

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

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

    
    .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;
    }

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

    
    .md-espresso-sh {
        margin-bottom: 24px;
    }

    
    .md-espresso-stories__item {
        flex: 0 0 180px;
    }

}

@media (max-width: 480px) {
    .md-espresso-hero-newsgrid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

@media (max-width: 767px) {

    .md-espresso-section {
        padding: 24px 0;
    }

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

    .md-espresso-section--showbiz .md-espresso-section__container,
    .md-espresso-section--coverstory .md-espresso-section__container,
    .md-espresso-section--popular .md-espresso-section__container,
    .md-espresso-section--reportaz .md-espresso-section__container,
    .md-espresso-section--politiki .md-espresso-section__container,
    .md-espresso-section--doppio .md-espresso-section__container,
    .md-espresso-section--hollywood .md-espresso-section__container,
    .md-espresso-section--sport .md-espresso-section__container,
    .md-espresso-section--zodia .md-espresso-section__container,
    .md-espresso-section--beaute .md-espresso-section__container,
    .md-espresso-section--politismos .md-espresso-section__container,
    .md-espresso-section--syntages .md-espresso-section__container,
    .md-espresso-section--typos .md-espresso-section__container,
    .md-espresso-section--ygia .md-espresso-section__container,
    .md-espresso-section--video .md-espresso-section__container,
    .md-espresso-section--polls .md-espresso-section__container,
    .md-espresso-section--platforms .md-espresso-section__container {
        padding: 0 15px;
    }

    .md-espresso-section--media .md-espresso-section__container,
    .md-espresso-section--page3girl .md-espresso-section__container,
    .md-espresso-section--newsletter .md-espresso-section__container,
    .md-espresso-section--espressotv .md-espresso-section__container,
    .md-espresso-section--agenda .md-espresso-section__container,
    .md-espresso-section--hero .md-espresso-section__container {
        padding: 0;
    }

    .md-espresso-socialclub .md-espresso-section__container {
        padding: 0 15px;
    }

    .md-espresso-socialclub__card-img {
        aspect-ratio: 16 / 9;
    }

    .md-espresso-socialclub__card-body {
        padding: 12px 14px 14px;
    }

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

    .md-espresso-section--hero {
        padding: 0 0 24px;
    }

    .md-espresso-homepage {
        padding-top: 0;
    }

    .md-espresso-sh {
        margin-bottom: 16px;
    }

    .md-espresso-sh__label,
    .md-espresso-section--zodia .md-espresso-sh__label,
    .md-espresso-section--sport .md-espresso-sh__label,
    .md-espresso-section--video .md-espresso-sh__label,
    .md-espresso-section--agenda .md-espresso-sh__label,
    .md-espresso-section--platforms .md-espresso-sh__label,
    .md-espresso-section--media .md-espresso-sh__label {
        font-size: 26px !important;
    }

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

    
    .md-espresso-zodia__title {
        font-size: 14px;
    line-height: 1.1;
}

    .md-espresso-zodia__card-overlay {
        padding: 10px;
    }

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


    .md-espresso-hero-top {
        display: none;
    }


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

    .md-espresso-hero-carousel {
        height: auto;
        overflow: visible;
        display: block;
    }

    .md-espresso-hero-carousel__slide {
        position: relative;
        inset: auto;
        opacity: 1;
        pointer-events: auto;
        display: block;
        transition: none;
    }

    .md-espresso-hero-carousel__slide .md-espresso-card--hero,
    .md-espresso-hero-carousel__slide .md-espresso-card--hero .md-espresso-card__link {
        height: auto;
        min-height: 0;
        display: block;
    }

    .md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__overlay,
    .md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__gradient,
    .md-espresso-hero-carousel__slide .md-espresso-hero-exclusive,
    .md-espresso-hero-carousel__nums,
    .md-espresso-hero-carousel__arrow {
        display: none !important;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-card--hero .md-espresso-card__image {
        position: relative;
        inset: auto;
        height: auto;
        min-height: 0;
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-card--hero .md-espresso-card__image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-hero-carousel__mmeta {
        display: block;
        padding: 14px 15px 18px;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-hero-carousel__mmeta-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-family: var(--mde-sans);
        font-size: 14px;
        line-height: 1.4;
        color: #555;
        margin: 8px 0 0;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) {
        position: relative;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3)::after {
        content: '';
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
        height: 1px;
        background: #e4e6e9;
    }

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-hero-carousel__mmeta-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero {
        background: transparent;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) {
        padding: 0 15px;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero .md-espresso-card__link {
        display: grid;
        grid-template-columns: 1fr 140px;
        gap: 14px;
        align-items: start;
        padding: 14px 0;
        border-bottom: 1px solid #e4e6e9;
    }

    .md-espresso-hero-bottom {
        padding: 0;
    }

    .md-espresso-hero-newsgrid {
        padding: 0 15px;
    }

    .md-espresso-hero-carousel__slide:last-child .md-espresso-card--hero .md-espresso-card__link {
        border-bottom: 0;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero .md-espresso-card__image {
        order: 2;
        position: relative;
        inset: auto;
        width: 140px;
        height: auto;
        min-height: 0;
        aspect-ratio: 4 / 3;
        overflow: hidden;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero .md-espresso-card__image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-hero-carousel__mmeta {
        order: 1;
        display: block;
        padding: 0;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-hero-carousel__mmeta-title {
        font-size: 16px;
        line-height: 1.25;
    }

    .md-espresso-hero-carousel__mmeta-cat {
        display: block;
        font-family: var(--mde-sans);
        font-size: 11px;
        font-weight: 600;
        color: var(--mde-primary, #d51317);
        margin-bottom: 4px;
    }

    .md-espresso-hero-carousel__mmeta-title {
        font-family: var(--mde-serif, var(--mde-sans));
        font-weight: 600;
        color: var(--mde-black, #111);
        margin: 0;
    }

    .md-espresso-hero-carousel__mmeta-time {
        display: block;
        font-family: var(--mde-sans);
        font-size: 11px;
        color: var(--mde-gray-400, #777);
        margin-top: 6px;
    }

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

    .md-espresso-hero-sidebar .md-espresso-card--hero,
    .md-espresso-hero-sidebar .md-espresso-card--standard,
    .md-espresso-hero-sidebar .md-espresso-hero-sidebar__featured {
        width: 100%;
        min-height: 200px;
        flex: 0 0 auto;
        height: auto;
    }

    .md-espresso-hero-sidebar .md-espresso-card--hero .md-espresso-card__image,
    .md-espresso-hero-sidebar .md-espresso-card--standard .md-espresso-card__image,
    .md-espresso-hero-sidebar .md-espresso-hero-sidebar__featured .md-espresso-card__image {
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 9;
        flex-shrink: 1;
    }

    .md-espresso-hero-sidebar {
        padding: 0 15px;
    }

    .md-espresso-hero-sidebar .md-espresso-sport-banner,
    #md-espresso-sport-banner {
        width: 100%;
        height: auto;
    }

    .md-espresso-sport-banner__slides {
        position: relative;
    }

    .md-espresso-sport-banner__slide:not(:first-child) {
        display: none !important;
    }

    .md-espresso-sport-banner__slide:first-child,
    .md-espresso-sport-banner__slide:first-child.is-active {
        position: relative;
        inset: auto;
        opacity: 1 !important;
        visibility: visible !important;
        transition: none;
        display: block;
        pointer-events: auto;
    }

    .md-espresso-sport-banner__img {
        display: none !important;
    }

    .md-espresso-sport-banner__arrow,
    .md-espresso-sport-banner__progress {
        display: none !important;
    }

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

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

    .md-espresso-hero-newsgrid__title {
        font-size: 14px;
        line-height: 1.25;
        -webkit-line-clamp: 3 !important;
    }

    .md-espresso-hero-p3g {
        width: 100%;
        max-width: none;
        margin: 0;
        height: auto;
    }

    .md-espresso-hero-p3g__viewport {
        position: relative;
        height: auto;
    }

    .md-espresso-hero-p3g__track {
        position: relative;
        height: auto;
    }

    .md-espresso-hero-p3g__slide:not(:first-child) {
        display: none !important;
    }

    .md-espresso-hero-p3g__slide:first-child,
    .md-espresso-hero-p3g__slide:first-child.is-active {
        position: relative;
        inset: auto;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none;
        display: block;
        pointer-events: auto;
    }

    .md-espresso-hero-p3g__img {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 5;
    }

    .md-espresso-hero-p3g__img img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-hero-p3g__arrow,
    .md-espresso-hero-p3g__progress {
        display: none !important;
    }

    .md-espresso-hero3__hero {
        margin-left: -15px;
        margin-right: -15px;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image {
        min-height: 0;
        aspect-ratio: 5 / 4;
    }

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


    .md-espresso-section--showbiz .md-espresso-section__container {
        display: flex;
        flex-direction: column;
    }

    .md-espresso-section--showbiz .md-espresso-sh {
        order: 2;
    }

    .md-espresso-section--showbiz .md-espresso-showbiz__pills {
        order: 3;
    }

    .md-espresso-showbiz__main {
        grid-template-columns: 1fr;
        display: contents;
    }

    .md-espresso-showbiz__sidebar-proto {
        display: flex !important;
        flex-direction: column;
        gap: 18px;
        order: 1;
        margin-bottom: 24px;
    }

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

    .md-espresso-homepage img,
    .md-espresso-homepage [class*="card"],
    .md-espresso-homepage a {
        transition: none !important;
    }

    .md-espresso-homepage [class*="card"]:hover img,
    .md-espresso-homepage img:hover,
    .md-espresso-homepage a:hover img {
        transform: none !important;
    }

    .md-espresso-showbiz__content {
        order: 4;
    }

    .md-espresso-card--featured-split {
        overflow: visible;
    }

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

    .md-espresso-card--featured-split .md-espresso-card__image {
        aspect-ratio: auto;
        height: auto;
        position: relative;
        overflow: visible;
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    .md-espresso-card--featured-split .md-espresso-card__image > img {
        aspect-ratio: 4 / 3;
        height: auto;
        width: 100%;
    }

    .md-espresso-card--featured-split .md-espresso-card__overlay {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        background: transparent;
        padding: 14px 0 18px;
        color: inherit;
    }

    .md-espresso-card--featured-split .md-espresso-card__title {
        font-size: 22px;
        line-height: 1.2;
        color: var(--mde-black, #111);
    }

    .md-espresso-card--featured-split .md-espresso-card__cat-label {
        color: var(--mde-primary, #d51317);
        background: transparent;
        padding: 0;
        font-size: 11px;
    }

    .md-espresso-card--featured-split .md-espresso-card__title {
        text-shadow: none !important;
    }

    .md-espresso-card--featured-split .md-espresso-card__excerpt {
        text-shadow: none !important;
    }

    .md-espresso-card--featured-split .md-espresso-card__time {
        text-shadow: none !important;
    }

    .md-espresso-card--featured-split .md-espresso-card__excerpt {
        max-height: none;
        opacity: 1;
        transform: none;
        filter: none;
        color: #555;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .md-espresso-card--featured-split .md-espresso-card__time {
        color: #777;
    }

    .md-espresso-card--featured-split .md-espresso-card__gradient {
        display: none;
    }

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

    .md-espresso-showbiz__grid .md-espresso-card--standard {
        background: transparent;
        border-bottom: 1px solid #e4e6e9;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard:last-child {
        border-bottom: 0;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__link {
        display: grid;
        grid-template-columns: 1fr 140px;
        gap: 14px;
        align-items: start;
        padding: 14px 0;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__image {
        order: 2;
        aspect-ratio: 8 / 5;
        margin: 0;
        width: 140px;
        height: auto;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__badge-wrap,
    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card__badge-wrap,
    .md-espresso-hero3__row .md-espresso-card__badge-wrap,
    .md-espresso-hero-newsgrid .md-espresso-card__badge-wrap {
        display: none;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__body {
        order: 1;
        padding: 0;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__title {
        font-size: 15px !important;
        line-height: 1.2;
        -webkit-line-clamp: 3 !important;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__cat-label {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__excerpt {
        display: none;
    }

    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__meta {
        font-size: 11px;
        margin-top: 6px;
    }

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

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

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


    .md-espresso-bento {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-auto-rows: auto;
        gap: 12px;
    }

    .md-espresso-bento .md-espresso-card--hero {
        height: auto;
    }

    .md-espresso-bento .md-espresso-card--hero .md-espresso-card__link {
        height: auto;
        position: relative;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child {
        grid-column: 1 / -1;
        grid-row: auto;
        margin-left: -15px;
        margin-right: -15px;
    }

    .md-espresso-bento .md-espresso-card--hero .md-espresso-card__image {
        position: relative;
        inset: auto;
        aspect-ratio: 4 / 3;
        min-height: 0;
        height: auto;
        width: 100%;
    }

    .md-espresso-bento .md-espresso-card--hero .md-espresso-card__image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child .md-espresso-card__image {
        aspect-ratio: 16 / 9;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child .md-espresso-card__title {
        font-size: 20px;
        line-height: 1.2;
    }

    .md-espresso-bento .md-espresso-card--hero .md-espresso-card__title {
        font-size: 13px;
        line-height: 1.2;
    }

    .md-espresso-bento .md-espresso-card--hero .md-espresso-card__excerpt {
        display: none;
    }

    .md-espresso-bento .md-espresso-card--hero:first-child .md-espresso-card__excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .md-espresso-bento .md-espresso-card--hero:not(:first-child) .md-espresso-card__badge-wrap,
    .md-espresso-bento .md-espresso-card--hero:not(:first-child) .md-espresso-card__cat-label,
    .md-espresso-bento .md-espresso-card--hero:not(:first-child) .md-espresso-card__time {
        display: none;
    }


    .md-espresso-media-swiper {
        padding-bottom: 0;
    }

    .md-espresso-media-swiper__viewport {
        overflow: visible;
        border-radius: 0;
    }

    .md-espresso-media-swiper__track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        transform: none !important;
        transition: none;
    }

    .md-espresso-media-swiper__card {
        flex: none;
        width: 100%;
        border-radius: 0;
        box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    }

    .md-espresso-media-swiper__img {
        aspect-ratio: 4 / 3;
        border-radius: 0;
    }

    .md-espresso-media-swiper__overlay {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 8px 10px;
        border-radius: 0;
    }

    .md-espresso-media-swiper__title {
        font-size: 13px;
        line-height: 1.2;
    }

    .md-espresso-media-swiper__time {
        font-size: 9px;
        margin-top: 3px;
    }

    .md-espresso-media-swiper__controls,
    .md-espresso-media-swiper__arrow,
    .md-espresso-media-swiper__dots {
        display: none !important;
    }


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

    .md-espresso-split10__img {
        width: 100%;
        background: transparent;
    }

    .md-espresso-split10__img img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .md-espresso-split10__content {
        padding: 14px 0 18px;
        background: transparent;
    }

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

    .md-espresso-split10__excerpt {
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

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

    .md-espresso-ticker5__title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

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

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

    
    .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;
    }


    .md-espresso-zodia__grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .md-espresso-zodia__hero {
        grid-template-columns: 1fr;
        gap: 0;
    }

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

    .md-espresso-zodia__hero-title {
        font-size: 18px;
        line-height: 1.25;
    }

    .md-espresso-zodia__hero-excerpt {
        font-size: 14px;
        line-height: 1.4;
    }

    .md-espresso-zodia__card-title {
        font-size: 14px;
        line-height: 1.25;
    }

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

    
    .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;
    }

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

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

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

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

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

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

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

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


    .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;
    }

    
    .md-espresso-card--standard .md-espresso-card__title {
        font-size: 15px;
    line-height: 1.1;
}

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

    
    .md-espresso-stories__item {
        flex: 0 0 160px;
    }

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

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

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

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

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

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

    
    .md-espresso-beaute__nav {
        gap: 16px;
    }

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

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

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

    
    .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;
    }

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

    
    .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;
    }

    
    .md-espresso-section--page3girl {
        display: none !important;
    }

    .md-espresso-p3g__layout {
        display: none !important;
    }

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

    .md-espresso-p3g__title {
        font-size: 26px;
    line-height: 1.1;
}

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

    .md-espresso-p3g__thumb-title {
        font-size: 15px;
    }

    
    .md-espresso-card--standard .md-espresso-card__title {
        font-size: 16px;
    line-height: 1.1;
}

    .md-espresso-card--hero .md-espresso-card__title {
        font-size: 18px;
    line-height: 1.1;
}

    
    .md-espresso-section--espressotv {
        padding: 40px 0;
    }

    .md-espresso-etv__header {
        padding: 0 15px;
        margin-bottom: 16px;
    }

    .md-espresso-etv__title {
        font-size: 24px !important;
    }

    .md-espresso-etv__all {
        font-size: 12px;
    }

    .md-espresso-etv3d {
        padding: 0 15px !important;
    }

    .md-espresso-etv3d__arrow,
    .md-espresso-etv3d__bullets {
        display: none !important;
    }

    .md-espresso-etv3d__viewport {
        overflow: visible;
        height: auto;
    }

    .md-espresso-etv3d__track {
        display: flex !important;
        flex-direction: column;
        gap: 0;
        height: auto !important;
        position: relative !important;
        transform: none !important;
        perspective: none !important;
    }

    .md-espresso-etv3d__item {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        opacity: 1 !important;
        z-index: auto !important;
        pointer-events: auto !important;
        left: auto !important;
        top: auto !important;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__link {
        display: block;
        padding: 0 0 14px;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__img {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
        opacity: 1 !important;
        filter: none !important;
        border-radius: 6px;
        overflow: hidden;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__play {
        position: absolute;
        inset: 0;
        top: 0;
        left: 0;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1 !important;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__play svg {
        width: 64px;
        height: 64px;
        filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5));
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__body {
        position: relative;
        padding: 12px 0 0;
        opacity: 1 !important;
        background: transparent;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__title {
        font-size: 18px;
        line-height: 1.25;
        font-weight: 700;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__link {
        display: grid;
        grid-template-columns: 1fr 150px;
        gap: 14px;
        align-items: center;
        padding: 14px 0;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    .md-espresso-etv3d__item:last-child .md-espresso-etv3d__link {
        border-bottom: 0;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__img {
        order: 2;
        position: relative;
        width: 150px;
        aspect-ratio: 16 / 9;
        height: auto;
        opacity: 1 !important;
        filter: none !important;
        border-radius: 6px;
        overflow: hidden;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__play {
        position: absolute;
        inset: 0;
        top: 0;
        left: 0;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1 !important;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__play svg {
        width: 32px;
        height: 32px;
        opacity: 0.95;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__body {
        order: 1;
        padding: 0;
        margin-top: 0;
        opacity: 1 !important;
        background: transparent;
        align-self: center;
        align-items: flex-start;
        gap: 6px;
    }

    .md-espresso-etv3d__item:first-child .md-espresso-etv3d__body {
        align-items: flex-start;
    }

    .md-espresso-etv3d__item:not(:first-child) .md-espresso-etv3d__title {
        font-size: 14px;
        line-height: 1.3;
        opacity: 1 !important;
        color: #fff;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 600;
        margin: 0;
        min-height: 0 !important;
    }

    .md-espresso-etv3d__cat {
        font-size: 10px;
        opacity: 1 !important;
        margin-bottom: 6px;
        padding: 4px 8px;
        letter-spacing: 0.5px;
    }

    .md-espresso-etv3d__title {
        opacity: 1 !important;
        color: #fff;
    }

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

    .md-espresso-etv__title {
        font-size: 20px;
    line-height: 1.1;
}

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

    .md-espresso-doppio__title {
        font-size: 22px;
    line-height: 1.1;
}

    .md-espresso-doppio__list {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid rgba(201,169,110,0.2);
        padding-top: 16px;
    }

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

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

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

    
    .md-espresso-popular__featured .md-espresso-card--hero .md-espresso-card__title {
        font-size: 22px;
    line-height: 1.1;
}

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

    
    .md-espresso-section--newsletter {
        padding: 40px 0;
    }

    .md-espresso-newsletter__content {
        padding: 0 20px;
    }

    .md-espresso-section--agenda .md-espresso-section__container {
        padding: 0 15px;
    }

    .md-espresso-homepage__sidebar {
        padding: 0 15px;
    }

    .md-espresso-agenda__featured-title {
        font-weight: 600 !important;
    }

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

    .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;
    }

    
    .md-espresso-socialclub__platforms {
        gap: 6px;
    }

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

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

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

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

    
    .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;
    }

    
    .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;
    }

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

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

    .md-espresso-homepage [class*="__title"]:not(.md-espresso-sh__title):not(.md-espresso-sh__label):not(.md-espresso-newsfeed__title):not(.md-espresso-newsletter__title):not(.md-espresso-etv__title):not(.md-espresso-socialclub__title):not(.md-espresso-socialclub__title-link):not(.md-espresso-socialclub__title-em) {
        line-height: 1.2 !important;
    }

    .md-espresso-homepage [class*="backdrop"],
    .md-espresso-header__fullmenu-search-form,
    .md-espresso-p3g__layout,
    .md-espresso-media-swiper__overlay,
    .espresso-single__stickybar,
    .proto-single__zoom-hint,
    .proto-lightbox__controls,
    .espresso-category__featured-body,
    .rep-cat__hero-cat,
    .etv-tt-card__poster,
    .etv-tt-card__logo,
    .etv-yt-modal__backdrop,
    .etv-header {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .md-espresso-sidebar-popular__blob,
    .etv-tt-card__glow,
    .etv-hero__play,
    .md-espresso-card__excerpt {
        filter: none !important;
    }

    .md-espresso-etv__live-dot {
        animation: none !important;
    }

    .md-espresso-section--page3girl::before {
        display: none !important;
    }

    .md-espresso-homepage > section,
    .md-espresso-homepage > div > section,
    .md-espresso-homepage .md-espresso-section {
        content-visibility: auto;
        contain-intrinsic-size: 1px 600px;
    }

    .md-espresso-section--hero {
        content-visibility: visible;
        contain-intrinsic-size: auto;
    }
}

@media (max-width: 480px) {

    .md-espresso-section {
        padding: 24px 0;
    }

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

    .md-espresso-section--hero {
        padding: 0 0 20px;
    }


    .md-espresso-hero-top {
        display: none;
    }

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

    .md-espresso-hero-carousel {
        height: auto;
    }

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

    .md-espresso-hero-carousel__slide:nth-child(-n+3) .md-espresso-hero-carousel__mmeta-title {
        font-size: 18px;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-hero-carousel__mmeta-title {
        font-size: 15px;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero .md-espresso-card__image {
        width: 130px;
    }

    .md-espresso-hero-carousel__slide:nth-child(n+4) .md-espresso-card--hero .md-espresso-card__link {
        grid-template-columns: 1fr 130px;
    }

    .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;
    }

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

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

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

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

    
    .md-espresso-card--editorial .md-espresso-card__image {
        min-height: 240px;
    }

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

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


    .md-espresso-card--standard .md-espresso-card__title {
        font-size: 17px;
        line-height: 1.1;
    }

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

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

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

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

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

    
    .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;
    }

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

    
    .md-espresso-page3__hero {
        height: 260px;
    }

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

    .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;
    }

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

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

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

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

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

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


    .md-espresso-badge {
        font-size: 11px;
        padding: 4px 8px;
    }

    .md-espresso-badge--exclusive {
        font-size: 11px !important;
        padding: 5px 9px;
    }

    .md-espresso-badge--mono {
        padding: 4px 8px 5px;
        min-width: 64px;
    }

    .md-espresso-badge__mono-top {
        font-size: 8px !important;
        letter-spacing: 0.5px;
    }

    .md-espresso-badge__mono-bottom {
        font-size: 14px !important;
    }

    .md-espresso-card__badge-wrap {
        top: 8px;
        left: 8px;
    }

    
    .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;
    }

    
    .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;
    line-height: 1.1;
}

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

    
    .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;
    }

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

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

    
    .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;
    }


    .md-espresso-sh__label,
    .md-espresso-section--zodia .md-espresso-sh__label,
    .md-espresso-section--sport .md-espresso-sh__label,
    .md-espresso-section--video .md-espresso-sh__label,
    .md-espresso-section--agenda .md-espresso-sh__label,
    .md-espresso-section--platforms .md-espresso-sh__label,
    .md-espresso-section--media .md-espresso-sh__label {
        font-size: 26px !important;
    }

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

    
    .md-espresso-zodia__title {
        font-size: 13px;
    line-height: 1.1;
}

    .md-espresso-zodia__card-overlay {
        padding: 8px;
    }
}

body.dark-mode {
    --mde-black: #e8e8e8;
    --mde-white: #1a1a1a;
    --mde-cream: #1e1e1e;
    --mde-gray-100: #242424;
    --mde-gray-200: #333333;
    --mde-gray-400: #888888;
    --mde-gray-600: #aaaaaa;
    --mde-primary: #e8373b;
}

body.dark-mode {
    background: #121212;
    color: #e8e8e8;
}

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.md-espresso-header__nav,
.md-espresso-header__fullmenu,
.md-espresso-card--standard,
.espresso-single__stickybar,
.espresso-inline-related,
.md-espresso-poll,
.proto-kiosk,
.rep-cat__sec-card {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

body.dark-mode .md-espresso-header__nav {
    background: #1e1e1e;
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-header__menu-item > a {
    color: #ccc;
}

body.dark-mode .md-espresso-header__menu-item > a:hover {
    color: #fff;
}

body.dark-mode .md-espresso-header__sticky {
    background: #1e1e1e;
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-header__sticky-menu a {
    color: #ccc;
}

body.dark-mode .md-espresso-header__fullmenu {
    background: #1a1a1a;
}

body.dark-mode .md-espresso-header__fullmenu-search {
    background: #242424;
}

body.dark-mode .md-espresso-header__fullmenu-search-form {
    background: #2a2a2a;
    border-color: #444;
}

body.dark-mode .md-espresso-header__fullmenu-search-form input {
    color: #e0e0e0;
}

body.dark-mode .md-espresso-header__fullmenu-group-title {
    color: #e8373b;
}

body.dark-mode .md-espresso-header__fullmenu-group-links .is-main a {
    color: #ccc;
}

body.dark-mode .md-espresso-header__fullmenu-group-links .is-sub a {
    color: #888;
}

body.dark-mode .md-espresso-header__fullmenu-cats {
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-header__fullmenu-group {
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-header__fullmenu-social-icons a {
    color: #999;
}

body.dark-mode .md-espresso-card--standard {
    background: #1e1e1e;
}

body.dark-mode .md-espresso-proto {
    background: #1e1e1e;
    border-color: #333;
}

body.dark-mode .md-espresso-typos__frame {
    background: #2a2a2a;
    border-color: #2a2a2a;
}

body.dark-mode .md-espresso-popular__item {
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-newsletter__input {
    background: #2a2a2a;
    color: #e0e0e0;
}

body.dark-mode .md-espresso-poll {
    background: #1e1e1e;
}

body.dark-mode .md-espresso-poll__btn {
    border-color: #444;
    color: #ccc;
}

body.dark-mode .md-espresso-section--beaute {
    background: #121212;
}

body.dark-mode .md-espresso-section--by {
    background: transparent;
}

body.dark-mode .md-espresso-by__card {
    background: #1e1e1e;
}

body.dark-mode .md-espresso-by__card-title {
    color: #ddd;
}

body.dark-mode .md-espresso-by__header-amp {
    color: #555;
}

body.dark-mode .md-espresso-agenda__item::before {
    border-color: #121212;
}

body.dark-mode .md-espresso-sh__line {
    background: #333;
}

body.dark-mode .md-espresso-card--featured-split .md-espresso-card__body {
    background: #1e1e1e;
}

body.dark-mode .espresso-single__content {
    color: #ccc;
}

body.dark-mode .espresso-single__content h1,
body.dark-mode .espresso-single__content h2,
body.dark-mode .espresso-single__content h3,
body.dark-mode .espresso-single__content h4,
body.dark-mode .espresso-single__content h5,
body.dark-mode .espresso-single__content h6 {
    color: #e0e0e0;
}

body.dark-mode .espresso-single__stickybar {
    background: #1e1e1e;
    border-bottom-color: #333;
}

body.dark-mode .espresso-single__stickybar-title {
    color: #ccc;
}

body.dark-mode .espresso-single__stickybar-share a,
body.dark-mode .espresso-single__stickybar-share button {
    color: #999;
}

body.dark-mode .espresso-single__tags {
    border-top-color: #333;
}

body.dark-mode .espresso-single__sidebar-ad,
body.dark-mode .espresso-category__sidebar-ad,
body.dark-mode .rep-cat__sidebar-ad {
    background: transparent;
    border: none;
}

body.dark-mode .espresso-single__sidebar-item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .espresso-single__sidebar-miss {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .espresso-inline-related {
    background: #1e1e1e;
    border-left-color: #e8373b;
}

body.dark-mode .espresso-inline-related__label {
    color: #e8373b;
}

body.dark-mode .espresso-inline-related__title {
    color: #e0e0e0;
    line-height: 1.1;
}

body.dark-mode .espresso-inline-related:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

body.dark-mode .proto-single__viewer {
    background: #1a1a1a;
}

body.dark-mode .proto-single__cover {
    background: #2a2a2a;
}

body.dark-mode .proto-single__arrow {
    background: #2a2a2a;
    color: #e0e0e0;
}

body.dark-mode .proto-single__content {
    color: #ccc;
}

body.dark-mode .espresso-category__header,
body.dark-mode .espresso-archive__header,
body.dark-mode .espresso-author__header {
    border-bottom-color: #333;
}

body.dark-mode .espresso-category__featured-body {
    background: #1e1e1e;
}

body.dark-mode .espresso-category__list-item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .espresso-category__date-sep {
    border-bottom-color: #e8373b;
}

body.dark-mode .espresso-category__sidebar-item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .espresso-category__pagination .page-numbers,
body.dark-mode .espresso-category__pagination a,
body.dark-mode .espresso-archive__pagination .page-numbers,
body.dark-mode .espresso-archive__pagination a {
    border-color: #444;
    background: #1e1e1e;
}

body.dark-mode .espresso-category__pagination a:hover,
body.dark-mode .espresso-archive__pagination a:hover {
    background: #2a2a2a;
    border-color: #888;
}

body.dark-mode .proto-kiosk {
    background: #121212;
}

body.dark-mode .proto-kiosk__recent {
    background: #121212;
}

body.dark-mode .proto-kiosk__card-cover,
body.dark-mode .proto-kiosk__recent-cover {
    box-shadow:
        0 3px 12px rgba(0,0,0,0.3),
        0 1px 3px rgba(0,0,0,0.2);
}

body.dark-mode .proto-kiosk__pagination .page-numbers,
body.dark-mode .proto-kiosk__pagination a {
    border-color: #444;
    background: #1e1e1e;
}

body.dark-mode .proto-kiosk__pagination a:hover {
    background: #2a2a2a;
    border-color: #888;
}

body.dark-mode .rep-cat__sec-card {
    background: #1e1e1e;
}

body.dark-mode .rep-cat__item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .rep-cat__item:hover {
    background: #1e1e1e;
}

body.dark-mode .rep-cat__date-sep {
    border-bottom-color: #e8373b;
}

.md-espresso-darkmode-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}

.md-espresso-darkmode-toggle__track {
    width: 44px;
    height: 24px;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    position: relative;
    transition: background 0.3s ease;
}

body.dark-mode .md-espresso-darkmode-toggle__track {
    background: rgba(255,255,255,0.3);
}

.md-espresso-darkmode-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.68, -0.4, 0.32, 1.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

body.dark-mode .md-espresso-darkmode-toggle__thumb {
    transform: translateX(20px);
    background: #333;
}

.md-espresso-darkmode-toggle__icon {
    width: 14px;
    height: 14px;
}

.md-espresso-darkmode-toggle__icon--sun {
    color: #d51317;
}

.md-espresso-darkmode-toggle__icon--moon {
    display: none;
    color: #f5d742;
}

body.dark-mode .md-espresso-darkmode-toggle__icon--sun {
    display: none;
}

body.dark-mode .md-espresso-darkmode-toggle__icon--moon {
    display: block;
}

.md-espresso-darkmode-menu {
    display: flex;
    align-items: center;
}

.md-espresso-darkmode-menu .md-espresso-darkmode-toggle__track {
    background: rgba(255,255,255,0.25);
}

body.dark-mode .md-espresso-darkmode-menu .md-espresso-darkmode-toggle__track {
    background: rgba(255,255,255,0.35);
}

body.dark-mode .md-espresso-darkmode-menu .md-espresso-darkmode-toggle__thumb {
    background: #f5d742;
}

body.dark-mode .md-espresso-header__fullmenu-bottom {
    border-top-color: #333;
}

body.dark-mode .md-espresso-header__fullmenu-pages a {
    color: #888;
}

body.dark-mode .md-espresso-header__fullmenu-social-icons a {
    color: #999;
}

body.dark-mode .md-espresso-newsfeed {
    background: #1e1e1e;
    border-color: #333;
}

body.dark-mode .md-espresso-newsfeed__header {
    background: #242424;
    border-bottom-color: #333;
}

body.dark-mode .md-espresso-newsfeed__title {
    color: #e8e8e8;
    line-height: 1.1;
}

body.dark-mode .md-espresso-newsfeed__item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .md-espresso-newsfeed__item:hover {
    background: #252525;
}

body.dark-mode .md-espresso-newsfeed__text {
    color: #ddd;
}

body.dark-mode .md-espresso-newsfeed__list::-webkit-scrollbar-track {
    background: #242424;
}

body.dark-mode .md-espresso-newsfeed__cat {
    background: var(--mde-primary);
    color: #fff;
}

body.dark-mode .md-espresso-sidebar-popular {
    background: #1e1e1e;
    border-color: #333;
}

body.dark-mode .md-espresso-sidebar-popular__title {
    color: #e8e8e8;
    line-height: 1.1;
}

body.dark-mode .md-espresso-sidebar-popular__item {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .md-espresso-sidebar-popular__item:hover {
    background: #252525;
}

body.dark-mode .md-espresso-sidebar-popular__item-title {
    color: #ddd;
}

body.dark-mode .polcat-cnn {
    background: #121212;
}

body.dark-mode .polcat-cnn__title {
    color: #f0f0f0;
    line-height: 1.1;
}

body.dark-mode .polcat-cnn__tagline {
    color: #999;
}

body.dark-mode .polcat-cnn__featured-title,
body.dark-mode .polcat-cnn__card-title {
    color: #f0f0f0;
}

body.dark-mode .polcat-cnn__featured-excerpt {
    color: #aaa;
}

body.dark-mode .polcat-cnn__featured {
    border-bottom-color: #2a2a2a;
}

body.dark-mode .polcat-cnn__featured-date {
    color: #999;
}

body.dark-mode .polcat-cnn__featured-time,
body.dark-mode .polcat-cnn__featured-meta {
    color: #777;
}

body.dark-mode .polcat-cnn__featured-dot {
    color: #444;
}

body.dark-mode .polcat-cnn__card-date {
    color: #999;
}

body.dark-mode .polcat-cnn__card-dot {
    color: #444;
}

body.dark-mode .polcat-cnn__card-meta {
    color: #777;
}

body.dark-mode .polcat-cnn__widget {
    background: #1e1e1e;
}

body.dark-mode .polcat-cnn__widget-title,
body.dark-mode .polcat-cnn__widget-item h5 {
    color: #f0f0f0;
}

body.dark-mode .polcat-cnn__widget-item {
    border-top-color: #2a2a2a;
}

body.dark-mode .polcat-cnn__widget-item span {
    color: #777;
}

body.dark-mode .polcat-cnn__pagination a,
body.dark-mode .polcat-cnn__pagination span {
    border-color: #333;
    color: #ddd;
    background: #1a1a1a;
}

body.dark-mode .polcat-cnn__pagination a:hover,
body.dark-mode .polcat-cnn__pagination .current {
    background: var(--mde-primary);
    color: #fff;
    border-color: var(--mde-primary);
}

.md-espresso-card__subtitle,
.md-espresso-card__excerpt,
.md-espresso-article__subtitle,
.md-espresso-article__lead,
.md-espresso-by-split__excerpt,
.md-espresso-by-strip__excerpt,
.md-espresso-newsletter__subtitle,
.md-espresso-p3g__excerpt,
.md-espresso-politiki-news__lead,
.md-espresso-split10__excerpt {
    line-height: 1.5;
}

.md-espresso-card__cat-label,
.md-espresso-article__cat-tag,
.md-espresso-badge,
.md-espresso-platform-badge,
.md-espresso-agenda__date-badge,
[class*="__cat-label"],
[class*="-badge"] {
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}

.md-espresso-sh__label,
.md-espresso-sh__title {
    font-weight: 900;
    line-height: 1.1;
}

.md-espresso-homepage [class*="__title"]:not(.md-espresso-sh__title):not(.md-espresso-sh__label):not(.md-espresso-newsfeed__title):not(.md-espresso-newsletter__title):not(.md-espresso-etv__title):not(.md-espresso-socialclub__title):not(.md-espresso-socialclub__title-link):not(.md-espresso-socialclub__title-em) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.md-espresso-hero-carousel .md-espresso-card--hero .md-espresso-card__title {
    font-weight: 900;
    line-height: 1.1;
}

.etv-page {
    background: #111214;
    color: #fff;
    margin: 0;
    padding: 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow-x: hidden;
}

:root {
    --etv-header-h: 72px;
    --etv-admin-bar: 0px;
}
body.etv-body.admin-bar { --etv-admin-bar: 32px; }
@media (max-width: 782px) {
    body.etv-body.admin-bar { --etv-admin-bar: 46px; }
}

.etv-hero {
    position: relative;
    width: 100%;
    height: calc(100vh - var(--etv-header-h) - var(--etv-admin-bar));
    min-height: 520px;
    background: #000;
    overflow: hidden;
    margin-top: calc(-1 * var(--etv-header-h));
    padding-top: var(--etv-header-h);
    box-sizing: content-box;
}

.etv-hero__swiper,
.etv-hero__swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.etv-hero__slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.etv-hero__card {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.etv-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.08);
    transition: transform 10s ease-out;
    filter: brightness(0.92);
}

.etv-hero__swiper .swiper-slide-active .etv-hero__img {
    transform: scale(1);
    animation: etv-kenburns 10s ease-out forwards;
}

@keyframes etv-kenburns {
    0%   { transform: scale(1.12) translate3d(0, 0, 0); }
    100% { transform: scale(1) translate3d(0, -1%, 0); }
}

.etv-hero__gradient {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.55) 35%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0.4) 100%),
        linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%);
    pointer-events: none;
}

.etv-hero__play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
    pointer-events: none;
    filter: drop-shadow(0 6px 24px rgba(213,19,23,0.55));
}

.etv-hero__swiper .swiper-slide-active .etv-hero__play {
    opacity: 0.95;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .8s cubic-bezier(.34,1.56,.64,1) .3s, opacity .6s ease .3s;
    animation: etv-play-pulse 2.6s ease-in-out 1.4s infinite;
}

.etv-hero__card:hover .etv-hero__play {
    transform: translate(-50%, -50%) scale(1.12);
    opacity: 1;
    animation-play-state: paused;
}

@keyframes etv-play-pulse {
    0%, 100% { filter: drop-shadow(0 6px 24px rgba(213,19,23,0.55)); }
    50%      { filter: drop-shadow(0 8px 40px rgba(213,19,23,0.9)); }
}

.etv-hero__content {
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 80px;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 2;
}

.etv-hero__content > * {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
}

.etv-hero__swiper .swiper-slide-active .etv-hero__content > * {
    opacity: 1;
    transform: translateY(0);
}
.etv-hero__swiper .swiper-slide-active .etv-hero__cat      { transition-delay: .15s; }
.etv-hero__swiper .swiper-slide-active .etv-hero__title { transition-delay: .30s;
    line-height: 1.1;
}
.etv-hero__swiper .swiper-slide-active .etv-hero__subtitle { transition-delay: .45s; }

.etv-hero__cat {
    display: inline-block;
    align-self: flex-start;
    background: #d51317;
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    line-height: 1;
    box-shadow: 0 4px 14px rgba(213,19,23,0.5);
    position: relative;
    overflow: hidden;
}

.etv-hero__cat::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
}

.etv-hero__swiper .swiper-slide-active .etv-hero__cat::after {
    animation: etv-shine 1.8s ease-out .8s forwards;
}

@keyframes etv-shine {
    0%   { left: -100%; }
    100% { left: 200%; }
}

.etv-hero__title {
    font-family: var(--mde-serif);
    font-size: 56px;
    font-weight: 900;
    line-height: 1.05;
    color: #fff;
    margin: 0;
    text-shadow: 0 2px 16px rgba(0,0,0,0.55);
}

.etv-hero__subtitle {
    font-family: var(--mde-sans);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255,255,255,0.92);
    margin: 0;
    max-width: 780px;
}

.etv-hero__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background .2s, border-color .2s;
}

.etv-hero__nav:hover {
    background: rgba(213,19,23,0.9);
    border-color: #d51317;
}

.etv-hero__nav--prev { left: 24px; }
.etv-hero__nav--next { right: 24px; }

.etv-hero__pagination {
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 6px;
    z-index: 10;
}

.etv-hero__pagination .swiper-pagination-bullet {
    width: 32px;
    height: 3px;
    background: rgba(255,255,255,0.4);
    border-radius: 0;
    opacity: 1;
    transition: background .2s, width .2s;
}

.etv-hero__pagination .swiper-pagination-bullet-active {
    background: #d51317;
    width: 50px;
}

.etv-section {
    padding: 60px 0 40px;
    background: #111214;
}

.etv-section--tiktok {
    background: #1a1a1a;
}

.etv-section__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}

.etv-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.etv-section__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mde-serif);
    font-size: 32px;
    font-weight: 900;
    color: #fff;
    margin: 0;
    text-transform: none;
    line-height: 1.1;
}

.etv-section__title--tiktok {
    color: #fff;
}
.etv-section__title--tiktok svg { color: #fff; }

.etv-section__title--yt {
    color: #fff;
}
.etv-section__title--yt svg { color: #ff0000; }

.etv-section__more {
    color: #d51317;
    display: inline-flex;
    align-items: center;
    transition: transform .2s;
}

.etv-section__more:hover {
    transform: translateX(4px);
}

.etv-grid {
    display: grid;
    gap: 20px;
}

.etv-grid--4 {
    grid-template-columns: repeat(4, 1fr);
}

.etv-grid--5 {
    grid-template-columns: repeat(5, 1fr);
}

.etv-grid--tiktok {
    grid-template-columns: repeat(5, 1fr);
}

button.etv-vcard {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    width: 100%;
}

.etv-vcard--yt .etv-vcard__thumb {
    aspect-ratio: 16 / 9;
}
.etv-vcard--yt .etv-vcard__title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2lh;
}

.etv-vcard {
    display: block;
    text-decoration: none;
    color: #fff;
}

.etv-vcard:hover { transform: none; }

.etv-vcard__thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.etv-vcard__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.etv-vcard:hover .etv-vcard__thumb img {
    transform: none;
}

.etv-vcard__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.etv-vcard__thumb img {
    position: absolute;
    inset: 0;
}

.etv-vcard__play {
    position: relative;
    z-index: 2;
    opacity: 0.95;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.etv-vcard__body {
    padding: 12px 2px 0;
}

.etv-vcard__title {
    font-family: var(--mde-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Glass category badge on .etv-vcard thumbnails */
.etv-vcard__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px 6px 10px;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(20, 20, 28, 0.45);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.etv-vcard__badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d51317;
    box-shadow: 0 0 10px rgba(213, 19, 23, 0.85), 0 0 0 2px rgba(213, 19, 23, 0.18);
}
.etv-vcard__badge-text {
    line-height: 1;
    white-space: nowrap;
}

.etv-vcard:hover .etv-vcard__title {
    color: #fff;
}

.etv-vcard__date {
    display: inline-block;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    color: rgba(255,255,255,0.65);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    background: rgba(213,19,23,0.18);
    border: 1px solid rgba(213,19,23,0.45);
    color: #ff8a8d;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 8px;
}

.etv-vcard--vertical .etv-vcard__thumb {
    aspect-ratio: 9 / 16;
    border-radius: 0;
}

.etv-vcard--vertical .etv-vcard__overlay {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 14px 12px 14px;
    background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0));
    z-index: 2;
}

.etv-vcard--vertical .etv-vcard__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    margin: 0;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
    -webkit-line-clamp: 2;
}

@media (max-width: 1300px) {
    .etv-section__container,
    .etv-header__inner { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 1140px) {
    .etv-grid--4 { grid-template-columns: repeat(3, 1fr); }
    .etv-grid--5 { grid-template-columns: repeat(3, 1fr); }
    .etv-grid--tiktok { grid-template-columns: repeat(4, 1fr); }
    .etv-hero__title { font-size: 44px;
    line-height: 1.1;
}
    .etv-hero__content { left: 40px; right: 40px; bottom: 60px; }
}

@media (max-width: 767px) {
    :root { --etv-header-h: 58px; }
    .etv-hero { min-height: 460px; }
    .etv-hero__content { left: 20px; right: 20px; bottom: 50px; gap: 10px; }
    .etv-hero__title { font-size: 30px;
    line-height: 1.1;
}
    .etv-hero__subtitle { font-size: 16px; }
    .etv-hero__nav { width: 42px; height: 42px; }
    .etv-hero__nav--prev { left: 10px; }
    .etv-hero__nav--next { right: 10px; }

    .etv-section { padding: 40px 0 24px; }
    .etv-section__container { padding: 0 16px; }
    .etv-section__title { font-size: 22px;
    line-height: 1.1;
}

    .etv-grid--4 { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .etv-grid--5 { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .etv-grid--tiktok { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

/* TikTok hover-to-play cards */
.etv-tt-card {
    position: relative;
    display: block;
    aspect-ratio: 9 / 16;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background: #0c0d10;
    box-shadow: 0 4px 24px rgba(0,0,0,0.35);
    isolation: isolate;
}

.etv-tt-card__poster {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    background:
        radial-gradient(ellipse at 30% 20%, rgba(37,244,238,0.22) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 80%, rgba(254,44,85,0.22) 0%, transparent 55%),
        linear-gradient(135deg, #14161a 0%, #0a0b0e 100%);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    text-align: center;
    transition: opacity .25s ease;
}

.etv-tt-card__glow {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.55;
    pointer-events: none;
}
.etv-tt-card__glow--cyan {
    top: -40px; left: -40px;
    background: #25f4ee;
}
.etv-tt-card__glow--pink {
    bottom: -40px; right: -40px;
    background: #fe2c55;
}

.etv-tt-card__logo {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    backdrop-filter: blur(8px);
}

.etv-tt-card__handle {
    font-family: var(--mde-sans);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.etv-tt-card__hint {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.04);
}

.etv-tt-card__embed {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.etv-tt-card__embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.etv-tt-card:hover .etv-tt-card__embed,
.etv-tt-card:focus-within .etv-tt-card__embed {
    opacity: 1;
    pointer-events: auto;
}
.etv-tt-card:hover .etv-tt-card__poster,
.etv-tt-card:focus-within .etv-tt-card__poster {
    opacity: 0;
}

/* YouTube Modal */
.etv-yt-modal {
    position: fixed; inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.etv-yt-modal.is-open { display: flex; }
.etv-yt-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(6px);
}
.etv-yt-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 1100px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
.etv-yt-modal__close {
    position: absolute;
    top: -16px; right: -16px;
    width: 44px;
    height: 44px;
    background: #d51317;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.5);
}
.etv-yt-modal__close:hover {
    background: #fff;
    color: #d51317;
}
.etv-yt-modal__close svg {
    width: 20px;
    height: 20px;
    display: block;
}
@media (max-width: 600px) {
    .etv-yt-modal__close { top: 8px; right: 8px; }
}
.etv-yt-modal__frame {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #000;
}
.etv-yt-modal__frame iframe {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    border: 0;
}
.etv-yt-modal__title {
    margin: 0;
    padding: 14px 18px;
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #181a1c;
}

/* Kill all hover animations across etv-vcard variants */
.etv-vcard,
.etv-vcard *,
.etv-vcard:hover,
.etv-vcard:hover *,
.etv-vcard__thumb,
.etv-vcard__thumb img,
.etv-vcard:hover .etv-vcard__thumb,
.etv-vcard:hover .etv-vcard__thumb img,
.etv-vcard__title,
.etv-vcard:hover .etv-vcard__title,
.etv-vcard__overlay,
.etv-vcard:hover .etv-vcard__overlay,
.etv-vcard__overlay .etv-vcard__title,
.etv-vcard:hover .etv-vcard__overlay .etv-vcard__title,
.etv-vcard--vertical,
.etv-vcard--vertical:hover,
.etv-vcard--vertical .etv-vcard__title,
.etv-vcard--vertical:hover .etv-vcard__title {
    transition: none !important;
    transform: none !important;
    animation: none !important;
}

/* Disable hover animation on post titles */
.md-espresso-card__title,
.md-espresso-card__link:hover .md-espresso-card__title,
.md-espresso-card:hover .md-espresso-card__title,
[class*="-card"]:hover .md-espresso-card__title,
.etv-vcard__title,
.etv-vcard:hover .etv-vcard__title,
.md-espresso-by-strip__title,
.md-espresso-by-strip__card:hover .md-espresso-by-strip__title,
.md-espresso-ticker5__title,
.md-espresso-ticker5__card:hover .md-espresso-ticker5__title,
.md-espresso-popular__title,
.md-espresso-popular__item:hover .md-espresso-popular__title,
.espresso-inline-related__title,
.espresso-inline-related__card:hover .espresso-inline-related__title {
    transition: none !important;
    transform: none !important;
}

body.etv-body {
    margin: 0;
    background: #111214;
    padding-top: 0 !important;
}

body.etv-body.admin-bar .etv-header { top: 32px; }
@media (max-width: 782px) {
    body.etv-body.admin-bar .etv-header { top: 46px; }
}

.etv-header {
    position: sticky;
    top: 0;
    z-index: 200;
    width: 100%;
    background: linear-gradient(180deg, rgba(10,2,3,0.75) 0%, rgba(20,5,7,0.55) 100%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    transition: padding .25s ease, background .25s ease, box-shadow .25s ease;
}

.etv-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 80% -40%, rgba(213,19,23,0.45), transparent 60%),
        radial-gradient(ellipse at 20% 140%, rgba(213,19,23,0.18), transparent 60%);
    pointer-events: none;
}

.etv-header.is-scrolled {
    background: linear-gradient(180deg, rgba(8,2,3,0.92) 0%, rgba(15,4,6,0.85) 100%);
    box-shadow: 0 8px 28px rgba(0,0,0,0.55);
}
.etv-header.is-scrolled .etv-header__inner { padding: 10px 0; }
.etv-header.is-scrolled .etv-header__brand { font-size: 22px; }

.etv-header__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    max-width: 1260px;
    margin: 0 auto;
    padding: 16px 0;
    z-index: 1;
    transition: padding .25s ease;
}

.etv-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-family: var(--mde-serif);
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    justify-self: center;
    transition: font-size .25s ease, transform .2s ease;
}

.etv-header__brand:hover { transform: scale(1.02); }

.etv-header__logo-img {
    display: block;
    max-height: 40px;
    width: auto;
    margin: 0 !important;
    transition: max-height .25s ease;
    filter: drop-shadow(0 2px 10px rgba(213,19,23,0.25));
}

.etv-header.is-scrolled .etv-header__logo-img { max-height: 32px; }

.etv-header__logo {
    background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.82) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 14px rgba(213,19,23,0.25);
}

.etv-header__tv {
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    padding: 4px 9px;
    border-radius: 4px;
    text-transform: uppercase;
    box-shadow: 0 0 16px rgba(213,19,23,0.6), inset 0 1px 0 rgba(255,255,255,0.25);
    font-family: var(--mde-sans);
}

.etv-header__nav {
    display: flex;
    align-items: center;
    gap: 2px;
}

.etv-header__nav--left { justify-self: start; }
.etv-header__nav--right { justify-self: end; }

.etv-header__link {
    position: relative;
    padding: 9px 14px;
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    transition: color .2s;
}

.etv-header__link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #d51317;
    transition: width .25s ease;
}

.etv-header__link:hover { color: #fff; }
.etv-header__link:hover::after { width: 70%; }

.etv-header__link.is-active { color: #fff; }
.etv-header__link.is-active::after { width: 70%; }

.etv-header__live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    margin-left: 8px;
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 16px rgba(213,19,23,0.5), inset 0 1px 0 rgba(255,255,255,0.22);
    transition: transform .2s, box-shadow .2s;
}

.etv-header__live:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(213,19,23,0.7), inset 0 1px 0 rgba(255,255,255,0.25);
}

.etv-header__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    animation: etv-live-pulse 1.4s infinite;
    box-shadow: 0 0 10px rgba(255,255,255,0.9);
}

@keyframes etv-live-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

@media (max-width: 900px) {
    .etv-header__inner { grid-template-columns: auto 1fr auto; gap: 10px; padding: 10px 16px !important; }
    .etv-header__nav--left { display: none; }
    .etv-header__nav--right { gap: 0; }
    .etv-header__nav--right .etv-header__link { display: none; }
    .etv-header__brand { font-size: 22px; justify-self: start; }
    .etv-header__live { margin-left: 0; padding: 7px 12px; }
}

body .espresso-category__container,
body .espresso-archive__container,
body .espresso-author__container,
body .espresso-single__container,
body .rep-cat__container,
body .polcat-cnn__container,
body .espresso-search__container,
body .espresso-page__container,
body .md-espresso-article__container {
    max-width: 1260px !important;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 1300px) {
    body .espresso-category__container,
    body .espresso-archive__container,
    body .espresso-author__container,
    body .espresso-single__container,
    body .rep-cat__container,
    body .polcat-cnn__container,
    body .espresso-search__container,
    body .espresso-page__container,
    body .md-espresso-article__container {
        padding: 0 20px !important;
    }
}

body .espresso-single,
body .espresso-category,
body .espresso-author,
body .espresso-archive,
body .rep-cat,
body .polcat-cnn {
    width: 100%;
}

body .md-espresso-article { width: 100%; }

body .espresso-single:not(:has(> .espresso-single__container)) > *:not(.espresso-single__stickybar) {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}
body .espresso-single > .espresso-single__stickybar {
    max-width: none !important;
    margin: 0 !important;
}

.espresso-inline-related {
    position: relative;
    margin: 40px 0;
    padding: 0px 30px 15px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(135deg, #1a0608 0%, #2b0a0e 35%, #0f0304 100%);
    box-shadow: none;
    overflow: hidden;
    color: #fff;
}

.espresso-inline-related::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #ff3036 0%, #d51317 100%);
    box-shadow: 0 0 18px rgba(213,19,23,0.6);
}

.espresso-inline-related::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -15%;
    width: 55%;
    height: 180%;
    background: radial-gradient(closest-side, rgba(213,19,23,0.32), transparent 70%);
    pointer-events: none;
    transform: rotate(20deg);
}

.espresso-inline-related__label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #ff3036 0%, #d51317 100%);
    border: 0;
    color: #fff;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 12px;
    border-radius: 2px;
    margin: 0 0 16px;
    box-shadow: 0 6px 16px rgba(213,19,23,0.45);
}
.espresso-inline-related__label::before {
    content: "▸";
    font-size: 10px;
    line-height: 1;
}

.espresso-inline-related__card {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    gap: 24px;
    text-decoration: none;
    color: inherit;
    padding: 0;
    border-bottom: 0;
    transition: transform .3s ease;
    min-height: 200px;
}
.espresso-inline-related__card:hover { transform: translateX(6px); }

.espresso-inline-related__img {
    width: 280px;
    align-self: stretch;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 14px 28px rgba(0,0,0,0.55);
    position: relative;
    outline: 1px solid rgba(213,19,23,0.25);
    outline-offset: -1px;
}
.espresso-inline-related__img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(213,19,23,0.08), transparent 60%);
    pointer-events: none;
}
.espresso-inline-related__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease, filter .4s ease;
    filter: saturate(1.1) contrast(1.05);
}
.espresso-inline-related__card:hover .espresso-inline-related__img img {
    transform: scale(1.08);
    filter: saturate(1.25) contrast(1.1);
}

.espresso-inline-related__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.espresso-inline-related__cat {
    display: inline-block;
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 800;
    color: #ff6670;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,102,112,0.3);
}

.espresso-inline-related__title {
    font-family: var(--mde-serif);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff !important;
    margin: 0 0 10px;
    transition: color .25s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);
    letter-spacing: -0.2px;
}

.espresso-inline-related__card:hover .espresso-inline-related__title {
    color: #ff9ea3 !important;
    line-height: 1.1;
}

.espresso-inline-related__excerpt {
    font-family: var(--mde-sans);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(255,255,255,0.72);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 600px) {
    .espresso-inline-related { padding: 22px 20px 20px; }
    .espresso-inline-related__card { gap: 14px; }
    .espresso-inline-related__img { width: 110px; }
    .espresso-inline-related__title { font-size: 17px;
    line-height: 1.1;
}
}

.etv-hero__excerpt {
    font-family: var(--mde-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.85);
    margin: 0;
    max-width: 780px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.etv-hero__swiper .swiper-slide-active .etv-hero__excerpt {
    transition-delay: .55s;
}

.md-espresso-section--media {
    position: relative;
    width: 100vw;
    margin: 0 0 60px calc(-50vw + 50%);
    padding: 25px 0 25px;
    overflow: hidden;
    isolation: isolate;
}

.md-espresso-section--media__bg {
    position: absolute;
    inset: 0;
    background-image: url('assets/images/media-section-bg.jpg');
    background-size: cover;
    background-position: center;
    z-index: -2;
}

.md-espresso-section--media::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(10,3,4,0.88) 0%, rgba(20,6,8,0.82) 50%, rgba(40,8,12,0.82) 100%),
        radial-gradient(ellipse at 80% 20%, rgba(213,19,23,0.35), transparent 55%),
        radial-gradient(ellipse at 10% 90%, rgba(213,19,23,0.2), transparent 55%);
    z-index: -1;
    pointer-events: none;
}

.md-espresso-section--media .md-espresso-section__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 20px;
}

.md-espresso-section--media .md-espresso-sh__label {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.md-espresso-section--media .md-espresso-sh__line {
    background: rgba(255,255,255,0.18);
}

.md-espresso-section--media .md-espresso-media-swiper__dot {
    background: rgba(255,255,255,0.22);
}
.md-espresso-section--media .md-espresso-media-swiper__dot:hover { background: rgba(255,255,255,0.45); }
.md-espresso-section--media .md-espresso-media-swiper__dot.is-active { background: #fff; }

.md-espresso-card .md-espresso-card__excerpt {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    transform: translateY(8px);
    filter: blur(2px);
    transition:
        max-height 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s,
        transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s,
        filter 0.45s ease 0.1s,
        margin 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    will-change: max-height, opacity, transform, filter;
}

.md-espresso-card:hover .md-espresso-card__excerpt,
.md-espresso-card__link:hover .md-espresso-card__excerpt {
    max-height: 6em;
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    margin-top: 0;
    margin-bottom: 0;
}

.md-espresso-hero-top .md-espresso-card .md-espresso-card__excerpt,
.md-espresso-hero-top .md-espresso-card:hover .md-espresso-card__excerpt {
    display: none !important;
}

.md-espresso-card--hero .md-espresso-card__excerpt {
    color: rgba(255,255,255,0.92);
    font-family: var(--mde-sans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    text-shadow: 0 1px 6px rgba(0,0,0,0.55);
    margin: 0;
}

.md-espresso-card--hero:hover .md-espresso-card__excerpt,
.md-espresso-card--hero .md-espresso-card__link:hover .md-espresso-card__excerpt {
    max-height: 6em;
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    margin-top: 10px;
    margin-bottom: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .md-espresso-card .md-espresso-card__excerpt { transition: opacity 0.2s ease; transform: none; filter: none; }
}

.md-espresso-badge--mono {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background: #fff !important;
    color: inherit;
    padding: 5px 10px 6px;
    border-radius: 3px;
    border: 1.5px solid #d51317;
    box-shadow:
        0 4px 12px rgba(0,0,0,0.18),
        0 0 0 2px rgba(255,255,255,0.55) inset;
    line-height: 1 !important;
    text-transform: none;
    font-style: normal;
    font-weight: 800;
    font-size: 9px !important;
    letter-spacing: 0;
    transform: none;
    min-width: 78px;
}
.md-espresso-badge--mono::before { content: none !important; }
.md-espresso-badge--mono::after { content: none !important; }

.md-espresso-badge__mono-top {
    color: #000 !important;
    font-family: var(--mde-sans);
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.6px;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.md-espresso-badge__mono-bottom {
    color: #d51317 !important;
    font-family: var(--mde-serif);
    font-size: 18px !important;
    font-weight: 800 !important;
    font-style: italic;
    line-height: 1 !important;
    margin-top: 1px;
    text-transform: none !important;
}

.md-espresso-stories-dots {
    display: none;
}

@media (max-width: 767px) {
    .md-espresso-showbiz__grid .md-espresso-card--standard .md-espresso-card__title {
        font-size: 15px !important;
        line-height: 1.2;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero {
        min-height: 0 !important;
        height: auto !important;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image {
        height: auto;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    .md-espresso-hero3__hero .md-espresso-card--hero .md-espresso-card__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .md-espresso-hero3__row {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .md-espresso-hero3__card {
        display: grid;
        grid-template-columns: 1fr 110px;
        gap: 14px;
        align-items: start;
        padding: 14px 0;
        border-bottom: 1px solid #e4e6e9;
    }

    .md-espresso-hero3__card:last-child {
        border-bottom: 0;
    }

    .md-espresso-hero3__card-body {
        order: 1;
        padding: 0;
    }

    .md-espresso-hero3__card-img {
        order: 2;
        aspect-ratio: 1 / 1;
        margin: 0;
    }

    .md-espresso-hero3__card-cat {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .md-espresso-hero3__card-title {
        font-size: 16px;
        line-height: 1.25;
    }

    .md-espresso-hero3__card-time {
        font-size: 11px;
        margin-top: 6px;
    }

    .md-espresso-section--hollywood .md-espresso-stories-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }

    .md-espresso-section--hollywood .md-espresso-stories {
        padding: 0;
        gap: 0;
        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
    }

    .md-espresso-section--hollywood .md-espresso-stories__item {
        flex: 0 0 100%;
        max-width: none;
        scroll-snap-align: start;
        padding: 0;
        box-sizing: border-box;
    }

    .md-espresso-section--hollywood .md-espresso-card--story .md-espresso-card__title {
        font-size: 22px !important;
        line-height: 1.2;
    }

    .md-espresso-section--hollywood .md-espresso-card--story .md-espresso-card__cat-label {
        font-size: 12px;
    }

    .md-espresso-section--hollywood .md-espresso-stories-arrow {
        display: none !important;
    }

    .md-espresso-section--hollywood .md-espresso-stories-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
        padding: 0 16px;
    }

    .md-espresso-stories-dots__dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.22);
        border: 0;
        padding: 0;
        cursor: pointer;
        transition: background 0.2s ease, transform 0.2s ease;
    }

    .md-espresso-stories-dots__dot.is-active {
        background: var(--mde-primary, #d51317);
        transform: scale(1.4);
    }

    .md-espresso-sport__ticker-card:nth-child(5) {
        display: none !important;
    }

    #md-espresso-sport-banner,
    .md-espresso-sport-banner {
        display: none !important;
    }

    #md-espresso-agenda,
    .md-espresso-section--agenda {
        display: none !important;
    }
}

.md-espresso-popslider {
    position: relative;
    padding: 56px 0 64px;
    margin-bottom: 40px;
    overflow: hidden;
    isolation: isolate;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #050507;
    background-image:
        radial-gradient(900px 600px at 92% -20%, rgba(213,19,23,0.28), transparent 60%),
        radial-gradient(700px 500px at 5% 110%, rgba(213,19,23,0.22), transparent 60%),
        radial-gradient(500px 400px at 50% 50%, rgba(213,19,23,0.05), transparent 70%),
        linear-gradient(160deg, #0a0608 0%, #0d0608 40%, #0a0405 70%, #050203 100%);
}

.md-espresso-popslider::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        repeating-linear-gradient(45deg, rgba(213,19,23,0.05) 0 1px, transparent 1px 22px),
        repeating-linear-gradient(-45deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 22px),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: auto, auto, 240px 240px;
    opacity: 0.7;
    mix-blend-mode: overlay;
    mask-image: radial-gradient(ellipse at center, #000 0%, #000 65%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 65%, transparent 100%);
}

.md-espresso-popslider__orb {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.85;
    animation: mde-pop-float 14s ease-in-out infinite alternate;
}

.md-espresso-popslider__orb--a {
    width: 520px; height: 520px;
    top: -240px; right: -180px;
    background: radial-gradient(circle, rgba(213,19,23,0.42), transparent 70%);
    animation-delay: 0s;
}

.md-espresso-popslider__orb--b {
    width: 420px; height: 420px;
    bottom: -200px; left: -140px;
    background: radial-gradient(circle, rgba(213,19,23,0.32), transparent 70%);
    animation-delay: -4s;
}

.md-espresso-popslider__orb--c {
    width: 300px; height: 300px;
    top: 50%; left: 50%;
    background: radial-gradient(circle, rgba(213,19,23,0.16), transparent 70%);
    animation-delay: -8s;
}

.md-espresso-popslider__shine {
    background: linear-gradient(105deg, transparent 40%, rgba(213,19,23,0.15) 50%, transparent 60%);
}

@keyframes mde-pop-float {
    0%   { transform: translate3d(0, 0, 0) scale(1); }
    50%  { transform: translate3d(40px, -30px, 0) scale(1.08); }
    100% { transform: translate3d(-30px, 35px, 0) scale(0.96); }
}

.md-espresso-popslider__shine {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: -50%; left: -20%;
    width: 60%;
    height: 200%;
    background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.06) 50%, transparent 62%);
    transform: rotate(8deg);
}

@media (prefers-reduced-motion: reduce) {
    .md-espresso-popslider__orb { animation: none; }
}

.md-espresso-popslider > .md-espresso-section__container {
    position: relative;
    z-index: 1;
}

.md-espresso-popslider .md-espresso-sh {
    margin-bottom: 26px;
}

.md-espresso-popslider .md-espresso-sh__line {
    background: rgba(255,255,255,0.4);
}

.md-espresso-popslider .md-espresso-sh__label {
    text-shadow: 0 2px 14px rgba(0,0,0,0.55);
}

.md-espresso-popslider__frame {
    position: relative;
}

.md-espresso-popslider__viewport {
    overflow: hidden;
    width: 100%;
}

.md-espresso-popslider__track {
    display: flex;
    align-items: stretch;
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

.md-espresso-popslider__slide {
    flex: 0 0 50%;
    padding: 0 8px;
    box-sizing: border-box;
}

.md-espresso-popslider__card {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
    color: inherit;
    height: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 0;
    overflow: hidden;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.06) inset,
        0 14px 32px -14px rgba(0,0,0,0.75);
    transition: transform .35s ease, border-color .25s ease, box-shadow .35s ease;
}

.md-espresso-popslider__card:hover {
    transform: translateY(-4px);
    border-color: rgba(213,19,23,0.55);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.1) inset,
        0 20px 40px -14px rgba(0,0,0,0.85),
        0 0 22px -2px rgba(213,19,23,0.35);
}

.md-espresso-popslider__picture {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: rgba(255,255,255,0.04);
}

.md-espresso-popslider__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.md-espresso-popslider__card:hover .md-espresso-popslider__picture img {
    transform: scale(1.04);
}

.md-espresso-popslider__headline {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 22px 22px;
}

.md-espresso-popslider__h {
    font-family: var(--mde-serif, var(--mde-sans));
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.md-espresso-popslider__card:hover .md-espresso-popslider__h {
    color: #ff5560;
}

.md-espresso-popslider__line {
    display: block;
    width: 28px;
    height: 2px;
    background: #d51317;
}

.md-espresso-popslider__cat {
    font-family: var(--mde-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
}

.md-espresso-popslider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    color: #d51317;
    border: 1px solid rgba(255,255,255,0.7);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.6) inset,
        0 14px 32px rgba(60,0,0,0.45);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .25s, color .25s, opacity .25s, border-color .25s, transform .25s;
}

.md-espresso-popslider__arrow:hover {
    background: #d51317;
    border-color: #d51317;
    color: #fff;
    transform: translateY(-50%) scale(1.05);
}

.md-espresso-popslider__arrow.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.md-espresso-popslider__arrow--prev { left: -14px; }
.md-espresso-popslider__arrow--next { right: -14px; }

.md-espresso-popslider__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 22px;
}

.md-espresso-popslider__dots {
    gap: 12px;
}

.md-espresso-popslider__dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 0;
    background: rgba(255,255,255,0.25);
    cursor: pointer;
    padding: 0;
    transition: background .2s, transform .2s, width .2s, box-shadow .2s;
}

.md-espresso-popslider__dot:hover {
    background: rgba(255,255,255,0.45);
}

.md-espresso-popslider__dot.is-active {
    background: #d51317;
    transform: scale(1.3);
    box-shadow: 0 0 0 5px rgba(213,19,23,0.28);
}

@media (max-width: 1018px) {
    .md-espresso-popslider__arrow { width: 38px; height: 38px; }
    .md-espresso-popslider__arrow--prev { left: 0; }
    .md-espresso-popslider__arrow--next { right: 0; }
    .md-espresso-popslider__h { font-size: 19px; }
}

@media (max-width: 767px) {
    html, body { overflow-x: clip; }
    .md-espresso-homepage { overflow-x: clip; }
    .md-espresso-popslider {
        padding: 32px 0 36px;
        margin-bottom: 40px;
        overflow: clip;
    }
    .md-espresso-popslider .md-espresso-section__container { padding: 0 15px; }
    .md-espresso-popslider__h { font-size: 17px; }
    .md-espresso-popslider__arrow { display: none; }
    .md-espresso-popslider__slide { flex: 0 0 100%; padding: 0; margin-bottom: 0; }
    .md-espresso-popslider__dots { margin-top: 18px; gap: 8px; flex-wrap: wrap; }
    .md-espresso-popslider__dot { width: 8px; height: 8px; }
    .md-espresso-popslider__dot.is-active { box-shadow: 0 0 0 3px rgba(201,169,110,0.18); }
    .md-espresso-popslider__orb--a { width: 320px; height: 320px; right: -120px; top: -160px; }
    .md-espresso-popslider__orb--b { width: 280px; height: 280px; left: -120px; bottom: -140px; }
    .md-espresso-popslider__orb--c { width: 220px; height: 220px; }
    .md-espresso-popslider__shine { display: none; }
}

@media (max-width: 767px) {
    .md-espresso-showbiz__grid > :nth-child(n+6) {
        display: none !important;
    }

    .md-espresso-media-swiper__card:nth-child(n+7) {
        display: none !important;
    }

    .md-espresso-homepage__sidebar .md-espresso-hero-aging,
    .md-espresso-hero-aging--sport {
        display: none !important;
    }

    .md-espresso-socialclub__grid > :nth-child(n+4) {
        display: none !important;
    }

    .md-espresso-section--politismos {
        display: none !important;
    }
}

.md-espresso-etv__logo-img {
    height: 56px;
    width: auto;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
}

.md-espresso-hero-newsfeed-mobile {
    display: none;
}

@media (max-width: 767px) {
    .md-espresso-etv3d__item:nth-child(n+5) {
        display: none !important;
    }

    .md-espresso-etv__logo-img {
        height: 36px;
    }

    .md-espresso-hero-bottom .md-espresso-hero-newsgrid {
        display: none !important;
    }

    .md-espresso-syntages__grid > :nth-child(n+2) {
        display: none !important;
    }

    .md-espresso-hero-newsfeed-mobile {
        display: block;
        margin: 0 15px 18px;
    }

    .md-espresso-hero-newsfeed-mobile .md-espresso-newsfeed {
        margin-top: 0;
    }

    .md-espresso-hero-newsfeed-mobile .md-espresso-newsfeed__list {
        max-height: 420px;
    }

    .md-espresso-hero-newsfeed-mobile .md-espresso-newsfeed__header {
        align-items: center;
        line-height: 1;
    }

    .md-espresso-hero-newsfeed-mobile .md-espresso-newsfeed__dot {
        width: 10px;
        height: 10px;
        align-self: center;
        animation: md-newsflow-pulse 1.6s ease-out infinite !important;
        box-shadow: 0 0 0 0 rgba(213, 19, 23, 0.6);
    }

    .md-espresso-hero-newsfeed-mobile .md-espresso-newsfeed__title {
        line-height: 1;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: block;
        align-self: center;
        transform: translateY(1px);
    }
}

@keyframes md-newsflow-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(213, 19, 23, 0.55); transform: scale(1); }
    70%  { box-shadow: 0 0 0 10px rgba(213, 19, 23, 0); transform: scale(1); }
    100% { box-shadow: 0 0 0 0 rgba(213, 19, 23, 0); transform: scale(1); }
}

html, body {
    overflow-x: clip;
}

@media (max-width: 767px) {
    .md-espresso-section.md-espresso-by-split {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .md-espresso-by-split__panel {
        display: flex;
        flex-direction: column;
        padding: 0 0 22px;
        gap: 0;
    }

    .md-espresso-by-split__title {
        display: none !important;
    }

    .md-espresso-by-split__featured {
        display: contents;
    }

    .md-espresso-by-split__featured img {
        order: 1;
        width: 100%;
        margin: 0;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .md-espresso-by-split__label {
        order: 2;
        padding: 18px 22px 0;
        margin: 0;
        font-size: 12px;
        letter-spacing: 0.06em;
    }

    .md-espresso-by-split__post-title {
        order: 3;
        padding: 10px 22px 0;
        margin: 0;
        font-size: 22px;
        line-height: 1.22;
    }

    .md-espresso-by-split__excerpt {
        order: 4;
        padding: 10px 22px 0;
        margin: 0;
        font-size: 14px;
        line-height: 1.45;
    }

    .md-espresso-by-split__excerpt::after {
        content: "ΔΙΑΒΑΣΤΕ ΠΕΡΙΣΣΟΤΕΡΑ →";
        display: block;
        margin-top: 14px;
        font-family: var(--mde-sans);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: #111;
    }
}

.espresso-inline-related,
.espresso-inline-related * { transition: none !important; animation: none !important; }

.espresso-inline-related__card,
.espresso-inline-related__card:hover,
.espresso-inline-related__card:hover * { transform: none !important; }

.espresso-inline-related__img {
    width: 280px !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
.espresso-inline-related__img,
.espresso-inline-related__img img { border-radius: 0 !important; }
.espresso-inline-related__img::after { display: none !important; }

.espresso-inline-related__img img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}


.espresso-inline-related__title,
.espresso-inline-related__card:hover .espresso-inline-related__title {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    font-family: var(--mde-serif) !important;
    letter-spacing: -0.2px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    transform: none !important;
    scale: none !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
}

.espresso-inline-related__excerpt,
.espresso-inline-related__card:hover .espresso-inline-related__excerpt {
    font-size: 13px !important;
    line-height: 1.5 !important;
    transform: none !important;
    scale: none !important;
}

.espresso-inline-related__cat,
.espresso-inline-related__card:hover .espresso-inline-related__cat {
    font-size: 12px !important;
    transform: none !important;
    scale: none !important;
}

.espresso-inline-related__card,
.espresso-inline-related__card:hover {
    transform: none !important;
    scale: none !important;
    translate: none !important;
}

.md-espresso-article iframe[src*="youtube"],
.md-espresso-article iframe[src*="youtu.be"],
.md-espresso-article iframe[src*="vimeo"],
.md-espresso-article iframe[src*="dailymotion"],
.md-espresso-article iframe[src*="tiktok"],
.md-espresso-article iframe[src*="facebook.com/plugins"],
.md-espresso-article iframe[src*="instagram.com"],
.md-espresso-article__body iframe[src*="youtube"],
.md-espresso-article__body iframe[src*="youtu.be"],
.md-espresso-article__body iframe[src*="vimeo"],
.md-espresso-article__body iframe[src*="dailymotion"],
.espresso-single__content iframe[src*="youtube"],
.espresso-single__content iframe[src*="youtu.be"],
.espresso-single__content iframe[src*="vimeo"],
.espresso-single__content iframe[src*="dailymotion"] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    border: 0 !important;
}

.md-espresso-article .wp-block-embed,
.md-espresso-article .wp-block-embed__wrapper,
.md-espresso-article .wp-block-embed iframe,
.md-espresso-article__body .wp-block-embed,
.md-espresso-article__body .wp-block-embed__wrapper,
.md-espresso-article__body .wp-block-embed iframe,
.espresso-single__content .wp-block-embed,
.espresso-single__content .wp-block-embed__wrapper,
.espresso-single__content .wp-block-embed iframe {
    width: 100% !important;
    max-width: 100% !important;
}

.md-espresso-article .wp-block-embed-youtube .wp-block-embed__wrapper,
.md-espresso-article .wp-block-embed-vimeo .wp-block-embed__wrapper,
.md-espresso-article__body .wp-block-embed-youtube .wp-block-embed__wrapper,
.md-espresso-article__body .wp-block-embed-vimeo .wp-block-embed__wrapper,
.espresso-single__content .wp-block-embed-youtube .wp-block-embed__wrapper,
.espresso-single__content .wp-block-embed-vimeo .wp-block-embed__wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
}
.md-espresso-article .wp-block-embed__wrapper iframe,
.md-espresso-article__body .wp-block-embed__wrapper iframe,
.espresso-single__content .wp-block-embed__wrapper iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

glomex-player,
glomex-integration,
.md-espresso-article glomex-player,
.md-espresso-article glomex-integration,
.md-espresso-article__body glomex-player,
.md-espresso-article__body glomex-integration,
.md-espresso-article__content glomex-player,
.md-espresso-article__content glomex-integration,
.espresso-single__content glomex-player,
.espresso-single__content glomex-integration {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 24px 0 !important;
}
glomex-player glomex-integration {
    margin: 0 !important;
    position: absolute !important;
    inset: 0 !important;
    aspect-ratio: auto !important;
    height: 100% !important;
}
glomex-player { position: relative !important; }

glomex-integration iframe,
glomex-player iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.md-espresso-article__body a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]),
.md-espresso-article__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]),
.espresso-single__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]) {
    color: #d51317;
    font-weight: 600;
    text-decoration: none;
    background: linear-gradient(180deg, transparent 0%, transparent 60%, rgba(213,19,23,0.12) 60%, rgba(213,19,23,0.12) 100%);
    padding: 1px 4px;
    margin: 0 -1px;
    border-radius: 3px;
    border-bottom: 0 !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition: background .2s, color .2s;
}

.md-espresso-article__body a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover,
.md-espresso-article__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover,
.espresso-single__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover {
    background: linear-gradient(180deg, rgba(213,19,23,0.08) 0%, rgba(213,19,23,0.18) 100%);
    border-bottom: 0 !important;
    color: #a30f12;
}

.md-espresso-article__body a strong,
.md-espresso-article__content a strong,
.espresso-single__content a strong { color: inherit; font-weight: 700; }

.espresso-inline-related,
.espresso-inline-related__body,
.espresso-inline-related__title,
.espresso-inline-related__excerpt,
.espresso-inline-related__cat,
.espresso-inline-related__label { text-align: left !important; }

.espresso-inline-related .espresso-inline-related__label {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    color: #fff !important;
    font-family: var(--mde-sans);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    padding: 0 !important;
    margin: 0 0 10px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.espresso-inline-related .espresso-inline-related__label::before {
    content: "";
    width: 20px;
    height: 1px;
    background: rgba(213,19,23,0.7);
    display: inline-block;
    font-size: 0;
}

body.dark-mode .md-espresso-article,
body.dark-mode .md-espresso-article__main,
body.dark-mode .md-espresso-article__header,
body.dark-mode .md-espresso-article__container {
    background: #15171c !important;
    color: #d9dbe0;
}

body.dark-mode .md-espresso-article__title { color: #f1f3f5 !important; }
body.dark-mode .md-espresso-article__subtitle { color: #b5b9c2 !important; }
body.dark-mode .md-espresso-article__body,
body.dark-mode .md-espresso-article__content { color: #cfd2d8 !important; }
body.dark-mode .md-espresso-article__body p,
body.dark-mode .md-espresso-article__content p { color: #cfd2d8; }
body.dark-mode .md-espresso-article__body h1,
body.dark-mode .md-espresso-article__body h2,
body.dark-mode .md-espresso-article__body h3,
body.dark-mode .md-espresso-article__body h4,
body.dark-mode .md-espresso-article__body h5,
body.dark-mode .md-espresso-article__body h6,
body.dark-mode .md-espresso-article__content h1,
body.dark-mode .md-espresso-article__content h2,
body.dark-mode .md-espresso-article__content h3,
body.dark-mode .md-espresso-article__content h4,
body.dark-mode .md-espresso-article__content h5,
body.dark-mode .md-espresso-article__content h6 { color: #e8eaee !important; }
body.dark-mode .md-espresso-article__breadcrumb,
body.dark-mode .md-espresso-article__breadcrumb a { color: #9aa0ad; }
body.dark-mode .md-espresso-article__meta-row { border-color: #2a2d36; }
body.dark-mode .md-espresso-article__meta-text,
body.dark-mode .md-espresso-article__date { color: #b5b9c2 !important; }
body.dark-mode .md-espresso-article__author { color: #f1f3f5 !important; }
body.dark-mode .md-espresso-article__author-link:hover { color: #ff6b70 !important; }
body.dark-mode .md-espresso-article__share a { background: #232732; color: #d9dbe0; border-color: #2a2d36; }
body.dark-mode .md-espresso-article__share a:hover { background: #d51317; color: #fff; }
body.dark-mode .md-espresso-article__cat-tag a { background: rgba(213,19,23,0.2); color: #ff8a8d; border-color: rgba(213,19,23,0.4); }
body.dark-mode .md-espresso-article__sidebar { color: #cfd2d8; }
body.dark-mode .md-espresso-article__pop-item,
body.dark-mode .md-espresso-article__pop-body { background: transparent; }
body.dark-mode .md-espresso-article__pop-body h4 { color: #e8eaee !important; }
body.dark-mode .md-espresso-article__pop-item:hover .md-espresso-article__pop-body h4 { color: #ff6b70 !important; }
body.dark-mode .md-espresso-article__featured { background: #0a0a0a; }
body.dark-mode .md-espresso-article__featured-caption { color: #9aa0ad; }
body.dark-mode .md-espresso-article__related,
body.dark-mode .md-espresso-article__related-grid { background: transparent; }
body.dark-mode .md-espresso-article__related-title { color: #e8eaee; }

body.dark-mode .md-espresso-article__body a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]),
body.dark-mode .md-espresso-article__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]),
body.dark-mode .espresso-single__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]) {
    color: #ff7a7f !important;
    background: linear-gradient(180deg, transparent 0%, transparent 60%, rgba(213,19,23,0.18) 60%, rgba(213,19,23,0.18) 100%);
}
body.dark-mode .md-espresso-article__body a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover,
body.dark-mode .md-espresso-article__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover,
body.dark-mode .espresso-single__content a:not(.md-espresso-article__author-link):not([class*="-card"]):not([class*="related"]):hover {
    background: linear-gradient(180deg, rgba(213,19,23,0.18) 0%, rgba(213,19,23,0.32) 100%);
    color: #ff9ea3 !important;
}

body.dark-mode .md-espresso-card--standard,
body.dark-mode .md-espresso-card--standard .md-espresso-card__body { background: #1a1c22 !important; }
body.dark-mode .md-espresso-card--standard .md-espresso-card__title { color: #e8eaee !important; }
body.dark-mode .md-espresso-card--standard .md-espresso-card__cat-label { color: #ff8a8d !important; }
body.dark-mode .md-espresso-card--standard .md-espresso-card__excerpt { color: #b5b9c2 !important; }
body.dark-mode .md-espresso-card--standard .md-espresso-card__meta { color: #8a8f9b !important; }

body.dark-mode .md-espresso-section--doppio {
    background: linear-gradient(135deg, #1f1612 0%, #14100d 100%) !important;
    color: #e8eaee;
}
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__title,
body.dark-mode .md-espresso-section--doppio h2,
body.dark-mode .md-espresso-section--doppio h3 { color: #f1f3f5 !important; }
body.dark-mode .md-espresso-section--doppio .md-espresso-card__title,
body.dark-mode .md-espresso-section--doppio .md-espresso-card__cat-label,
body.dark-mode .md-espresso-section--doppio .md-espresso-card__excerpt { color: #e8eaee !important; }

body.dark-mode .md-espresso-socialclub {
    background: linear-gradient(135deg, #161821 0%, #0f1118 100%) !important;
    color: #e8eaee;
}
body.dark-mode .md-espresso-socialclub__title,
body.dark-mode .md-espresso-socialclub__title-link,
body.dark-mode .md-espresso-socialclub__title-em,
body.dark-mode .md-espresso-socialclub h2,
body.dark-mode .md-espresso-socialclub h3 { color: #f1f3f5 !important; }
body.dark-mode .md-espresso-socialclub .md-espresso-card__title,
body.dark-mode .md-espresso-socialclub .md-espresso-card__cat-label,
body.dark-mode .md-espresso-socialclub .md-espresso-card__excerpt { color: #e8eaee !important; }

body.dark-mode .md-espresso-by-strip,
body.dark-mode .md-espresso-by-strip .md-espresso-by-strip__card { background: #1a1c22 !important; }
body.dark-mode .md-espresso-by-strip__title { color: #e8eaee !important; }
body.dark-mode .md-espresso-by-strip__sub,
body.dark-mode .md-espresso-by-strip__meta { color: #b5b9c2 !important; }

body.dark-mode .md-espresso-ad-placeholder { background: #1a1c22 !important; color: #6a6e78 !important; border-color: #2a2d36 !important; }

body.dark-mode .md-espresso-hero-newsgrid__title,
body.dark-mode .md-espresso-hero-newsgrid__title a { color: #e8eaee !important; }
body.dark-mode .md-espresso-hero-newsgrid__title a:hover { color: #ff8a8d !important; }
body.dark-mode .md-espresso-hero-newsgrid__header a { color: #ff8a8d !important; }
body.dark-mode .md-espresso-hero-newsgrid__header a:hover { color: #ffb0b3 !important; }
body.dark-mode .md-espresso-hero-newsgrid__card { background: transparent; }

body.dark-mode .md-espresso-sh__label,
body.dark-mode .md-espresso-sh__label[style] { color: #e8eaee !important; }
body.dark-mode .md-espresso-sh__label:hover,
body.dark-mode .md-espresso-sh__label[style]:hover { color: #ff8a8d !important; opacity: 1; }
body.dark-mode .md-espresso-sh__line { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent) !important; }

body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__featured-title,
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__featured-title a { color: #f1f3f5 !important; }
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__featured-excerpt { color: #cfd2d8 !important; }
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__featured-link:hover .md-espresso-doppio__featured-title,
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__featured-link:hover .md-espresso-doppio__featured-title a { color: #ff8a8d !important; }
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__tagline { color: #b5b9c2 !important; }
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__meta,
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__date,
body.dark-mode .md-espresso-section--doppio .md-espresso-doppio__author { color: #9aa0ad !important; }
body.dark-mode .md-espresso-homepage__sidebar .md-espresso-doppio__featured-title { color: #f1f3f5 !important; }

body.dark-mode .md-espresso-sport__split-title,
body.dark-mode .md-espresso-sport__split-title a,
body.dark-mode .md-espresso-sport__ticker-title,
body.dark-mode .md-espresso-sport__ticker-title a,
body.dark-mode .md-espresso-sport__split-excerpt,
body.dark-mode .md-espresso-sport__ticker-excerpt,
body.dark-mode .md-espresso-sport__ticker-item,
body.dark-mode .md-espresso-sport__split-meta,
body.dark-mode .md-espresso-sport__ticker-meta { color: #e8eaee !important; }
body.dark-mode .md-espresso-sport__split-title a:hover,
body.dark-mode .md-espresso-sport__ticker-title a:hover { color: #ff8a8d !important; }
body.dark-mode .md-espresso-sport__split-cat,
body.dark-mode .md-espresso-sport__ticker-cat { color: #ff8a8d !important; }
body.dark-mode .md-espresso-sport__split-time,
body.dark-mode .md-espresso-sport__ticker-time { color: #9aa0ad !important; }

body.dark-mode .md-espresso-zodia__hero-title,
body.dark-mode .md-espresso-zodia__hero-title a,
body.dark-mode .md-espresso-zodia__title,
body.dark-mode .md-espresso-zodia__title a,
body.dark-mode .md-espresso-zodia__excerpt,
body.dark-mode .md-espresso-zodia__name,
body.dark-mode .md-espresso-zodia__date { color: #e8eaee !important; }
body.dark-mode .md-espresso-zodia__hero-title a:hover,
body.dark-mode .md-espresso-zodia__title a:hover { color: #ff8a8d !important; }
body.dark-mode .md-espresso-zodia__hero-meta,
body.dark-mode .md-espresso-zodia__meta { color: #9aa0ad !important; }
body.dark-mode .md-espresso-zodia__cat { color: #ff8a8d !important; }

body.dark-mode .md-espresso-by-strip__label,
body.dark-mode .md-espresso-by-strip__category,
body.dark-mode .md-espresso-by-strip__author { color: #ff8a8d !important; }
body.dark-mode .md-espresso-by-strip__excerpt,
body.dark-mode .md-espresso-by-strip__time,
body.dark-mode .md-espresso-by-strip__date { color: #b5b9c2 !important; }

body.dark-mode a.md-espresso-sh__label,
body.dark-mode a.md-espresso-sh__label[style],
body.dark-mode .md-espresso-sh a.md-espresso-sh__label[style*="color"] { color: #e8eaee !important; }
body.dark-mode a.md-espresso-sh__label:hover,
body.dark-mode a.md-espresso-sh__label[style]:hover { color: #ff8a8d !important; }

body.dark-mode .md-espresso-by-strip__more { color: #ff8a8d !important; }
body.dark-mode .md-espresso-by-strip__card:hover .md-espresso-by-strip__more { color: #ffb0b3 !important; }

body.dark-mode .md-espresso-zodia__card-title,
body.dark-mode .md-espresso-zodia__card-title a { color: #e8eaee !important; }
body.dark-mode .md-espresso-zodia__card-title a:hover { color: #ff8a8d !important; }

body.dark-mode .md-espresso-doppio__read-more,
body.dark-mode .md-espresso-doppio__featured-link:hover .md-espresso-doppio__read-more { color: #ff8a8d !important; }

body.dark-mode .md-espresso-newsfeed__cat {
    color: #ff8a8d !important;
    background: rgba(213,19,23,0.14);
    border-left: 0 !important;
    padding: 3px 8px !important;
    border-radius: 4px;
    font-size: 10px !important;
    letter-spacing: 0.6px;
}

body.dark-mode .polcat-cnn,
body.dark-mode .polcat-cnn__container { background: transparent; color: #d9dbe0; }
body.dark-mode .polcat-cnn__title,
body.dark-mode .polcat-cnn__title a { color: #f1f3f5 !important; }
body.dark-mode .polcat-cnn__tagline { color: #b5b9c2 !important; }
body.dark-mode .polcat-cnn__featured-title,
body.dark-mode .polcat-cnn__featured-title a { color: #f1f3f5 !important; }
body.dark-mode .polcat-cnn__featured-title a:hover { color: #ff8a8d !important; }
body.dark-mode .polcat-cnn__featured-excerpt { color: #cfd2d8 !important; }
body.dark-mode .polcat-cnn__label { color: #ff8a8d !important; background: rgba(213,19,23,0.14); }
body.dark-mode .polcat-cnn__meta,
body.dark-mode .polcat-cnn__date,
body.dark-mode .polcat-cnn__author { color: #9aa0ad !important; }
body.dark-mode .polcat-cnn__item,
body.dark-mode .polcat-cnn__card { background: transparent; }
body.dark-mode .polcat-cnn__item-title,
body.dark-mode .polcat-cnn__item-title a,
body.dark-mode .polcat-cnn__card-title,
body.dark-mode .polcat-cnn__card-title a { color: #e8eaee !important; }
body.dark-mode .polcat-cnn__item-title a:hover,
body.dark-mode .polcat-cnn__card-title a:hover { color: #ff8a8d !important; }
body.dark-mode .polcat-cnn__item-excerpt,
body.dark-mode .polcat-cnn__card-excerpt { color: #cfd2d8 !important; }
body.dark-mode .polcat-cnn__item-cat,
body.dark-mode .polcat-cnn__card-cat { color: #ff8a8d !important; }
body.dark-mode .polcat-cnn__item-time,
body.dark-mode .polcat-cnn__card-time { color: #9aa0ad !important; }

.md-espresso-card__image,
.espresso-archive__grid .md-espresso-card__image { position: relative; overflow: hidden; }
.md-espresso-card__image > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.md-espresso-card__image {
    background:
        radial-gradient(circle at 50% 45%, rgba(213,19,23,0.05) 0%, transparent 60%),
        linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
}
.md-espresso-card__image::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 200 60' fill='none'%3E%3Ctext x='100' y='38' text-anchor='middle' font-family='Georgia, serif' font-style='italic' font-weight='800' font-size='34' fill='%23d51317' opacity='0.18'%3EEspresso%3C/text%3E%3C/svg%3E");
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    pointer-events: none;
}
.md-espresso-card__image > img { z-index: 1; }

body.dark-mode .md-espresso-card__image {
    background:
        radial-gradient(circle at 50% 45%, rgba(213,19,23,0.12) 0%, transparent 60%),
        linear-gradient(135deg, #1d2028 0%, #15171c 100%);
}
body.dark-mode .md-espresso-card__image::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 200 60' fill='none'%3E%3Ctext x='100' y='38' text-anchor='middle' font-family='Georgia, serif' font-style='italic' font-weight='800' font-size='34' fill='%23ff8a8d' opacity='0.22'%3EEspresso%3C/text%3E%3C/svg%3E");
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}