/* Mokha Hero Slider 2.8.0 — isolated, dependency-free front-end. */
.mhs-slider {
    --mhs-render-width: 100%;
    --mhs-breakout-x: 0px;
    --mhs-slide-accent: var(--mhs-accent);
    --mhs-slide-shift: -4%;
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: var(--mhs-space-top-d) 0 var(--mhs-space-bottom-d);
    color: var(--mhs-text);
    font-family: var(--mhs-font);
    text-align: start;
    isolation: isolate;
}
.mhs-slider[dir="rtl"] { --mhs-slide-shift: 4%; }
.mhs-slider.mhs-width-viewport,
.mhs-slider.mhs-width-custom {
    width: var(--mhs-render-width);
    max-width: none;
    transform: translate3d(var(--mhs-breakout-x), 0, 0);
}
.mhs-slider.mhs-width-viewport { --mhs-render-width: 100vw; }
.mhs-slider.mhs-width-custom { --mhs-render-width: min(var(--mhs-outer-width), 100vw); }
.mhs-slider,
.mhs-slider *,
.mhs-slider *::before,
.mhs-slider *::after { box-sizing: border-box; }
.mhs-slider a { color: inherit; text-decoration: none; }
.mhs-slider a:hover { text-decoration: none; }
.mhs-slider button { margin: 0; font: inherit; }
.mhs-slider button,
.mhs-slider a { -webkit-tap-highlight-color: transparent; }
.mhs-slider :focus-visible { outline: 3px solid color-mix(in srgb, var(--mhs-accent) 45%, transparent); outline-offset: 3px; }

.mhs-frame { position: relative; width: 100%; padding-inline: var(--mhs-gutter-d); }
.mhs-stage {
    position: relative;
    height: var(--mhs-height-d);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mhs-border) 82%, transparent);
    border-radius: var(--mhs-radius);
    background: var(--mhs-bg);
    box-shadow: 0 28px 78px rgba(12,46,78,.12);
    touch-action: pan-y;
}
.mhs-slides,
.mhs-slide,
.mhs-media,
.mhs-content-wrap { position: absolute; inset: 0; }
.mhs-slide { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .58s cubic-bezier(.22,.72,.2,1), visibility .58s; }
.mhs-slide.is-active { z-index: 2; visibility: visible; opacity: 1; pointer-events: auto; }
.mhs-transition-slide .mhs-slide { transform: translateX(var(--mhs-slide-shift)); transition: opacity .5s ease, transform .66s cubic-bezier(.2,.76,.2,1), visibility .66s; }
.mhs-transition-slide .mhs-slide.is-active { transform: none; }

.mhs-media { overflow: hidden; background: linear-gradient(135deg, var(--mhs-bg), var(--mhs-border)); }
.mhs-picture { display:block; width:100%; height:100%; }
.mhs-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mhs-image-placeholder { background: radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--mhs-accent-2) 38%, transparent), transparent 38%), linear-gradient(135deg, var(--mhs-bg), color-mix(in srgb, var(--mhs-accent) 14%, var(--mhs-bg))); }
.mhs-focus-top .mhs-image { object-position: center top; }
.mhs-focus-bottom .mhs-image { object-position: center bottom; }
.mhs-focus-left .mhs-image { object-position: left center; }
.mhs-focus-right .mhs-image { object-position: right center; }
.mhs-media-overlay { position: absolute; inset: 0; pointer-events: none; }

.mhs-content-wrap { z-index: 4; pointer-events: none; }
.mhs-content { pointer-events: auto; }
.mhs-kicker { display: inline-flex; width: fit-content; max-width: 100%; margin: 0 0 13px; padding: 7px 11px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--mhs-accent) 24%, transparent); border-radius: 7px; color: var(--mhs-slide-accent); background: color-mix(in srgb, var(--mhs-surface) 86%, transparent); font-size: 12px; font-weight: 800; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(10px); }
.mhs-title { width: 100%; max-width: var(--mhs-title-max); margin: 0 0 15px; color: var(--mhs-text); font-size: var(--mhs-title-d); font-weight: var(--mhs-weight); line-height: 1.24; letter-spacing: -.02em; }
.mhs-title-slot { width:100%; max-width:var(--mhs-title-max); }
.mhs-title a { display:-webkit-box; overflow:hidden; color:inherit; transition:color .2s ease; -webkit-box-orient:vertical; -webkit-line-clamp:var(--mhs-title-lines-d); }
.mhs-title a:hover { color: var(--mhs-slide-accent); }
.mhs-excerpt { max-width: var(--mhs-excerpt-max); margin: 0 0 22px; color: var(--mhs-muted); font-size: var(--mhs-body); line-height: 1.75; }
.mhs-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mhs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; gap: 9px; border: 1px solid transparent; border-radius: 10px; font-size: 14px; font-weight: 800; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.mhs-btn:hover { transform: translateY(-2px); }
.mhs-btn-primary { color: var(--mhs-button-text); background: var(--mhs-slide-accent); box-shadow: 0 12px 28px color-mix(in srgb, var(--mhs-slide-accent) 26%, transparent); }
.mhs-btn-secondary { color: var(--mhs-text); border-color: color-mix(in srgb, var(--mhs-border) 90%, transparent); background: color-mix(in srgb, var(--mhs-surface) 84%, transparent); backdrop-filter: blur(14px); }
.mhs-buttons-glass .mhs-btn-primary { color: var(--mhs-text); border-color: color-mix(in srgb, var(--mhs-accent) 32%, transparent); background: color-mix(in srgb, var(--mhs-surface) 72%, transparent); box-shadow: 0 10px 28px rgba(8,34,58,.10); backdrop-filter: blur(16px); }
.mhs-buttons-outline .mhs-btn-primary { color: var(--mhs-slide-accent); border-color: var(--mhs-slide-accent); background: transparent; box-shadow: none; }
.mhs-btn .mhs-icon { flex: 0 0 auto; width: 18px; height: 18px; }
.mhs-slider[dir="rtl"] .mhs-btn-primary .mhs-icon { transform: scaleX(-1); }

/* MODERN — matched to the approved light Mokha concept. */
.mhs-layout-modern .mhs-stage { border-color: color-mix(in srgb, var(--mhs-border) 62%, transparent); border-radius: min(var(--mhs-radius), 18px); background: var(--mhs-surface); box-shadow: 0 22px 64px rgba(30,91,134,.10); }
.mhs-layout-modern .mhs-media { left: auto; right: 0; width: var(--mhs-modern-image); }
.mhs-layout-modern[dir="ltr"] .mhs-media { right: auto; left: 0; }
.mhs-layout-modern .mhs-media-overlay {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--mhs-surface) var(--mhs-modern-strength), transparent) 0%,
        color-mix(in srgb, var(--mhs-surface) 80%, transparent) 8%,
        color-mix(in srgb, var(--mhs-surface) 40%, transparent) 16%,
        transparent calc(100% - var(--mhs-modern-stop))
    );
}
.mhs-layout-modern[dir="ltr"] .mhs-media-overlay {
    background: linear-gradient(270deg,
        color-mix(in srgb, var(--mhs-surface) var(--mhs-modern-strength), transparent) 0%,
        color-mix(in srgb, var(--mhs-surface) 80%, transparent) 8%,
        color-mix(in srgb, var(--mhs-surface) 40%, transparent) 16%,
        transparent calc(100% - var(--mhs-modern-stop))
    );
}
.mhs-layout-modern .mhs-content-wrap { padding: 0; }
.mhs-layout-modern .mhs-content { position: absolute; top: 50%; left: var(--mhs-modern-pad); width: min(var(--mhs-modern-content), var(--mhs-title-max)); max-width: calc(100% - var(--mhs-modern-image) + 4%); transform: translateY(-50%); }
.mhs-layout-modern[dir="ltr"] .mhs-content { right: var(--mhs-modern-pad); left: auto; }
.mhs-layout-modern .mhs-title { margin-bottom: 16px; color: var(--mhs-text); font-size: var(--mhs-title-d); line-height: 1.28; }
.mhs-layout-modern .mhs-title a { color: var(--mhs-text); }
.mhs-layout-modern .mhs-excerpt { max-width: 100%; margin-bottom: 24px; color: var(--mhs-muted); line-height: 1.8; }
.mhs-layout-modern .mhs-kicker { margin-bottom: 16px; border-color: transparent; border-radius: 6px; color: var(--mhs-accent); background: color-mix(in srgb, var(--mhs-accent) 8%, var(--mhs-surface)); box-shadow: none; }
.mhs-layout-modern[dir="rtl"] .mhs-actions { direction: ltr; justify-content: flex-start; }
.mhs-layout-modern[dir="rtl"] .mhs-btn { direction: rtl; }
.mhs-layout-modern .mhs-btn { min-height: 46px; padding: 10px 20px; border-radius: 5px; }
.mhs-layout-modern .mhs-btn-primary { color: #fff; background: var(--mhs-accent); box-shadow: 0 10px 24px color-mix(in srgb, var(--mhs-accent) 20%, transparent); }
.mhs-layout-modern .mhs-btn-secondary { color: var(--mhs-text); border-color: var(--mhs-accent); background: rgba(255,255,255,.82); box-shadow: none; }

/* EDITORIAL GLASS */
.mhs-layout-editorial .mhs-media-overlay { background: linear-gradient(0deg, rgba(5,22,36,.34), transparent 62%), linear-gradient(90deg, rgba(8,35,58,.18), transparent 54%); }
.mhs-layout-editorial[dir="ltr"] .mhs-media-overlay { background: linear-gradient(0deg, rgba(5,22,36,.34), transparent 62%), linear-gradient(270deg, rgba(8,35,58,.18), transparent 54%); }
.mhs-layout-editorial .mhs-content-wrap { display: flex; align-items: flex-end; justify-content: flex-start; padding: clamp(30px,4.6vw,72px); }
.mhs-layout-editorial .mhs-content { width: min(62%, var(--mhs-title-max)); padding: clamp(26px,3vw,46px); border: 1px solid color-mix(in srgb, var(--mhs-border) 65%, transparent); border-radius: min(var(--mhs-radius),22px); background: color-mix(in srgb, var(--mhs-surface) var(--mhs-editorial-opacity), transparent); box-shadow: 0 22px 64px rgba(5,28,48,.22); backdrop-filter: blur(22px) saturate(1.08); }

/* CINEMATIC */
.mhs-layout-cinematic .mhs-stage { background: #07131f; }
.mhs-layout-cinematic .mhs-media-overlay { background: linear-gradient(0deg, color-mix(in srgb, #020a12 var(--mhs-cinematic-strength), transparent) 0%, rgba(2,10,18,.24) 58%, rgba(2,10,18,.08) 100%), linear-gradient(90deg, rgba(2,10,18,.38), transparent 58%); }
.mhs-layout-cinematic[dir="ltr"] .mhs-media-overlay { background: linear-gradient(0deg, color-mix(in srgb, #020a12 var(--mhs-cinematic-strength), transparent) 0%, rgba(2,10,18,.24) 58%, rgba(2,10,18,.08) 100%), linear-gradient(270deg, rgba(2,10,18,.38), transparent 58%); }
.mhs-layout-cinematic .mhs-content-wrap { display: flex; align-items: flex-end; justify-content: flex-start; padding: clamp(34px,5.4vw,88px); padding-bottom: clamp(80px,8vw,112px); }
.mhs-layout-cinematic .mhs-content { width: min(72%, var(--mhs-title-max)); color: #fff; text-shadow: 0 2px 30px rgba(0,0,0,.25); }
.mhs-layout-cinematic .mhs-title,
.mhs-layout-cinematic .mhs-title a { color: #fff; }
.mhs-layout-cinematic .mhs-excerpt { color: rgba(255,255,255,.82); }
.mhs-layout-cinematic .mhs-kicker { color: #fff; border-color: rgba(255,255,255,.22); background: rgba(4,18,30,.40); }
.mhs-layout-cinematic .mhs-btn-secondary { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(4,18,30,.42); }

/* CLASSIC — one reserved footer row keeps arrows away from the final side item. */
.mhs-layout-classic .mhs-frame { padding-inline: 0; }
.mhs-layout-classic .mhs-stage { border: 0; border-radius: 0; background: var(--mhs-classic-nav-bg); box-shadow: none; }
.mhs-layout-classic .mhs-media-overlay { background: linear-gradient(0deg, rgba(0,0,0,.28), transparent 48%), linear-gradient(90deg, rgba(0,0,0,.08), transparent 44%); }
.mhs-layout-classic[dir="ltr"] .mhs-media-overlay { background: linear-gradient(0deg, rgba(0,0,0,.28), transparent 48%), linear-gradient(270deg, rgba(0,0,0,.08), transparent 44%); }
.mhs-layout-classic .mhs-content-wrap { padding:0; }
.mhs-layout-classic .mhs-content { position:absolute; left:var(--mhs-classic-title-left-d); top:var(--mhs-classic-title-top-d); width:min(var(--mhs-title-max),calc(100% - var(--mhs-classic-nav-width) - 48px)); max-width:calc(100% - var(--mhs-classic-nav-width) - 48px); transform:translate(-50%,-50%) translate(var(--mhs-classic-safe-x,0px),var(--mhs-classic-safe-y,0px)); }
.mhs-layout-classic .mhs-kicker { color:#fff; border-color:rgba(255,255,255,.2); background:rgba(8,12,16,.54); }
.mhs-layout-classic .mhs-title-slot { display:flex; align-items:flex-end; width:100%; min-height:var(--mhs-classic-slot-d); }
.mhs-layout-classic .mhs-title { width:fit-content; max-width:100%; margin:0; padding:13px 20px 15px; color:var(--mhs-classic-title-text); font-size:var(--mhs-title-d); line-height:1.28; letter-spacing:0; background:color-mix(in srgb,var(--mhs-classic-title-bg) var(--mhs-classic-title-alpha),transparent); box-shadow:0 14px 38px rgba(0,0,0,.12); backdrop-filter:blur(5px); }
.mhs-layout-classic .mhs-title a { padding:0; color:inherit; background:transparent; box-shadow:none; }
.mhs-layout-classic .mhs-title a:hover { color:var(--mhs-classic-title-text); }
.mhs-layout-classic .mhs-excerpt { display:none; }
.mhs-layout-classic .mhs-actions { width:100%; margin-top:10px; justify-content:flex-start; }
.mhs-layout-classic .mhs-btn { min-height: 42px; padding: 8px 14px; border-radius: 7px; font-size: 13px; }
.mhs-layout-classic .mhs-btn-primary { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(8,12,16,.72); box-shadow: none; }
.mhs-layout-classic .mhs-btn-secondary { color: #fff; border-color: color-mix(in srgb, var(--mhs-slide-accent) 70%, #fff); background: color-mix(in srgb, var(--mhs-slide-accent) 78%, rgba(5,8,12,.72)); }
.mhs-classic-nav { position: absolute; z-index: 8; inset-block: 0; inset-inline-start: 0; width: var(--mhs-classic-nav-width); display: grid; grid-template-rows: repeat(var(--mhs-thumb-count,6), minmax(0,1fr)); padding-bottom: 0; overflow: hidden; color: var(--mhs-classic-nav-text); background: color-mix(in srgb, var(--mhs-classic-nav-bg) var(--mhs-classic-nav-alpha), transparent); backdrop-filter: blur(5px); }
.mhs-layout-classic.mhs-has-arrows .mhs-classic-nav { padding-bottom:64px; }
.mhs-thumb { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; min-width: 0; padding: 13px clamp(16px,1.8vw,30px); overflow: hidden; cursor: pointer; border: 0; border-bottom: 1px solid rgba(255,255,255,.12); color: color-mix(in srgb, var(--mhs-classic-nav-text) 56%, transparent); background: transparent; text-align: start; transition: color .22s ease, background .22s ease, padding .22s ease; }
.mhs-thumb::before { content:""; position:absolute; inset-block:0; inset-inline-start:0; width:3px; transform:scaleY(0); background:var(--mhs-slide-accent); transition:transform .22s ease; }
.mhs-thumb:hover,
.mhs-thumb.is-active { color: var(--mhs-classic-nav-text); background: rgba(0,0,0,.22); }
.mhs-thumb.is-active::before { transform: scaleY(1); }
.mhs-thumb-kicker { display:block; margin-bottom:6px; overflow:hidden; color:var(--mhs-accent); font-size:11px; font-weight:800; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.mhs-thumb-title { display:-webkit-box; overflow:hidden; font-size:clamp(13px,.95vw,17px); font-weight:800; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:var(--mhs-classic-lines-d); }
.mhs-thumb-download { position:absolute; inset-inline-end:12px; bottom:10px; width:16px; height:16px; color:var(--mhs-accent); opacity:.82; }
.mhs-thumb-download .mhs-icon { width:15px; height:15px; }

/* CONTROLS — direct children allow each layout to place arrows and meta independently. */
.mhs-controls { position:absolute; z-index:12; top:0; right:var(--mhs-gutter-d); bottom:0; left:var(--mhs-gutter-d); pointer-events:none; }
.mhs-control-btn,
.mhs-control-meta { pointer-events: auto; }
.mhs-control-btn { display:grid; place-items:center; width:40px; height:40px; padding:0; cursor:pointer; border:1px solid color-mix(in srgb, var(--mhs-border) 82%, transparent); border-radius:50%; color:var(--mhs-text); background:color-mix(in srgb, var(--mhs-surface) 84%, transparent); box-shadow:0 8px 24px rgba(7,30,50,.10); transition:transform .18s ease, background .18s ease, box-shadow .18s ease; backdrop-filter:blur(14px); }
.mhs-control-btn:hover { transform:translateY(-2px) scale(1.03); background:var(--mhs-surface); box-shadow:0 11px 28px rgba(7,30,50,.15); }
.mhs-control-btn .mhs-icon { width:19px; height:19px; }
.mhs-prev,
.mhs-next,
.mhs-control-meta { position:absolute; bottom:16px; }
.mhs-prev { inset-inline-start:18px; }
.mhs-next { inset-inline-start:66px; }
.mhs-control-meta { inset-inline-end:18px; display:flex; align-items:center; gap:8px; min-height:38px; padding:5px 7px; border:1px solid color-mix(in srgb, var(--mhs-border) 70%, transparent); border-radius:999px; background:color-mix(in srgb, var(--mhs-surface) 76%, transparent); box-shadow:0 10px 30px rgba(7,30,50,.10); backdrop-filter:blur(14px); }
.mhs-next .mhs-icon { transform:rotate(180deg); }
.mhs-play-toggle { position:static; width:30px; height:30px; box-shadow:none; }
.mhs-play-toggle .mhs-icon-play { display:none; }
.mhs-play-toggle.is-paused .mhs-icon-pause { display:none; }
.mhs-play-toggle.is-paused .mhs-icon-play { display:inline-flex; }
.mhs-play-toggle span { line-height:0; }
.mhs-dots { display:flex; align-items:center; gap:6px; }
.mhs-dot { width:7px; height:7px; padding:0; cursor:pointer; border:0; border-radius:999px; background:color-mix(in srgb, var(--mhs-muted) 42%, transparent); transition:width .22s ease, background .22s ease, transform .22s ease; }
.mhs-dot:hover { transform:scale(1.18); }
.mhs-dot.is-active { width:24px; background:var(--mhs-slide-accent); }
.mhs-counter { display:flex; align-items:baseline; gap:5px; padding-inline:4px; direction:ltr; color:var(--mhs-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.mhs-counter strong { color:var(--mhs-text); font-size:14px; }
.mhs-progress { position:absolute; z-index:13; right:0; bottom:0; left:0; height:3px; overflow:hidden; background:color-mix(in srgb, var(--mhs-border) 50%, transparent); pointer-events:none; }
.mhs-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left center; background:linear-gradient(90deg,var(--mhs-accent),var(--mhs-accent-2)); }
.mhs-slider[dir="rtl"] .mhs-progress span { transform-origin:right center; }

/* Modern controls match the reference: arrow — counter/dots — arrow, without a pill. */
.mhs-layout-modern .mhs-controls { top:auto; right:auto; bottom:18px; left:var(--mhs-modern-pad); width:auto; height:40px; display:flex; align-items:center; gap:9px; direction:ltr; }
.mhs-layout-modern .mhs-prev,
.mhs-layout-modern .mhs-next,
.mhs-layout-modern .mhs-control-meta { position:static; }
.mhs-layout-modern .mhs-control-btn { width:34px; height:34px; border:0; border-radius:0; color:var(--mhs-text); background:transparent; box-shadow:none; backdrop-filter:none; }
.mhs-layout-modern .mhs-control-btn:hover { transform:translateX(-1px); background:transparent; box-shadow:none; }
.mhs-layout-modern .mhs-next:hover { transform:translateX(1px); }
.mhs-layout-modern .mhs-control-meta { min-height:32px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.mhs-layout-modern .mhs-counter { padding:0 2px; color:var(--mhs-muted); font-size:11px; }
.mhs-layout-modern .mhs-counter strong { color:var(--mhs-text); font-size:12px; }
.mhs-layout-modern .mhs-dot { width:6px; height:6px; background:color-mix(in srgb, var(--mhs-muted) 42%, transparent); }
.mhs-layout-modern .mhs-dot.is-active { width:8px; background:var(--mhs-accent); }
.mhs-layout-modern[dir="ltr"] .mhs-controls { right:var(--mhs-modern-pad); left:auto; }

/* Classic arrows use the reserved footer of the side list; meta stays on the image side. */
.mhs-layout-classic .mhs-controls { right:0; left:0; }
.mhs-layout-classic .mhs-prev { inset-inline-start:16px; bottom:12px; }
.mhs-layout-classic .mhs-next { inset-inline-start:60px; bottom:12px; }
.mhs-layout-classic .mhs-control-meta { inset-inline-end:18px; bottom:14px; }
.mhs-layout-classic .mhs-control-btn,
.mhs-layout-classic .mhs-control-meta,
.mhs-layout-cinematic .mhs-control-btn,
.mhs-layout-cinematic .mhs-control-meta { color:#fff; border-color:rgba(255,255,255,.20); background:rgba(5,12,20,.46); }
.mhs-layout-classic .mhs-counter,
.mhs-layout-cinematic .mhs-counter { color:rgba(255,255,255,.58); }
.mhs-layout-classic .mhs-counter strong,
.mhs-layout-cinematic .mhs-counter strong { color:#fff; }
.mhs-layout-classic .mhs-dot,
.mhs-layout-cinematic .mhs-dot { background:rgba(255,255,255,.34); }
.mhs-layout-classic .mhs-dot.is-active,
.mhs-layout-cinematic .mhs-dot.is-active { background:var(--mhs-slide-accent); }

@media (max-width:1024px) {
    .mhs-frame { padding-inline:var(--mhs-gutter-t); }
    .mhs-controls { right:var(--mhs-gutter-t); left:var(--mhs-gutter-t); }
    .mhs-stage { height:var(--mhs-height-t); }
    .mhs-title { font-size:var(--mhs-title-t); }

    .mhs-layout-modern .mhs-media { width:max(60%, var(--mhs-modern-image)); }
    .mhs-layout-modern .mhs-content { width:min(38%, var(--mhs-title-max)); max-width:40%; }
    .mhs-layout-modern .mhs-title { font-size:var(--mhs-title-t); }
    .mhs-layout-classic .mhs-title { font-size:var(--mhs-title-t); }

    .mhs-layout-editorial .mhs-content-wrap { padding:32px; }
    .mhs-layout-editorial .mhs-content { width:min(70%,var(--mhs-title-max)); padding:30px; }
    .mhs-layout-cinematic .mhs-content-wrap { padding:42px; padding-bottom:86px; }
    .mhs-layout-cinematic .mhs-content { width:min(78%,var(--mhs-title-max)); }
    .mhs-thumb { padding:10px 14px; }
    .mhs-thumb-title { font-size:13px; }
}

@media (max-width:767px) {
    .mhs-slider { margin-top:var(--mhs-space-top-m); margin-bottom:var(--mhs-space-bottom-m); }
    .mhs-frame { padding-inline:var(--mhs-gutter-m); }
    .mhs-controls { right:var(--mhs-gutter-m); left:var(--mhs-gutter-m); }
    .mhs-stage { height:var(--mhs-height-m); border-inline:0; border-radius:min(var(--mhs-radius),18px); box-shadow:0 16px 42px rgba(10,42,70,.11); }
    .mhs-media .mhs-image { object-position:var(--mhs-mobile-image-x) var(--mhs-mobile-image-y); }
    .mhs-mobile-focus-center .mhs-image { object-position:center center; }
    .mhs-mobile-focus-top .mhs-image { object-position:center top; }
    .mhs-mobile-focus-bottom .mhs-image { object-position:center bottom; }
    .mhs-mobile-focus-left .mhs-image { object-position:left center; }
    .mhs-mobile-focus-right .mhs-image { object-position:right center; }
    .mhs-title { display:block; max-width:100%; margin-bottom:12px; overflow:visible; font-size:var(--mhs-title-m); line-height:1.3; }
    .mhs-title a { -webkit-line-clamp:var(--mhs-mobile-lines); }
    .mhs-excerpt { display:-webkit-box; max-width:100%; margin-bottom:14px; overflow:hidden; font-size:max(11px,calc(var(--mhs-body) - 2px)); line-height:1.65; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
    .mhs-kicker { margin-bottom:9px; padding:6px 9px; font-size:11px; }
    .mhs-mobile-hide-excerpt .mhs-excerpt { display:none; }
    .mhs-mobile-hide-category .mhs-kicker,
    .mhs-mobile-hide-category .mhs-thumb-kicker { display:none; }
    .mhs-actions { gap:8px; }
    .mhs-btn { flex:0 0 auto; width:auto; min-height:var(--mhs-mobile-btn-height); padding:7px var(--mhs-mobile-btn-pad-x); border-radius:8px; font-size:var(--mhs-mobile-btn-font); }
    .mhs-mobile-buttons-stack .mhs-actions { flex-direction:column; align-items:stretch; }
    .mhs-mobile-buttons-stack .mhs-btn { width:100%; }
    .mhs-mobile-buttons-stack .mhs-btn:only-child { align-self:flex-start; width:auto; }

    .mhs-prev,
    .mhs-next { display:none; }
    .mhs-control-meta { inset-inline-end:var(--mhs-mobile-controls); bottom:var(--mhs-mobile-controls); min-height:32px; padding:4px 6px; gap:6px; }
    .mhs-play-toggle { display:grid; width:28px; height:28px; }
    .mhs-dot { width:6px; height:6px; }
    .mhs-dot.is-active { width:18px; }
    .mhs-counter { font-size:10px; }
    .mhs-counter strong { font-size:12px; }

    /* Modern mobile: compact overlap between image and content; the fade is short so no large white dead zone appears. */
    .mhs-layout-modern .mhs-stage { background:var(--mhs-surface); }
    .mhs-layout-modern .mhs-media,
    .mhs-layout-modern[dir="ltr"] .mhs-media { top:0; right:0; bottom:auto; left:0; width:100%; height:60%; }
    .mhs-layout-modern .mhs-media-overlay,
    .mhs-layout-modern[dir="ltr"] .mhs-media-overlay { background:linear-gradient(0deg, var(--mhs-surface) 0%, color-mix(in srgb,var(--mhs-surface) 92%,transparent) 8%, transparent 30%); }
    .mhs-layout-modern .mhs-content,
    .mhs-layout-modern[dir="ltr"] .mhs-content { top:auto; right:var(--mhs-mobile-pad); bottom:76px; left:var(--mhs-mobile-pad); width:auto; max-width:none; transform:none; }
    .mhs-layout-modern .mhs-kicker { margin-bottom:7px; }
    .mhs-layout-modern .mhs-title { margin-bottom:8px; font-size:var(--mhs-title-m); }
    .mhs-layout-modern .mhs-excerpt { margin-bottom:10px; }
    .mhs-layout-modern[dir="rtl"] .mhs-actions { direction:rtl; }
    .mhs-layout-modern .mhs-btn { border-radius:6px; }
    .mhs-layout-modern .mhs-controls,
    .mhs-layout-modern[dir="ltr"] .mhs-controls { top:auto; right:auto; bottom:var(--mhs-mobile-controls); left:var(--mhs-mobile-pad); height:32px; }
    .mhs-layout-modern .mhs-control-meta { position:static; min-height:30px; }

    .mhs-layout-editorial .mhs-media-overlay { background:linear-gradient(0deg,rgba(5,22,36,.45),transparent 70%); }
    .mhs-layout-editorial .mhs-content-wrap { align-items:flex-end; padding:var(--mhs-mobile-pad); padding-bottom:58px; }
    .mhs-layout-editorial .mhs-content { width:100%; max-height:calc(100% - 72px); padding:20px; border-radius:18px; }
    .mhs-layout-cinematic .mhs-media-overlay { background:linear-gradient(0deg,rgba(2,10,18,.88) 0%,rgba(2,10,18,.44) 44%,rgba(2,10,18,.08) 76%); }
    .mhs-layout-cinematic .mhs-content-wrap { align-items:flex-end; padding:var(--mhs-mobile-pad); padding-bottom:62px; }
    .mhs-layout-cinematic .mhs-content { width:100%; }

    .mhs-layout-classic .mhs-stage { border-radius:0; }
    .mhs-layout-classic .mhs-content-wrap { padding:0; }
    .mhs-layout-classic .mhs-content { left:var(--mhs-classic-title-left-m); top:var(--mhs-classic-title-top-m); width:min(var(--mhs-title-max),calc(100% - (var(--mhs-mobile-pad) * 2))); max-width:calc(100% - (var(--mhs-mobile-pad) * 2)); transform:translate(-50%,-50%) translate(var(--mhs-classic-safe-x,0px),var(--mhs-classic-safe-y,0px)); }
    .mhs-layout-classic .mhs-title-slot { min-height:var(--mhs-classic-slot-m); }
    .mhs-layout-classic .mhs-title { width:fit-content; max-width:100%; margin:0; padding:8px 11px 9px; font-size:var(--mhs-title-m); line-height:1.32; }
    .mhs-layout-classic .mhs-title a { padding:0; -webkit-line-clamp:var(--mhs-mobile-lines); }
    .mhs-layout-classic .mhs-actions { margin-top:10px; }
    .mhs-layout-classic .mhs-btn { min-height:var(--mhs-mobile-btn-height); padding:7px var(--mhs-mobile-btn-pad-x); font-size:var(--mhs-mobile-btn-font); }
    .mhs-classic-nav { top:auto; right:0; bottom:0; left:0; width:100%; height:var(--mhs-classic-nav-mobile); display:flex; gap:1px; padding-bottom:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:none; background:color-mix(in srgb,var(--mhs-classic-nav-bg) 88%,transparent); backdrop-filter:blur(14px); }
    .mhs-classic-nav::-webkit-scrollbar { display:none; }
    .mhs-thumb { flex:0 0 min(78%,310px); height:100%; padding:16px 18px 14px; border-bottom:0; border-inline-end:1px solid rgba(255,255,255,.10); scroll-snap-align:start; }
    .mhs-thumb::before { inset-block:auto 0; inset-inline:0; width:auto; height:3px; transform:scaleX(0); }
    .mhs-thumb.is-active::before { transform:scaleX(1); }
    .mhs-thumb-title { font-size:13.5px; line-height:1.5; -webkit-line-clamp:var(--mhs-classic-lines-m); }
    .mhs-thumb-download { inset-inline-end:14px; bottom:12px; }
    .mhs-mobile-pagination-dots .mhs-counter { display:none; }
    .mhs-mobile-pagination-counter .mhs-dots { display:none; }
    .mhs-mobile-pagination-none .mhs-dots,
    .mhs-mobile-pagination-none .mhs-counter { display:none; }
    .mhs-mobile-pagination-none:not(.mhs-mobile-has-play) .mhs-control-meta { display:none; }

    .mhs-mobile-controls-top .mhs-control-meta { top:var(--mhs-mobile-controls); bottom:auto; }
    .mhs-mobile-controls-image-bottom .mhs-control-meta { top:auto; bottom:var(--mhs-mobile-controls); }
    .mhs-layout-classic.mhs-mobile-controls-image-bottom .mhs-control-meta { bottom:calc(var(--mhs-classic-nav-mobile) + var(--mhs-mobile-controls)); }
    .mhs-layout-modern.mhs-mobile-controls-top .mhs-controls { top:var(--mhs-mobile-controls); bottom:auto; }
    .mhs-layout-modern.mhs-mobile-controls-image-bottom .mhs-controls { top:auto; bottom:var(--mhs-mobile-controls); }
    .mhs-layout-modern.mhs-mobile-controls-outside .mhs-controls { top:calc(var(--mhs-height-m) + 8px); bottom:auto; }

    .mhs-mobile-controls-outside:not(.mhs-mobile-pagination-none) .mhs-frame,
    .mhs-mobile-controls-outside.mhs-mobile-has-play .mhs-frame { padding-bottom:48px; }
    .mhs-mobile-controls-outside .mhs-control-meta { top:calc(var(--mhs-height-m) + 8px); bottom:auto; color:var(--mhs-text); border-color:color-mix(in srgb,var(--mhs-border) 80%,transparent); background:color-mix(in srgb,var(--mhs-surface) 92%,transparent); }
    .mhs-layout-classic.mhs-mobile-controls-outside .mhs-counter { color:var(--mhs-muted); }
    .mhs-layout-classic.mhs-mobile-controls-outside .mhs-counter strong { color:var(--mhs-text); }
    .mhs-layout-classic.mhs-mobile-controls-outside .mhs-dot { background:color-mix(in srgb,var(--mhs-muted) 42%,transparent); }
    .mhs-layout-classic.mhs-mobile-controls-outside .mhs-dot.is-active { background:var(--mhs-slide-accent); }

    .mhs-layout-classic .mhs-progress { bottom:var(--mhs-classic-nav-mobile); }
}

@media (max-width:420px) {
    .mhs-control-meta { max-width:calc(100% - 24px); }
    .mhs-dots { gap:5px; }
    .mhs-dot { width:5px; height:5px; }
    .mhs-dot.is-active { width:16px; }
    .mhs-counter { padding-inline:2px; }
}

@media (prefers-reduced-motion:reduce) {
    .mhs-slider .mhs-slide,
    .mhs-slider .mhs-btn,
    .mhs-slider .mhs-control-btn,
    .mhs-slider .mhs-dot,
    .mhs-slider .mhs-thumb { transition:none; }
}

@media (max-width:767px) { .mhs-layout-classic.mhs-has-arrows .mhs-classic-nav { padding-bottom:0; } }