/*
 * Olgoo News 2.0 — reference-inspired editorial system
 * Compact 1008px panels, fixed 150px rail and cinematic Fajr microsite.
 */

:root {
  --ink: #171717;
  --accent: #c8c8c8;
  --hot: #9c003c;
  --brand: #9c003c;
  --content: 1008px;
  --paper: #fff;
  --mist: #f2f8fb;
  --line: #e3edf2;
  --text: #1c3449;
  --muted: #738493;
  --shadow: 0 18px 55px rgba(18, 57, 83, .08);
  --radius: 16px;
  --ease: cubic-bezier(.2, .72, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 92% 8%, rgba(101, 199, 232, .18), transparent 26rem),
    radial-gradient(circle at 4% 52%, rgba(152, 214, 211, .16), transparent 30rem),
    linear-gradient(135deg, #f7fbfd 0%, #eff7fa 50%, #f9fbfc 100%);
  background-attachment: fixed;
  font-family: var(--olgoo-font, Vazirmatn, IRANSansX, Tahoma, Arial, sans-serif);
  font-size: 14px;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}
body.has-overlay { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
figure, h1, h2, h3, p, blockquote { margin-top: 0; }
::selection { color: #fff; background: var(--ink); }

.icon { width: 21px; height: 21px; flex: 0 0 auto; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus, .skip-link:focus {
  z-index: 100000; top: 12px; right: 12px; width: auto; height: auto; padding: 12px 18px;
  clip: auto; color: #fff; background: var(--ink); border-radius: 8px;
}

/* Site frame and fixed navigation rail */
.site-shell { min-height: 100vh; }
.site-frame { min-width: 0; margin-left: 150px; }
.site-main { min-height: 60vh; }
.mh-content { width: min(var(--content), calc(100% - 48px)); margin-right: auto; margin-left: auto; }
.rail {
  position: fixed; z-index: 80; top: 0; bottom: 0; left: 0; width: 150px;
  padding: 24px 17px 18px; display: flex; flex-direction: column; align-items: stretch;
  background: rgba(255,255,255,.94); border-right: 1px solid rgba(26, 76, 106, .08);
  box-shadow: 8px 0 35px rgba(37, 75, 101, .06); backdrop-filter: blur(18px);
}
.rail__brand { min-height: 82px; display: grid; place-items: center; }
.rail__brand a { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--ink); font-size: 12px; font-weight: 800; }
.rail__brand .custom-logo { width: auto; max-width: 92px; max-height: 58px; object-fit: contain; }
.rail__nav { margin-top: 34px; display: grid; gap: 10px; }
.rail__item {
  position: relative; min-height: 66px; padding: 8px 5px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 4px; color: #7c8c98; background: transparent;
  border: 0; border-radius: 14px; cursor: pointer; transition: .25s var(--ease);
}
.rail__item span { font-size: 11px; font-weight: 600; }
.rail__item:hover, .rail__item.is-active { color: var(--ink); background: #edf8fb; transform: translateY(-1px); }
.rail__item.is-active::after {
  content: ""; position: absolute; top: 14px; bottom: 14px; left: -17px; width: 3px;
  background: var(--accent); border-radius: 0 4px 4px 0;
}
.rail__item--fajr { color: #1a1a1f; background: #f6f1f1; }
.rail__fajr { color: #c51e30; font-size: 21px !important; font-weight: 900 !important; line-height: 1; }
.rail__menu { margin-top: auto; width: 100%; }
.mobile-only, .mobile-dock { display: none; }

.topbar {
  width: min(var(--content), calc(100% - 48px)); height: 64px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; color: #6b7f8d;
}
.topbar__mobile-brand { display: none; }
.topbar__date { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.signal-dot { width: 7px; height: 7px; background: #2bb69f; border-radius: 50%; box-shadow: 0 0 0 5px rgba(43,182,159,.12); }
.topbar__actions { display: flex; gap: 8px; }
.mh-header-ad { min-height: 70px; margin-top: 14px; margin-bottom: 14px; padding: 12px 20px; display: flex; align-items: center; justify-content: center; color: #7c8d98; background: rgba(255,255,255,.7); border: 1px dashed #ccdae1; border-radius: 12px; }
.mh-header-ad > span { margin-left: 16px; color: #a0acb3; font-size: 9px; }
.icon-button {
  width: 42px; height: 42px; display: inline-grid; place-items: center; color: var(--ink);
  background: #fff; border: 1px solid var(--line); border-radius: 12px; cursor: pointer;
}

/* Loading and overlays */
.site-loader, .fajr-loader {
  position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center;
  opacity: 1; visibility: visible; transition: opacity .55s ease, visibility .55s ease;
}
.site-loader { background: #f7fbfd; }
.site-loader.is-done, .fajr-loader.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.site-loader__mark { position: relative; width: 120px; height: 120px; display: grid; place-items: center; }
.site-loader__mark img { position: relative; z-index: 2; width: 70px; }
.site-loader__mark span { position: absolute; inset: 7px; border: 1px solid rgba(0,66,131,.16); border-radius: 50%; animation: olgooPulse 1.8s infinite; }
.site-loader__mark span:nth-of-type(2) { animation-delay: .45s; }
.site-loader__mark span:nth-of-type(3) { animation-delay: .9s; }
@keyframes olgooPulse { 0% { opacity: .7; transform: scale(.55); } 100% { opacity: 0; transform: scale(1.28); } }

.reading-progress {
  position: fixed; z-index: 150; top: 0; right: 0; left: 0; height: 3px; transform: scaleX(0);
  transform-origin: right; background: linear-gradient(90deg, var(--accent), var(--ink));
}
.drawer, .search-panel {
  position: fixed; z-index: 500; inset: 0; display: flex; opacity: 0; visibility: hidden;
  background: rgba(9, 26, 39, .42); backdrop-filter: blur(8px); transition: .3s ease;
}
.drawer { justify-content: flex-start; }
.drawer.is-open, .search-panel.is-open { opacity: 1; visibility: visible; }
.drawer__panel {
  width: min(620px, 92vw); height: 100%; padding: 38px; overflow-y: auto; color: #dfeaf0;
  background: #10283a; transform: translateX(-100%); transition: .45s var(--ease);
}
.drawer.is-open .drawer__panel { transform: translateX(0); }
.drawer__head, .drawer__foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.drawer__head { padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.1); }
.drawer__head h2 { margin: 4px 0 0; color: #fff; font-size: 25px; }
.drawer__head .icon-button { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); }
.eyebrow { color: #73d3e9; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.drawer__grid { padding: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }
.drawer ul { margin: 0; padding: 0; list-style: none; }
.drawer li { border-bottom: 1px solid rgba(255,255,255,.08); }
.drawer li a { padding: 10px 0; display: block; color: #d5e0e7; }
.drawer__categories h3 { color: #fff; font-size: 14px; }
.drawer__categories .count { color: #6ccbdc; }
.drawer__foot { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); }
.drawer__foot p { margin: 0; color: #94a9b6; }
.button { padding: 10px 17px; display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; }
.button--soft { color: #fff; background: rgba(255,255,255,.1); }
.search-panel { align-items: center; justify-content: center; padding: 24px; }
.search-panel__box { position: relative; width: min(660px, 100%); padding: 44px; background: #fff; border-radius: 20px; box-shadow: 0 30px 90px rgba(9,26,39,.26); }
.search-panel__box h2 { margin: 5px 0 24px; color: var(--ink); font-size: 28px; }
.search-panel__close { position: absolute; top: 18px; left: 18px; }
.search-form { display: flex; gap: 8px; }
.search-field { min-width: 0; flex: 1; padding: 13px 16px; background: #f6fafc; border: 1px solid var(--line); border-radius: 11px; outline: 0; }
.search-field:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(101,199,232,.15); }
.search-submit { padding: 10px 21px; color: #fff; background: var(--ink); border: 0; border-radius: 11px; cursor: pointer; }

/* Hero and breaking strip */
.mh-hero { position: relative; height: 439px; overflow: hidden; color: #fff; background: #183c56; }
.mh-hero > img { width: 100%; height: 100%; object-fit: cover; }
.mh-hero__wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,28,45,.12) 10%, rgba(7,28,45,.74) 74%, rgba(7,28,45,.9) 100%), linear-gradient(0deg, rgba(4,18,30,.42), transparent 60%); }
.mh-hero__content { position: absolute; top: 50%; right: max(7vw, calc((100% - var(--content))/2 + 20px)); width: min(505px, 50vw); transform: translateY(-47%); }
.mh-hero__meta { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.82); font-size: 11px; }
.mh-hero__meta span { padding: 5px 10px; color: #0b4866; background: #fff; border-radius: 6px; font-weight: 800; }
.mh-hero h1 { margin: 13px 0 12px; max-width: 500px; font-size: clamp(29px, 3vw, 45px); font-weight: 700; line-height: 1.45; letter-spacing: -.025em; }
.mh-hero__lead { max-width: 455px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 2; }
.mh-hero__lead p { margin: 0; }
.mh-hero__cta { margin-top: 20px; display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 12px; font-weight: 700; }
.mh-hero__cta .icon { width: 17px; transform: rotate(180deg); }
.mh-hero__dots { position: absolute; right: 0; bottom: 42px; left: 0; display: flex; justify-content: center; gap: 6px; }
.mh-hero__dots i { width: 6px; height: 6px; background: rgba(255,255,255,.5); border-radius: 20px; }
.mh-hero__dots i.is-current { width: 26px; background: #fff; }
.breaking { position: absolute; z-index: 6; top: 391px; right: max(24px, calc((100% - var(--content))/2)); width: min(var(--content), calc(100% - 48px)); height: 64px; display: flex; overflow: hidden; color: #4d6271; background: #fff; border-radius: 14px; box-shadow: 0 16px 42px rgba(23,67,95,.14); }
.breaking__label { width: 132px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #fff; background: var(--hot); font-size: 12px; font-weight: 800; }
.breaking__label .icon { width: 18px; }
.breaking__track { min-width: 0; flex: 1; overflow: hidden; }
.breaking__items { height: 100%; display: flex; align-items: center; gap: 44px; padding: 0 28px; white-space: nowrap; animation: ticker 32s linear infinite; }
.breaking__items a { position: relative; font-size: 12px; }
.breaking__items a::after { content: ""; position: absolute; top: 50%; left: -24px; width: 5px; height: 5px; background: var(--accent); border-radius: 50%; }
@keyframes ticker { to { transform: translateX(35%); } }

/* Shared panel language */
.mh-panel, .mh-latest, .mh-archive, .mh-page, .mh-single {
  position: relative; background: var(--paper); border-radius: var(--radius); box-shadow: var(--shadow);
}
.mh-section-tab {
  position: absolute; z-index: 3; top: -15px; right: 28px; min-width: 112px; height: 39px; padding: 0 15px;
  display: flex; align-items: center; justify-content: center; gap: 7px; color: #fff;
  background: var(--hot); border: 4px solid #fff; border-radius: 9px; font-size: 12px; font-weight: 800;
  box-shadow: 0 7px 18px rgba(255,123,110,.2);
}
.mh-section-tab .icon { width: 15px; }
.mh-section-tab--sky { color: #075275; background: var(--accent); box-shadow: 0 7px 18px rgba(101,199,232,.22); }
.mh-panel__head { display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.mh-panel__head small, .mh-mini-section header small, .mh-media header small { color: #8ca0ae; font-size: 10px; font-weight: 700; }
.mh-panel__head h2 { margin: 4px 0 0; color: var(--ink); font-size: 24px; line-height: 1.55; }
.mh-panel__head > a { display: inline-flex; align-items: center; gap: 7px; color: #5a7181; font-size: 11px; font-weight: 700; }
.mh-panel__head > a .icon { width: 15px; transform: rotate(180deg); }

/* Latest stories */
.mh-latest { margin-top: -16px; padding: 78px 30px 50px; min-height: 518px; }
.home .mh-latest { padding-top: 78px; }
.mh-latest__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.news-card { min-width: 0; }
.news-card__media { position: relative; display: block; overflow: hidden; background: #e8f0f4; border-radius: 13px; }
.news-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--ease); }
.news-card:hover .news-card__media img { transform: scale(1.035); }
.news-card__topline { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #96a4ae; font-size: 10px; }
.chip { padding: 3px 9px; color: #357390; background: #edf7fa; border-radius: 6px; font-size: 10px; font-weight: 700; }
.news-card__kicker { margin: 10px 0 0; color: var(--hot); font-size: 10px; font-weight: 800; }
.news-card__title { margin: 7px 0 0; color: #183b55; font-size: 16px; font-weight: 650; line-height: 1.85; }
.news-card__excerpt { margin-top: 8px; color: #7b8b97; font-size: 12px; line-height: 1.95; }
.news-card__excerpt p { margin: 0; }
.news-card__meta { margin-top: 12px; display: flex; gap: 13px; color: #9aa8b2; font-size: 9px; }
.news-card__meta span { display: inline-flex; align-items: center; gap: 4px; }
.news-card__meta .icon { width: 13px; height: 13px; }
.news-card--feature .news-card__media { height: 232px; }
.news-card--feature .news-card__title { font-size: 18px; }
.mh-latest__list { display: flex; flex-direction: column; }
.news-card--compact { padding: 0 0 13px; margin-bottom: 13px; display: grid; grid-template-columns: 116px 1fr; gap: 14px; border-bottom: 1px solid var(--line); }
.news-card--compact .news-card__media { height: 78px; grid-row: 1; }
.news-card--compact .news-card__body { grid-column: 2; grid-row: 1; }
.news-card--compact .news-card__topline { margin-top: 0; }
.news-card--compact .news-card__title { margin-top: 4px; font-size: 12.5px; line-height: 1.75; }
.news-card--compact .news-card__meta { display: none; }
.media-badge { position: absolute; right: 9px; bottom: 9px; width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: rgba(8,43,65,.74); border: 1px solid rgba(255,255,255,.45); border-radius: 50%; backdrop-filter: blur(5px); }
.media-badge .icon { width: 14px; }
.mh-more { margin-top: auto; display: flex; align-items: center; justify-content: space-between; color: var(--ink); font-size: 11px; font-weight: 800; }
.mh-more .icon { width: 16px; transform: rotate(180deg); }

/* Topic map panel */
.mh-topics { margin-top: 40px; padding: 58px 30px 32px; }
.mh-topics__body { margin-top: 27px; display: grid; grid-template-columns: 38% 1fr; gap: 34px; align-items: center; }
.mh-topic-map { position: relative; min-height: 230px; overflow: hidden; background: linear-gradient(145deg, #f3fafc, #e7f3f7); border-radius: 14px; }
.mh-topic-map::before, .mh-topic-map::after { content: ""; position: absolute; border: 1px solid rgba(63,144,177,.24); border-radius: 46% 54% 61% 39%; transform: rotate(-14deg); }
.mh-topic-map::before { inset: 27px 40px 34px 34px; }
.mh-topic-map::after { inset: 62px 83px 68px 72px; border-style: dashed; }
.mh-topic-map span { position: absolute; top: 25%; right: 32%; width: 9px; height: 9px; background: var(--hot); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 9px rgba(255,123,110,.12); }
.mh-topic-map i { position: absolute; bottom: 30%; left: 28%; width: 7px; height: 7px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 8px rgba(101,199,232,.15); }
.mh-topic-map b { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; display: grid; place-items: center; color: #fff; background: var(--ink); border-radius: 15px; transform: translate(-50%,-50%) rotate(6deg); }
.mh-topic-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 22px; }
.mh-topic-list a { min-width: 0; height: 41px; padding: 0 11px; display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; color: #536b7b; border-bottom: 1px solid var(--line); font-size: 11px; }
.mh-topic-list i { width: 5px; height: 5px; background: var(--accent); border-radius: 50%; }
.mh-topic-list small { color: #9aa7b0; }

/* Full width feature break */
.mh-feature-band { margin-top: 64px; padding: 44px 0; color: #fff; background: linear-gradient(112deg, #0b4f77, #11334f 75%); }
.mh-feature-band__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.mh-feature-band__image { height: 300px; overflow: hidden; border-radius: 15px; transform: rotate(-1deg); box-shadow: 0 20px 40px rgba(1,21,37,.24); }
.mh-feature-band__image img { width: 100%; height: 100%; object-fit: cover; }
.mh-feature-band__copy { padding: 20px 18px; }
.mh-ribbon { padding: 5px 12px; display: inline-flex; color: #133f5a; background: var(--accent); border-radius: 6px; font-size: 10px; font-weight: 800; }
.mh-feature-band h2 { margin: 15px 0 10px; font-size: 27px; line-height: 1.6; }
.mh-feature-band__copy > div { color: rgba(255,255,255,.68); font-size: 12px; }
.mh-feature-band__copy > div p { margin: 0; }
.mh-pill { margin-top: 20px; padding: 9px 17px; display: inline-flex; color: #fff; border: 1px solid rgba(255,255,255,.34); border-radius: 20px; font-size: 11px; }

/* Two editorial columns and statistics */
.mh-dual { padding: 54px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.mh-mini-section { padding: 26px; background: #fff; border-radius: 15px; box-shadow: var(--shadow); }
.mh-mini-section header { margin-bottom: 18px; display: flex; justify-content: space-between; align-items: center; }
.mh-mini-section header h2 { margin: 2px 0 0; color: var(--ink); font-size: 19px; }
.mh-mini-section header > a { width: 34px; height: 34px; display: grid; place-items: center; color: var(--ink); background: #f2f8fa; border-radius: 9px; }
.mh-mini-section--coral header > a { color: #a54343; background: #fff0ed; }
.mh-mini-section header .icon { width: 15px; transform: rotate(180deg); }
.mh-mini-lead a { position: relative; height: 174px; display: block; overflow: hidden; color: #fff; border-radius: 12px; }
.mh-mini-lead img { width: 100%; height: 100%; object-fit: cover; }
.mh-mini-lead a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,25,41,.82), transparent 72%); }
.mh-mini-lead span { position: absolute; z-index: 2; right: 15px; bottom: 13px; left: 15px; font-size: 13px; font-weight: 700; line-height: 1.7; }
.mh-headlines a { padding: 11px 0; display: grid; grid-template-columns: 78px 1fr; gap: 12px; border-bottom: 1px solid var(--line); }
.mh-headlines time { color: #9aa7af; font-size: 9px; }
.mh-headlines strong { color: #38556a; font-size: 11px; font-weight: 600; line-height: 1.7; }
.mh-stats { padding: 37px 0; color: #fff; background: linear-gradient(90deg, #6bc9d4, #4fa9ca); }
.mh-stats .mh-content { display: grid; grid-template-columns: repeat(3, 1fr); }
.mh-stats .mh-content > div { min-height: 86px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid rgba(255,255,255,.25); }
.mh-stats .mh-content > div:last-child { border-left: 0; }
.mh-stats strong { font-size: 28px; font-weight: 700; line-height: 1.2; }
.mh-stats span { margin-top: 5px; color: rgba(255,255,255,.78); font-size: 10px; }

/* Photo and video areas */
.mh-media { padding: 54px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.mh-media__panel { position: relative; min-width: 0; padding: 25px; background: #fff; border-radius: 15px; box-shadow: var(--shadow); }
.mh-media__panel header { margin-bottom: 18px; display: flex; align-items: center; gap: 9px; }
.mh-media__panel header > span { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--ink); border-radius: 10px; }
.mh-media__panel header .icon { width: 16px; }
.mh-media__panel header h2 { margin: 0; color: var(--ink); font-size: 18px; }
.mh-media__panel header > a { margin-right: auto; color: #8b9ba6; font-size: 10px; }
.mh-media__lead a { position: relative; height: 206px; display: block; overflow: hidden; color: #fff; border-radius: 12px; }
.mh-media__lead img { width: 100%; height: 100%; object-fit: cover; }
.mh-media__lead a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,24,39,.78), transparent 65%); }
.mh-media__lead i { position: absolute; z-index: 2; top: 13px; right: 13px; width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.45); border-radius: 50%; backdrop-filter: blur(7px); }
.mh-media__lead i .icon { width: 17px; }
.mh-media__lead strong { position: absolute; z-index: 2; right: 15px; bottom: 14px; left: 15px; font-size: 13px; line-height: 1.7; }
.mh-media__list a { padding: 11px 0; display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); }
.mh-media__list span { color: #405c70; font-size: 11px; font-weight: 600; }
.mh-media__list time { flex: 0 0 auto; color: #9aa6ae; font-size: 9px; }
.mh-ad { margin-bottom: 40px; min-height: 92px; padding: 18px 25px; display: flex; align-items: center; justify-content: center; color: #798a96; background: rgba(255,255,255,.65); border: 1px dashed #cbdbe3; border-radius: 14px; }
.mh-ad > span, .mh-inline-ad > span { margin-left: 18px; color: #a1adb5; font-size: 9px; }
.mh-newsletter { margin-bottom: 50px; padding: 32px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: center; color: #fff; background: linear-gradient(120deg, #0c466d, #112c45); border-radius: 16px; box-shadow: 0 20px 50px rgba(9,48,75,.16); }
.mh-newsletter small { color: var(--accent); font-size: 10px; font-weight: 700; }
.mh-newsletter h2 { margin: 4px 0; font-size: 22px; }
.mh-newsletter p { margin: 0; color: rgba(255,255,255,.65); font-size: 11px; }
.mh-newsletter form { display: grid; grid-template-columns: 1fr auto; }
.mh-newsletter input { min-width: 0; padding: 12px 14px; color: #334f62; background: #fff; border: 0; border-radius: 0 10px 10px 0; outline: 0; direction: ltr; }
.mh-newsletter button { padding: 12px 20px; color: #fff; background: var(--hot); border: 0; border-radius: 10px 0 0 10px; cursor: pointer; }
.mh-newsletter form small { grid-column: 1 / -1; margin-top: 6px; color: #b8d7e6; }

/* Footer matched to compact reference panel */
.site-footer { width: min(var(--content), calc(100% - 48px)); margin: 0 auto 32px; padding: 30px 38px 18px; color: #657986; background: rgba(228,239,244,.86); border-radius: 16px; }
.site-footer__lead { padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid rgba(60,101,125,.12); }
.footer-brand { display: flex; align-items: center; gap: 14px; }
.footer-brand img { width: 50px; }
.footer-brand div { display: flex; flex-direction: column; }
.footer-brand strong { color: var(--ink); font-size: 17px; }
.footer-brand span { color: #83929b; font-size: 10px; }
.footer-socials { display: flex; flex-wrap: wrap; gap: 7px; }
.footer-socials a { padding: 6px 10px; color: #527083; background: rgba(255,255,255,.65); border-radius: 7px; font-size: 9px; }
.site-footer__grid { padding: 23px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.site-footer__grid:has(> div:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }
.site-footer h3, .widget__title { margin: 0 0 8px; color: #36566b; font-size: 11px; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer li { margin: 3px 0; font-size: 9.5px; }
.site-footer__bottom { padding-top: 13px; display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid rgba(60,101,125,.12); font-size: 9px; }
.site-footer__bottom p { margin: 0; }
.back-to-top { position: fixed; z-index: 50; right: 24px; bottom: 22px; width: 42px; height: 42px; display: grid; place-items: center; opacity: 0; visibility: hidden; color: #fff; background: var(--ink); border: 0; border-radius: 50%; box-shadow: 0 10px 30px rgba(5,54,86,.25); cursor: pointer; transition: .25s; }
.back-to-top.is-visible { opacity: 1; visibility: visible; }

/* Internal articles */
.mh-single { margin-top: 80px; margin-bottom: 40px; padding: 28px; }
.mh-single__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.mh-single__side { min-width: 0; grid-column: 1; }
.mh-single__article { min-width: 0; grid-column: 2; grid-row: 1; }
.mh-single__cover { margin: 0; }
.mh-single__cover img { width: 100%; aspect-ratio: 466 / 279; object-fit: cover; border-radius: 16px; }
.mh-single__cover figcaption { padding: 6px 4px 0; color: #9aa8b0; font-size: 9px; }
.mh-single__facts { margin-top: 15px; padding: 6px 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px 15px; color: #607988; border: 1px solid #69bee0; border-radius: 18px; font-size: 9px; }
.mh-single__facts b { color: #2d5e79; font-weight: 600; }
.mh-single__share { margin-top: 22px; padding: 15px 0; display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mh-single__share strong { margin-left: auto; color: #3b5b70; font-size: 10px; }
.mh-single__share a, .mh-single__share button { padding: 5px 9px; color: #5f7685; background: #f2f7f9; border: 0; border-radius: 6px; font-size: 9px; cursor: pointer; }
.mh-single__comments-preview { margin-top: 24px; }
.mh-single__comments-preview > div { margin-bottom: 13px; padding-bottom: 8px; display: flex; align-items: center; gap: 10px; color: var(--ink); border-bottom: 1px solid var(--line); font-size: 11px; }
.mh-single__comments-preview > div i { height: 2px; flex: 1; background: var(--accent); opacity: .45; }
.mh-single__comments-preview article { margin-bottom: 8px; padding: 11px 13px; background: #f8fbfc; border-radius: 9px; }
.mh-single__comments-preview article b { font-size: 10px; }
.mh-single__comments-preview article p, .mh-single__comments-preview > p { margin: 3px 0 0; color: #80909a; font-size: 10px; line-height: 1.8; }
.mh-inline-ad { margin-top: 18px; min-height: 90px; padding: 14px; display: grid; place-items: center; color: #91a0a9; background: #f6f9fa; border: 1px dashed #d6e2e7; border-radius: 10px; }
.breadcrumbs { margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #98a5ad; font-size: 9px; }
.breadcrumbs a { color: #6590a6; }
.mh-single__kicker { margin: 0 0 7px; color: var(--hot); font-size: 10px; font-weight: 800; }
.mh-single__article > h1 { margin: 0 0 14px; color: #22475e; font-size: 16px; font-weight: 650; line-height: 1.85; }
.mh-single__lead { margin: 0 0 18px; color: #557185; font-size: 13px; font-weight: 450; line-height: 2; }
.mh-single__lead p { margin: 0; }
.entry-content { color: #707f89; font-size: 15px; font-weight: 350; line-height: 2.05; }
.entry-content p { margin: 0 0 18px; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin: 30px 0 12px; color: #234b64; line-height: 1.7; }
.entry-content h2 { font-size: 20px; }.entry-content h3 { font-size: 17px; }
.entry-content a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; }
.entry-content blockquote { margin: 24px 0; padding: 18px 22px; color: #315c73; background: #eff8fb; border-right: 3px solid var(--accent); border-radius: 9px; }
.entry-content img { border-radius: 12px; }
.entry-content iframe { max-width: 100%; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 10px; border: 1px solid var(--line); }
.video-embed { margin: 20px 0; overflow: hidden; border-radius: 12px; }
.video-embed iframe, .video-embed video { width: 100%; }
.mh-single__tags { margin-top: 28px; padding-top: 14px; display: flex; flex-wrap: wrap; gap: 7px; border-top: 1px solid var(--line); }
.mh-single__tags span { margin-left: 4px; color: #355970; font-size: 10px; font-weight: 700; }
.mh-single__tags a { padding: 4px 8px; color: #66808f; background: #f1f7f9; border-radius: 6px; font-size: 9px; }
.mh-author { margin-top: 25px; padding: 15px; background: #f5fafb; border-radius: 10px; }
.mh-author > div { display: flex; align-items: center; gap: 10px; }
.mh-author img { border-radius: 50%; }
.mh-author span { display: flex; flex-direction: column; }
.mh-author small { color: #93a1aa; font-size: 8px; }.mh-author b { color: #365b71; font-size: 11px; }
.mh-author p { margin: 7px 68px 0 0; color: #80909a; font-size: 9px; }
.mh-post-nav { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.mh-post-nav > div { min-width: 0; padding: 10px; background: #f7fafb; border-radius: 8px; }
.mh-post-nav small { display: block; color: #9ba8b0; font-size: 8px; }
.mh-post-nav a { display: block; overflow: hidden; color: #456477; font-size: 9.5px; text-overflow: ellipsis; white-space: nowrap; }
.mh-related { margin-top: 42px; padding-top: 25px; border-top: 1px solid var(--line); }
.mh-related > header { margin-bottom: 15px; display: flex; align-items: center; gap: 12px; color: var(--ink); font-size: 11px; font-weight: 700; }
.mh-related > header i { height: 2px; flex: 1; background: var(--accent); opacity: .4; }
.mh-related > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mh-related article img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 9px; }
.mh-related article strong { margin-top: 6px; display: block; color: #38586d; font-size: 10px; line-height: 1.7; }
.mh-comments-full { margin-top: 35px; padding-top: 25px; border-top: 1px solid var(--line); }
.mh-single--wide .mh-single__grid { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
.mh-single--minimal .mh-single__grid { display: block; }
.mh-single--minimal .mh-single__side { display: none; }
.mh-single--minimal .mh-single__article { width: min(680px, 100%); margin: auto; }

/* Archives and generic pages */
.mh-archive, .mh-page { margin-top: 80px; margin-bottom: 40px; padding: 40px 28px 32px; }
.mh-archive__head, .mh-page__head { padding: 16px 4px 26px; }
.mh-archive__head h1, .mh-page__head h1 { margin: 0; color: #234b64; font-size: 27px; line-height: 1.55; }
.mh-archive__head p, .mh-page__head p, .mh-page__head > div { margin: 7px 0 0; color: #81909a; font-size: 12px; }
.mh-category-row { margin-bottom: 26px; padding: 9px; display: flex; gap: 7px; overflow-x: auto; background: #f4f9fa; border-radius: 11px; }
.mh-category-row a { padding: 7px 11px; flex: 0 0 auto; display: flex; align-items: center; gap: 6px; color: #607887; border-radius: 7px; font-size: 10px; }
.mh-category-row a.is-current, .mh-category-row a:hover { color: #fff; background: var(--ink); }
.mh-category-row small { opacity: .65; }
.mh-archive__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 20px; }
.mh-archive__grid .news-card__media { height: 148px; }
.mh-archive__grid .news-card__title { font-size: 13px; }
.mh-search-list { display: grid; gap: 0; }
.news-card--horizontal { padding: 18px 0; display: grid; grid-template-columns: 215px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }
.news-card--horizontal .news-card__media { height: 135px; }
.news-card--horizontal .news-card__topline { margin-top: 0; }
.news-card--horizontal .news-card__title { font-size: 15px; }
.navigation.pagination { margin-top: 32px; }
.nav-links { display: flex; justify-content: center; gap: 6px; }
.page-numbers { min-width: 35px; height: 35px; padding: 0 9px; display: grid; place-items: center; color: #5d7787; background: #f1f7f9; border-radius: 8px; font-size: 10px; }
.page-numbers.current { color: #fff; background: var(--ink); }
.mh-page__image { margin: 0 0 28px; }
.mh-page__image img { width: 100%; max-height: 460px; object-fit: cover; border-radius: 14px; }
.mh-page__content { width: min(760px, 100%); margin: auto; }
.mh-archive--search .search-form { width: min(520px, 100%); margin-top: 18px; }
.empty-state, .error-page { padding: 70px 25px; text-align: center; }
.empty-state__icon { width: 64px; height: 64px; margin: 0 auto 15px; display: grid; place-items: center; color: var(--ink); background: #edf7fa; border-radius: 18px; }
.error-page__code { color: var(--accent); font-size: 80px; font-weight: 900; line-height: 1; }

/* About, contact and reference-like timeline cards */
.mh-about__quote { margin: 4px 0 35px; padding: 30px; color: #fff; background: linear-gradient(120deg, #0e4c72, #123149); border-radius: 14px; }
.mh-about__quote > span { color: var(--accent); font-size: 10px; font-weight: 800; }
.mh-about__quote blockquote { margin: 9px 0 0; font-size: 17px; line-height: 2; }
.mh-about__stats { margin-bottom: 38px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mh-about__stats div { padding: 22px; display: flex; flex-direction: column; align-items: center; background: #f2f8fa; border-radius: 12px; }
.mh-about__stats strong { color: var(--ink); font-size: 24px; }.mh-about__stats span { color: #7d909c; font-size: 10px; }
.mh-timeline > header, .mh-team > header { margin: 0 10px 25px; }
.mh-timeline header small, .mh-team header small { color: #8ca0ac; font-size: 9px; }.mh-timeline header h2, .mh-team header h2 { margin: 3px 0 0; color: #294f67; font-size: 20px; }
.mh-timeline__item { position: relative; margin: 0 12px 26px; padding: 34px 30px 26px; display: grid; grid-template-columns: 50px 1fr; gap: 16px; background: #fff; border-radius: 15px; box-shadow: 0 13px 36px rgba(22,61,87,.09); }
.mh-timeline__item > i { position: absolute; top: -9px; right: 28px; width: 78px; height: 17px; background: var(--accent); border: 4px solid #fff; border-radius: 6px; }
.mh-timeline__item > span { width: 43px; height: 43px; display: grid; place-items: center; color: var(--ink); background: #edf8fb; border-radius: 12px; font-size: 13px; font-weight: 800; }
.mh-timeline__item h3 { margin: 0 0 5px; color: #31566d; font-size: 15px; }.mh-timeline__item p { margin: 0; color: #81919b; font-size: 11px; }
.mh-about__content { margin: 42px auto; width: min(760px,100%); }
.mh-team { margin-top: 40px; }
.mh-team > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mh-team a { padding: 20px 12px; display: flex; flex-direction: column; align-items: center; text-align: center; background: #f6fafb; border-radius: 12px; }
.mh-team img { border-radius: 50%; }.mh-team strong { margin-top: 9px; color: #31546b; font-size: 11px; }.mh-team span { color: #8a98a1; font-size: 9px; }
.mh-contact__grid { display: grid; grid-template-columns: 320px 1fr; gap: 30px; }
.mh-contact__info { padding: 23px; color: #dcecf2; background: linear-gradient(145deg, #0d4c72, #173247); border-radius: 14px; }
.mh-contact__info > div { padding: 14px 0; display: grid; grid-template-columns: 38px 1fr; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.1); }
.mh-contact__info > div:last-child { border: 0; }
.mh-contact__info i { width: 34px; height: 34px; display: grid; place-items: center; color: var(--accent); background: rgba(255,255,255,.08); border-radius: 9px; }
.mh-contact__info i .icon { width: 16px; }.mh-contact__info span { display: flex; flex-direction: column; }.mh-contact__info small { color: #8eb3c4; font-size: 9px; }.mh-contact__info a, .mh-contact__info b { color: #fff; font-size: 11px; font-weight: 500; }
.mh-contact__form { padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; background: #f5f9fa; border-radius: 14px; }
.mh-contact__form > div { min-width: 0; }.mh-contact__form .is-wide { grid-column: 1/-1; }
.mh-contact__form label { display: block; margin-bottom: 5px; color: #5b7281; font-size: 10px; font-weight: 700; }
.mh-contact__form input, .mh-contact__form textarea { width: 100%; padding: 10px 12px; color: #36566b; background: #fff; border: 1px solid #dce6ea; border-radius: 8px; outline: 0; }
.mh-contact__form input:focus, .mh-contact__form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(101,199,232,.13); }
.mh-contact__form button { padding: 11px 18px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: var(--ink); border: 0; border-radius: 9px; cursor: pointer; }
.mh-contact__form button .icon { width: 16px; transform: rotate(180deg); }.mh-honeypot { position: absolute; right: -10000px; }
.mh-form-alert { margin-bottom: 18px; padding: 11px 15px; border-radius: 8px; font-size: 11px; }.mh-form-alert--success { color: #236652; background: #e8f8f1; }.mh-form-alert--error { color: #913d45; background: #fff0f1; }
.mh-contact__map { margin-top: 28px; overflow: hidden; border-radius: 14px; }.mh-contact__map iframe { width: 100%; height: 350px; display: block; border: 0; }

/* Comments */
.comments-title, .comment-reply-title { color: #31566d; font-size: 16px; }
.comment-list { margin: 0 0 25px; padding: 0; list-style: none; }
.comment-list .comment { margin-bottom: 10px; padding: 15px; background: #f7fafb; border-radius: 9px; }
.comment-list .children { margin: 12px 22px 0 0; padding: 0; list-style: none; }
.comment-author { display: flex; align-items: center; gap: 8px; }.comment-author img { border-radius: 50%; }
.comment-metadata { margin-right: 45px; color: #9aa7ae; font-size: 8px; }.comment-content { color: #758792; font-size: 11px; }
.comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.comment-form-comment, .comment-notes, .logged-in-as, .form-submit { grid-column: 1/-1; }
.comment-form label { display: block; color: #5f7786; font-size: 9px; }.comment-form input, .comment-form textarea { width: 100%; padding: 9px; border: 1px solid #dce6ea; border-radius: 7px; }
.comment-form .submit { width: auto; padding: 9px 17px; color: #fff; background: var(--ink); border: 0; }

/* Festival microsite: deliberately separate visual identity */
.page-template-page-fajr .rail, .single-olgoo_film .rail, .single-olgoo_event .rail, .post-type-archive-olgoo_film .rail,
.page-template-page-fajr .site-footer, .single-olgoo_film .site-footer, .single-olgoo_event .site-footer, .post-type-archive-olgoo_film .site-footer,
.page-template-page-fajr .mobile-dock, .single-olgoo_film .mobile-dock, .single-olgoo_event .mobile-dock, .post-type-archive-olgoo_film .mobile-dock,
.page-template-page-fajr .topbar, .single-olgoo_film .topbar, .single-olgoo_event .topbar, .post-type-archive-olgoo_film .topbar { display: none !important; }
.page-template-page-fajr .site-frame, .single-olgoo_film .site-frame, .single-olgoo_event .site-frame, .post-type-archive-olgoo_film .site-frame { margin-left: 0; }
.page-template-page-fajr, .single-olgoo_film, .single-olgoo_event, .post-type-archive-olgoo_film { background: #08090c; }
.fajr-loader { color: #fff; background: #08090c; }
.fajr-loader__frame { position: relative; width: 260px; height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.16); }
.fajr-loader__frame::before, .fajr-loader__frame::after { content: ""; position: absolute; width: 24px; height: 24px; border-color: #d92032; border-style: solid; }
.fajr-loader__frame::before { top: -1px; right: -1px; border-width: 3px 3px 0 0; }.fajr-loader__frame::after { bottom: -1px; left: -1px; border-width: 0 0 3px 3px; }
.fajr-loader__frame span { color: #d92032; font-size: 76px; font-weight: 900; line-height: 1; animation: fajrFlicker 1.1s infinite alternate; }
.fajr-loader__frame i { width: 56px; height: 2px; margin: 13px 0; background: #d92032; }
.fajr-loader__frame b { font-size: 15px; }.fajr-loader__frame small { margin-top: 5px; color: rgba(255,255,255,.42); font-size: 8px; letter-spacing: .26em; }
@keyframes fajrFlicker { from { opacity: .55; filter: blur(.6px); } to { opacity: 1; filter: blur(0); text-shadow: 0 0 30px rgba(217,32,50,.3); } }
.fajr-site { min-height: 100vh; overflow: hidden; color: #f3f1ee; background: var(--fajr-bg,#0b0b0f); font-family: var(--olgoo-font, Vazirmatn, Tahoma, sans-serif); }
.fajr-nav { position: absolute; z-index: 20; top: 0; right: 0; left: 0; height: 84px; padding: 0 max(5vw, 42px); display: flex; align-items: center; gap: 45px; border-bottom: 1px solid rgba(255,255,255,.12); }
.fajr-nav__brand { display: flex; align-items: center; gap: 9px; color: #fff; font: 800 10px/1.15 Arial,sans-serif; letter-spacing: .08em; }.fajr-nav__brand img { width: 40px; filter: grayscale(1) brightness(4); }
.fajr-nav nav { display: flex; gap: 28px; }.fajr-nav nav a { color: rgba(255,255,255,.64); font-size: 11px; }.fajr-nav nav a:hover { color: #fff; }
.fajr-nav__back { margin-right: auto; padding: 8px 13px; color: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.2); font-size: 9px; }
.fajr-hero { position: relative; min-height: 740px; padding: 170px max(8vw,70px) 100px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 74% 42%, rgba(217,32,50,.2), transparent 20rem), linear-gradient(112deg, #111116, #07080a 66%); }
.fajr-hero::after { content: ""; position: absolute; inset: 0; opacity: .28; background-image: repeating-linear-gradient(105deg, transparent 0 34px, rgba(255,255,255,.025) 35px 36px); }
.fajr-hero__noise { position: absolute; inset: 0; opacity: .15; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E"); }
.fajr-hero__copy { position: relative; z-index: 3; width: min(610px, 54vw); }
.fajr-hero__copy > span { color: var(--fajr-red); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.fajr-hero h1 { margin: 11px 0; color: #fff; font-size: clamp(48px, 6vw, 86px); font-weight: 850; line-height: 1.25; letter-spacing: -.05em; }
.fajr-hero__copy > p { margin: 0; color: rgba(255,255,255,.55); font-size: 17px; }
.fajr-hero__copy > div { margin-top: 35px; display: flex; align-items: center; gap: 25px; }
.fajr-hero__copy b { color: rgba(255,255,255,.72); font-size: 12px; }.fajr-hero__copy a { padding: 12px 18px; display: inline-flex; align-items: center; gap: 10px; color: #fff; background: var(--fajr-red); font-size: 11px; font-weight: 700; }.fajr-hero__copy a .icon { width: 16px; transform: rotate(180deg); }
.fajr-hero__number { position: absolute; z-index: 2; top: 50%; left: 8%; color: transparent; font-family: Arial Black,Arial,sans-serif; font-size: clamp(210px,32vw,520px); font-weight: 900; line-height: .7; -webkit-text-stroke: 2px rgba(255,255,255,.11); transform: translateY(-45%); }
.fajr-hero__reel { position: absolute; z-index: 2; top: 100px; bottom: 80px; left: 9%; width: 62px; display: flex; flex-direction: column; justify-content: space-around; opacity: .28; border-right: 2px solid #fff; border-left: 2px solid #fff; }
.fajr-hero__reel i { height: 42px; margin: 0 10px; border: 1px solid #fff; }
.fajr-hero__stats { position: absolute; z-index: 3; right: max(8vw,70px); bottom: 38px; display: flex; gap: 35px; color: rgba(255,255,255,.48); font-size: 10px; }
.fajr-section { width: min(1220px, calc(100% - 80px)); margin: auto; padding: 100px 0; }
.fajr-section > header { margin-bottom: 42px; display: grid; grid-template-columns: 1fr auto; align-items: end; }
.fajr-section > header span { grid-column: 1; color: var(--fajr-red); font: 700 9px Arial,sans-serif; letter-spacing: .2em; }.fajr-section > header h2 { grid-column: 1; margin: 6px 0 0; color: #fff; font-size: 30px; }.fajr-section > header a { grid-column: 2; grid-row: 1/3; padding-bottom: 6px; color: rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.18); font-size: 10px; }
.fajr-film-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 38px 18px; }
.fajr-film-grid article { min-width: 0; }.fajr-film-grid article > a > div { position: relative; aspect-ratio: 3/4; overflow: hidden; background: #17171d; }.fajr-film-grid img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.04); transition: .55s var(--ease); }.fajr-film-grid article:hover img { transform: scale(1.04); filter: saturate(1); }
.fajr-film-grid article > a > div > span { position: absolute; right: 10px; bottom: -8px; color: #fff; font: 900 50px/1 Arial Black,Arial,sans-serif; text-shadow: 0 2px 20px rgba(0,0,0,.5); }
.fajr-film-grid small { margin-top: 13px; display: block; color: var(--fajr-red); font-size: 9px; }.fajr-film-grid h3, .fajr-film-grid h2 { margin: 2px 0; color: #fff; font-size: 16px; }.fajr-film-grid p { margin: 0; color: rgba(255,255,255,.38); font-size: 9px; }
.fajr-spotlight { padding: 115px 40px; background: linear-gradient(rgba(5,6,8,.62),rgba(5,6,8,.75)), radial-gradient(circle at 50% 50%, #5c171d, #08090c 62%); }
.fajr-spotlight__frame { width: min(920px,100%); margin: auto; padding: 70px; text-align: center; border: 1px solid rgba(255,255,255,.18); }.fajr-spotlight span { color: var(--fajr-red); font-size: 10px; }.fajr-spotlight h2 { margin: 10px auto; max-width: 720px; color: #fff; font-size: 34px; line-height: 1.7; }.fajr-spotlight p { margin: 0 auto; max-width: 620px; color: rgba(255,255,255,.48); font-size: 12px; }
.fajr-schedule > div { border-top: 1px solid rgba(255,255,255,.15); }.fajr-schedule article { min-height: 112px; padding: 20px 0; display: grid; grid-template-columns: 190px 1fr 45px; gap: 26px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); }.fajr-schedule time { display: flex; flex-direction: column; }.fajr-schedule time b { color: #fff; font: 700 23px Arial,sans-serif; }.fajr-schedule time span { color: rgba(255,255,255,.4); font-size: 9px; }.fajr-schedule small { color: var(--fajr-red); font-size: 8px; }.fajr-schedule h3 { margin: 2px 0; color: #fff; font-size: 17px; }.fajr-schedule p { margin: 0; color: rgba(255,255,255,.4); font-size: 10px; }.fajr-schedule article > a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); }.fajr-schedule article > a .icon { width: 15px; transform: rotate(180deg); }
.fajr-news { background: #111116; box-shadow: 0 0 0 100vmax #111116; clip-path: inset(0 -100vmax); }.fajr-news > div { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 28px 18px; }.fajr-news article a { display: block; }.fajr-news img { width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: grayscale(.18); }.fajr-news article.is-lead { grid-row: span 2; }.fajr-news article.is-lead img { aspect-ratio: 16/11; }.fajr-news time { margin-top: 11px; display: block; color: var(--fajr-red); font-size: 8px; }.fajr-news h3 { margin: 4px 0; color: #fff; font-size: 14px; line-height: 1.7; }.fajr-news article.is-lead h3 { font-size: 21px; }.fajr-news article div { color: rgba(255,255,255,.45); font-size: 10px; }
.fajr-footer { padding: 50px max(5vw,42px); display: flex; justify-content: space-between; align-items: end; color: rgba(255,255,255,.4); border-top: 1px solid rgba(255,255,255,.12); }.fajr-footer div { display: flex; flex-direction: column; }.fajr-footer strong { color: #fff; font-size: 15px; }.fajr-footer span { font-size: 9px; }.fajr-footer > a { color: #fff; font: 700 10px Arial,sans-serif; letter-spacing: .16em; }
.fajr-film-page { padding: 70px max(6vw,45px) 100px; }.fajr-film-page__back { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.52); font-size: 10px; }.fajr-film-page__back .icon { width: 15px; }.fajr-film-detail { width: min(1120px,100%); margin: 55px auto 0; display: grid; grid-template-columns: 44% 1fr; gap: 70px; align-items: center; }.fajr-film-detail figure { margin: 0; }.fajr-film-detail figure img { width: 100%; max-height: 720px; object-fit: cover; }.fajr-film-detail__copy > span { color: var(--fajr-red); font-size: 10px; }.fajr-film-detail h1 { margin: 8px 0 14px; color: #fff; font-size: clamp(40px,5vw,72px); }.fajr-film-detail__lead { color: rgba(255,255,255,.54); font-size: 14px; }.fajr-film-detail dl { margin: 28px 0; display: grid; grid-template-columns: 1fr 1fr; }.fajr-film-detail dl div { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.12); }.fajr-film-detail dt { color: rgba(255,255,255,.35); font-size: 8px; }.fajr-film-detail dd { margin: 2px 0 0; color: #fff; font-size: 11px; }.fajr-trailer { padding: 11px 16px; display: inline-flex; align-items: center; gap: 9px; color: #fff; background: var(--fajr-red); font-size: 10px; }.fajr-film-content { width: min(760px,calc(100% - 40px)); margin: 70px auto 0; color: rgba(255,255,255,.6); }.fajr-film-content h2, .fajr-film-content h3 { color: #fff; }
.fajr-film-archive { padding: 70px max(6vw,45px) 100px; }.fajr-film-archive > header { margin-bottom: 55px; display: flex; align-items: end; gap: 20px; }.fajr-film-archive > header span { color: var(--fajr-red); font: 700 9px Arial,sans-serif; }.fajr-film-archive > header h1 { margin: 0; color: #fff; font-size: 42px; }.fajr-film-archive > header a { margin-right: auto; color: rgba(255,255,255,.5); font-size: 10px; }
.fajr-event-page { min-height: 100vh; padding: 70px max(6vw,45px) 100px; }.fajr-event-detail { width: min(960px,100%); margin: 90px auto 0; display: grid; grid-template-columns: 220px 1fr; gap: 70px; align-items: start; }.fajr-event-detail__date { min-height: 250px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(255,255,255,.17); }.fajr-event-detail__date small { color: var(--fajr-red); }.fajr-event-detail__date strong { margin: 10px 0 0; color: #fff; font: 800 45px Arial,sans-serif; }.fajr-event-detail__date span { color: rgba(255,255,255,.5); font-size: 11px; }.fajr-event-detail > div:last-child > span { color: var(--fajr-red); font-size: 10px; }.fajr-event-detail h1 { margin: 9px 0 20px; color: #fff; font-size: clamp(36px,5vw,62px); line-height: 1.5; }.fajr-event-detail .fajr-film-content { width: auto; margin: 0; }

/* Reveal motion */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
[data-reveal].is-revealed { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .rail { display: none; }
  .site-frame { margin-left: 0; }
  .topbar { display: flex; }
  .topbar__mobile-brand { display: block; }
  .topbar__mobile-brand a { display: flex; align-items: center; gap: 7px; color: var(--ink); font-weight: 800; }
  .topbar__mobile-brand img { width: 36px; }
  .mobile-only { display: inline-grid; }
  .mobile-dock { position: fixed; z-index: 100; right: 14px; bottom: 12px; left: 14px; height: 61px; padding: 5px 12px; display: grid; grid-template-columns: repeat(4,1fr); color: #647b89; background: rgba(255,255,255,.95); border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 15px 45px rgba(21,56,80,.18); backdrop-filter: blur(18px); }
  .mobile-dock a, .mobile-dock button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: transparent; border: 0; font-size: 8px; }
  .mobile-dock .icon { width: 19px; }
  .back-to-top { bottom: 83px; }
  .fajr-film-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 760px) {
  body { font-size: 13px; }
  .mh-content { width: calc(100% - 28px); }
  .topbar { width: calc(100% - 28px); }
  .topbar__date { display: none; }
  .mh-hero { height: 520px; border-radius: 0 0 20px 20px; }
  .mh-hero__wash { background: linear-gradient(0deg, rgba(7,28,45,.92), rgba(7,28,45,.15) 80%); }
  .mh-hero__content { top: auto; right: 22px; bottom: 70px; width: calc(100% - 44px); transform: none; }
  .mh-hero h1 { font-size: 28px; }
  .mh-hero__lead { font-size: 12px; }
  .breaking { position: relative; top: auto; right: auto; width: calc(100% - 28px); height: 58px; margin: -28px auto 0; }
  .breaking__label { width: 58px; }
  .breaking__label span { display: none; }
  .breaking__items { padding: 0 17px; }
  .mh-latest { margin-top: 20px; padding: 60px 18px 28px; }
  .mh-latest__grid, .mh-topics__body, .mh-feature-band__inner, .mh-dual, .mh-media, .mh-newsletter, .mh-single__grid, .mh-contact__grid, .fajr-film-detail { grid-template-columns: 1fr; }
  .mh-latest__grid { gap: 28px; }
  .news-card--feature .news-card__media { height: 210px; }
  .mh-panel__head { align-items: start; }
  .mh-panel__head h2 { font-size: 20px; }
  .mh-topics { padding: 54px 18px 24px; }
  .mh-topic-map { min-height: 190px; }
  .mh-topic-list { grid-template-columns: 1fr; }
  .mh-feature-band { margin-top: 36px; padding: 35px 0; }
  .mh-feature-band__inner { gap: 12px; }
  .mh-feature-band__image { height: 230px; }
  .mh-feature-band__copy { padding: 18px 5px; }
  .mh-feature-band h2 { font-size: 23px; }
  .mh-dual, .mh-media { padding: 35px 0; gap: 20px; }
  .mh-stats { padding: 27px 0; }
  .mh-stats strong { font-size: 21px; }.mh-stats span { font-size: 8px; }
  .mh-newsletter { padding: 27px 22px; gap: 20px; }
  .site-footer { width: calc(100% - 28px); margin-bottom: 88px; padding: 25px 22px 17px; }
  .site-footer__lead, .site-footer__bottom { align-items: start; flex-direction: column; }
  .site-footer__grid, .site-footer__grid:has(> div:nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }
  .drawer__panel { padding: 28px 23px; }.drawer__grid { grid-template-columns: 1fr; }.drawer__foot { align-items: start; flex-direction: column; }
  .search-panel__box { padding: 35px 22px; }.search-panel__box h2 { font-size: 22px; }
  .mh-single, .mh-archive, .mh-page { margin-top: 35px; padding: 34px 17px 24px; }
  .mh-single__article { grid-column: 1; grid-row: 1; }
  .mh-single__side { grid-column: 1; grid-row: 2; }
  .mh-single__article > h1 { font-size: 20px; }
  .mh-single__facts { border-radius: 10px; }
  .mh-related > div { grid-template-columns: 1fr 1fr; }
  .mh-archive__head h1, .mh-page__head h1 { font-size: 23px; }
  .mh-archive__grid { grid-template-columns: 1fr 1fr; gap: 24px 12px; }
  .mh-archive__grid .news-card__media { height: 125px; }
  .news-card--horizontal { grid-template-columns: 110px 1fr; gap: 13px; }.news-card--horizontal .news-card__media { height: 92px; }.news-card--horizontal .news-card__excerpt, .news-card--horizontal .news-card__meta { display: none; }.news-card--horizontal .news-card__title { font-size: 12px; }
  .mh-about__quote { padding: 24px 20px; }.mh-about__quote blockquote { font-size: 14px; }
  .mh-about__stats { gap: 7px; }.mh-about__stats div { padding: 17px 5px; }.mh-about__stats strong { font-size: 19px; }
  .mh-timeline__item { margin-right: 0; margin-left: 0; padding: 30px 18px 21px; grid-template-columns: 42px 1fr; }
  .mh-team > div { grid-template-columns: 1fr 1fr; }
  .mh-contact__form { grid-template-columns: 1fr; }.mh-contact__form .is-wide { grid-column: 1; }
  .fajr-nav { height: 70px; padding: 0 18px; }.fajr-nav nav { display: none; }.fajr-nav__back { padding: 6px 9px; }
  .fajr-hero { min-height: 690px; padding: 135px 24px 100px; align-items: flex-end; }.fajr-hero__copy { width: 100%; }.fajr-hero h1 { font-size: 50px; }.fajr-hero__copy > p { font-size: 14px; }.fajr-hero__number { top: 24%; left: 3%; font-size: 230px; }.fajr-hero__reel { display: none; }.fajr-hero__stats { right: 24px; bottom: 34px; gap: 18px; }
  .fajr-section { width: calc(100% - 36px); padding: 70px 0; }.fajr-section > header h2 { font-size: 23px; }
  .fajr-film-grid { grid-template-columns: 1fr 1fr; gap: 30px 12px; }.fajr-film-grid article > a > div > span { font-size: 36px; }
  .fajr-spotlight { padding: 80px 18px; }.fajr-spotlight__frame { padding: 45px 20px; }.fajr-spotlight h2 { font-size: 24px; }
  .fajr-schedule article { grid-template-columns: 88px 1fr 35px; gap: 12px; }.fajr-schedule time b { font-size: 18px; }
  .fajr-news > div { grid-template-columns: 1fr 1fr; }.fajr-news article.is-lead { grid-column: 1/-1; grid-row: auto; }
  .fajr-footer { padding: 38px 20px; }
  .fajr-film-page, .fajr-film-archive { padding: 40px 20px 70px; }.fajr-film-detail { gap: 35px; }.fajr-film-detail figure img { max-height: 580px; }.fajr-film-detail h1 { font-size: 44px; }.fajr-film-archive > header { align-items: start; flex-direction: column; }.fajr-film-archive > header a { margin-right: 0; }
  .fajr-event-page { padding: 40px 20px 70px; }.fajr-event-detail { margin-top: 55px; grid-template-columns: 1fr; gap: 35px; }.fajr-event-detail__date { min-height: 190px; }
}

@media (max-width: 420px) {
  .mh-archive__grid { grid-template-columns: 1fr; }
  .mh-archive__grid .news-card__media { height: 190px; }
  .mh-stats .mh-content { gap: 5px; }
  .mh-stats strong { font-size: 18px; }
  .mh-team > div, .site-footer__grid, .site-footer__grid:has(> div:nth-child(2):last-child) { grid-template-columns: 1fr; }
  .fajr-film-grid { grid-template-columns: 1fr; }
  .fajr-news > div { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}

@media print {
  .rail, .topbar, .breaking, .site-footer, .mobile-dock, .back-to-top, .mh-single__share, .mh-single__comments-preview, .mh-related, .mh-comments-full { display: none !important; }
  body { color: #000; background: #fff; }
  .site-frame { margin: 0; }.mh-single { width: 100%; margin: 0; padding: 0; box-shadow: none; }.mh-single__grid { display: block; }.mh-single__side { margin-bottom: 20px; }
}

/* ========================================================================== 
   Olgoo News 2.1 — live-audit overhaul
   Stronger editorial hierarchy, tinted surfaces and super-app mobile UX.
   ========================================================================== */

body {
  font-size: calc(15px * var(--font-scale, 1.08));
  background:
    radial-gradient(circle at 86% 4%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 34rem),
    radial-gradient(circle at 8% 35%, rgba(152, 131, 220, .12), transparent 31rem),
    radial-gradient(circle at 82% 76%, rgba(45, 165, 172, .14), transparent 38rem),
    linear-gradient(145deg, color-mix(in srgb, var(--page-bg, #eaf3f7) 92%, #fff), var(--page-bg, #eaf3f7));
}

.topbar--mobile-only { display: none; }
.mh-panel, .mh-latest, .mh-archive, .mh-page, .mh-single,
.mh-mini-section, .mh-media__panel {
  background: linear-gradient(150deg, rgba(255,255,255,.94), rgba(245,251,253,.9));
  border: 1px solid rgba(255,255,255,.78);
  box-shadow: 0 22px 65px rgba(18,57,83,.1), inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter: blur(18px);
}

/* High-impact navigation states */
.rail__item { overflow: hidden; min-height: 70px; font-size: 13px; }
.rail__item::before {
  content: ""; position: absolute; inset: 5px; z-index: -1; opacity: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, #fff), rgba(255,255,255,.94));
  border: 1px solid rgba(101,199,232,.22); border-radius: 13px; transform: scale(.82); transition: .3s var(--ease);
}
.rail__item:hover { color: var(--ink); background: transparent; transform: translateY(-3px); text-shadow: 0 5px 20px rgba(0,66,131,.16); }
.rail__item:hover::before, .rail__item.is-active::before { opacity: 1; transform: scale(1); box-shadow: 0 10px 24px rgba(35,104,139,.13); }
.rail__item:hover .icon { transform: scale(1.14); stroke-width: 2.25; }
.rail__item .icon { transition: .28s var(--ease); }
.rail__item span { font-size: 12px; }
.rail__item--fajr::before { background: linear-gradient(145deg,#fff1f2,#f9e7e8); border-color: rgba(197,30,48,.16); }
.drawer li a { position: relative; padding: 12px 12px; border-radius: 9px; transition: .22s; }
.drawer li a:hover { color: #fff; background: rgba(101,199,232,.12); padding-right: 18px; }
.drawer li a::before { content: ""; position: absolute; top: 50%; right: 2px; width: 4px; height: 4px; opacity: 0; background: var(--accent); border-radius: 50%; transform: translateY(-50%); transition: .2s; }
.drawer li a:hover::before { opacity: 1; }

/* Newsroom hero: one lead story plus two current stories */
.mh-hero--newsroom {
  height: 560px; padding: 30px 0 74px; overflow: hidden;
  background: linear-gradient(130deg, color-mix(in srgb, var(--ink) 92%, #08131d), #102d43 64%, #155a75);
}
.mh-hero__ambient { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.mh-hero__ambient::before { content: ""; position: absolute; top: -190px; right: 8%; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.018); }
.mh-hero__ambient::after { content: ""; position: absolute; bottom: -230px; left: -120px; width: 520px; height: 520px; background: radial-gradient(circle,rgba(101,199,232,.2),transparent 67%); }
.mh-hero__mast { position: relative; z-index: 2; height: 38px; margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.56); }
.mh-hero__mast span { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 13px; font-weight: 800; }
.mh-hero__mast span .icon { width: 18px; color: var(--accent); }
.mh-hero__mast time { font-size: 12px; }
.mh-hero__newsgrid { position: relative; z-index: 2; height: 400px; display: grid; grid-template-columns: minmax(0,1.82fr) minmax(280px,.8fr); gap: 14px; }
.mh-hero__lead-card, .mh-hero__stack article { position: relative; min-width: 0; overflow: hidden; border-radius: 18px; box-shadow: 0 24px 55px rgba(1,16,27,.25); }
.mh-hero__lead-card > a, .mh-hero__stack article > a { position: relative; width: 100%; height: 100%; display: block; color: #fff; }
.mh-hero__lead-card img, .mh-hero__stack img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease),filter .7s; }
.mh-hero__shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(2,17,28,.93),rgba(2,17,28,.08) 75%),linear-gradient(90deg,transparent,rgba(2,17,28,.28)); }
.mh-hero__lead-card > a > div { position: absolute; z-index: 2; right: 28px; bottom: 24px; left: 28px; }
.mh-hero__lead-card p { margin: 0 0 9px; display: flex; align-items: center; gap: 8px; }
.mh-hero__lead-card p b, .mh-hero__lead-card p em { padding: 4px 9px; border-radius: 7px; font-size: 11px; font-style: normal; }
.mh-hero__lead-card p b { color: #083d57; background: var(--accent); }.mh-hero__lead-card p em { color: rgba(255,255,255,.84); background: rgba(255,255,255,.13); backdrop-filter: blur(7px); }
.mh-hero__lead-card h1 { margin: 0; max-width: 650px; font-size: clamp(27px,2.6vw,39px); font-weight: 760; line-height: 1.52; }
.mh-hero__lead-card small { margin-top: 8px; max-width: 600px; display: block; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.9; }
.mh-hero__lead-card > a > div > i { margin-top: 12px; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-style: normal; font-weight: 700; }
.mh-hero__lead-card > a > div > i .icon { width: 16px; transform: rotate(180deg); }
.mh-hero__stack { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.mh-hero__stack article div { position: absolute; z-index: 2; right: 16px; bottom: 13px; left: 16px; }
.mh-hero__stack article small { padding: 3px 7px; color: #fff; background: var(--hot); border-radius: 5px; font-size: 11px; }
.mh-hero__stack article h2 { margin: 7px 0 4px; color: #fff; font-size: 15px; line-height: 1.7; }
.mh-hero__stack article time { color: rgba(255,255,255,.58); font-size: 11px; }
.mh-hero__lead-card:hover img, .mh-hero__stack article:hover img { transform: scale(1.045); filter: saturate(1.12); }
.mh-hero__lead-card:hover, .mh-hero__stack article:hover { outline: 1px solid rgba(101,199,232,.55); }
.breaking { top: 506px; height: 64px; }
.breaking__items a { font-size: 13px; }
.mh-latest { margin-top: -18px; padding-top: 76px; }

/* Larger, more legible editorial type */
.mh-section-tab { min-width: 124px; height: 42px; font-size: 13px; }
.mh-panel__head small, .mh-mini-section header small, .mh-media header small { font-size: 12px; }
.mh-panel__head h2 { font-size: 26px; }
.mh-panel__head > a, .mh-more { font-size: 13px; }
.chip { padding: 4px 9px; font-size: 11px; }
.news-card__topline { font-size: 12px; }
.news-card__title { font-size: 17px; line-height: 1.78; }
.news-card--feature .news-card__title { font-size: 20px; }
.news-card__excerpt { font-size: 13.5px; }
.news-card__meta { font-size: 12px; }
.news-card--compact .news-card__title { font-size: 14px; }
.mh-topic-list a { height: 45px; font-size: 13px; }
.mh-feature-band__copy > div { font-size: 14px; }
.mh-ribbon { font-size: 11px; }.mh-pill { font-size: 12px; }
.mh-mini-section header h2, .mh-media__panel header h2 { font-size: 21px; }
.mh-mini-lead span, .mh-media__lead strong { font-size: 14px; }
.mh-headlines time, .mh-media__list time { font-size: 12px; }
.mh-headlines strong, .mh-media__list span { font-size: 13px; }
.mh-stats span { font-size: 12px; }
.mh-newsletter small { font-size: 11px; }.mh-newsletter p { font-size: 13px; }
.footer-brand span, .site-footer h3, .widget__title { font-size: 12px; }
.site-footer li, .site-footer__bottom { font-size: 11px; }

/* Every primary category gets a dedicated, compact channel */
.mh-channels-wrap { position: relative; padding: 72px 0; overflow: hidden; background: linear-gradient(125deg,rgba(222,239,246,.82),rgba(237,231,248,.65)); }
.mh-channels-wrap::before { content: ""; position: absolute; top: -170px; left: -90px; width: 430px; height: 430px; background: radial-gradient(circle,rgba(102,199,232,.25),transparent 68%); }
.mh-channels { position: relative; }
.mh-channels__head { margin-bottom: 28px; display: grid; grid-template-columns: 1fr 1.2fr; gap: 35px; align-items: end; }
.mh-channels__head > div > span { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 12px; font-weight: 800; }.mh-channels__head > div > span .icon { width: 17px; color: #31a7b9; }
.mh-channels__head h2 { margin: 4px 0; color: #173f58; font-size: 29px; }.mh-channels__head p { margin: 0; color: #728894; font-size: 13px; }
.mh-channels__head nav { padding-bottom: 3px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }.mh-channels__head nav::-webkit-scrollbar { display: none; }.mh-channels__head nav a { flex: 0 0 auto; padding: 7px 11px; color: #536f80; background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.8); border-radius: 9px; font-size: 11px; transition: .25s; }.mh-channels__head nav a:hover { color: #fff; background: var(--ink); transform: translateY(-2px); }
.mh-channels__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.mh-channel { --channel:#52bcd1; min-width: 0; padding: 20px; background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.92); border-radius: 17px; box-shadow: 0 17px 42px rgba(24,66,91,.09); transition: .35s var(--ease); backdrop-filter: blur(14px); }
.mh-channel--tone-1 { --channel:#8c7bd5; }.mh-channel--tone-2 { --channel:#f07a6c; }.mh-channel--tone-3 { --channel:#43ae8e; }
.mh-channel:hover { transform: translateY(-6px); box-shadow: 0 24px 55px rgba(24,66,91,.16); border-color: color-mix(in srgb,var(--channel) 35%,#fff); }
.mh-channel > header { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; }
.mh-channel > header small { color: #91a1aa; font-size: 10px; }.mh-channel > header h3 { margin: 0; color: #244b63; font-size: 19px; }
.mh-channel > header > a { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: var(--channel); border-radius: 10px; transition: .25s; }.mh-channel > header > a:hover { transform: rotate(-8deg) scale(1.08); }.mh-channel > header .icon { width: 15px; transform: rotate(180deg); }
.mh-channel__lead { position: relative; height: 180px; display: block; overflow: hidden; color: #fff; border-radius: 12px; }.mh-channel__lead::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(5,27,41,.9),transparent 70%); }.mh-channel__lead img { width: 100%; height: 100%; object-fit: cover; transition: .55s; }.mh-channel:hover .mh-channel__lead img { transform: scale(1.04); }
.mh-channel__lead > span { position: absolute; z-index: 2; right: 13px; bottom: 11px; left: 13px; }.mh-channel__lead time { display: block; color: rgba(255,255,255,.65); font-size: 10px; }.mh-channel__lead strong { display: block; font-size: 14px; line-height: 1.75; }
.mh-channel__links a { min-height: 49px; padding: 9px 0; display: grid; grid-template-columns: 6px 1fr; align-items: center; gap: 8px; color: #496779; border-bottom: 1px solid #e5edf1; font-size: 12px; line-height: 1.65; }.mh-channel__links a:last-child { border-bottom: 0; }.mh-channel__links i { width: 5px; height: 5px; background: var(--channel); border-radius: 50%; }.mh-channel__links a:hover { color: var(--ink); padding-right: 5px; }

/* Richer archive hierarchy */
.mh-archive { overflow: hidden; padding: 45px 32px 36px; background: linear-gradient(150deg,rgba(255,255,255,.93),rgba(239,248,251,.9)); }
.mh-archive::before { content: ""; position: absolute; z-index: 0; top: -220px; left: -130px; width: 520px; height: 420px; background: radial-gradient(circle,rgba(101,199,232,.2),transparent 68%); }
.mh-archive > * { position: relative; z-index: 1; }
.mh-archive__head h1, .mh-page__head h1 { font-size: 31px; }.mh-archive__head p, .mh-page__head p, .mh-page__head > div { font-size: 14px; }
.mh-category-row a { padding: 8px 12px; font-size: 12px; transition: .25s; }.mh-category-row a:hover { transform: translateY(-2px); box-shadow: 0 8px 17px rgba(0,66,131,.13); }
.news-card--archive-lead { grid-column: span 2; display: grid; grid-template-columns: 1.12fr 1fr; gap: 20px; padding: 16px; background: linear-gradient(135deg,#edf7fa,#f8fbfc); border-radius: 15px; }
.news-card--archive-lead .news-card__media { height: 250px; }.news-card--archive-lead .news-card__topline { margin-top: 4px; }.news-card--archive-lead .news-card__title { font-size: 20px; }.news-card--archive-lead .news-card__excerpt { font-size: 13px; }
.mh-archive__grid .news-card:not(.news-card--archive-lead) { padding: 10px; border-radius: 12px; transition: .3s var(--ease); }.mh-archive__grid .news-card:not(.news-card--archive-lead):hover { background: #f3f9fb; transform: translateY(-4px); box-shadow: 0 14px 35px rgba(19,61,86,.11); }

/* Article experience, intelligent tools and compact comments */
.mh-single { background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,248,251,.9)); }
.mh-single__article { --reader-scale:1; }
.mh-news-tools { margin: -3px 0 20px; padding: 7px; display: flex; align-items: center; gap: 5px; color: #617b8b; background: rgba(230,241,246,.86); border: 1px solid rgba(101,199,232,.18); border-radius: 12px; }
.mh-news-tools > span { margin-left: auto; padding-right: 6px; color: #486779; font-size: 11px; font-weight: 800; }
.mh-news-tools button { min-width: 34px; height: 34px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #557283; background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.95); border-radius: 8px; cursor: pointer; transition: .22s; }
.mh-news-tools button:hover, .mh-news-tools button.is-active { color: #fff; background: var(--ink); transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,66,131,.18); }.mh-news-tools button .icon { width: 15px; }.mh-news-tools button em { font-size: 10px; font-style: normal; }
.mh-single__article > h1 { font-size: 21px; line-height: 1.8; }
.mh-single__lead { color: #47677b; font-size: 15px; }
.mh-single__summary { margin: 20px 0 24px; padding: 15px 16px; display: grid; grid-template-columns: 39px 1fr; gap: 11px; color: #335970; background: linear-gradient(135deg,rgba(101,199,232,.17),rgba(255,255,255,.72)); border: 1px solid rgba(101,199,232,.28); border-radius: 12px; }
.mh-single__summary > span { width: 37px; height: 37px; display: grid; place-items: center; color: #fff; background: var(--ink); border-radius: 10px; }.mh-single__summary .icon { width: 17px; }.mh-single__summary strong { font-size: 12px; }.mh-single__summary p { margin: 3px 0 0; color: #607b8b; font-size: 12px; line-height: 1.85; }
.entry-content { font-size: calc(16px * var(--reader-scale,1)); line-height: 2.12; }
.entry-content h2 { font-size: calc(22px * var(--reader-scale,1)); }.entry-content h3 { font-size: calc(19px * var(--reader-scale,1)); }
.breadcrumbs { font-size: 11px; }.mh-single__kicker { font-size: 12px; }.mh-single__facts { padding: 8px 14px; font-size: 11px; }.mh-single__share strong { font-size: 12px; }.mh-single__share a,.mh-single__share button { font-size: 11px; }.mh-single__comments-preview > div { font-size: 13px; }.mh-single__comments-preview article b { font-size: 11px; }.mh-single__comments-preview article p,.mh-single__comments-preview > p { font-size: 11px; }.mh-single__tags span { font-size: 12px; }.mh-single__tags a { font-size: 11px; }.mh-author small { font-size: 10px; }.mh-author b { font-size: 13px; }.mh-author p { font-size: 11px; }.mh-post-nav small { font-size: 10px; }.mh-post-nav a { font-size: 11px; }.mh-related > header { font-size: 13px; }.mh-related article strong { font-size: 12px; }
.mh-comments-compact { margin-top: 32px; padding: 0; overflow: hidden; background: rgba(246,250,252,.88); border: 1px solid #deeaef; border-radius: 13px; }
.mh-comments-compact > summary { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #496879; cursor: pointer; list-style: none; }.mh-comments-compact > summary::-webkit-details-marker { display: none; }
.mh-comments-compact > summary > span { display: flex; align-items: center; gap: 8px; }.mh-comments-compact > summary .icon { width: 18px; color: var(--ink); }.mh-comments-compact > summary b { font-size: 13px; }.mh-comments-compact > summary small { padding: 2px 7px; background: #e6f2f6; border-radius: 6px; font-size: 10px; }.mh-comments-compact > summary > i { color: var(--ink); font-size: 11px; font-style: normal; }
.mh-comments-compact[open] > summary { border-bottom: 1px solid #deeaef; }.mh-comments-compact > div { padding: 15px; }.mh-comments-compact .comments-area { max-height: 630px; overflow: auto; padding-left: 5px; }
.comment-list .comment { margin-bottom: 7px; padding: 11px 13px; }.comment-content { font-size: 12px; }.comment-metadata { font-size: 10px; }
.comment-form { gap: 8px; }.comment-form p { margin: 0; }.comment-form textarea { min-height: 84px; max-height: 130px; resize: vertical; }.comment-form input,.comment-form textarea { padding: 10px 11px; font-size: 12px; }.comment-form .submit { min-height: 38px; border-radius: 8px; font-size: 12px; cursor: pointer; }

/* Page templates use colored shells instead of long white sheets */
.mh-page { background: linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,247,250,.9)); }
.mh-page__head { margin: -10px -2px 30px; padding: 30px; color: #fff; background: linear-gradient(125deg,color-mix(in srgb,var(--ink) 92%,#0b1d2b),#1c607d); border-radius: 15px; overflow: hidden; }
.mh-page__head::after { content: ""; position: absolute; top: -60px; left: 10%; width: 220px; height: 220px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.03); }
.mh-page__head { position: relative; }.mh-page__head > * { position: relative; z-index: 1; }.mh-page__head h1 { color: #fff; }.mh-page__head p,.mh-page__head > div { color: rgba(255,255,255,.7); }.mh-page__head .breadcrumbs,.mh-page__head .breadcrumbs a { color: rgba(255,255,255,.65); }
.mh-about__quote { background: linear-gradient(125deg,#275a77,#1f3650 65%,#574d80); }.mh-timeline__item { background: linear-gradient(145deg,#fff,#f5fafc); }.mh-contact__form { background: linear-gradient(145deg,#edf6f9,#f7f3fb); }

/* Fajr 44 super-microsite */
.fajr-nav { position: fixed; background: rgba(8,9,12,.72); backdrop-filter: blur(18px); transition: .3s; }
.fajr-nav__live { margin-right: auto; display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.7); font-size: 10px; }.fajr-nav__live i { width: 7px; height: 7px; background: var(--fajr-red); border-radius: 50%; box-shadow: 0 0 0 5px color-mix(in srgb,var(--fajr-red) 20%,transparent); animation: fajrLive 1.3s infinite alternate; }
@keyframes fajrLive { to { box-shadow: 0 0 0 10px transparent; } }
.fajr-nav__back { margin-right: 0; }
.fajr-hero { min-height: 800px; background: radial-gradient(circle at 73% 36%,color-mix(in srgb,var(--fajr-red) 27%,transparent),transparent 24rem),radial-gradient(circle at 15% 78%,rgba(116,69,133,.18),transparent 25rem),linear-gradient(118deg,#121218,#050608 68%); }
.fajr-hero__copy > small { margin-top: 13px; max-width: 600px; display: block; color: rgba(255,255,255,.48); font-size: 13px; line-height: 2; }
.fajr-hero__copy > div b { display: inline-flex; align-items: center; gap: 7px; }.fajr-hero__copy > div b .icon { width: 17px; color: var(--fajr-red); }
.fajr-hero__number { text-shadow: 0 0 100px color-mix(in srgb,var(--fajr-red) 15%,transparent); }
.fajr-tape { height: 49px; overflow: hidden; color: #fff; background: var(--fajr-red); transform: rotate(-1deg) scale(1.02); transform-origin: center; }.fajr-tape > div { height: 100%; display: flex; align-items: center; justify-content: space-around; gap: 35px; white-space: nowrap; animation: fajrTape 24s linear infinite; }.fajr-tape span { font: 800 11px Arial,sans-serif; letter-spacing: .14em; }.fajr-tape b { font-size: 11px; font-weight: 600; }.fajr-tape b::before { content: "✦"; margin-left: 24px; }
@keyframes fajrTape { to { transform: translateX(18%); } }
.fajr-command { position: relative; z-index: 4; width: min(1120px,calc(100% - 80px)); margin: -10px auto 0; padding: 65px 0 10px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.fajr-command > a { min-height: 112px; padding: 20px; display: grid; grid-template-columns: 48px 1fr 30px; align-items: center; gap: 13px; background: linear-gradient(145deg,#17171d,#0f1014); border: 1px solid rgba(255,255,255,.12); transition: .3s; }.fajr-command > a:hover { border-color: var(--fajr-red); transform: translateY(-5px); box-shadow: 0 20px 45px rgba(0,0,0,.3); }.fajr-command > a > span { color: transparent; font: 900 32px Arial Black,Arial,sans-serif; -webkit-text-stroke: 1px rgba(255,255,255,.25); }.fajr-command small { color: var(--fajr-red); font: 700 8px Arial,sans-serif; letter-spacing: .16em; }.fajr-command strong { display: block; color: #fff; font-size: 14px; }.fajr-command .icon { width: 17px; transform: rotate(180deg); }
.fajr-section { padding-top: 86px; }.fajr-section > header span { font-size: 10px; }.fajr-section > header h2 { font-size: 34px; }
.fajr-film-grid article { transition: .35s; }.fajr-film-grid article:hover { transform: translateY(-8px); }.fajr-film-grid h3,.fajr-film-grid h2 { font-size: 18px; }.fajr-film-grid small,.fajr-film-grid p { font-size: 12px; }
.fajr-empty-stage { min-height: 360px; padding: 50px; display: grid; grid-template-columns: 280px 1fr; gap: 55px; align-items: center; overflow: hidden; background: linear-gradient(135deg,#17171d,#0c0d10); border: 1px solid rgba(255,255,255,.12); }.fajr-empty-stage > span { color: transparent; font: 900 190px/.8 Arial Black,Arial,sans-serif; -webkit-text-stroke: 2px rgba(255,255,255,.13); }.fajr-empty-stage small { color: var(--fajr-red); font: 700 9px Arial,sans-serif; letter-spacing: .18em; }.fajr-empty-stage h3 { margin: 8px 0; color: #fff; font-size: 26px; }.fajr-empty-stage p { max-width: 600px; margin: 0; color: rgba(255,255,255,.45); font-size: 13px; }
.fajr-empty-schedule { min-height: 170px; display: flex; align-items: center; justify-content: center; gap: 15px; color: rgba(255,255,255,.5); border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }.fajr-empty-schedule > span { width: 45px; height: 45px; display: grid; place-items: center; color: var(--fajr-red); border: 1px solid rgba(255,255,255,.15); }.fajr-empty-schedule p { margin: 0; font-size: 13px; }
.fajr-news h3 { font-size: 16px; }.fajr-news article.is-lead h3 { font-size: 24px; }.fajr-news time { font-size: 10px; }.fajr-news article div { font-size: 12px; }

/* Super-app responsive shell */
@media (max-width:1100px) {
  body { padding-bottom: 84px; }
  .topbar--mobile-only { display: flex; }
  .topbar { position: sticky; z-index: 70; top: 10px; width: calc(100% - 28px); height: 60px; margin: 10px 14px -70px; padding: 0 12px; color: #526f80; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.94); border-radius: 17px; box-shadow: 0 12px 35px rgba(20,63,90,.14); backdrop-filter: blur(20px); }
  .topbar__mobile-brand span { max-width: 170px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-dock { grid-template-columns: repeat(5,1fr); transition: transform .32s var(--ease),opacity .32s; }.mobile-dock.is-hidden { opacity: .25; transform: translateY(83px); }
  .mobile-dock:not(:has(.mobile-dock__fajr)) { grid-template-columns: repeat(4,1fr); }
  .mobile-dock__fajr { position: relative; top: -17px; width: 58px; height: 58px; justify-self: center; color: #fff !important; background: linear-gradient(145deg,#d92a3b,#8f1020) !important; border: 5px solid #f1f7fa !important; border-radius: 50%; box-shadow: 0 12px 25px rgba(180,23,43,.28); }.mobile-dock__fajr b { font-size: 18px; line-height: 1; }.mobile-dock__fajr span { font-size: 9px; }
  .mh-channels__grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width:760px) {
  .topbar { top: 8px; }
  .site-main { padding-top: 0; }
  .mh-hero--newsroom { height: auto; min-height: 690px; padding: 93px 0 82px; border-radius: 0 0 24px 24px; }
  .mh-hero__mast { height: 30px; margin-bottom: 12px; }.mh-hero__mast span { font-size: 12px; }.mh-hero__mast time { font-size: 10px; }
  .mh-hero__newsgrid { height: auto; display: block; }.mh-hero__lead-card { height: 390px; }.mh-hero__lead-card > a > div { right: 19px; bottom: 18px; left: 19px; }.mh-hero__lead-card h1 { font-size: 26px; }.mh-hero__lead-card small { display: none; }
  .mh-hero__stack { margin-top: 12px; display: grid; grid-template-columns: repeat(2,82vw); grid-template-rows: 180px; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }.mh-hero__stack article { scroll-snap-align: start; }.mh-hero__stack::-webkit-scrollbar { display: none; }
  .breaking { margin-top: -31px; }.breaking__items a { font-size: 12px; }
  .mh-latest { margin-top: 20px; }
  .news-card--compact { grid-template-columns: 120px 1fr; }.news-card--compact .news-card__title { font-size: 13px; }
  .mh-channels-wrap { padding: 52px 0; }.mh-channels__head { grid-template-columns: 1fr; gap: 18px; }.mh-channels__head h2 { font-size: 24px; }.mh-channels__grid { margin-left: -14px; padding-left: 14px; display: grid; grid-template-columns: repeat(auto-fit,86vw); grid-auto-flow: column; grid-auto-columns: 86vw; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }.mh-channels__grid::-webkit-scrollbar { display: none; }.mh-channel { scroll-snap-align: start; }.mh-channel__lead { height: 195px; }
  .mh-archive,.mh-page,.mh-single { width: calc(100% - 20px); margin-top: 88px; padding: 31px 14px 22px; border-radius: 19px; }
  .mh-archive__head,.mh-page__head { padding: 24px 18px; }.mh-archive__head h1,.mh-page__head h1 { font-size: 25px; }
  .mh-archive__grid { grid-template-columns: 1fr; }.news-card--archive-lead { grid-column: 1; grid-template-columns: 1fr; padding: 11px; }.news-card--archive-lead .news-card__media { height: 220px; }
  .mh-single__article { padding-bottom: 12px; }.mh-news-tools { position: sticky; z-index: 25; bottom: 80px; margin: 0 0 18px; box-shadow: 0 14px 35px rgba(20,62,88,.16); }.mh-news-tools > span { display: none; }.mh-news-tools button { flex: 1; }.mh-news-tools button em { display: none; }
  .mh-single__article > h1 { font-size: 23px; }.mh-single__lead { font-size: 14px; }.entry-content { font-size: calc(16px * var(--reader-scale,1)); }
  .mh-single__summary { grid-template-columns: 35px 1fr; }.mh-single__share { overflow-x: auto; }.mh-single__share strong { flex: 0 0 auto; }
  .mh-comments-compact > summary > i { display: none; }.mh-comments-compact .comments-area { max-height: 520px; }.comment-form { grid-template-columns: 1fr; }.comment-form-comment,.comment-notes,.logged-in-as,.form-submit { grid-column: 1; }
  .fajr-nav { height: 66px; }.fajr-nav__live { margin-right: auto; }.fajr-nav__live { font-size: 0; }.fajr-nav__back { display: none; }
  .fajr-hero { min-height: 760px; padding-top: 118px; }.fajr-hero__copy > small { max-width: 90%; font-size: 12px; }.fajr-hero__copy > div { align-items: flex-start; flex-direction: column; gap: 14px; }
  .fajr-tape { height: 43px; }.fajr-command { width: calc(100% - 26px); padding-top: 44px; grid-template-columns: 1fr; }.fajr-command > a { min-height: 86px; grid-template-columns: 40px 1fr 25px; }
  .fajr-section { padding-top: 65px; }.fajr-section > header h2 { font-size: 25px; }.fajr-empty-stage { min-height: 350px; padding: 30px 22px; grid-template-columns: 1fr; gap: 25px; }.fajr-empty-stage > span { font-size: 120px; }.fajr-empty-stage h3 { font-size: 21px; }
}

@media (max-width:420px) {
  .mobile-dock { right: 8px; left: 8px; padding-right: 6px; padding-left: 6px; }
  .mobile-dock a,.mobile-dock button { font-size: 10px; }
  .mh-hero__lead-card { height: 360px; }.mh-hero__lead-card h1 { font-size: 23px; }
  .mh-hero__stack { grid-template-columns: repeat(2,88vw); }
  .mh-channels__grid { grid-template-columns: repeat(auto-fit,90vw); grid-auto-columns: 90vw; }
}

/* ==========================================================
   Olgoo News 2.2 — brand-led editorial overhaul
   ========================================================== */
body {
  background:
    radial-gradient(circle at 8% 18%, color-mix(in srgb,var(--brand) 7%,transparent), transparent 27rem),
    radial-gradient(circle at 88% 55%, rgba(111,126,139,.09), transparent 30rem),
    linear-gradient(180deg,#f5f6f8 0,var(--page-bg) 42%,#eceff2 100%);
}
.site-frame { background: transparent; }
.rail { border-left: 1px solid #e7e9ec; box-shadow: 14px 0 45px rgba(21,28,35,.055); }
.rail__brand img,.topbar__mobile-brand img,.footer-brand img { object-fit: contain; }
.rail__brand img { width: 76px; height: 44px; }
.rail__brand span { margin-top: 8px; color: #29343e; font-size: 10px; }
.rail__item { isolation: isolate; position: relative; overflow: hidden; border: 1px solid transparent; transition: color .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease),transform .28s var(--ease); }
.rail__item::before { content: ""; position: absolute; z-index: -1; inset: 50% auto auto 50%; width: 0; height: 0; background: radial-gradient(circle,color-mix(in srgb,var(--brand) 16%,white),#fff4f4 70%); border-radius: 50%; opacity: 0; transform: translate(-50%,-50%); transition: width .36s var(--ease),height .36s var(--ease),opacity .25s; }
.rail__item:hover,.rail__item:focus-visible { color: var(--brand); background: #fff8f8; border-color: color-mix(in srgb,var(--brand) 18%,#fff); box-shadow: inset 0 0 0 4px #fff,0 12px 30px rgba(156,0,60,.12); transform: translateY(-3px); }
.rail__item:hover::before,.rail__item:focus-visible::before { width: 150px; height: 150px; opacity: 1; }
.rail__item:hover .icon,.rail__item:focus-visible .icon { animation: olgooIconPop .48s var(--ease); }
.rail__item.is-active { color: var(--brand); background: linear-gradient(145deg,#fff,#fff0f1); border-color: color-mix(in srgb,var(--brand) 25%,white); box-shadow: inset 0 0 0 5px #fff,0 12px 30px rgba(156,0,60,.12); }
.rail__item--fajr { background: linear-gradient(145deg,#fff7f7,#f5f2f2); }
.rail__fajr { color: var(--brand); }
@keyframes olgooIconPop { 40% { transform: scale(1.22) rotate(-7deg); } }

/* Top super menu */
.supermenu-fab { position: fixed; z-index: 74; top: 20px; right: 24px; min-height: 50px; padding: 8px 14px 8px 9px; display: flex; align-items: center; gap: 9px; color: #fff; background: rgba(24,31,38,.88); border: 1px solid rgba(255,255,255,.15); border-radius: 16px; box-shadow: 0 14px 38px rgba(18,24,30,.25); backdrop-filter: blur(18px); cursor: pointer; transition: .3s var(--ease); }
.admin-bar .supermenu-fab { top: 52px; }
.supermenu-fab:hover { background: var(--brand); transform: translateY(-2px); box-shadow: 0 17px 42px color-mix(in srgb,var(--brand) 28%,transparent); }
.supermenu-fab .icon { width: 20px; }.supermenu-fab span { font-size: 11px; font-weight: 800; }.supermenu-fab i { padding: 4px 7px; color: rgba(255,255,255,.65); background: rgba(255,255,255,.1); border-radius: 6px; font-size: 8px; font-style: normal; }
.drawer { padding: 22px; align-items: flex-start; justify-content: center; background: rgba(13,18,23,.74); backdrop-filter: blur(18px); }
.drawer__panel { width: min(1120px,calc(100vw - 195px)); max-width: none; height: auto; max-height: calc(100vh - 44px); margin-right: 150px; padding: 34px 42px 30px; overflow: auto; color: #d7dde2; background: radial-gradient(circle at 88% 10%,rgba(156,0,60,.28),transparent 22rem),linear-gradient(135deg,#202830,#10161c); border: 1px solid rgba(255,255,255,.12); border-radius: 26px; box-shadow: 0 35px 90px rgba(0,0,0,.4); transform: translateY(-35px) scale(.97); }
.drawer.is-open .drawer__panel { transform: translateY(0) scale(1); }
.drawer__grid { grid-template-columns: 1.15fr .85fr; }
.drawer-nav { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px 18px; }
.drawer li { border: 0; }.drawer li a { padding: 12px 14px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.06); border-radius: 11px; font-size: 13px; transition: .25s; }.drawer li a:hover { padding-right: 19px; color: #fff; background: color-mix(in srgb,var(--brand) 75%,#141b22); border-color: rgba(255,255,255,.15); }
.drawer__hot { padding: 18px 0; display: grid; grid-template-columns: 145px 1fr; gap: 18px; align-items: center; border-top: 1px solid rgba(255,255,255,.09); }.drawer__hot > span { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-weight: 800; }.drawer__hot .icon { width: 17px; color: var(--brand); }.drawer__hot > div { display: flex; flex-wrap: wrap; gap: 7px; }.drawer__hot a { padding: 6px 9px; color: #aeb9c2; background: rgba(255,255,255,.045); border-radius: 8px; font-size: 10px; }.drawer__hot a:hover { color: #fff; background: var(--brand); }

/* Animated newsroom hero */
.mh-hero--newsroom { height: 580px; background: linear-gradient(116deg,#171f27 0,#252f38 52%,#131b22 100%); }
.mh-hero--newsroom::before { content: ""; position: absolute; z-index: 0; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to left,#000,transparent 85%); animation: newsroomGrid 18s linear infinite; }
.mh-hero__ambient { background: radial-gradient(circle at 18% 32%,color-mix(in srgb,var(--brand) 33%,transparent),transparent 18rem),radial-gradient(circle at 77% 28%,rgba(255,255,255,.08),transparent 24rem); animation: newsroomAmbient 12s ease-in-out infinite alternate; }
.mh-hero__ambient::before,.mh-hero__ambient::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; will-change: transform; }
.mh-hero__ambient::before { width: 520px; height: 520px; top: -250px; left: -80px; box-shadow: 0 0 0 68px rgba(255,255,255,.018),0 0 0 145px rgba(255,255,255,.012); animation: newsroomOrbit 18s linear infinite; }
.mh-hero__ambient::after { width: 240px; height: 240px; right: 7%; bottom: -140px; box-shadow: 0 0 0 50px rgba(156,0,60,.05); animation: newsroomOrbit 12s linear infinite reverse; }
.mh-hero__mast > span { color: #fff; }.mh-hero__mast .icon { color: var(--brand); }.mh-hero__lead-card,.mh-hero__stack article { border: 1px solid rgba(255,255,255,.13); box-shadow: 0 24px 55px rgba(0,0,0,.22); }
.mh-hero__lead-card > a,.mh-hero__stack a { overflow: hidden; }.mh-hero__lead-card img,.mh-hero__stack img { transition: transform .8s var(--ease),filter .5s; }.mh-hero__lead-card:hover img,.mh-hero__stack article:hover img { transform: scale(1.045); filter: saturate(1.1) contrast(1.03); }
.mh-hero__lead-card:hover,.mh-hero__stack article:hover { border-color: color-mix(in srgb,var(--brand) 65%,white); }
.mh-hero__lead-card p b,.mh-hero__stack small { background: var(--brand); }
@keyframes newsroomGrid { to { background-position: 96px 48px,48px 96px; } }
@keyframes newsroomAmbient { to { opacity: .8; transform: translate3d(22px,-14px,0) scale(1.05); } }
@keyframes newsroomOrbit { to { transform: rotate(360deg) translate3d(12px,0,0); } }

/* Breaking is now in document flow with a deliberate gap */
.breaking { position: relative; z-index: 8; top: auto; right: auto; width: min(var(--content),calc(100% - 48px)); margin: -30px auto 56px; border: 1px solid rgba(156,0,60,.12); box-shadow: 0 22px 55px rgba(26,34,41,.16); }
.breaking__label { background: linear-gradient(135deg,var(--brand),#b81016); }.breaking__items a { font-size: 13px; font-weight: 500; }.breaking__items a::after { background: var(--brand); }.breaking__items:hover { animation-play-state: paused; }
.mh-latest { margin-top: 0; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,242,243,.96)); border-color: rgba(156,0,60,.09); }
.mh-section-tab { background: var(--brand); }

/* Trending topics */
.mh-hot-topics { margin: 0 auto 70px; padding: 22px; display: grid; grid-template-columns: 180px 1fr; gap: 25px; align-items: center; background: linear-gradient(130deg,#1b232b,#2c353d); border: 1px solid rgba(255,255,255,.08); border-radius: 22px; box-shadow: 0 18px 48px rgba(20,27,33,.13); }
.mh-hot-topics__title { display: flex; align-items: center; gap: 12px; color: #fff; }.mh-hot-topics__title > span { width: 44px; height: 44px; display: grid; place-items: center; color: #fff; background: var(--brand); border-radius: 13px; }.mh-hot-topics__title .icon { width: 20px; }.mh-hot-topics__title small { color: #ff7f84; font: 700 8px Arial,sans-serif; letter-spacing: .14em; }.mh-hot-topics__title h2 { margin: 2px 0 0; color: #fff; font-size: 17px; }
.mh-hot-topics__cloud { display: flex; flex-wrap: wrap; gap: 8px; }.mh-hot-topics__cloud a { padding: 9px 11px; display: flex; align-items: center; gap: 5px; color: #d6dce1; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.07); border-radius: 10px; font-size: 11px; transition: .28s; }.mh-hot-topics__cloud a span { color: var(--brand); font-weight: 900; }.mh-hot-topics__cloud a small { color: #8e9aa4; font-size: 8px; }.mh-hot-topics__cloud a:hover { color: #fff; background: var(--brand); border-color: var(--brand); transform: translateY(-3px); }.mh-hot-topics__cloud a:hover span,.mh-hot-topics__cloud a:hover small { color: #fff; }

/* Alternating section atmospheres */
.mh-topics { background: linear-gradient(145deg,#f9fbfc,#edf1f3); border-color: #dfe4e7; }
.mh-feature-band { background: radial-gradient(circle at 15% 30%,rgba(156,0,60,.15),transparent 20rem),linear-gradient(120deg,#202830,#121920); }
.mh-mini-section--blue { background: linear-gradient(145deg,#f0f3f5,#fff); }.mh-mini-section--coral { background: linear-gradient(145deg,#fff5f5,#fff); }
.mh-channels-wrap { background: linear-gradient(180deg,#e4e8eb,#f5f6f7); }.mh-channel--tone-0 { background: linear-gradient(145deg,#fff,#f7f3f4); }.mh-channel--tone-1 { background: linear-gradient(145deg,#f5f7f8,#fff); }.mh-channel--tone-2 { background: linear-gradient(145deg,#fff8f3,#fff); }.mh-channel--tone-3 { background: linear-gradient(145deg,#f4f1f7,#fff); }
.mh-stats { background: linear-gradient(125deg,#181f26,#303840); }

/* Modern archive hero */
.mh-archive { margin-top: 70px; padding-top: 0; background: rgba(255,255,255,.74); border-color: rgba(32,43,52,.08); backdrop-filter: blur(16px); }
.mh-archive-hero { isolation: isolate; position: relative; min-height: 310px; margin: 0 -28px 30px; padding: 48px 52px; display: grid; grid-template-columns: 1fr 180px; gap: 40px; align-items: center; overflow: hidden; color: #fff; background: radial-gradient(circle at 15% 20%,rgba(156,0,60,.34),transparent 20rem),linear-gradient(120deg,#202a33,#111920); border-radius: 20px 20px 15px 15px; }
.mh-archive-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .25; background-image: linear-gradient(115deg,transparent 0 49%,rgba(255,255,255,.04) 50%,transparent 51%); background-size: 70px 70px; animation: archiveLines 16s linear infinite; }
.mh-archive-hero__orb { position: absolute; z-index: -1; top: -130px; left: -70px; width: 370px; height: 370px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.025),0 0 0 105px rgba(156,0,60,.035); animation: newsroomOrbit 20s linear infinite; }
.mh-archive-hero__copy > span { display: inline-flex; align-items: center; gap: 7px; color: #ff888d; font-size: 11px; font-weight: 800; }.mh-archive-hero__copy > span .icon { width: 17px; }.mh-archive-hero .breadcrumbs,.mh-archive-hero .breadcrumbs a { color: rgba(255,255,255,.55); }.mh-archive-hero h1 { margin: 14px 0 6px; color: #fff; font-size: clamp(31px,4vw,49px); line-height: 1.35; }.mh-archive-hero p,.mh-archive-hero__copy > div { max-width: 650px; margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 2; }
.mh-archive-hero__stat { height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; backdrop-filter: blur(8px); }.mh-archive-hero__stat small { color: #aeb8c0; font-size: 9px; }.mh-archive-hero__stat strong { color: #fff; font: 900 52px/1.2 Arial,sans-serif; }.mh-archive-hero__stat span { font-size: 10px; }.mh-archive-hero__stat i { position: absolute; width: 34px; height: 34px; margin: 145px 0 0; display: grid; place-items: center; color: #fff; background: var(--brand); border-radius: 10px; }.mh-archive-hero__stat .icon { width: 17px; }
.mh-archive__grid { gap: 30px 22px; }.mh-archive__grid .news-card { padding: 10px; background: rgba(255,255,255,.68); border: 1px solid rgba(27,38,47,.07); border-radius: 16px; transition: .32s var(--ease); }.mh-archive__grid .news-card:hover { background: #fff; border-color: rgba(156,0,60,.2); box-shadow: 0 20px 42px rgba(24,32,39,.11); transform: translateY(-6px); }.mh-archive__grid .news-card__title { font-size: 15px; }
@keyframes archiveLines { to { background-position: 140px 70px; } }

/* Article hero and short link */
.mh-single { margin-top: 70px; padding: 28px; background: rgba(255,255,255,.76); border: 1px solid rgba(25,35,44,.08); box-shadow: 0 26px 70px rgba(23,31,38,.1); backdrop-filter: blur(14px); }
.mh-article-hero { isolation: isolate; position: relative; margin: -8px -8px 28px; padding: 30px 32px 34px; overflow: hidden; color: #fff; background: radial-gradient(circle at 12% 10%,rgba(156,0,60,.3),transparent 16rem),linear-gradient(128deg,#252e36,#121920); border-radius: 20px; }
.mh-article-hero__glow { position: absolute; z-index: -1; top: -140px; left: -100px; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 62px rgba(255,255,255,.02),0 0 0 130px rgba(156,0,60,.025); animation: newsroomOrbit 18s linear infinite; }
.mh-article-hero .breadcrumbs,.mh-article-hero .breadcrumbs a { color: rgba(255,255,255,.58); }.mh-article-hero .mh-news-tools { background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.12); }.mh-article-hero .mh-news-tools > span { color: #fff; }.mh-article-hero .mh-news-tools button { color: #dfe4e8; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); }.mh-article-hero .mh-news-tools button:hover { color: #fff; background: var(--brand); }
.mh-article-hero h1 { margin: 17px 0 12px; color: #fff; font-size: clamp(29px,3.25vw,44px); line-height: 1.55; letter-spacing: -.035em; }.mh-article-hero .mh-single__kicker { color: #ff858a; }.mh-article-hero .mh-single__lead { color: rgba(255,255,255,.72); font-size: 16px; line-height: 2; }
.mh-article-hero__meta { display: flex; flex-wrap: wrap; gap: 8px; }.mh-article-hero__meta span,.mh-article-hero__meta a { padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; color: #d8dfe4; background: rgba(255,255,255,.07); border-radius: 8px; font-size: 10px; }.mh-article-hero__meta a { color: #fff; background: var(--brand); }.mh-article-hero__meta .icon { width: 14px; }
.mh-article-hero .mh-single__summary { color: #2d3942; background: rgba(255,255,255,.95); border: 0; box-shadow: 0 14px 34px rgba(0,0,0,.12); }.mh-article-hero .mh-single__summary p { color: #64737d; }
.mh-single__content { font-size: calc(17px * var(--reader-scale,1)); line-height: 2.25; }.mh-single__content p { margin: 0 0 1.55em; }
.mh-shortlink { padding: 15px; background: linear-gradient(145deg,#fff,#f3f5f6); border: 1px solid #e1e5e8; border-radius: 14px; }.mh-shortlink > div:first-child { display: flex; align-items: center; gap: 7px; }.mh-shortlink > div:first-child > span { width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: var(--brand); border-radius: 9px; }.mh-shortlink .icon { width: 15px; }.mh-shortlink strong { font-size: 11px; }.mh-shortlink__field { margin-top: 10px; display: grid; grid-template-columns: 1fr auto; gap: 6px; direction: ltr; }.mh-shortlink input { min-width: 0; padding: 9px; color: #56636d; background: #fff; border: 1px solid #dfe4e7; border-radius: 8px; font: 10px Arial,sans-serif; }.mh-shortlink button { padding: 8px 10px; display: flex; align-items: center; gap: 5px; color: #fff; background: #222c34; border: 0; border-radius: 8px; cursor: pointer; }.mh-shortlink button:hover,.mh-shortlink.is-copied button { background: var(--brand); }.mh-shortlink small { margin-top: 7px; display: block; color: #8a969e; font-size: 9px; }

/* Exclusive category 32 landing */
.special-landing { overflow: hidden; }
.special-hero { isolation: isolate; position: relative; min-height: 920px; padding: 45px 0 80px; color: #fff; background: radial-gradient(circle at 18% 24%,rgba(156,0,60,.44),transparent 22rem),radial-gradient(circle at 85% 75%,rgba(255,255,255,.08),transparent 27rem),linear-gradient(118deg,#242d35,#10171e 72%); }
.special-hero__mesh { position: absolute; z-index: -1; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,#000,transparent 95%); animation: newsroomGrid 21s linear infinite; }
.special-hero__mast { display: flex; align-items: center; justify-content: space-between; }.special-hero__mast > div { display: flex; align-items: center; gap: 12px; }.special-hero__mast img { width: 70px; object-fit: contain; }.special-hero__mast > div span { padding-right: 12px; color: #ff8388; border-right: 1px solid rgba(255,255,255,.16); font: 800 9px Arial,sans-serif; letter-spacing: .14em; }.special-hero .breadcrumbs,.special-hero .breadcrumbs a { color: rgba(255,255,255,.56); }
.special-hero__title { margin-top: 58px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }.special-hero__title > div:first-child > span { display: inline-flex; align-items: center; gap: 7px; color: #ff868b; font-size: 11px; font-weight: 800; }.special-hero__title .icon { width: 17px; }.special-hero__title h1 { margin: 9px 0 4px; color: #fff; font-size: clamp(48px,7vw,86px); letter-spacing: -.06em; }.special-hero__title p { max-width: 680px; margin: 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 2; }.special-hero__counter { width: 145px; height: 145px; flex: 0 0 auto; display: grid; place-items: center; align-content: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 16px rgba(255,255,255,.025); }.special-hero__counter strong { font: 900 44px/1 Arial,sans-serif; }.special-hero__counter span { margin-top: 8px; color: #b8c2c9; font-size: 9px; }
.special-hero__stories { height: 470px; margin-top: 45px; display: grid; grid-template-columns: 1.65fr .75fr; gap: 14px; }.special-lead,.special-side article { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 23px; }.special-lead > a,.special-side article > a { position: relative; height: 100%; display: block; }.special-lead img,.special-side img { width: 100%; height: 100%; object-fit: cover; transition: .7s var(--ease); }.special-shade { position: absolute; inset: 0; background: linear-gradient(to top,rgba(4,7,9,.96),rgba(4,7,9,.05) 70%); }.special-lead > a > div { position: absolute; right: 35px; bottom: 32px; left: 35px; }.special-lead small,.special-side small { color: #ff8b90; font-size: 10px; }.special-lead h2 { max-width: 740px; margin: 8px 0; color: #fff; font-size: 32px; line-height: 1.55; }.special-lead p { max-width: 650px; margin: 0; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.9; }.special-lead i { margin-top: 15px; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 11px; font-style: normal; }.special-lead i .icon { width: 15px; transform: rotate(180deg); }.special-side { display: grid; grid-template-rows: repeat(2,1fr); gap: 14px; }.special-side article > a > div { position: absolute; right: 20px; bottom: 18px; left: 20px; }.special-side h3 { margin: 6px 0 0; color: #fff; font-size: 15px; line-height: 1.7; }.special-lead:hover img,.special-side article:hover img { transform: scale(1.06); }
.special-trends { position: relative; z-index: 4; min-height: 62px; margin-top: -31px; padding: 10px 16px; display: flex; align-items: center; gap: 8px; overflow-x: auto; background: #fff; border: 1px solid #e5e7e9; border-radius: 16px; box-shadow: 0 19px 50px rgba(19,27,33,.18); }.special-trends > span { padding: 8px 10px; display: flex; align-items: center; gap: 7px; color: #fff; background: var(--brand); border-radius: 9px; white-space: nowrap; font-size: 10px; font-weight: 800; }.special-trends .icon { width: 15px; }.special-trends a { padding: 7px 9px; color: #5c6871; background: #f3f5f6; border-radius: 8px; white-space: nowrap; font-size: 10px; }.special-trends a:hover { color: #fff; background: #26313a; }
.special-feed { margin-top: 80px; margin-bottom: 80px; padding: 42px; background: rgba(255,255,255,.72); border: 1px solid rgba(26,36,44,.08); border-radius: 24px; }.special-feed > header { margin-bottom: 30px; display: flex; align-items: end; justify-content: space-between; gap: 25px; }.special-feed > header small { color: var(--brand); font: 800 9px Arial,sans-serif; letter-spacing: .14em; }.special-feed > header h2 { margin: 4px 0 0; color: #24313a; font-size: 29px; }.special-feed > header p { color: #84909a; font-size: 11px; }.special-feed__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px 18px; }.special-feed__grid article.is-wide { grid-column: span 2; grid-row: span 2; }.special-feed__media { position: relative; height: 190px; overflow: hidden; border-radius: 15px; }.special-feed__grid .is-wide .special-feed__media { height: 400px; }.special-feed__media img { width: 100%; height: 100%; object-fit: cover; transition: .6s var(--ease); }.special-feed__media span { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: rgba(13,18,23,.78); border: 1px solid rgba(255,255,255,.2); border-radius: 10px; font: 800 11px Arial,sans-serif; backdrop-filter: blur(8px); }.special-feed article > a > small { margin-top: 10px; display: block; color: #929da5; font-size: 9px; }.special-feed h3 { margin: 5px 0 0; color: #26343d; font-size: 15px; line-height: 1.75; }.special-feed .is-wide h3 { font-size: 25px; }.special-feed p { color: #6f7e88; font-size: 12px; line-height: 1.9; }.special-feed article:hover img { transform: scale(1.055); }.special-feed article:hover h3 { color: var(--brand); }

/* Fajr 44 — cinematic split stage */
.fajr-nav__brand img { width: 58px; height: 34px; filter: none; object-fit: contain; }
.page-template-page-fajr .supermenu-fab,.olgoo-fajr-microsite .supermenu-fab { display: none; }
.fajr-hero { min-height: 860px; padding-right: max(6vw,58px); padding-left: max(6vw,58px); display: grid; grid-template-columns: 1fr minmax(340px,520px); gap: 7vw; }
.fajr-hero__copy { width: auto; }.fajr-hero__number { left: 2%; opacity: .7; }.fajr-hero__reel { left: 3%; }
.fajr-hero__visual { position: relative; z-index: 4; max-width: 500px; display: flex; flex-direction: column; align-self: center; color: #fff; }.fajr-hero__visual-frame { position: relative; height: 440px; display: block; overflow: hidden; background: #16171b; border: 1px solid rgba(255,255,255,.18); box-shadow: 28px 28px 0 rgba(255,255,255,.035),0 35px 85px rgba(0,0,0,.45); transform: rotate(2deg); transition: .45s var(--ease); }.fajr-hero__visual-frame::before,.fajr-hero__visual-frame::after { content: ""; position: absolute; z-index: 2; width: 45px; height: 45px; border-color: var(--fajr-red); border-style: solid; }.fajr-hero__visual-frame::before { top: 14px; right: 14px; border-width: 2px 2px 0 0; }.fajr-hero__visual-frame::after { bottom: 14px; left: 14px; border-width: 0 0 2px 2px; }.fajr-hero__visual-frame img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.08); }.fajr-hero__visual-frame > i { position: absolute; z-index: 3; right: 18px; bottom: 10px; color: transparent; font: 900 90px/.8 Arial Black,Arial,sans-serif; font-style: normal; -webkit-text-stroke: 1px rgba(255,255,255,.5); }.fajr-hero__visual > small { margin-top: 24px; color: var(--fajr-red); font: 800 9px Arial,sans-serif; letter-spacing: .14em; }.fajr-hero__visual > strong { margin-top: 7px; color: #fff; font-size: 20px; line-height: 1.65; }.fajr-hero__visual > em { margin-top: 13px; display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.65); font-size: 10px; font-style: normal; }.fajr-hero__visual > em .icon { width: 15px; transform: rotate(180deg); }.fajr-hero__visual:hover .fajr-hero__visual-frame { transform: rotate(0) translateY(-8px); border-color: var(--fajr-red); }.fajr-hero__visual--empty .fajr-hero__visual-frame { display: grid; place-items: center; background: radial-gradient(circle,rgba(217,32,50,.2),transparent 45%),repeating-linear-gradient(115deg,#17181d 0 24px,#101116 25px 50px); }.fajr-hero__visual--empty .fajr-hero__visual-frame > i { position: static; color: transparent; font-size: 170px; -webkit-text-stroke: 2px rgba(255,255,255,.14); }.fajr-hero__visual--empty .fajr-hero__visual-frame > b { position: absolute; color: #fff; font: 800 15px Arial,sans-serif; letter-spacing: .5em; }

/* Configurable super-app mobile dock */
@media (max-width:1100px) {
  .supermenu-fab { display: none; }
  .drawer { align-items: center; }.drawer__panel { width: calc(100vw - 30px); margin: 0; }
  .mobile-dock { grid-template-columns: repeat(var(--mobile-items,5),1fr); }
  .mobile-dock:not(:has(.mobile-dock__fajr)) { grid-template-columns: repeat(var(--mobile-items,4),1fr); }
  .mobile-dock--solid { right: 0; bottom: 0; left: 0; border-radius: 18px 18px 0 0; background: #fff; }
  .mobile-dock--minimal { right: 10px; bottom: 8px; left: 10px; min-height: 58px; padding-top: 4px; padding-bottom: 4px; border-radius: 17px; }
  .topbar__mobile-brand img { width: 58px; height: 34px; }
}

@media (max-width:760px) {
  .mh-hero--newsroom { min-height: 720px; padding-bottom: 66px; }
  .mh-hero--newsroom::before { background-size: 38px 38px; }
  .breaking { width: calc(100% - 28px); height: 58px; margin: -25px 14px 38px; border-radius: 13px; }.breaking__label { width: 100px; }.breaking__items { gap: 32px; padding: 0 18px; }.breaking__items a { font-size: 11px; }
  .mh-latest { margin-top: 0; }
  .mh-hot-topics { margin-bottom: 48px; padding: 18px; grid-template-columns: 1fr; gap: 15px; border-radius: 18px; }.mh-hot-topics__cloud { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }.mh-hot-topics__cloud a { flex: 0 0 auto; }
  .drawer { padding: 10px; align-items: center; }.drawer__panel { width: calc(100vw - 20px); max-height: calc(100vh - 20px); margin: 0; padding: 26px 20px; border-radius: 23px; }.drawer__grid { grid-template-columns: 1fr; gap: 24px; }.drawer-nav { grid-template-columns: 1fr 1fr; gap: 7px; }.drawer__hot { grid-template-columns: 1fr; }
  .mh-archive { margin-top: 88px; padding-top: 0; }.mh-archive-hero { min-height: 360px; margin: 0 -14px 25px; padding: 34px 25px; grid-template-columns: 1fr; gap: 24px; }.mh-archive-hero h1 { font-size: 34px; }.mh-archive-hero__stat { width: 100%; height: 90px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; }.mh-archive-hero__stat strong { font-size: 38px; }.mh-archive-hero__stat i { display: none; }
  .mh-single { padding-top: 14px; }.mh-article-hero { margin: -3px -3px 22px; padding: 23px 20px 27px; border-radius: 17px; }.mh-article-hero h1 { font-size: 28px; }.mh-article-hero .mh-news-tools { position: sticky; bottom: 78px; margin-top: 12px; }.mh-article-hero .mh-single__lead { font-size: 14px; }.mh-single__content { font-size: calc(16.5px * var(--reader-scale,1)); }.mh-shortlink { margin-bottom: 12px; }
  .special-hero { min-height: 980px; padding-top: 93px; }.special-hero__mast { align-items: flex-start; }.special-hero__mast .breadcrumbs { display: none; }.special-hero__title { margin-top: 35px; align-items: flex-start; }.special-hero__title h1 { font-size: 54px; }.special-hero__title p { font-size: 13px; }.special-hero__counter { width: 90px; height: 90px; }.special-hero__counter strong { font-size: 32px; }.special-hero__stories { height: auto; display: block; }.special-lead { height: 440px; }.special-lead h2 { font-size: 25px; }.special-lead p { display: none; }.special-side { margin-top: 12px; grid-template-columns: repeat(2,82vw); grid-template-rows: 190px; grid-auto-flow: column; overflow-x: auto; scroll-snap-type: x mandatory; }.special-side article { scroll-snap-align: start; }.special-trends { margin-top: -29px; }.special-feed { margin-top: 55px; padding: 24px 18px; }.special-feed > header { align-items: flex-start; flex-direction: column; }.special-feed__grid { grid-template-columns: 1fr; }.special-feed__grid article.is-wide { grid-column: auto; grid-row: auto; }.special-feed__grid .is-wide .special-feed__media,.special-feed__media { height: 235px; }.special-feed .is-wide h3 { font-size: 20px; }
  .fajr-hero { min-height: 1120px; padding: 110px 22px 90px; display: grid; grid-template-columns: 1fr; gap: 45px; }.fajr-hero__visual { width: 100%; max-width: none; }.fajr-hero__visual-frame { height: 420px; }.fajr-hero__number { font-size: 250px; left: -8%; top: 58%; }.fajr-hero__stats { right: 22px; left: 22px; bottom: 30px; justify-content: space-between; }.fajr-hero__reel { display: none; }
}

@media (max-width:420px) {
  .rail__item:hover { transform: none; }
  .drawer-nav { grid-template-columns: 1fr; }
  .mh-article-hero h1 { font-size: 25px; }
  .mh-article-hero__meta span,.mh-article-hero__meta a { font-size: 9px; }
  .special-hero__title { display: block; }.special-hero__counter { margin-top: 22px; border-radius: 20px; }.special-lead { height: 390px; }.special-lead > a > div { right: 20px; bottom: 20px; left: 20px; }.special-side { grid-template-columns: repeat(2,88vw); }
  .fajr-hero__visual-frame { height: 350px; }.fajr-hero__visual > strong { font-size: 17px; }
}

.mh-page__head { background: radial-gradient(circle at 12% 20%,rgba(156,0,60,.34),transparent 16rem),linear-gradient(125deg,#252f37,#131b22); }
.mh-about__quote { background: linear-gradient(125deg,#2b333b,#171e24 65%,#6e1d24); }
.mh-contact__form { background: linear-gradient(145deg,#f3f5f6,#fff2f3); }
.mh-archive-hero .search-form { width: min(540px,100%); margin-top: 18px; }.mh-archive-hero .search-form input { min-height: 48px; color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }.mh-archive-hero .search-form input::placeholder { color: rgba(255,255,255,.5); }.mh-archive-hero .search-form button { color: #fff; background: var(--brand); }

@media (prefers-reduced-motion:reduce) {
  .mh-hero--newsroom::before,.mh-hero__ambient,.mh-hero__ambient::before,.mh-hero__ambient::after,.mh-archive-hero::before,.mh-archive-hero__orb,.mh-article-hero__glow,.special-hero__mesh,.breaking__items,.fajr-tape > div,.fajr-nav__live i { animation: none !important; }
}

/* 2.3 — faster rendering, reorder-safe homepage and improved inner-page UX */
.home .breaking {
  position: relative; top: auto; right: auto; width: min(var(--content),calc(100% - 48px)); margin: 32px auto 42px;
}
.home .mh-hero:not(:first-child) { margin-top: 42px; }
.home .mh-latest { margin-top: 42px; }
.home .mh-hot-topics,.home .mh-topics,.home .mh-dual,.home .mh-channels-wrap,.home .mh-stats,.home .mh-media,.home .mh-ad,.home .mh-newsletter,.home .mh-feature-band {
  content-visibility: auto;
}
.home .mh-hot-topics { contain-intrinsic-size: auto 240px; }.home .mh-topics { contain-intrinsic-size: auto 460px; }
.home .mh-feature-band { contain-intrinsic-size: auto 430px; }.home .mh-dual { contain-intrinsic-size: auto 620px; }
.home .mh-channels-wrap { contain-intrinsic-size: auto 980px; }.home .mh-stats { contain-intrinsic-size: auto 160px; }
.home .mh-media { contain-intrinsic-size: auto 540px; }.home .mh-ad { contain-intrinsic-size: auto 120px; }.home .mh-newsletter { contain-intrinsic-size: auto 240px; }
.home .mh-stats + .mh-stats,.home .mh-media + .mh-media { margin-top: 38px; }

.mh-single--reference .mh-single__grid { grid-template-columns: minmax(270px,340px) minmax(0,1fr); gap: clamp(28px,4vw,58px); }
.mh-single__side { position: sticky; top: 24px; }
.mh-single__article { max-width: 100%; }
.mh-single__content { max-width: 760px; color: #4c5c66; }
.mh-single__content > p:first-child { font-size: 1.06em; color: #334b59; }
.mh-single__content h2,.mh-single__content h3 { scroll-margin-top: 28px; }
.mh-single__content img { height: auto; }
.mh-single__content figure { max-width: 100%; margin-right: 0; margin-left: 0; }
.mh-single__content figcaption { margin-top: 7px; color: #87939b; font-size: 11px; text-align: center; }
.mh-single__content ul,.mh-single__content ol { padding-right: 1.35em; }
.mh-single__content li { margin-bottom: .55em; }
.mh-single__content table { display: block; overflow-x: auto; white-space: nowrap; }
.mh-article-toc { margin: 18px 0 0; padding: 12px 14px; color: #303d46; background: rgba(255,255,255,.96); border-radius: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.1); }
.mh-article-toc[hidden] { display: none; }
.mh-article-toc > button { width: 100%; padding: 0; display: flex; align-items: center; gap: 8px; color: #26343d; background: transparent; border: 0; font: inherit; font-weight: 800; cursor: pointer; }
.mh-article-toc > button .icon { width: 16px; }
.mh-article-toc > button:after { content: '−'; margin-right: auto; font-size: 18px; }
.mh-article-toc.is-collapsed > button:after { content: '+'; }
.mh-article-toc ol { margin: 11px 0 0; padding: 10px 21px 0 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 22px; border-top: 1px solid #e5e8ea; }
.mh-article-toc.is-collapsed ol { display: none; }
.mh-article-toc li { color: #9aa2a8; font-size: 11px; }
.mh-article-toc li.is-subsection { margin-right: 13px; }
.mh-article-toc a { color: #5a6770; line-height: 1.7; }
.mh-article-toc a:hover,.mh-article-toc a.is-active { color: var(--brand); }
.mh-page__meta { margin-top: 16px!important; display: flex; flex-wrap: wrap; gap: 8px; }
.mh-page__meta span { padding: 6px 9px; display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.8); background: rgba(255,255,255,.08); border-radius: 8px; font-size: 10px; }
.mh-page__meta .icon { width: 14px; }
.mh-page__content { color: #465964; font-size: 17px; line-height: 2.2; }

.error-page { width: min(760px,calc(100% - 28px)); margin: 80px auto 45px; padding: 72px clamp(22px,5vw,62px); overflow: hidden; color: #fff; background: radial-gradient(circle at 15% 15%,rgba(156,0,60,.35),transparent 17rem),linear-gradient(130deg,#26313a,#11181e); border-radius: 24px; box-shadow: 0 26px 70px rgba(18,25,31,.2); }
.error-page__code { color: transparent; font: 900 clamp(78px,15vw,138px)/1 Arial,sans-serif; -webkit-text-stroke: 2px rgba(255,255,255,.25); }
.error-page .eyebrow { color: #ff858a; }
.error-page h1 { margin: 10px 0; color: #fff; font-size: clamp(27px,4vw,40px); }
.error-page p { color: rgba(255,255,255,.65); line-height: 2; }
.error-page .search-form { width: min(520px,100%); margin: 24px auto 16px; }
.error-page .button { display: inline-flex; align-items: center; gap: 8px; color: #fff; }
.error-page .button .icon { width: 16px; transform: rotate(180deg); }
.error-page__links { margin-top: 28px; padding-top: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; border-top: 1px solid rgba(255,255,255,.1); }
.error-page__links a { padding: 6px 10px; color: rgba(255,255,255,.72); background: rgba(255,255,255,.07); border-radius: 8px; font-size: 11px; }
.error-page__links a:hover { color: #fff; background: var(--brand); }

.olgoo-performance .mh-archive,.olgoo-performance .mh-single,.olgoo-performance .mh-channel,.olgoo-performance .drawer__panel { backdrop-filter: none; }
.olgoo-performance .mh-hero__ambient,.olgoo-performance .mh-archive-hero::before,.olgoo-performance .mh-archive-hero__orb,.olgoo-performance .mh-article-hero__glow { animation: none; }

@media (max-width:760px) {
  .home .breaking { width: calc(100% - 28px); margin: 24px auto 38px; }
  .home .mh-latest { margin-top: 30px; }
  .mh-single--reference .mh-single__grid { grid-template-columns: 1fr; gap: 20px; }
  .mh-single__side { position: static; }
  .mh-article-toc ol { grid-template-columns: 1fr; }
  .mh-page__content { font-size: 16px; line-height: 2.1; }
  .error-page { margin-top: 88px; padding-top: 52px; }
}

/* 2.4 — curved rail, denser inner pages, editorial widget and newsroom footer */
.rail { overflow: visible; }
.rail__curve {
  position: absolute; z-index: 2; top: 50%; right: -19px; width: 20px; height: 247px;
  pointer-events: none; transform: translateY(-50%); filter: drop-shadow(5px 0 7px rgba(28,46,60,.04));
}

.mh-single,.mh-archive,.mh-page { margin-top: 34px; margin-bottom: 28px; }
.mh-single { padding: 22px; }
.mh-page { padding: 28px 24px 26px; }
.mh-page__head { margin-bottom: 22px; padding: 24px 26px; }
.mh-page__image { margin-bottom: 22px; }
.mh-page__image img { max-height: 390px; }
.mh-page__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(245px,285px); gap: 28px; align-items: start; }
.mh-page__content { width: auto; max-width: none; margin: 0; }
.mh-page__sidebar { position: sticky; top: 24px; display: grid; gap: 16px; }
.mh-single--reference .mh-single__grid { grid-template-columns: minmax(250px,310px) minmax(0,1fr); gap: clamp(24px,3vw,42px); }
.mh-article-hero { padding-top: 32px; padding-bottom: 34px; }
.mh-archive { padding-top: 24px; }
.mh-archive-hero { min-height: 245px; margin-bottom: 24px; padding: 34px 42px; }
.mh-archive-hero__stat { height: 150px; }

.mh-page__sidebar .widget,.mh-single__widgets .widget {
  margin: 0; padding: 17px; background: rgba(255,255,255,.88); border: 1px solid rgba(30,47,59,.08);
  border-radius: 15px; box-shadow: 0 13px 32px rgba(20,41,55,.07);
}
.mh-single__widgets { margin-top: 17px; display: grid; gap: 14px; }
.mh-page__sidebar .widget__title,.mh-single__widgets .widget__title {
  margin-bottom: 13px; padding-bottom: 9px; color: #283b48; border-bottom: 1px solid #e8edef; font-size: 13px;
}
.mh-page__sidebar .widget__title::before,.mh-single__widgets .widget__title::before {
  content: ""; width: 5px; height: 5px; margin-left: 7px; display: inline-block; background: var(--brand); border-radius: 50%; box-shadow: 0 0 0 5px rgba(156,0,60,.08);
}
.olgoo-news-widget { display: grid; gap: 2px; }
.olgoo-news-widget article + article { border-top: 1px solid rgba(37,55,67,.08); }
.olgoo-news-widget article > a { padding: 10px 0; display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 11px; align-items: center; }
.olgoo-news-widget.has-no-images article > a { grid-template-columns: 1fr; }
.olgoo-news-widget__media { overflow: hidden; background: #edf1f3; border-radius: 9px; }
.olgoo-news-widget__media img { width: 100%; aspect-ratio: 1.28; object-fit: cover; transition: transform .3s var(--ease); }
.olgoo-news-widget article:hover .olgoo-news-widget__media img { transform: scale(1.05); }
.olgoo-news-widget__copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.olgoo-news-widget__copy small { color: var(--brand); font-size: 9px; font-weight: 800; }
.olgoo-news-widget__copy strong { color: #344955; font-size: 11px; line-height: 1.75; }
.olgoo-news-widget__copy time { color: #9aa5ab; font-size: 9px; }
.olgoo-news-widget--cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.olgoo-news-widget--cards article { overflow: hidden; border: 1px solid rgba(37,55,67,.08)!important; border-radius: 11px; }
.olgoo-news-widget--cards article > a { height: 100%; padding: 0; display: flex; flex-direction: column; align-items: stretch; }
.olgoo-news-widget--cards .olgoo-news-widget__copy { padding: 10px; }

.site-footer {
  isolation: isolate; position: relative; width: min(1180px,calc(100% - 48px)); margin: 34px auto 30px; padding: 0 34px 20px;
  overflow: hidden; color: rgba(255,255,255,.64); background: radial-gradient(circle at 8% 5%,rgba(156,0,60,.3),transparent 23rem),linear-gradient(135deg,#202a32 0%,#121a20 58%,#0c1217 100%);
  border: 1px solid rgba(255,255,255,.07); border-radius: 28px; box-shadow: 0 28px 70px rgba(14,24,31,.2);
}
.site-footer__glow { position: absolute; z-index: -1; top: -180px; left: -110px; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(156,0,60,.025); }
.site-footer__hero { padding: 35px 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.09); }
.site-footer .footer-brand { min-width: 0; display: flex; flex-direction: row; align-items: center; gap: 17px; }
.footer-brand__mark { width: 82px; height: 82px; padding: 13px; flex: 0 0 auto; display: grid!important; place-items: center; background: rgba(255,255,255,.96); border-radius: 21px; box-shadow: 0 17px 38px rgba(0,0,0,.2); }
.site-footer .footer-brand__mark img { width: 68px; height: auto; }
.site-footer .footer-brand > div:last-child { display: block; }
.site-footer .footer-brand small { color: #ff7d82; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.site-footer .footer-brand h2 { margin: 3px 0 5px; color: #fff; font-size: clamp(20px,2.4vw,29px); line-height: 1.55; }
.site-footer .footer-brand p { margin: 0; color: rgba(255,255,255,.56); font-size: 11px; }
.site-footer__cta { min-width: 270px; padding: 14px 16px; display: grid; grid-template-columns: 40px 1fr 18px; gap: 11px; align-items: center; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 15px; transition: .25s var(--ease); }
.site-footer__cta:hover { background: var(--brand); border-color: var(--brand); transform: translateY(-2px); }
.site-footer__cta > span { width: 40px; height: 40px; display: grid; place-items: center; background: rgba(255,255,255,.11); border-radius: 11px; }
.site-footer__cta .icon { width: 18px; }.site-footer__cta > .icon { width: 15px; transform: rotate(180deg); }
.site-footer__cta div { min-width: 0; }.site-footer__cta small { display: block; color: rgba(255,255,255,.55); font-size: 8px; }.site-footer__cta strong { font-size: 11px; }
.site-footer__metrics { margin: 0 -34px; padding: 18px 34px; display: grid; grid-template-columns: repeat(3,1fr); background: rgba(255,255,255,.035); border-bottom: 1px solid rgba(255,255,255,.07); }
.site-footer__metrics div { padding: 0 20px; display: flex; align-items: baseline; gap: 8px; border-left: 1px solid rgba(255,255,255,.08); }.site-footer__metrics div:last-child { border-left: 0; }
.site-footer__metrics strong { color: #fff; font-size: 24px; }.site-footer__metrics span { color: rgba(255,255,255,.48); font-size: 9px; }
.site-footer__grid,.site-footer__grid:has(> div:nth-child(2):last-child) { padding: 27px 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 28px; }
.site-footer h3,.site-footer .widget__title { margin: 0 0 12px; color: #fff; font-size: 12px; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }.site-footer li { margin: 5px 0; font-size: 10px; }.site-footer a { transition: color .2s ease; }.site-footer li a:hover { color: #fff; }
.site-footer .olgoo-news-widget__copy strong { color: rgba(255,255,255,.78); font-size: 10px; }.site-footer .olgoo-news-widget__copy time { color: rgba(255,255,255,.35); }.site-footer .olgoo-news-widget article + article { border-color: rgba(255,255,255,.08); }
.site-footer__social-row { padding: 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(255,255,255,.08); }
.site-footer__social-row > span { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.73); font-size: 10px; }.site-footer__social-row > span i { width: 7px; height: 7px; background: var(--brand); border-radius: 50%; box-shadow: 0 0 0 5px rgba(156,0,60,.12); }
.site-footer .footer-socials a { padding: 7px 11px; color: rgba(255,255,255,.72); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; font-size: 9px; }.site-footer .footer-socials a:hover { color: #fff; background: var(--brand); border-color: var(--brand); }
.site-footer__bottom { padding-top: 15px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: rgba(255,255,255,.37); border-top: 1px solid rgba(255,255,255,.07); font-size: 9px; }.site-footer__bottom p { margin: 0; }.site-footer__bottom > div { display: flex; gap: 15px; }.site-footer__bottom a:hover { color: #fff; }

@media (max-width:900px) {
  .mh-page__layout { grid-template-columns: minmax(0,1fr) 235px; gap: 20px; }
  .site-footer__hero { align-items: stretch; flex-direction: column; }.site-footer__cta { min-width: 0; width: min(360px,100%); }
}
@media (max-width:760px) {
  .rail__curve { display: none; }
  .mh-single,.mh-archive,.mh-page { width: calc(100% - 20px); margin-top: 74px; margin-bottom: 22px; padding: 18px 14px 20px; }
  .mh-page__head { margin: -5px 0 18px; padding: 21px 18px; }.mh-page__image { margin-bottom: 18px; }
  .mh-page__layout,.mh-single--reference .mh-single__grid { grid-template-columns: 1fr; gap: 20px; }
  .mh-page__sidebar,.mh-single__side { position: static; }.mh-page__sidebar { margin-top: 6px; }
  .mh-archive-hero { min-height: 0; margin: 0 0 20px; padding: 27px 20px; }.mh-archive-hero__stat { height: 82px; }
  .site-footer { width: calc(100% - 20px); margin: 25px auto 88px; padding: 0 18px 17px; border-radius: 21px; }
  .site-footer__hero { padding: 27px 0 23px; }.footer-brand__mark { width: 66px; height: 66px; border-radius: 17px; }.site-footer .footer-brand__mark img { width: 54px; }
  .site-footer__metrics { margin: 0 -18px; padding: 15px 18px; }.site-footer__metrics div { padding: 0 10px; flex-direction: column; gap: 0; }.site-footer__metrics strong { font-size: 19px; }.site-footer__metrics span { font-size: 8px; }
  .site-footer__grid,.site-footer__grid:has(> div:nth-child(2):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 18px; }
  .site-footer__social-row,.site-footer__bottom { align-items: flex-start; flex-direction: column; }.site-footer__social-row { padding-bottom: 19px; }
}
@media (max-width:460px) {
  .site-footer .footer-brand { align-items: flex-start; }.site-footer .footer-brand h2 { font-size: 19px; }
  .site-footer__grid,.site-footer__grid:has(> div:nth-child(2):last-child),.olgoo-news-widget--cards { grid-template-columns: 1fr; }
}

/* 2.5 — menu-following curve, compact inner footer and native mobile shell */
.mobile-app-tabs { display: none; }
.rail__curve {
  top: var(--rail-curve-y,50%); transition: top .52s cubic-bezier(.22,.8,.2,1),filter .25s ease;
  will-change: top;
}
.rail:has([data-rail-item]:hover) .rail__curve,.rail:has([data-rail-item]:focus-visible) .rail__curve { filter: drop-shadow(7px 0 10px rgba(28,46,60,.09)); }
.rail__item.is-active { color: var(--ink); background: linear-gradient(135deg,#eef1f3,#fff); }

.mh-inner-hero {
  min-height: 245px; padding: 30px 34px; display: grid; grid-template-columns: minmax(0,1fr) 170px; gap: 30px; align-items: center;
  background: radial-gradient(circle at 12% 18%,rgba(156,0,60,.3),transparent 15rem),linear-gradient(125deg,#27323a 0%,#151d23 72%,#11171c 100%);
  border: 1px solid rgba(255,255,255,.06); box-shadow: inset 0 1px rgba(255,255,255,.06),0 20px 45px rgba(18,26,32,.13);
}
.mh-inner-hero::after { top: -95px; left: -20px; width: 280px; height: 280px; }
.mh-inner-hero__copy { min-width: 0; position: relative; z-index: 2; }
.mh-inner-hero__kicker { margin-top: 18px; display: inline-flex; align-items: center; gap: 7px; color: #ff858a; font-size: 10px; font-weight: 800; }
.mh-inner-hero__kicker .icon { width: 15px; }
.mh-inner-hero h1 { margin-top: 5px; font-size: clamp(28px,4vw,43px); letter-spacing: -.035em; }
.mh-inner-hero__copy > p,.mh-inner-hero__copy > div { max-width: 680px; margin: 5px 0 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.95; }
.mh-inner-hero__visual { position: relative; width: 150px; height: 150px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 18px rgba(255,255,255,.025),0 0 0 38px rgba(156,0,60,.025); }
.mh-inner-hero__visual i { position: absolute; inset: 19px; border: 1px dashed rgba(255,255,255,.18); border-radius: inherit; animation: newsroomOrbit 18s linear infinite; }
.mh-inner-hero__visual span { width: 46px; height: 46px; display: grid; place-items: center; background: var(--brand); border-radius: 14px; transform: rotate(-45deg); }
.mh-inner-hero__visual span .icon { width: 20px; transform: rotate(225deg); }
.mh-inner-hero__visual b { position: absolute; bottom: 17px; color: rgba(255,255,255,.42); font: 800 8px Arial,sans-serif; letter-spacing: .2em; }

.mh-archive-hero { min-height: 225px; padding: 31px 38px; grid-template-columns: minmax(0,1fr) 150px; gap: 28px; background: radial-gradient(circle at 9% 18%,rgba(156,0,60,.32),transparent 15rem),linear-gradient(125deg,#2a333a,#11181e); }
.mh-archive-hero h1 { margin-top: 9px; font-size: clamp(28px,3.6vw,42px); }
.mh-archive-hero__stat { width: 145px; height: 145px; border-radius: 50%; box-shadow: 0 0 0 13px rgba(255,255,255,.025); }
.mh-archive-hero__stat strong { font-size: 42px; }.mh-archive-hero__stat i { width: 31px; height: 31px; margin: 126px 0 0; border-radius: 50%; }
.mh-article-hero { margin-bottom: 22px; padding: 27px 29px 30px; background: radial-gradient(circle at 8% 12%,rgba(156,0,60,.36),transparent 15rem),linear-gradient(132deg,#2b343b,#11181d 78%); border-radius: 17px; }
.mh-article-hero::after { content: ""; position: absolute; top: 0; right: 0; width: 4px; height: 100%; background: linear-gradient(var(--brand),transparent 78%); }
.mh-article-hero h1 { font-size: clamp(27px,3vw,39px); }

.site-footer--compact { margin-top: 22px; padding: 0 25px 12px; border-radius: 21px; }
.site-footer--compact .site-footer__glow { top: -260px; width: 380px; height: 380px; opacity: .72; }
.site-footer__compact { min-height: 92px; display: grid; grid-template-columns: minmax(220px,1fr) minmax(260px,auto) auto; gap: 24px; align-items: center; }
.site-footer__compact-brand { min-width: 0; display: flex; align-items: center; gap: 11px; }
.site-footer__compact-brand > span { width: 49px; height: 49px; padding: 8px; flex: 0 0 auto; display: grid; place-items: center; background: #fff; border-radius: 13px; }
.site-footer__compact-brand img { width: 40px; }.site-footer__compact-brand div { min-width: 0; }.site-footer__compact-brand strong { display: block; color: #fff; font-size: 13px; }.site-footer__compact-brand small { max-width: 310px; display: block; overflow: hidden; color: rgba(255,255,255,.42); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.site-footer__compact-nav,.site-footer__compact-nav ul { margin: 0; padding: 0; display: flex; align-items: center; gap: 13px; list-style: none; }
.site-footer__compact-nav li { margin: 0; }.site-footer__compact-nav a { color: rgba(255,255,255,.55); font-size: 9px; white-space: nowrap; }.site-footer__compact-nav a:hover { color: #fff; }
.site-footer__compact-nav li:nth-child(n+5) { display: none; }
.site-footer__compact-cta { padding: 9px 12px; display: inline-flex; align-items: center; gap: 7px; color: #fff; background: var(--brand); border-radius: 10px; font-size: 9px; font-weight: 750; white-space: nowrap; }.site-footer__compact-cta .icon { width: 15px; }
.site-footer__compact-bottom { min-height: 31px; padding-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: rgba(255,255,255,.28); border-top: 1px solid rgba(255,255,255,.07); font-size: 8px; }.site-footer__compact-bottom p { margin: 0; }.site-footer__compact-bottom .footer-socials a { padding: 3px 7px; font-size: 8px; }

.olgoo-performance .site-footer,.olgoo-performance .mh-page__sidebar,.olgoo-performance .mh-related { content-visibility: auto; contain-intrinsic-size: auto 180px; }
.olgoo-performance .site-footer--full { contain-intrinsic-size: auto 520px; }
.olgoo-performance .mh-inner-hero__visual i { animation: none; }

@media (max-width:900px) and (min-width:761px) {
  .mh-single,.mh-archive,.mh-page { margin-top: 92px; }
  .site-footer__compact { grid-template-columns: 1fr auto; }.site-footer__compact-nav { display: none; }
}

@media (max-width:760px) {
  html { scroll-padding-top: 132px; }
  body { padding-bottom: 98px; background: #eef0f3; -webkit-tap-highlight-color: transparent; }
  .topbar {
    position: sticky; top: 8px; z-index: 95; width: calc(100% - 20px); height: 64px; margin: 8px 10px -72px; padding: 0 10px 0 8px;
    color: #fff; background: linear-gradient(135deg,rgba(34,44,52,.97),rgba(15,22,27,.97)); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; box-shadow: 0 14px 34px rgba(18,25,31,.2); backdrop-filter: blur(20px);
  }
  .topbar__mobile-brand a { gap: 9px; color: #fff; }.topbar__mobile-brand img { width: 39px; height: 39px; padding: 5px; background: #fff; border-radius: 11px; }
  .topbar__mobile-copy { max-width: 155px!important; display: flex; flex-direction: column; line-height: 1.35; }.topbar__mobile-copy b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.topbar__mobile-copy small { color: rgba(255,255,255,.46); font-size: 8px; font-weight: 500; }
  .topbar__actions { gap: 5px; }.topbar .icon-button { width: 38px; height: 38px; color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.08); }
  .mobile-app-tabs {
    position: sticky; z-index: 90; top: 79px; width: calc(100% - 20px); height: 40px; margin: 80px 10px -120px; padding: 4px;
    display: flex; align-items: center; gap: 3px; overflow-x: auto; color: #687780; background: rgba(255,255,255,.96); border: 1px solid rgba(34,48,58,.07); border-radius: 13px; box-shadow: 0 10px 25px rgba(22,32,39,.1); scrollbar-width: none;
  }
  .mobile-app-tabs::-webkit-scrollbar { display: none; }.mobile-app-tabs a { min-width: 70px; height: 31px; padding: 0 11px; display: grid; place-items: center; border-radius: 9px; font-size: 9px; font-weight: 700; white-space: nowrap; }.mobile-app-tabs a.is-active { color: #fff; background: var(--brand); box-shadow: 0 7px 15px color-mix(in srgb,var(--brand) 22%,transparent); }
  .is-scrolled .topbar { box-shadow: 0 16px 36px rgba(15,21,26,.26); }

  .mobile-dock { right: 8px; bottom: 8px; left: 8px; height: 70px; padding: 7px 6px; grid-template-columns: repeat(var(--mobile-items),minmax(0,1fr))!important; color: #67737b; background: rgba(255,255,255,.97); border: 1px solid rgba(31,45,54,.08); border-radius: 21px; box-shadow: 0 18px 45px rgba(16,27,35,.22); }
  .mobile-dock a,.mobile-dock button { position: relative; min-width: 0; min-height: 52px; gap: 3px; color: #697780; border-radius: 14px; font-size: 9px; transition: .22s ease; }.mobile-dock .icon { width: 20px; }.mobile-dock a.is-active { color: var(--brand); background: rgba(156,0,60,.065); }.mobile-dock a.is-active::after { content: ""; position: absolute; bottom: 3px; width: 5px; height: 5px; background: var(--brand); border-radius: 50%; }
  .mobile-dock__fajr { position: static; width: auto; height: 52px; color: #9d2632!important; background: rgba(156,0,60,.06)!important; border: 0!important; border-radius: 14px; box-shadow: none; }.mobile-dock__fajr b { font-size: 16px; }
  .mobile-dock .mobile-dock__primary { position: relative; top: -12px; width: 58px; height: 58px; justify-self: center; color: #fff; background: linear-gradient(145deg,var(--brand),#a90e16); border: 5px solid #eef0f3; border-radius: 19px; box-shadow: 0 13px 25px rgba(164,18,26,.28); }.mobile-dock .mobile-dock__primary .icon { width: 21px; }.mobile-dock .mobile-dock__primary span { color: #fff; }
  .back-to-top { bottom: 91px; }

  .home .mh-hero--newsroom { min-height: 720px; padding-top: 145px; border-radius: 0 0 28px 28px; }
  .special-hero { padding-top: 145px; }
  .home .mh-hero__lead-card { height: 370px; border-radius: 20px; }.home .mh-hero__stack { grid-template-columns: repeat(2,84vw); }
  .home .mh-panel,.home .mh-latest { border-radius: 20px; }
  .mh-single,.mh-archive,.mh-page { margin-top: 138px; border: 0; border-radius: 17px; box-shadow: 0 12px 30px rgba(26,37,45,.08); }
  .error-page { margin-top: 138px; }
  .mh-inner-hero { min-height: 230px; margin: -4px 0 17px; padding: 24px 20px; display: block; border-radius: 15px; }
  .mh-inner-hero__visual { position: absolute; top: -28px; left: -38px; width: 145px; height: 145px; opacity: .35; }.mh-inner-hero__copy { position: relative; z-index: 2; }.mh-inner-hero__kicker { margin-top: 20px; }.mh-inner-hero h1 { max-width: 86%; font-size: 29px; }.mh-inner-hero__copy > div { font-size: 11px; line-height: 1.8; }
  .mh-page__meta { margin-top: 12px!important; }.mh-page__meta span { padding: 5px 7px; font-size: 9px; }
  .mh-article-hero { margin: -4px -2px 18px; padding: 23px 19px 25px; border-radius: 15px; }.mh-article-hero h1 { font-size: 27px; line-height: 1.65; }.mh-article-hero__meta { gap: 5px; }.mh-article-hero__meta span,.mh-article-hero__meta a { padding: 5px 7px; font-size: 9px; }
  .mh-archive-hero { min-height: 245px; margin: 0 0 18px; padding: 24px 20px; display: flex; align-items: flex-start; flex-direction: column; border-radius: 15px; }.mh-archive-hero h1 { font-size: 31px; }.mh-archive-hero__stat { width: 100%; height: 66px; padding: 0 18px; display: grid; grid-template-columns: 1fr auto 1fr; border-radius: 13px; box-shadow: none; }.mh-archive-hero__stat strong { font-size: 31px; }.mh-archive-hero__stat i { display: none; }
  .mh-archive__grid { gap: 12px; }.mh-archive__grid .news-card { padding: 8px; display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 11px; align-items: center; border-radius: 13px; }.mh-archive__grid .news-card__media { height: 92px!important; }.mh-archive__grid .news-card__title { font-size: 13px; }.mh-archive__grid .news-card__excerpt { display: none; }

  .site-footer--compact { width: calc(100% - 16px); margin: 17px 8px 91px; padding: 0 15px 11px; border-radius: 18px; }
  .site-footer__compact { min-height: 104px; padding: 15px 0; display: grid; grid-template-columns: 1fr auto; gap: 13px; }.site-footer__compact-brand small { max-width: 190px; }.site-footer__compact-nav { display: none; }.site-footer__compact-cta { width: 42px; height: 42px; padding: 0; display: grid; place-items: center; border-radius: 12px; }.site-footer__compact-cta span { display: none; }
  .site-footer__compact-bottom { min-height: 28px; }.site-footer__compact-bottom .footer-socials { display: none; }
  .page-template-page-fajr,.single-olgoo_film,.single-olgoo_event,.post-type-archive-olgoo_film { padding-bottom: 0; }
  .page-template-page-fajr .mobile-app-tabs,.single-olgoo_film .mobile-app-tabs,.single-olgoo_event .mobile-app-tabs,.post-type-archive-olgoo_film .mobile-app-tabs { display: none!important; }
}

@media (prefers-reduced-motion:reduce) {
  .rail__curve { transition: none; }.mh-inner-hero__visual i { animation: none; }
}
@media print { .mobile-app-tabs { display: none!important; } }


/* 2.6 — speed, clearer canvas, logo/rail polish and softer interactions */
body {
  background-color: var(--page-bg, #eceff3);
  background-image:
    radial-gradient(circle at 92% 7%, rgba(255,255,255,.62), transparent 29rem),
    radial-gradient(circle at 5% 58%, rgba(183,192,200,.13), transparent 32rem);
  background-attachment: scroll;
}
.site-frame { margin-left: 124px; }
.rail {
  width: 124px;
  padding: 20px 12px 16px;
  background: rgba(255,255,255,.965);
  border-right-color: rgba(23,33,43,.07);
  box-shadow: 10px 0 28px rgba(23,33,43,.055);
}
.rail__brand { min-height: 74px; }
.rail__brand a { gap: 5px; }
.rail__brand img,.rail__brand .custom-logo {
  width: auto !important;
  max-width: 94px !important;
  max-height: 54px !important;
  object-fit: contain;
}
.rail__nav { margin-top: 24px; gap: 8px; }
.rail__item {
  min-height: 61px;
  border-radius: 13px;
  transition: color .38s var(--ease), background-color .38s var(--ease), transform .38s var(--ease), box-shadow .38s var(--ease);
}
.rail__item:hover,.rail__item:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(23,33,43,.055);
}
.rail__item.is-active::after { left: -12px; }
.rail__curve { opacity: .88; transition: top .58s cubic-bezier(.22,.8,.2,1), filter .38s ease, opacity .38s ease; }

/* Make common hover effects feel softer instead of snapping. */
a,.icon-button,.button,.mh-pill,.site-footer__cta,.footer-socials a,.mobile-app-tabs a,.mobile-dock a,.mobile-dock button {
  transition-duration: .38s;
  transition-timing-function: var(--ease);
}
.news-card__media img,.olgoo-news-widget__media img,.mh-mini-lead img,.mh-channel__lead img,.mh-media__lead img {
  transition: transform .55s var(--ease), filter .55s var(--ease);
}

/* Keep logos contained wherever the brand sits in a fixed card. */
.topbar__mobile-brand img,.site-footer__compact-brand img,.footer-brand__mark img,.fajr-nav__brand img,.special-hero__mast img {
  object-fit: contain;
  max-width: 100%;
}
.footer-brand__mark img { max-height: 58px; }

/* Performance mode removes paint-heavy glass effects while preserving layout. */
.olgoo-performance .rail,
.olgoo-performance .drawer,
.olgoo-performance .search-panel,
.olgoo-performance .topbar,
.olgoo-performance .mobile-app-tabs,
.olgoo-performance .mobile-dock {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.olgoo-performance .rail__curve { will-change: auto; }
.olgoo-performance [data-reveal] { opacity: 1; transform: none; transition: none; will-change: auto; }
.olgoo-performance .site-footer,
.olgoo-performance .mh-page__sidebar,
.olgoo-performance .mh-related,
.olgoo-performance .mh-feature-band,
.olgoo-performance .mh-media,
.olgoo-performance .mh-newsletter {
  content-visibility: auto;
}

/* Author archive profile */
.olgoo-author-card { margin-bottom: 24px; padding: 24px; display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 20px; align-items: center; background: #fff; border: 1px solid rgba(23,33,43,.06); border-radius: 16px; box-shadow: 0 14px 38px rgba(23,33,43,.06); }
.olgoo-author-card img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; }
.olgoo-author-card h1 { margin: 0 0 5px; color: var(--ink); font-size: 25px; }
.olgoo-author-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
@media (max-width:1100px) { .site-frame { margin-left: 0; } }
@media (max-width:600px) { .olgoo-author-card { grid-template-columns: 64px minmax(0,1fr); padding: 18px; }.olgoo-author-card img { width:64px;height:64px; } }

/* ==========================================================
   Olgoo News 2.7 — customizable rail, app shell and category dashboard
   ========================================================== */

/* Desktop rail: supports a user-defined WordPress menu without overflowing. */
.site-frame { margin-left: 120px; }
.rail {
  width: 120px;
  padding: 16px 11px 13px;
  background: rgba(255,255,255,.965);
  border-right-color: rgba(23,33,43,.07);
  box-shadow: 7px 0 28px rgba(23,33,43,.055);
}
.rail__brand { min-height: 68px; padding: 4px 3px 8px; }
.rail__brand a { width: 100%; min-width: 0; gap: 3px; }
.rail__brand .rail__logo {
  width: auto;
  max-width: 91px;
  height: auto;
  max-height: 44px;
  object-fit: contain;
}
.rail__brand a > span { max-width: 94px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.rail__nav {
  min-height: 0;
  margin-top: 8px;
  padding: 3px 0;
  align-content: start;
  gap: 5px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.rail__nav::-webkit-scrollbar { display: none; }
.rail__item { min-height: 54px; padding: 6px 4px; gap: 3px; border-radius: 13px; }
.rail__item .icon { width: 19px; height: 19px; }
.rail__item span { max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.rail__tools { margin-top: auto; padding-top: 8px; display: grid; gap: 5px; border-top: 1px solid rgba(23,33,43,.065); }
.rail__tools .rail__menu { margin-top: 0; }
.rail__item.is-active::after { left: -11px; }

/* Category dashboard: every category can own a visible homepage section. */
.mh-channels-wrap {
  padding: clamp(48px,6vw,76px) 0;
  background:
    radial-gradient(circle at 91% 5%, color-mix(in srgb,var(--brand) 8%,transparent), transparent 24rem),
    linear-gradient(180deg,#e8ebee,#f5f6f7);
}
.mh-channels__head { margin-bottom: 24px; }
.mh-channels__head nav { scroll-snap-type: x proximity; }
.mh-channels__head nav a { scroll-snap-align: start; }
.mh-channels__grid { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; }
.mh-channel {
  height: 100%;
  padding: 17px;
  background: rgba(255,255,255,.92);
  border-color: rgba(23,33,43,.055);
  box-shadow: 0 11px 28px rgba(23,33,43,.065);
  backdrop-filter: none;
}
.mh-channel:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(23,33,43,.10); }
.mh-channel__lead { height: 165px; }
.mh-channel__links a { min-height: 44px; }

/* App header: custom logo keeps its natural aspect ratio instead of being forced into a tiny square. */
.topbar__mobile-brand { min-width: 0; }
.topbar__mobile-brand a { min-width: 0; }
.topbar__mobile-logo {
  width: clamp(72px,12vw,112px);
  height: 42px;
  padding: 5px 8px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(23,33,43,.06);
  border-radius: 11px;
}
.topbar__mobile-logo .topbar__logo {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 31px !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Performance mode keeps the visual hierarchy but removes expensive paint effects. */
.olgoo-performance .rail,
.olgoo-performance .topbar,
.olgoo-performance .mobile-app-tabs,
.olgoo-performance .mobile-dock,
.olgoo-performance .drawer,
.olgoo-performance .search-panel,
.olgoo-performance .mh-panel,
.olgoo-performance .mh-latest,
.olgoo-performance .mh-archive,
.olgoo-performance .mh-page,
.olgoo-performance .mh-single,
.olgoo-performance .mh-mini-section,
.olgoo-performance .mh-media__panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.olgoo-performance .mh-channel,
.olgoo-performance .mh-hot-topics,
.olgoo-performance .mh-feature-band,
.olgoo-performance .mh-newsletter {
  box-shadow: 0 8px 22px rgba(23,33,43,.055);
}
.olgoo-performance .home .mh-channel {
  content-visibility: auto;
  contain-intrinsic-size: auto 365px;
}
.olgoo-performance .home .mh-channel img:not([fetchpriority="high"]) { content-visibility: auto; }

@media (max-width:1100px) {
  .site-frame { margin-left: 0; }
  body { padding-bottom: 88px; }
  .topbar,
  .topbar.topbar--mobile-only {
    position: sticky;
    z-index: 96;
    top: 0;
    width: 100%;
    height: 68px;
    margin: 0;
    padding: 0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));
    display: flex;
    color: #fff;
    background: linear-gradient(135deg,rgba(31,39,46,.985),rgba(13,19,24,.985));
    border: 0;
    border-radius: 0;
    box-shadow: 0 9px 28px rgba(15,21,26,.17);
    backdrop-filter: blur(14px);
  }
  .topbar__mobile-brand { display: block; }
  .topbar__mobile-brand a { gap: 9px; color: #fff; }
  .topbar__mobile-copy b { color: #fff; }
  .topbar__mobile-copy small { color: rgba(255,255,255,.52); }
  .topbar .icon-button { color: #fff; background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.10); }

  .mobile-app-tabs {
    position: sticky;
    z-index: 94;
    top: 68px;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 6px max(10px,env(safe-area-inset-right));
    display: flex;
    align-items: center;
    gap: 5px;
    overflow-x: auto;
    color: #61717c;
    background: rgba(255,255,255,.97);
    border: 0;
    border-bottom: 1px solid rgba(23,33,43,.07);
    border-radius: 0;
    box-shadow: 0 7px 18px rgba(23,33,43,.07);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
  }
  .mobile-app-tabs::-webkit-scrollbar { display: none; }
  .mobile-app-tabs a {
    min-width: auto;
    height: 34px;
    padding: 0 13px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    scroll-snap-align: start;
    color: #596873;
    background: #f3f5f6;
    border: 1px solid rgba(23,33,43,.045);
    border-radius: 11px;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
  }
  .mobile-app-tabs a.is-active { color: #fff; background: var(--brand); border-color: var(--brand); box-shadow: none; }

  .home .mh-hero--newsroom { padding-top: 28px; }
  .mh-single,.mh-archive,.mh-page,.error-page { margin-top: 22px; }
  .special-hero { padding-top: 32px; }
  .mh-channels__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  html { scroll-padding-top: 122px; }
  body { padding-bottom: 92px; background: #edf0f3; }
  .topbar,
  .topbar.topbar--mobile-only { height: 64px; }
  .topbar__mobile-logo { width: clamp(76px,27vw,108px); height: 40px; }
  .topbar__mobile-logo .topbar__logo { max-height: 29px !important; }
  .topbar__mobile-copy { max-width: 112px !important; }
  .topbar__mobile-copy b { font-size: 11px; }
  .topbar__mobile-copy small { font-size: 7.5px; }
  .topbar__actions { gap: 4px; }
  .topbar .icon-button { width: 37px; height: 37px; border-radius: 11px; }

  .mobile-app-tabs { top: 64px; height: 44px; padding: 5px 9px; }
  .mobile-app-tabs a { height: 32px; padding: 0 12px; font-size: 9.5px; }

  .home .mh-hero--newsroom {
    min-height: 640px;
    padding: 24px 0 58px;
    border-radius: 0 0 22px 22px;
  }
  .home .mh-hero__mast { margin-top: 0; }
  .home .mh-hero__lead-card { height: 350px; }
  .home .mh-hero__lead-card h1 { font-size: clamp(22px,6.2vw,27px); }
  .home .mh-hero__stack { grid-template-columns: repeat(2,78vw); grid-template-rows: 170px; }
  .home .breaking { width: calc(100% - 20px); margin: 16px 10px 26px; }
  .home .mh-latest { width: calc(100% - 20px); margin-top: 0; padding-right: 14px; padding-left: 14px; }

  .mh-channels-wrap { padding: 42px 0; }
  .mh-channels__head { gap: 14px; }
  .mh-channels__head h2 { font-size: 22px; }
  .mh-channels__head p { font-size: 11px; }
  .mh-channels__grid {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 12px;
    overflow: visible;
    scroll-snap-type: none;
  }
  .mh-channel { padding: 14px; border-radius: 16px; scroll-snap-align: none; }
  .mh-channel > header { margin-bottom: 11px; }
  .mh-channel > header h3 { font-size: 17px; }
  .mh-channel__lead { height: 172px; }
  .mh-channel__links a { min-height: 42px; font-size: 11.5px; }

  .mh-single,.mh-archive,.mh-page {
    width: calc(100% - 16px);
    margin-top: 14px;
    padding: 20px 12px 20px;
  }
  .error-page { margin-top: 14px; }
  .mh-inner-hero { margin-top: 0; }
  .mh-archive { margin-top: 14px; }
  .special-hero { padding-top: 26px; }
  .drawer { padding: 0; align-items: stretch; }
  .drawer__panel { width: 100vw; max-height: 100vh; height: 100%; border-radius: 0; }
  .drawer-nav { grid-template-columns: 1fr 1fr; }

  .mobile-dock {
    right: max(7px,env(safe-area-inset-right));
    bottom: max(7px,env(safe-area-inset-bottom));
    left: max(7px,env(safe-area-inset-left));
    height: 68px;
    border-radius: 20px;
  }
}

@media (max-width:480px) {
  .topbar__mobile-copy { display: none; }
  .topbar__mobile-logo { width: min(116px,36vw); }
  .topbar__actions { margin-right: auto; }
  .home .mh-hero__lead-card { height: 330px; }
  .home .mh-hero__stack { grid-template-columns: repeat(2,84vw); }
  .drawer-nav { grid-template-columns: 1fr; }
}

/* ==========================================================
   Olgoo News 2.7.1 — mobile viewport hardening hotfix
   Prevent desktop rail offsets / oversized children from leaking into small viewports.
   ========================================================== */
@media (max-width:1100px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .site-shell,
  .site-frame,
  .site-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rail { display: none !important; }
  .topbar,
  .topbar.topbar--mobile-only,
  .mobile-app-tabs {
    right: auto;
    left: auto;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
  .topbar__mobile-brand {
    min-width: 0;
    max-width: calc(100% - 92px);
    flex: 1 1 auto;
    overflow: hidden;
  }
  .topbar__mobile-brand > a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  .topbar__actions {
    flex: 0 0 auto;
    margin-inline-start: auto;
  }
}

@media (max-width:760px) {
  .mh-content {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .mh-single,
  .mh-archive,
  .mh-page {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    box-sizing: border-box;
  }
  .mh-single__grid,
  .mh-single__article,
  .mh-single__side,
  .mh-single__content,
  .entry-content,
  .mh-article-hero,
  .mh-news-tools,
  .mh-related,
  .mh-comments-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .mh-single__grid { display: block !important; }
  .mh-single__article,
  .mh-single__side {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .entry-content img,
  .entry-content video,
  .entry-content iframe,
  .entry-content figure,
  .entry-content blockquote {
    max-width: 100% !important;
  }
  .entry-content table,
  .entry-content pre {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .mh-news-tools {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .mh-news-tools::-webkit-scrollbar { display: none; }
  .topbar,
  .topbar.topbar--mobile-only {
    padding-right: max(10px, env(safe-area-inset-right)) !important;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
  }
  .topbar__mobile-logo {
    width: min(112px, 34vw) !important;
    max-width: 112px !important;
    min-width: 72px;
    height: 40px;
    flex: 0 1 auto;
  }
  .topbar__mobile-logo .topbar__logo,
  .topbar__mobile-logo img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 29px !important;
    object-fit: contain !important;
  }
  .mobile-app-tabs {
    padding-right: max(9px, env(safe-area-inset-right)) !important;
    padding-left: max(9px, env(safe-area-inset-left)) !important;
  }
}

@media (max-width:420px) {
  .mh-content,
  .mh-single,
  .mh-archive,
  .mh-page {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
  }
  .mh-single,
  .mh-archive,
  .mh-page {
    margin-right: 6px !important;
    margin-left: 6px !important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .topbar__mobile-logo {
    width: min(106px, 32vw) !important;
    min-width: 68px;
  }
}

/* ==========================================================
   Olgoo News 2.7.2 — Smart Rail icons + single featured channel
   ========================================================== */
.rail__item.is-featured {
  min-height: 64px;
  color: var(--brand);
  background: linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,#fff),#fff);
  border: 1px solid color-mix(in srgb,var(--brand) 20%,#fff);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.72),0 9px 22px color-mix(in srgb,var(--brand) 13%,transparent);
}
.rail__item.is-featured .icon {
  width: 27px;
  height: 27px;
  stroke-width: 2.05;
}
.rail__item.is-featured span {
  color: color-mix(in srgb,var(--brand) 82%,#171717);
  font-size: 10px;
  font-weight: 850;
}
.rail__item.is-featured:hover,.rail__item.is-featured:focus-visible {
  color: var(--brand);
  background: linear-gradient(145deg,color-mix(in srgb,var(--brand) 15%,#fff),#fff);
  border-color: color-mix(in srgb,var(--brand) 34%,#fff);
  transform: translateY(-2px) scale(1.015);
}
.rail__item.is-featured.is-active {
  color: #fff;
  background: linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#781018));
  border-color: transparent;
  box-shadow: 0 12px 27px color-mix(in srgb,var(--brand) 26%,transparent);
}
.rail__item.is-featured.is-active span { color:#fff; }
.rail__item.is-featured.is-active::after { background:var(--brand); }
.olgoo-performance .rail__item.is-featured { box-shadow:none; }

/* ==========================================================
   Olgoo News 2.7.3 — mobile-first editorial hero
   Mobile order: headline → image → main-story context/summary.
   Desktop newsroom hero remains overlay-based.
   ========================================================== */
@media (max-width:760px) {
  .home .mh-hero--newsroom {
    min-height: 0;
    height: auto;
    padding: 18px 0 34px;
    color: var(--ink);
    background:
      radial-gradient(circle at 92% 5%, color-mix(in srgb,var(--brand) 10%,transparent), transparent 15rem),
      linear-gradient(180deg,#f8f9fa 0,#edf1f4 100%);
    border-radius: 0 0 24px 24px;
    overflow: hidden;
  }
  .home .mh-hero--newsroom::before,
  .home .mh-hero__ambient { display: none; }
  .home .mh-hero__mast {
    height: auto;
    min-height: 32px;
    margin-bottom: 10px;
    color: #7a8790;
  }
  .home .mh-hero__mast > span { color: #283640; font-size: 11px; }
  .home .mh-hero__mast > span .icon { color: var(--brand); }
  .home .mh-hero__mast time { font-size: 9.5px; }
  .home .mh-hero__newsgrid { height: auto; display: block; }

  .home .mh-hero__lead-card {
    height: auto !important;
    overflow: visible;
    color: var(--ink);
    background: #fff;
    border: 1px solid rgba(29,43,53,.07);
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(24,36,45,.10);
    outline: 0;
  }
  .home .mh-hero__lead-card > a {
    width: 100%;
    height: auto;
    padding-bottom: 16px;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-areas:
      "headline"
      "media"
      "meta"
      "summary"
      "cta";
    color: var(--ink);
  }
  .home .mh-hero__lead-card > a > .mh-hero__lead-copy {
    position: static;
    inset: auto;
    display: contents;
  }
  .home .mh-hero__lead-card > a > img {
    grid-area: media;
    width: calc(100% - 24px);
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0 12px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 8px 24px rgba(18,31,41,.10);
  }
  .home .mh-hero__lead-card .mh-hero__shade { display: none; }
  .home .mh-hero__lead-card h1 {
    grid-area: headline;
    max-width: none;
    margin: 0;
    padding: 17px 16px 14px;
    color: #17252f;
    font-size: clamp(23px,6.6vw,29px);
    font-weight: 820;
    line-height: 1.62;
    letter-spacing: -.025em;
  }
  .home .mh-hero__lead-card p {
    grid-area: meta;
    margin: 12px 16px 0;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .home .mh-hero__lead-card p b,
  .home .mh-hero__lead-card p em {
    padding: 5px 9px;
    border-radius: 8px;
    font-size: 9.5px;
  }
  .home .mh-hero__lead-card p b {
    color: #fff;
    background: var(--brand);
  }
  .home .mh-hero__lead-card p em {
    color: #66757f;
    background: #f0f3f5;
    backdrop-filter: none;
  }
  .home .mh-hero__lead-card small {
    grid-area: summary;
    max-width: none;
    margin: 9px 16px 0;
    display: block !important;
    color: #596a75;
    font-size: 12px;
    line-height: 1.95;
  }
  .home .mh-hero__lead-card > a > .mh-hero__lead-copy > i {
    grid-area: cta;
    margin: 10px 16px 0;
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 7px;
    color: var(--brand);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
  }
  .home .mh-hero__lead-card > a > .mh-hero__lead-copy > i .icon { width: 15px; }
  .home .mh-hero__lead-card:hover img { transform: none; filter: none; }
  .home .mh-hero__lead-card:hover { outline: 0; }

  .home .mh-hero__stack {
    margin-top: 14px;
    padding: 0 1px 3px;
    grid-template-columns: repeat(2,74vw);
    grid-template-rows: 158px;
    gap: 10px;
  }
  .home .mh-hero__stack article {
    border: 0;
    border-radius: 17px;
    box-shadow: 0 10px 24px rgba(20,34,43,.13);
  }
  .home .mh-hero__stack article h2 { font-size: 13px; line-height: 1.65; }
  .home .mh-hero__stack article small { font-size: 9px; }
  .home .mh-hero__stack article time { font-size: 9px; }
}

@media (max-width:480px) {
  .home .mh-hero--newsroom { padding-top: 14px; padding-bottom: 28px; }
  .home .mh-hero__lead-card { border-radius: 19px; }
  .home .mh-hero__lead-card h1 { padding: 15px 14px 12px; font-size: clamp(22px,6.8vw,27px); }
  .home .mh-hero__lead-card > a > img { width: calc(100% - 20px); margin: 0 10px; border-radius: 14px; }
  .home .mh-hero__lead-card p,
  .home .mh-hero__lead-card small,
  .home .mh-hero__lead-card > a > .mh-hero__lead-copy > i { margin-right: 14px; margin-left: 14px; }
  .home .mh-hero__stack { grid-template-columns: repeat(2,81vw); grid-template-rows: 154px; }
}

/* ==========================================================
   v2.7.4 — Mobile single article: image -> title -> story -> tools
   ========================================================== */
.mh-single__mobile-cover,
.mh-single__mobile-utils { display: none; }

@media (max-width:760px) {
  .single-post .mh-single {
    padding: 0 0 20px !important;
    overflow: hidden;
    background: #fff;
    border-radius: 20px !important;
    box-shadow: 0 14px 34px rgba(24,36,45,.10);
  }
  .single-post .mh-single__grid {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
  }
  .single-post .mh-single__article {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
  }
  .single-post .mh-single__side {
    order: 2;
    width: auto !important;
    max-width: none !important;
    margin: 20px 14px 0;
  }
  .single-post .mh-single__cover--desktop,
  .single-post .mh-single__desktop-utils,
  .single-post .mh-news-tools--desktop { display: none !important; }

  /* The first visible article element on mobile is the lead image. */
  .single-post .mh-single__mobile-cover {
    position: relative;
    margin: 0;
    display: block;
    overflow: hidden;
    background: #111920;
  }
  .single-post .mh-single__mobile-cover::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(to top,rgba(11,18,23,.22),transparent);
  }
  .single-post .mh-single__mobile-cover img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
    object-fit: cover;
    border-radius: 0 !important;
  }
  .single-post .mh-single__mobile-cover figcaption {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 9px;
    max-width: calc(100% - 20px);
    padding: 4px 7px;
    color: rgba(255,255,255,.86);
    background: rgba(14,22,28,.62);
    border-radius: 7px;
    font-size: 8.5px;
    backdrop-filter: blur(6px);
  }

  /* Headline is a clean editorial block, not a dark hero overlay. */
  .single-post .mh-article-hero {
    margin: 0 !important;
    padding: 19px 16px 8px !important;
    overflow: visible;
    isolation: auto;
    color: var(--ink);
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .single-post .mh-article-hero::after,
  .single-post .mh-article-hero__glow,
  .single-post .mh-article-hero .breadcrumbs { display: none !important; }
  .single-post .mh-article-hero .mh-single__kicker {
    margin: 0 0 7px;
    color: var(--brand) !important;
    font-size: 10px;
    font-weight: 850;
  }
  .single-post .mh-article-hero h1 {
    margin: 0 0 13px !important;
    color: #182832 !important;
    font-size: clamp(25px,7vw,31px) !important;
    font-weight: 850;
    line-height: 1.6 !important;
    letter-spacing: -.025em;
  }
  .single-post .mh-article-hero__meta {
    margin: 0 -1px 12px;
    gap: 5px;
  }
  .single-post .mh-article-hero__meta span,
  .single-post .mh-article-hero__meta a {
    min-height: 30px;
    padding: 5px 8px !important;
    color: #667681 !important;
    background: #f3f5f6 !important;
    border: 1px solid rgba(30,44,54,.055);
    border-radius: 9px;
    font-size: 9px !important;
  }
  .single-post .mh-article-hero__meta a {
    color: #fff !important;
    background: var(--brand) !important;
    border-color: var(--brand);
  }
  .single-post .mh-article-hero__meta .icon { width: 13px; }
  .single-post .mh-article-hero .mh-single__lead {
    margin: 3px 0 5px;
    padding: 12px 13px 12px 11px;
    color: #4c606c !important;
    background: linear-gradient(135deg,rgba(156,0,60,.045),#f7f9fa 70%);
    border-right: 3px solid var(--brand);
    border-radius: 0 11px 11px 0;
    font-size: 14px !important;
    line-height: 2.05 !important;
  }
  /* Keep pre-reading widgets out of the requested linear reading flow. */
  .single-post .mh-article-hero .mh-single__summary,
  .single-post .mh-article-hero .mh-article-toc { display: none !important; }

  .single-post .mh-single__article > .olgoo-video,
  .single-post .mh-single__article > iframe,
  .single-post .mh-single__article > video {
    margin-right: 16px;
    margin-left: 16px;
    max-width: calc(100% - 32px);
  }
  .single-post .mh-single__content {
    width: auto !important;
    max-width: none !important;
    margin: 0;
    padding: 8px 16px 0;
    color: #344b58;
    font-size: calc(17px * var(--reader-scale,1)) !important;
    line-height: 2.2 !important;
  }
  .single-post .mh-single__content > p:first-child {
    color: #263f4d;
    font-size: 1.04em;
    font-weight: 520;
  }
  .single-post .mh-single__content p { margin-bottom: 1.45em; }
  .single-post .mh-single__content h2 {
    margin: 1.6em 0 .75em;
    padding-right: 10px;
    color: #172b37;
    border-right: 3px solid var(--brand);
    font-size: 1.3em;
    line-height: 1.75;
  }
  .single-post .mh-single__content h3 { color: #243d4b; font-size: 1.14em; }
  .single-post .mh-single__content blockquote {
    margin: 20px 0;
    padding: 15px 16px;
    color: #405965;
    background: #f4f6f7;
    border: 0;
    border-right: 4px solid #65c7e8;
    border-radius: 12px 0 0 12px;
  }
  .single-post .mh-single__content figure,
  .single-post .mh-single__content img {
    border-radius: 13px;
  }

  /* All article utilities intentionally come after the story body. */
  .single-post .mh-single__mobile-utils {
    margin: 20px 12px 0;
    padding: 15px;
    display: block;
    background: linear-gradient(145deg,#f7f8f9,#fff);
    border: 1px solid rgba(29,43,53,.075);
    border-radius: 17px;
    box-shadow: 0 10px 25px rgba(26,39,48,.065);
  }
  .single-post .mh-single__mobile-utils-head {
    margin-bottom: 13px;
    padding-bottom: 11px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid rgba(31,45,55,.07);
  }
  .single-post .mh-single__mobile-utils-head > span {
    width: 35px;
    height: 35px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--brand);
    border-radius: 10px;
  }
  .single-post .mh-single__mobile-utils-head .icon { width: 16px; }
  .single-post .mh-single__mobile-utils-head div { min-width: 0; }
  .single-post .mh-single__mobile-utils-head strong { display: block; color: #263a46; font-size: 12px; }
  .single-post .mh-single__mobile-utils-head small { margin-top: 2px; display: block; color: #87949c; font-size: 8.5px; }

  .single-post .mh-news-tools--mobile {
    margin: 0 0 12px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 6px;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
  }
  .single-post .mh-news-tools--mobile > span { display: none; }
  .single-post .mh-news-tools--mobile button {
    min-width: 0;
    height: 58px;
    padding: 6px 3px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #536874;
    background: #fff;
    border: 1px solid rgba(31,45,55,.075);
    border-radius: 11px;
    box-shadow: 0 5px 13px rgba(31,44,53,.045);
  }
  .single-post .mh-news-tools--mobile button:hover,
  .single-post .mh-news-tools--mobile button.is-active {
    color: #fff;
    background: var(--brand);
    border-color: var(--brand);
    transform: none;
    box-shadow: 0 8px 17px rgba(190,20,29,.16);
  }
  .single-post .mh-news-tools--mobile button .icon { width: 17px; height: 17px; }
  .single-post .mh-news-tools--mobile button b { font-size: 20px; line-height: 17px; }
  .single-post .mh-news-tools--mobile button em { font-size: 8px; font-style: normal; font-weight: 750; }

  .single-post .mh-single__mobile-facts {
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
  }
  .single-post .mh-single__mobile-facts > span {
    min-width: 0;
    min-height: 61px;
    padding: 8px 5px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 5px;
    align-items: center;
    color: #62747f;
    background: #f1f4f5;
    border-radius: 11px;
  }
  .single-post .mh-single__mobile-facts .icon { width: 14px; grid-row: 1 / 3; }
  .single-post .mh-single__mobile-facts b { min-width: 0; overflow: hidden; color: #314956; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .single-post .mh-single__mobile-facts small { color: #8c989f; font-size: 7.5px; }

  .single-post .mh-single__mobile-share {
    margin-bottom: 11px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
  }
  .single-post .mh-single__mobile-share a,
  .single-post .mh-single__mobile-share button {
    min-width: 0;
    min-height: 42px;
    padding: 6px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #415b68;
    background: #fff;
    border: 1px solid rgba(31,45,55,.08);
    border-radius: 10px;
    font: inherit;
    font-size: 8.5px;
    font-weight: 750;
    cursor: pointer;
  }
  .single-post .mh-single__mobile-share a span,
  .single-post .mh-single__mobile-share button span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    color: var(--brand);
    background: rgba(156,0,60,.065);
    border-radius: 8px;
  }
  .single-post .mh-single__mobile-share .icon { width: 13px; }

  .single-post .mh-shortlink--mobile {
    margin: 0;
    padding: 11px;
    background: #fff;
    border-radius: 11px;
    box-shadow: none;
  }
  .single-post .mh-shortlink--mobile > div:first-child > span { width: 28px; height: 28px; border-radius: 8px; }
  .single-post .mh-shortlink--mobile .mh-shortlink__field { margin-top: 8px; }

  .single-post .mh-single__tags,
  .single-post .mh-author,
  .single-post .mh-post-nav {
    margin-right: 16px;
    margin-left: 16px;
  }
  .single-post .mh-author { border-radius: 13px; }
  .single-post .mh-post-nav { gap: 7px; }
  .single-post .mh-post-nav > div { border-radius: 11px; }

  .single-post .mh-single__side .mh-single__comments-preview,
  .single-post .mh-single__side .mh-inline-ad,
  .single-post .mh-single__side .mh-single__widgets { margin-top: 14px; }
}

@media (max-width:420px) {
  .single-post .mh-article-hero { padding-right: 14px !important; padding-left: 14px !important; }
  .single-post .mh-article-hero h1 { font-size: clamp(24px,7.25vw,29px) !important; }
  .single-post .mh-single__content { padding-right: 14px; padding-left: 14px; font-size: calc(16.5px * var(--reader-scale,1)) !important; }
  .single-post .mh-single__mobile-utils { margin-right: 10px; margin-left: 10px; padding: 13px; }
  .single-post .mh-news-tools--mobile { gap: 5px; }
  .single-post .mh-news-tools--mobile button { height: 55px; }
  .single-post .mh-single__tags,
  .single-post .mh-author,
  .single-post .mh-post-nav { margin-right: 14px; margin-left: 14px; }
}

/* ==========================================================
   Olgoo News 2.7.5 — Fajr Art Direction + Custom App Dock
   ========================================================== */

/* Figma-inspired mobile app dock: customizable from Appearance > Menus. */
@media (max-width:760px) {
  .mobile-dock {
    right: max(8px,env(safe-area-inset-right));
    bottom: max(8px,env(safe-area-inset-bottom));
    left: max(8px,env(safe-area-inset-left));
    width: auto;
    max-width: 520px;
    height: 72px;
    margin-inline: auto;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #69747c;
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(28,40,48,.08);
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(17,28,36,.22);
    backdrop-filter: blur(18px);
    overflow: visible;
  }
  .mobile-dock__item,
  .mobile-dock a,
  .mobile-dock button {
    position: relative;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 54px;
    min-height: 54px;
    margin: 0;
    padding: 5px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 17px;
    box-shadow: none;
    font: inherit;
    cursor: pointer;
    transform: none;
    transition: transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,flex .22s ease;
  }
  .mobile-dock__icon {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 10px;
    transition: .22s ease;
  }
  .mobile-dock__icon .icon,
  .mobile-dock .icon { width: 21px; height: 21px; }
  .mobile-dock__label,
  .mobile-dock a span,
  .mobile-dock button span {
    max-width: 100%;
    overflow: hidden;
    color: inherit;
    font-size: 8.5px;
    font-weight: 700;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-dock__item.is-active:not(.is-featured),
  .mobile-dock a.is-active:not(.is-featured) {
    flex: 1.26 1 0;
    padding-inline: 8px;
    flex-direction: row;
    gap: 5px;
    color: #fff;
    background: linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 76%,#8d0710));
    box-shadow: 0 9px 18px color-mix(in srgb,var(--brand) 25%,transparent);
  }
  .mobile-dock__item.is-active:not(.is-featured)::after,
  .mobile-dock a.is-active:not(.is-featured)::after { display: none; }
  .mobile-dock__item.is-active:not(.is-featured) .mobile-dock__icon,
  .mobile-dock a.is-active:not(.is-featured) .mobile-dock__icon { background: rgba(255,255,255,.13); }
  .mobile-dock__item.is-active:not(.is-featured) .mobile-dock__label,
  .mobile-dock a.is-active:not(.is-featured) .mobile-dock__label { font-size: 9.5px; }

  .mobile-dock__item.is-featured,
  .mobile-dock .is-featured,
  .mobile-dock .mobile-dock__primary {
    top: -13px;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    min-height: 62px;
    padding: 5px;
    color: #fff;
    background: linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#850811));
    border: 5px solid var(--page-bg,#eef0f3);
    border-radius: 20px;
    box-shadow: 0 13px 25px color-mix(in srgb,var(--brand) 30%,transparent);
  }
  .mobile-dock__item.is-featured .mobile-dock__icon,
  .mobile-dock .is-featured .mobile-dock__icon { width: 26px; height: 26px; background: transparent; }
  .mobile-dock__item.is-featured .mobile-dock__label,
  .mobile-dock .is-featured .mobile-dock__label { color: #fff; font-size: 8px; }
  .mobile-dock__item.is-featured.is-active { box-shadow: 0 15px 30px color-mix(in srgb,var(--brand) 42%,transparent),0 0 0 3px rgba(255,255,255,.9); }
  .mobile-dock__number { font-size: 17px; font-weight: 900; line-height: 1; }
  .mobile-dock__fajr { position: relative; width: auto; height: 54px; color: #8f2730!important; background: transparent!important; border: 0!important; border-radius: 17px; box-shadow: none; }
  .mobile-dock__fajr.is-active { color: #fff!important; background: linear-gradient(135deg,#c4162c,#870b18)!important; }
  .mobile-dock--solid { right: 0; bottom: 0; left: 0; max-width: none; height: 76px; border-width: 1px 0 0; border-radius: 22px 22px 0 0; }
  .mobile-dock--minimal { height: 62px; padding: 5px 7px; border-radius: 20px; box-shadow: 0 12px 30px rgba(17,28,36,.15); }
  .mobile-dock--minimal .mobile-dock__item { height: 46px; min-height: 46px; }
  .olgoo-performance .mobile-dock { backdrop-filter: none; background: rgba(255,255,255,.985); }
}

/* Fajr: more cinematic, editorial and recognizably festival-driven. */
.page-template-page-fajr,
.single-olgoo_film,
.single-olgoo_event,
.post-type-archive-olgoo_film {
  --fajr-cream: #f0e7d8;
  --fajr-paper: #e6dac6;
  --fajr-wine: #8f1020;
  --fajr-black: #09090b;
  --fajr-line: rgba(240,231,216,.16);
}
.fajr-site {
  color: var(--fajr-cream);
  background:
    radial-gradient(circle at 12% 14%,color-mix(in srgb,var(--fajr-red) 12%,transparent),transparent 26rem),
    linear-gradient(180deg,#09090b 0,#0d0c0e 56%,#08080a 100%);
}
.fajr-nav {
  top: 18px;
  right: max(3vw,24px);
  left: max(3vw,24px);
  height: 66px;
  padding: 0 18px;
  gap: 28px;
  background: rgba(12,12,14,.68);
  border: 1px solid rgba(240,231,216,.15);
  border-radius: 20px;
  box-shadow: 0 16px 50px rgba(0,0,0,.26);
  backdrop-filter: blur(18px);
}
.fajr-nav__brand { gap: 11px; color: var(--fajr-cream); }
.fajr-nav__brand img { width: 43px; filter: grayscale(1) brightness(4.3); }
.fajr-nav nav a { position: relative; color: rgba(240,231,216,.63); font-size: 10px; }
.fajr-nav nav a::after { content:""; position:absolute; right:0; bottom:-9px; width:0; height:2px; background:var(--fajr-red); transition:.25s ease; }
.fajr-nav nav a:hover::after { width:100%; }
.fajr-nav__live { padding: 8px 12px; color: var(--fajr-cream); background: color-mix(in srgb,var(--fajr-red) 14%,transparent); border:1px solid color-mix(in srgb,var(--fajr-red) 35%,transparent); border-radius: 999px; }
.fajr-nav__back { margin-right:auto; color:rgba(240,231,216,.65); border-color:rgba(240,231,216,.18); border-radius:999px; }

.fajr-hero {
  min-height: 800px;
  padding: 145px max(7vw,64px) 105px;
  display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(330px,.72fr);
  gap: clamp(55px,8vw,130px);
  align-items: center;
  isolation: isolate;
  background:
    radial-gradient(circle at 76% 32%,color-mix(in srgb,var(--fajr-red) 30%,transparent),transparent 19rem),
    radial-gradient(circle at 20% 80%,rgba(240,231,216,.06),transparent 23rem),
    linear-gradient(125deg,#111014 0,#08080a 63%,#11070a 100%);
}
.fajr-hero::before {
  content:"FAJR";
  position:absolute;
  z-index:0;
  left:-2vw;
  bottom:56px;
  color:transparent;
  font:900 clamp(110px,17vw,270px)/.7 Arial Black,Arial,sans-serif;
  letter-spacing:-.08em;
  -webkit-text-stroke:1px rgba(240,231,216,.055);
  transform:rotate(-90deg) translateY(22%);
  transform-origin:left bottom;
}
.fajr-hero::after { opacity:.4; background-image:repeating-linear-gradient(103deg,transparent 0 47px,rgba(240,231,216,.018) 48px 49px); }
.fajr-hero__noise { opacity:.11; mix-blend-mode:screen; }
.fajr-hero__copy { width:auto; max-width:650px; }
.fajr-hero__eyebrow { margin-bottom:18px; display:flex; align-items:center; gap:11px; direction:ltr; color:rgba(240,231,216,.42); }
.fajr-hero__eyebrow i { width:42px; height:1px; background:var(--fajr-red); }
.fajr-hero__eyebrow small { font:700 8px Arial,sans-serif; letter-spacing:.22em; }
.fajr-hero__copy > span { display:inline-flex; align-items:center; min-height:30px; padding:5px 12px; color:var(--fajr-cream); background:var(--fajr-red); font-size:10px; border-radius:999px; letter-spacing:0; }
.fajr-hero h1 { max-width:620px; margin:16px 0 8px; color:var(--fajr-cream); font-size:clamp(54px,6vw,88px); font-weight:900; line-height:1.18; letter-spacing:-.055em; text-wrap:balance; }
.fajr-hero__copy > p { max-width:540px; color:rgba(240,231,216,.72); font-size:18px; font-weight:600; line-height:1.9; }
.fajr-hero__copy > small { max-width:610px; margin-top:16px; display:block; color:rgba(240,231,216,.42); font-size:11px; line-height:2.05; }
.fajr-hero__copy > div:last-child { margin-top:28px; gap:14px; flex-wrap:wrap; }
.fajr-hero__copy b { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; gap:7px; color:var(--fajr-cream); border:1px solid rgba(240,231,216,.16); border-radius:999px; }
.fajr-hero__copy a { min-height:44px; padding:0 18px; border-radius:999px; box-shadow:0 12px 28px color-mix(in srgb,var(--fajr-red) 24%,transparent); }

.fajr-hero__visual { width:100%; max-width:460px; justify-self:end; }
.fajr-hero__visual-frame {
  height:auto;
  aspect-ratio:3/4;
  overflow:visible;
  background:#161418;
  border:1px solid rgba(240,231,216,.32);
  box-shadow:25px 25px 0 color-mix(in srgb,var(--fajr-red) 36%,transparent),0 36px 90px rgba(0,0,0,.5);
  transform:rotate(-2.1deg);
}
.fajr-hero__visual-frame::before { top:-12px; right:-12px; width:48px; height:48px; border-width:2px 2px 0 0; }
.fajr-hero__visual-frame::after { bottom:-12px; left:-12px; width:48px; height:48px; border-width:0 0 2px 2px; }
.fajr-hero__visual-frame img { display:block; overflow:hidden; filter:saturate(.74) contrast(1.08) sepia(.06); }
.fajr-hero__visual-frame > i { right:auto; left:15px; bottom:7px; color:var(--fajr-cream); font-size:73px; -webkit-text-stroke:0; text-shadow:0 10px 24px rgba(0,0,0,.35); }
.fajr-hero__visual-badge { position:absolute; z-index:4; top:20px; right:-18px; padding:8px 13px; color:#151316; background:var(--fajr-cream); border-radius:999px; font-size:9px; font-weight:800; box-shadow:0 8px 25px rgba(0,0,0,.24); }
.fajr-hero__visual > small { margin-top:30px; color:var(--fajr-red); letter-spacing:.2em; }
.fajr-hero__visual > strong { color:var(--fajr-cream); font-size:21px; }
.fajr-hero__visual > em { color:rgba(240,231,216,.6); }
.fajr-hero__visual:hover .fajr-hero__visual-frame { transform:rotate(-.4deg) translateY(-8px); }
.fajr-hero__number { top:auto; right:5vw; left:auto; bottom:2px; font-size:clamp(180px,25vw,370px); opacity:.32; -webkit-text-stroke:1px rgba(240,231,216,.13); transform:none; }
.fajr-hero__signature { position:absolute; z-index:3; left:max(4vw,35px); bottom:42px; width:100px; height:100px; display:grid; place-items:center; align-content:center; color:var(--fajr-cream); border:1px solid rgba(240,231,216,.16); border-radius:50%; transform:rotate(-8deg); }
.fajr-hero__signature strong { color:var(--fajr-red); font:900 28px/.9 Arial Black,Arial,sans-serif; }
.fajr-hero__signature span { font:800 9px Arial,sans-serif; letter-spacing:.25em; }
.fajr-hero__signature small { margin-top:4px; color:rgba(240,231,216,.38); font:700 5px Arial,sans-serif; letter-spacing:.14em; }
.fajr-hero__wing { position:absolute; z-index:1; left:9%; top:21%; width:230px; height:260px; opacity:.14; transform:rotate(-10deg); }
.fajr-hero__wing i { position:absolute; left:0; bottom:0; width:220px; height:1px; background:linear-gradient(90deg,transparent,var(--fajr-cream)); transform-origin:left center; }
.fajr-hero__wing i:nth-child(1){transform:rotate(-42deg)}.fajr-hero__wing i:nth-child(2){transform:rotate(-30deg)}.fajr-hero__wing i:nth-child(3){transform:rotate(-18deg)}.fajr-hero__wing i:nth-child(4){transform:rotate(-6deg)}.fajr-hero__wing i:nth-child(5){transform:rotate(6deg)}.fajr-hero__wing i:nth-child(6){transform:rotate(18deg)}
.fajr-hero__stats { right:max(7vw,64px); bottom:35px; gap:8px; }
.fajr-hero__stats span { min-height:28px; padding:5px 10px; display:inline-flex; align-items:center; color:rgba(240,231,216,.58); border:1px solid rgba(240,231,216,.11); border-radius:999px; }

.fajr-tape { height:52px; color:#171316; background:var(--fajr-cream); border-top:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08); transform:rotate(-.35deg) scale(1.01); }
.fajr-tape > div { gap:28px; }
.fajr-tape span { color:var(--fajr-red); }.fajr-tape b { color:#171316; font-size:11px; }.fajr-tape b::before { display:none; }.fajr-tape i { color:var(--fajr-red); font-style:normal; }

.fajr-command { width:min(1160px,calc(100% - 70px)); margin:0 auto; padding:68px 0 0; gap:15px; }
.fajr-command > a { position:relative; min-height:122px; padding:24px 23px; overflow:hidden; color:#171316; background:var(--fajr-cream); border:0; border-radius:5px; box-shadow:0 18px 45px rgba(0,0,0,.14); }
.fajr-command > a::before,.fajr-command > a::after { content:""; position:absolute; top:50%; width:18px; height:18px; background:var(--fajr-bg,#0b0b0f); border-radius:50%; transform:translateY(-50%); }.fajr-command > a::before { right:-9px; }.fajr-command > a::after { left:-9px; }
.fajr-command > a:hover { color:#171316; background:#fff8eb; border-color:transparent; transform:translateY(-6px) rotate(-.35deg); box-shadow:0 24px 55px rgba(0,0,0,.24); }
.fajr-command > a > span { color:transparent; font-size:38px; -webkit-text-stroke:1px color-mix(in srgb,var(--fajr-red) 50%,transparent); }
.fajr-command small { color:var(--fajr-red); }.fajr-command strong { color:#171316; font-size:15px; }.fajr-command .icon { color:var(--fajr-red); }

.fajr-section { width:min(1180px,calc(100% - 70px)); padding:105px 0; }
.fajr-section > header { margin-bottom:46px; }.fajr-section > header span { color:var(--fajr-red); letter-spacing:.25em; }.fajr-section > header h2 { color:var(--fajr-cream); font-size:32px; font-weight:850; }.fajr-section > header a { color:rgba(240,231,216,.5); }
.fajr-film-grid { gap:48px 20px; }
.fajr-film-grid article:nth-child(even) { transform:translateY(30px); }
.fajr-film-grid article > a > div { border-radius:4px; box-shadow:0 20px 45px rgba(0,0,0,.22); }
.fajr-film-grid img { filter:saturate(.66) contrast(1.06) sepia(.06); }
.fajr-film-grid article:hover img { transform:scale(1.035); filter:saturate(.95) contrast(1.05); }
.fajr-film-grid article > a > div > span { right:auto; left:10px; bottom:-7px; color:var(--fajr-cream); font-size:52px; }
.fajr-film-grid h3,.fajr-film-grid h2 { color:var(--fajr-cream); }.fajr-film-grid p { color:rgba(240,231,216,.38); }

.fajr-spotlight { position:relative; min-height:510px; padding:110px 50px; display:grid; grid-template-columns:minmax(220px,.45fr) minmax(0,1fr); align-items:center; gap:70px; overflow:hidden; color:#161316; background:var(--fajr-cream); }
.fajr-spotlight::after { content:""; position:absolute; inset:0; opacity:.22; background-image:repeating-linear-gradient(90deg,transparent 0 59px,rgba(92,23,29,.08) 60px 61px); }
.fajr-spotlight__art { position:relative; z-index:2; min-height:290px; display:grid; place-items:center; align-content:center; border:1px solid rgba(143,16,32,.28); transform:rotate(-2deg); }
.fajr-spotlight__art b { color:transparent; font:900 160px/.75 Arial Black,Arial,sans-serif; -webkit-text-stroke:2px var(--fajr-red); }
.fajr-spotlight__art i { width:70%; height:3px; margin:18px 0; background:var(--fajr-red); }
.fajr-spotlight__art span { color:#161316; font:900 16px Arial,sans-serif; letter-spacing:.5em; }
.fajr-spotlight__frame { position:relative; z-index:2; width:auto; margin:0; padding:0; text-align:right; border:0; }
.fajr-spotlight span { color:var(--fajr-red); font-weight:800; }.fajr-spotlight h2 { max-width:760px; margin:10px 0; color:#161316; font-size:clamp(32px,4vw,54px); line-height:1.55; }.fajr-spotlight p { max-width:660px; margin:0; color:rgba(22,19,22,.58); font-size:13px; line-height:2; }

.fajr-schedule > div { border-top-color:rgba(240,231,216,.16); }
.fajr-schedule article { min-height:124px; grid-template-columns:180px 1fr 48px; border-bottom-color:rgba(240,231,216,.13); transition:.25s ease; }
.fajr-schedule article:hover { padding-inline:14px; background:rgba(240,231,216,.035); }
.fajr-schedule time { width:142px; min-height:74px; padding:12px 15px; justify-content:center; background:color-mix(in srgb,var(--fajr-red) 18%,transparent); border-right:3px solid var(--fajr-red); }
.fajr-schedule time b { color:var(--fajr-cream); }.fajr-schedule time span { color:rgba(240,231,216,.45); }
.fajr-schedule h3 { color:var(--fajr-cream); font-size:18px; }.fajr-schedule p { color:rgba(240,231,216,.4); }

.fajr-news { background:#121014; box-shadow:0 0 0 100vmax #121014; }
.fajr-news > div { gap:34px 20px; }.fajr-news img { border-radius:3px; filter:saturate(.72) contrast(1.04); }.fajr-news article.is-lead img { aspect-ratio:16/10; }.fajr-news h3 { color:var(--fajr-cream); }.fajr-news article.is-lead h3 { font-size:24px; }.fajr-news article div { color:rgba(240,231,216,.46); }
.fajr-footer { color:rgba(240,231,216,.42); border-top-color:rgba(240,231,216,.12); }.fajr-footer strong,.fajr-footer > a { color:var(--fajr-cream); }

@media (max-width:980px) {
  .fajr-nav { right:18px; left:18px; }
  .fajr-hero { min-height:1100px; padding:125px 28px 100px; grid-template-columns:1fr; gap:55px; }
  .fajr-hero__copy { max-width:720px; }
  .fajr-hero__visual { max-width:540px; justify-self:center; }
  .fajr-hero__stats { right:28px; left:28px; }
  .fajr-hero__signature { left:32px; bottom:90px; }
  .fajr-spotlight { grid-template-columns:280px 1fr; gap:45px; }
}

@media (max-width:760px) {
  .page-template-page-fajr,
  .single-olgoo_film,
  .single-olgoo_event,
  .post-type-archive-olgoo_film { padding-bottom:96px; }
  .page-template-page-fajr .mobile-dock,
  .single-olgoo_film .mobile-dock,
  .single-olgoo_event .mobile-dock,
  .post-type-archive-olgoo_film .mobile-dock { display:flex!important; }
  .page-template-page-fajr .mobile-dock__item.is-featured,
  .single-olgoo_film .mobile-dock__item.is-featured,
  .single-olgoo_event .mobile-dock__item.is-featured,
  .post-type-archive-olgoo_film .mobile-dock__item.is-featured { border-color:#09090b; }

  .fajr-nav { position:absolute; top:10px; right:10px; left:10px; height:58px; padding:0 11px; border-radius:17px; }
  .fajr-nav nav,.fajr-nav__back { display:none; }.fajr-nav__brand img { width:38px; }.fajr-nav__brand span { font-size:8px; }.fajr-nav__live { margin-right:auto; padding:7px 9px; font-size:0; }.fajr-nav__live i { margin:0; }
  .fajr-hero { min-height:auto; padding:96px 16px 38px; gap:34px; overflow:hidden; }
  .fajr-hero::before { left:-31px; bottom:300px; font-size:128px; opacity:.8; }
  .fajr-hero__copy { order:1; }
  .fajr-hero__eyebrow { margin-bottom:12px; }.fajr-hero__eyebrow i { width:30px; }.fajr-hero__eyebrow small { font-size:6.5px; }
  .fajr-hero__copy > span { min-height:27px; padding:4px 10px; font-size:9px; }
  .fajr-hero h1 { margin:13px 0 5px; font-size:clamp(42px,13vw,58px); line-height:1.22; }
  .fajr-hero__copy > p { font-size:14px; line-height:1.9; }.fajr-hero__copy > small { margin-top:10px; font-size:10px; line-height:1.95; }
  .fajr-hero__copy > div:last-child { margin-top:19px; }.fajr-hero__copy b,.fajr-hero__copy a { min-height:39px; font-size:9px; }
  .fajr-hero__visual { order:2; max-width:none; padding:0 14px 0 5px; }
  .fajr-hero__visual-frame { width:92%; margin:0 auto; aspect-ratio:4/5; height:auto!important; box-shadow:15px 15px 0 color-mix(in srgb,var(--fajr-red) 36%,transparent),0 28px 65px rgba(0,0,0,.48); transform:rotate(-1.5deg); }
  .fajr-hero__visual-badge { top:14px; right:-10px; padding:7px 10px; font-size:8px; }.fajr-hero__visual-frame > i { left:10px; font-size:58px; }
  .fajr-hero__visual > small { margin-top:23px; font-size:7.5px; }.fajr-hero__visual > strong { margin-top:5px; font-size:17px; }.fajr-hero__visual > em { margin-top:9px; }
  .fajr-hero__number { right:-13px; bottom:120px; font-size:170px; }
  .fajr-hero__signature,.fajr-hero__wing { display:none; }
  .fajr-hero__stats { position:static; order:3; margin-top:0; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
  .fajr-hero__stats span { min-width:0; justify-content:center; padding:5px 4px; text-align:center; font-size:8px; }

  .fajr-tape { height:43px; transform:none; }.fajr-tape > div { justify-content:flex-start; gap:20px; padding-inline:18px; }.fajr-tape span,.fajr-tape b { font-size:9px; }
  .fajr-command { width:100%; margin:0; padding:30px 14px 4px; display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.fajr-command::-webkit-scrollbar { display:none; }.fajr-command > a { min-width:76vw; min-height:92px; padding:18px; grid-template-columns:42px 1fr 24px; scroll-snap-align:start; }.fajr-command > a > span { font-size:30px; }.fajr-command strong { font-size:13px; }
  .fajr-section { width:calc(100% - 28px); padding:62px 0; }.fajr-section > header { margin-bottom:26px; }.fajr-section > header h2 { font-size:24px; }.fajr-section > header a { font-size:8px; }
  .fajr-film-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:31px 10px; }.fajr-film-grid article:nth-child(even) { transform:translateY(16px); }.fajr-film-grid article > a > div > span { font-size:34px; }.fajr-film-grid small { margin-top:9px; font-size:7.5px; }.fajr-film-grid h3,.fajr-film-grid h2 { font-size:13px; }.fajr-film-grid p { font-size:7.5px; }
  .fajr-spotlight { min-height:0; padding:58px 18px; grid-template-columns:1fr; gap:30px; }.fajr-spotlight__art { width:190px; min-height:190px; margin:auto; }.fajr-spotlight__art b { font-size:105px; }.fajr-spotlight__art i { margin:12px 0; }.fajr-spotlight__art span { font-size:10px; }.fajr-spotlight__frame { text-align:center; }.fajr-spotlight h2 { font-size:29px; line-height:1.62; }.fajr-spotlight p { font-size:11px; }
  .fajr-schedule article { min-height:0; padding:14px 0; grid-template-columns:86px 1fr 32px; gap:10px; }.fajr-schedule article:hover { padding-inline:0; }.fajr-schedule time { width:78px; min-height:61px; padding:9px 8px; }.fajr-schedule time b { font-size:17px; }.fajr-schedule time span { font-size:7px; }.fajr-schedule h3 { font-size:13px; line-height:1.75; }.fajr-schedule p { font-size:8px; }.fajr-schedule article > a { width:30px; height:30px; }
  .fajr-news > div { grid-template-columns:1fr 1fr; gap:24px 10px; }.fajr-news article.is-lead { grid-column:1/-1; grid-row:auto; }.fajr-news article.is-lead img { aspect-ratio:16/10; }.fajr-news article.is-lead h3 { font-size:19px; }.fajr-news h3 { font-size:12px; }.fajr-news time { font-size:7px; }
  .fajr-footer { margin-bottom:0; padding:35px 18px 20px; }
}

@media (max-width:390px) {
  .mobile-dock { gap:2px; padding-inline:6px; }.mobile-dock__label,.mobile-dock a span,.mobile-dock button span { font-size:7.5px; }.mobile-dock__item.is-featured { flex-basis:57px; width:57px; height:57px; min-height:57px; }
  .fajr-hero { padding-inline:13px; }.fajr-hero h1 { font-size:40px; }.fajr-hero__visual { padding-inline:8px; }.fajr-command > a { min-width:82vw; }.fajr-film-grid { gap-inline:8px; }
}

/* v5.1.4 — scoped trust-page polish; no global layout changes */
.mh-trust-page { --trust-accent:#d9202a; --trust-soft:#f7fafc; }
.mh-trust-hero { overflow:hidden; position:relative; }
.mh-trust-hero__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.mh-trust-hero__chips span { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 11px; border:1px solid rgba(23,33,43,.09); border-radius:999px; color:var(--text); background:rgba(255,255,255,.78); box-shadow:0 8px 24px rgba(18,57,83,.05); font-size:11px; font-weight:700; }
.mh-trust-hero__chips .icon { width:15px; height:15px; color:var(--trust-accent); }
.mh-trust-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0 26px; }
.mh-trust-points > div { position:relative; min-height:154px; padding:21px 20px 18px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%); box-shadow:0 14px 36px rgba(18,57,83,.055); }
.mh-trust-points > div::after { content:""; position:absolute; width:84px; height:84px; left:-26px; bottom:-35px; border-radius:50%; background:color-mix(in srgb,var(--trust-accent) 8%,transparent); }
.mh-trust-points span { display:block; margin-bottom:14px; color:var(--trust-accent); font-size:11px; font-weight:900; letter-spacing:.08em; }
.mh-trust-points strong { display:block; margin-bottom:7px; color:var(--ink); font-size:16px; }
.mh-trust-points p { margin:0; color:var(--muted); font-size:12px; line-height:1.9; }
.mh-trust-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:22px; align-items:start; }
.mh-trust-content { padding:28px 30px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow); }
.mh-trust-content h2 { position:relative; margin:30px 0 12px; padding-right:17px; color:var(--ink); font-size:20px; line-height:1.7; }
.mh-trust-content h2:first-child { margin-top:0; }
.mh-trust-content h2::before { content:""; position:absolute; top:.54em; right:0; width:5px; height:18px; border-radius:9px; background:var(--trust-accent); }
.mh-trust-content p,.mh-trust-content li { color:#385166; font-size:14px; line-height:2.05; }
.mh-trust-content ul,.mh-trust-content ol { margin:10px 0 22px; padding-right:23px; }
.mh-trust-content li + li { margin-top:7px; }
.mh-trust-content a { color:#aa1720; font-weight:750; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.mh-trust-aside { position:sticky; top:92px; display:grid; gap:12px; }
.mh-trust-aside > div { padding:19px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#fff,#f7fbfd); box-shadow:0 12px 34px rgba(18,57,83,.05); }
.mh-trust-aside small { display:block; margin-bottom:7px; color:var(--trust-accent); font-size:9px; font-weight:900; letter-spacing:.04em; }
.mh-trust-aside h2 { margin:0 0 12px; color:var(--ink); font-size:16px; line-height:1.7; }
.mh-trust-aside p { color:var(--muted); font-size:11px; line-height:1.9; }
.mh-trust-aside a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 0; border-top:1px solid #edf2f5; color:var(--text); font-size:11px; font-weight:800; }
.mh-trust-aside h2 + a,.mh-trust-aside small + a { border-top:0; }
.mh-trust-aside a .icon { width:15px; height:15px; }
.mh-trust-aside__contact a { direction:ltr; justify-content:flex-start; overflow-wrap:anywhere; color:#aa1720; }
.mh-trust-inline { margin:28px 0; padding:27px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,#f8fbfd,#fff); box-shadow:0 14px 38px rgba(18,57,83,.05); }
.mh-trust-inline > header { max-width:700px; margin-bottom:18px; }
.mh-trust-inline > header small { color:var(--hot); font-size:10px; font-weight:900; }
.mh-trust-inline > header h2 { margin:5px 0 5px; color:var(--ink); font-size:20px; }
.mh-trust-inline > header p { margin:0; color:var(--muted); font-size:12px; }
.mh-trust-inline > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mh-trust-inline > div > a { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; min-height:91px; padding:14px; border:1px solid #e7eef2; border-radius:15px; background:#fff; transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease); }
.mh-trust-inline > div > a:hover { transform:translateY(-2px); border-color:#d9e4ea; box-shadow:0 12px 28px rgba(18,57,83,.07); }
.mh-trust-inline > div > a > span { grid-row:1/3; display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#fff; background:var(--ink); }
.mh-trust-inline > div > a .icon { width:18px; height:18px; }
.mh-trust-inline > div > a strong { color:var(--ink); font-size:12px; }
.mh-trust-inline > div > a small { color:var(--muted); font-size:9.5px; line-height:1.7; }
.mh-author b a { color:inherit; text-decoration:none; }
@media (max-width:860px) {
  .mh-trust-layout { grid-template-columns:1fr; }
  .mh-trust-aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mh-trust-points { grid-template-columns:1fr; gap:9px; }
  .mh-trust-points > div { min-height:0; }
}
@media (max-width:640px) {
  .mh-trust-content { padding:21px 17px; border-radius:16px; }
  .mh-trust-content h2 { font-size:17px; }
  .mh-trust-content p,.mh-trust-content li { font-size:13px; }
  .mh-trust-hero__chips { gap:6px; }
  .mh-trust-hero__chips span { min-height:31px; padding:5px 9px; font-size:9.5px; }
  .mh-trust-aside { grid-template-columns:1fr; }
  .mh-trust-inline { padding:20px 14px; border-radius:16px; }
  .mh-trust-inline > div { grid-template-columns:1fr; }
}

/* =========================================================
   5.2.0 — CINEMATIC FAJR + PREMIUM EXCLUSIVE
   Scoped visual overhaul. No global layout rules are changed.
   ========================================================= */

/* ---------- Exclusive / ویژه: premium editorial object ---------- */
.special-landing--premium {
  --special-ink:#0b0d10;
  --special-paper:#f4f0e7;
  --special-paper-2:#ece6db;
  --special-red:#9c003c;
  --special-red-deep:#8c1018;
  --special-line:rgba(244,240,231,.13);
  overflow:clip;
  background:linear-gradient(180deg,#0b0d10 0 940px,#ebe7df 940px 100%);
}
.special-landing--premium .special-hero {
  min-height:960px;
  padding:52px 0 88px;
  overflow:hidden;
  color:var(--special-paper);
  background:
    radial-gradient(circle at 12% 18%,rgba(156,0,60,.34),transparent 25rem),
    radial-gradient(circle at 88% 64%,rgba(255,244,224,.08),transparent 30rem),
    linear-gradient(118deg,#15191d 0%,#0b0e11 52%,#080a0c 100%);
}
.special-landing--premium .special-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background:
    linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(255,255,255,.035) calc(100% - 1px)) 0 0/12.5% 100%,
    linear-gradient(180deg,transparent 0 calc(100% - 1px),rgba(255,255,255,.025) calc(100% - 1px)) 0 0/100% 140px;
  mask-image:linear-gradient(#000 0 75%,transparent 100%);
}
.special-landing--premium .special-hero__mesh { opacity:.11; background-size:72px 72px; }
.special-hero__glow {
  position:absolute;
  z-index:-1;
  top:160px;
  right:-150px;
  width:520px;
  height:520px;
  border:1px solid rgba(244,240,231,.08);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(244,240,231,.018),0 0 0 150px rgba(156,0,60,.024);
}
.special-hero__wordmark {
  position:absolute;
  z-index:0;
  left:-16px;
  bottom:270px;
  color:transparent;
  font:900 clamp(76px,12vw,190px)/.8 Arial Black,Arial,sans-serif;
  letter-spacing:-.055em;
  -webkit-text-stroke:1px rgba(244,240,231,.055);
  transform:rotate(-90deg) translateX(-20%);
  transform-origin:left bottom;
  user-select:none;
}
.special-landing--premium .special-hero__mast { position:relative; z-index:3; gap:24px; }
.special-hero__brand { display:flex; align-items:center; gap:13px; }
.special-landing--premium .special-hero__mast img { width:74px; height:40px; filter:grayscale(1) brightness(5); }
.special-landing--premium .special-hero__mast > .special-hero__brand span {
  padding-right:13px;
  color:rgba(244,240,231,.62);
  border-right:1px solid rgba(244,240,231,.18);
  font:800 8px Arial,sans-serif;
  letter-spacing:.22em;
}
.special-hero__edition {
  margin-right:auto;
  padding:8px 0;
  display:flex;
  align-items:center;
  gap:10px;
  direction:ltr;
  color:rgba(244,240,231,.46);
  font-family:Arial,sans-serif;
}
.special-hero__edition small { font-size:7px; letter-spacing:.2em; }
.special-hero__edition strong { padding:5px 8px; color:var(--special-paper); border:1px solid var(--special-line); border-radius:999px; font-size:9px; font-weight:700; }
.special-landing--premium .special-hero .breadcrumbs { margin-right:10px; }
.special-landing--premium .special-hero__title {
  position:relative;
  z-index:3;
  margin-top:70px;
  align-items:center;
}
.special-landing--premium .special-hero__title > div:first-child { max-width:820px; }
.special-landing--premium .special-hero__title > div:first-child > span {
  min-height:31px;
  padding:0 12px;
  display:inline-flex;
  color:#fff;
  background:var(--special-red);
  border-radius:999px;
  font-size:9px;
  letter-spacing:.08em;
}
.special-landing--premium .special-hero__title > div:first-child > span b { font:800 8px Arial,sans-serif; letter-spacing:.18em; }
.special-landing--premium .special-hero__title h1 {
  max-width:850px;
  margin:17px 0 8px;
  color:var(--special-paper);
  font-size:clamp(54px,7.5vw,104px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.07em;
  text-wrap:balance;
}
.special-landing--premium .special-hero__title p {
  max-width:720px;
  color:rgba(244,240,231,.62);
  font-size:15px;
  line-height:2.05;
}
.special-hero__signals { margin-top:23px; display:flex; flex-wrap:wrap; gap:7px; }
.special-hero__signals span {
  min-height:29px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  color:rgba(244,240,231,.58);
  border:1px solid rgba(244,240,231,.11);
  border-radius:999px;
  font-size:9px;
}
.special-landing--premium .special-hero__counter {
  position:relative;
  width:158px;
  height:158px;
  overflow:hidden;
  background:transparent;
  border:1px solid rgba(244,240,231,.19);
  border-radius:50%;
  box-shadow:0 0 0 12px rgba(244,240,231,.018),inset 0 0 70px rgba(156,0,60,.08);
}
.special-landing--premium .special-hero__counter::before {
  content:"";
  position:absolute;
  width:82%;
  height:1px;
  background:rgba(244,240,231,.15);
  transform:rotate(-38deg);
}
.special-landing--premium .special-hero__counter small { color:var(--special-red); font:800 7px Arial,sans-serif; letter-spacing:.2em; }
.special-landing--premium .special-hero__counter strong { margin-top:4px; color:var(--special-paper); font-size:46px; }
.special-landing--premium .special-hero__counter span { margin-top:5px; color:rgba(244,240,231,.46); }

.special-landing--premium .special-hero__stories {
  position:relative;
  z-index:4;
  height:500px;
  margin-top:52px;
  grid-template-columns:minmax(0,1.72fr) minmax(250px,.68fr);
  gap:11px;
}
.special-landing--premium .special-lead,
.special-landing--premium .special-side article {
  border:1px solid rgba(244,240,231,.12);
  border-radius:4px;
  background:#111417;
}
.special-landing--premium .special-lead { box-shadow:0 34px 70px rgba(0,0,0,.34); }
.special-landing--premium .special-lead::after,
.special-landing--premium .special-side article::after {
  content:"";
  position:absolute;
  inset:9px;
  z-index:2;
  border:1px solid rgba(244,240,231,.09);
  pointer-events:none;
}
.special-landing--premium .special-lead img,
.special-landing--premium .special-side img { filter:saturate(.76) contrast(1.08); }
.special-landing--premium .special-shade {
  z-index:1;
  background:linear-gradient(180deg,rgba(7,8,9,.06) 8%,rgba(7,8,9,.18) 35%,rgba(7,8,9,.94) 100%);
}
.special-lead__stamp {
  position:absolute;
  z-index:4;
  top:22px;
  left:22px;
  min-height:27px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  color:#111;
  background:var(--special-paper);
  font:800 7px Arial,sans-serif;
  letter-spacing:.18em;
}
.special-landing--premium .special-lead > a > div { z-index:4; right:38px; bottom:34px; left:38px; }
.special-landing--premium .special-lead small,
.special-landing--premium .special-side small { color:#ff7c82; }
.special-landing--premium .special-lead h2 {
  max-width:820px;
  margin:9px 0 7px;
  font-size:clamp(28px,3vw,42px);
  font-weight:850;
  line-height:1.45;
  text-wrap:balance;
}
.special-landing--premium .special-lead p { max-width:720px; color:rgba(244,240,231,.6); font-size:12px; }
.special-landing--premium .special-lead i { margin-top:18px; min-height:34px; padding:0 13px; border:1px solid rgba(244,240,231,.2); border-radius:999px; }
.special-landing--premium .special-side { gap:11px; }
.special-landing--premium .special-side article { position:relative; }
.special-landing--premium .special-side article > a > em {
  position:absolute;
  z-index:4;
  top:17px;
  left:17px;
  color:transparent;
  font:900 36px/.8 Arial Black,Arial,sans-serif;
  font-style:normal;
  -webkit-text-stroke:1px rgba(244,240,231,.62);
}
.special-landing--premium .special-side article > a > div { z-index:4; right:20px; bottom:20px; left:20px; }
.special-landing--premium .special-side h3 { color:var(--special-paper); font-size:15px; font-weight:800; }
.special-landing--premium .special-lead:hover img,
.special-landing--premium .special-side article:hover img { transform:scale(1.035); filter:saturate(.92) contrast(1.05); }

.special-manifesto {
  position:relative;
  z-index:6;
  min-height:150px;
  margin-top:-34px;
  padding:27px 30px;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1fr) auto;
  align-items:center;
  gap:35px;
  overflow:hidden;
  color:#17191b;
  background:var(--special-paper);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 24px 70px rgba(15,17,19,.23);
}
.special-manifesto::before { content:""; position:absolute; top:0; right:0; width:5px; height:100%; background:var(--special-red); }
.special-manifesto small { display:block; color:var(--special-red); font:800 7px Arial,sans-serif; letter-spacing:.2em; }
.special-manifesto strong { margin-top:5px; display:block; color:#111416; font-size:20px; line-height:1.6; }
.special-manifesto p { margin:0; color:#667077; font-size:11px; line-height:2; }
.special-manifesto > span { color:transparent; font:900 25px Arial Black,Arial,sans-serif; letter-spacing:-.04em; -webkit-text-stroke:1px rgba(19,22,24,.18); writing-mode:vertical-rl; }

.special-landing--premium .special-trends {
  min-height:58px;
  margin-top:18px;
  color:#dfe2e4;
  background:#111518;
  border:1px solid rgba(18,22,25,.08);
  border-radius:3px;
  box-shadow:none;
}
.special-landing--premium .special-trends > span { background:var(--special-red); border-radius:2px; }
.special-landing--premium .special-trends a { color:#b7bec3; background:#1a2024; border:1px solid rgba(255,255,255,.04); border-radius:2px; }
.special-landing--premium .special-trends a:hover { color:#151719; background:var(--special-paper); }

.special-landing--premium .special-feed {
  position:relative;
  margin-top:55px;
  margin-bottom:92px;
  padding:50px 46px 58px;
  overflow:hidden;
  background:#f7f3eb;
  border:1px solid rgba(30,30,30,.08);
  border-radius:4px;
  box-shadow:0 22px 65px rgba(24,25,26,.11);
}
.special-landing--premium .special-feed::after {
  content:"SELECTED";
  position:absolute;
  left:-10px;
  top:7px;
  color:transparent;
  font:900 90px Arial Black,Arial,sans-serif;
  letter-spacing:-.07em;
  -webkit-text-stroke:1px rgba(22,25,27,.045);
  pointer-events:none;
}
.special-landing--premium .special-feed > header { position:relative; z-index:2; padding-bottom:25px; border-bottom:1px solid rgba(28,31,33,.1); }
.special-landing--premium .special-feed > header small { color:var(--special-red); }
.special-landing--premium .special-feed > header h2 { color:#171b1e; font-size:32px; font-weight:900; }
.special-landing--premium .special-feed > header p { max-width:430px; color:#7d8589; line-height:1.9; }
.special-landing--premium .special-feed__grid { position:relative; z-index:2; gap:38px 19px; }
.special-landing--premium .special-feed__media { border-radius:2px; background:#1a1d20; }
.special-landing--premium .special-feed__grid .is-wide .special-feed__media { height:430px; }
.special-landing--premium .special-feed__media img { filter:saturate(.83) contrast(1.04); }
.special-landing--premium .special-feed__media span { top:0; right:0; width:43px; height:43px; color:#171a1c; background:var(--special-paper); border:0; border-radius:0; backdrop-filter:none; }
.special-landing--premium .special-feed article > a > small { color:#9a7b7d; }
.special-landing--premium .special-feed h3 { color:#1d2327; font-weight:850; }
.special-landing--premium .special-feed .is-wide h3 { font-size:27px; }
.special-landing--premium .special-feed article:hover h3 { color:var(--special-red); }

/* ---------- Fajr: true cinematic microsite ---------- */
.fajr-site--cinema {
  --fajr-cream:#f0e7d8;
  --fajr-cream-soft:#d8ccbb;
  --fajr-black:#080709;
  --fajr-card:#121014;
  background:#080709;
}
.fajr-site--cinema .fajr-nav {
  position:fixed;
  z-index:80;
  top:14px;
  right:max(18px,2vw);
  left:max(18px,2vw);
  height:62px;
  padding:0 18px;
  gap:30px;
  color:var(--fajr-cream);
  background:rgba(9,8,10,.82);
  border:1px solid rgba(240,231,216,.12);
  border-radius:999px;
  box-shadow:0 12px 40px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.fajr-site--cinema .fajr-nav__brand { gap:10px; }
.fajr-site--cinema .fajr-nav__brand img { width:54px; height:31px; filter:grayscale(1) brightness(4.5); }
.fajr-site--cinema .fajr-nav__brand span { color:var(--fajr-cream); font-size:9px; letter-spacing:.12em; }
.fajr-site--cinema .fajr-nav nav a { position:relative; color:rgba(240,231,216,.62); }
.fajr-site--cinema .fajr-nav nav a::after { content:""; position:absolute; right:50%; bottom:-8px; width:0; height:1px; background:var(--fajr-red); transition:.25s ease; }
.fajr-site--cinema .fajr-nav nav a:hover::after { right:0; width:100%; }
.fajr-site--cinema .fajr-nav__live { margin-right:auto; }
.fajr-site--cinema .fajr-nav__back { margin-right:0; color:rgba(240,231,216,.66); border-color:rgba(240,231,216,.15); border-radius:999px; }

.fajr-site--cinema .fajr-hero {
  isolation:isolate;
  min-height:930px;
  padding:155px max(7vw,70px) 125px;
  grid-template-columns:minmax(0,1fr) minmax(330px,480px);
  gap:7vw;
  overflow:hidden;
  background:
    radial-gradient(circle at 68% 45%,rgba(143,16,32,.28),transparent 30rem),
    linear-gradient(110deg,#0b090c 0%,#080709 55%,#050506 100%);
}
.fajr-hero__backdrop {
  position:absolute;
  z-index:-4;
  inset:0;
  overflow:hidden;
  opacity:.29;
}
.fajr-hero__backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#080709 0%,rgba(8,7,9,.8) 42%,rgba(8,7,9,.36) 78%,#080709 100%),linear-gradient(0deg,#080709 0%,transparent 44%,rgba(8,7,9,.5) 100%); }
.fajr-hero__backdrop img { width:100%; height:100%; object-fit:cover; filter:grayscale(.35) saturate(.65) contrast(1.12); transform:scale(1.035); }
.fajr-hero__curtain {
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0 7%,transparent 18% 82%,rgba(0,0,0,.74) 95% 100%),
    repeating-linear-gradient(90deg,transparent 0 8.2%,rgba(240,231,216,.025) 8.25% 8.35%);
  mix-blend-mode:normal;
}
.fajr-site--cinema .fajr-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:95px;
  right:max(4vw,30px);
  bottom:86px;
  left:max(4vw,30px);
  border:1px solid rgba(240,231,216,.095);
  pointer-events:none;
}
.fajr-site--cinema .fajr-hero::after { opacity:.18; }
.fajr-site--cinema .fajr-hero__noise { opacity:.075; }
.fajr-hero__cinemascope {
  position:absolute;
  z-index:3;
  top:108px;
  right:max(4vw,30px);
  left:max(4vw,30px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  color:rgba(240,231,216,.31);
  font:700 7px Arial,sans-serif;
  letter-spacing:.22em;
  direction:ltr;
}
.fajr-hero__cinemascope i { height:1px; background:rgba(240,231,216,.12); }
.fajr-site--cinema .fajr-hero__copy { position:relative; z-index:5; max-width:700px; }
.fajr-site--cinema .fajr-hero__eyebrow { color:rgba(240,231,216,.48); }
.fajr-site--cinema .fajr-hero__copy > span { min-height:32px; padding:0 13px; background:var(--fajr-red); border-radius:2px; }
.fajr-site--cinema .fajr-hero h1 {
  max-width:700px;
  margin:20px 0 11px;
  color:var(--fajr-cream);
  font-size:clamp(60px,7vw,104px);
  font-weight:950;
  line-height:1.02;
  letter-spacing:-.065em;
  text-shadow:0 8px 40px rgba(0,0,0,.28);
}
.fajr-site--cinema .fajr-hero__copy > p { max-width:600px; color:rgba(240,231,216,.79); font-size:19px; line-height:1.85; }
.fajr-site--cinema .fajr-hero__copy > small { max-width:590px; color:rgba(240,231,216,.48); font-size:11px; }
.fajr-hero__actions { margin-top:30px!important; display:flex!important; flex-wrap:wrap; gap:10px!important; }
.fajr-site--cinema .fajr-hero__actions b { min-height:44px; border-radius:2px; background:rgba(8,7,9,.35); }
.fajr-site--cinema .fajr-hero__actions a { min-height:46px; border-radius:2px; box-shadow:0 15px 35px rgba(143,16,32,.28); }
.fajr-hero__credit {
  margin-top:25px!important;
  padding-top:18px;
  display:grid!important;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  justify-content:start;
  gap:10px!important;
  direction:ltr;
  border-top:1px solid rgba(240,231,216,.1);
  color:rgba(240,231,216,.34);
  font-family:Arial,sans-serif;
}
.fajr-hero__credit span { font-size:6px; letter-spacing:.22em; }
.fajr-hero__credit strong { color:rgba(240,231,216,.64); font-size:8px; letter-spacing:.17em; }
.fajr-hero__credit i { justify-self:end; color:transparent; font:900 24px Arial Black,Arial,sans-serif; font-style:normal; -webkit-text-stroke:1px rgba(240,231,216,.25); }

.fajr-site--cinema .fajr-hero__visual { z-index:6; max-width:455px; }
.fajr-site--cinema .fajr-hero__visual-frame {
  height:555px;
  overflow:visible;
  background:#151116;
  border:1px solid rgba(240,231,216,.2);
  box-shadow:32px 32px 0 rgba(240,231,216,.025),0 45px 100px rgba(0,0,0,.55);
  transform:rotate(1.2deg);
}
.fajr-site--cinema .fajr-hero__visual-frame::before { top:-14px; right:-14px; width:55px; height:55px; }
.fajr-site--cinema .fajr-hero__visual-frame::after { bottom:-14px; left:-14px; width:55px; height:55px; }
.fajr-site--cinema .fajr-hero__visual-frame img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.09) sepia(.05); }
.fajr-site--cinema .fajr-hero__visual-frame > i { left:16px; bottom:9px; color:var(--fajr-cream); font-size:84px; opacity:.88; }
.fajr-site--cinema .fajr-hero__visual-badge { top:22px; right:-19px; border-radius:2px; }
.fajr-hero__poster-code {
  position:absolute;
  z-index:4;
  right:18px;
  bottom:18px;
  padding:6px 8px;
  color:rgba(240,231,216,.85);
  background:rgba(8,7,9,.82);
  border:1px solid rgba(240,231,216,.14);
  font:700 6px Arial,sans-serif;
  letter-spacing:.18em;
  direction:ltr;
}
.fajr-site--cinema .fajr-hero__visual > small { margin-top:31px; }
.fajr-site--cinema .fajr-hero__visual > strong { font-size:22px; }
.fajr-site--cinema .fajr-hero__visual:hover .fajr-hero__visual-frame { transform:rotate(0) translateY(-7px); }
.fajr-site--cinema .fajr-hero__number { right:3vw; bottom:-12px; opacity:.21; font-size:clamp(220px,28vw,430px); }
.fajr-site--cinema .fajr-hero__signature { left:max(4vw,32px); bottom:34px; width:92px; height:92px; background:rgba(8,7,9,.35); }
.fajr-site--cinema .fajr-hero__wing { opacity:.1; }
.fajr-site--cinema .fajr-hero__stats { right:auto; left:max(4vw,32px); bottom:145px; flex-direction:column; align-items:flex-start; }
.fajr-site--cinema .fajr-hero__stats span { min-width:84px; justify-content:center; border-radius:2px; background:rgba(8,7,9,.32); }

.fajr-site--cinema .fajr-tape { height:54px; transform:none; background:var(--fajr-cream); }
.fajr-site--cinema .fajr-command { padding-top:62px; }
.fajr-site--cinema .fajr-command > a {
  min-height:136px;
  border-radius:2px;
  background:#efe4d3;
  box-shadow:0 20px 55px rgba(0,0,0,.2);
}
.fajr-site--cinema .fajr-command > a:hover { transform:translateY(-5px); background:#fff7e9; }
.fajr-site--cinema .fajr-command > a > span { font-size:44px; }

.fajr-prologue {
  position:relative;
  width:min(1180px,calc(100% - 70px));
  min-height:330px;
  margin:90px auto 10px;
  padding:48px;
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 55px;
  align-items:center;
  gap:50px;
  overflow:hidden;
  color:var(--fajr-cream);
  border:1px solid rgba(240,231,216,.12);
  background:linear-gradient(125deg,rgba(240,231,216,.03),rgba(143,16,32,.07));
}
.fajr-prologue::after { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0 69px,rgba(240,231,216,.022) 70px 71px); }
.fajr-prologue__index { position:relative; z-index:2; min-height:215px; display:grid; place-items:center; align-content:center; border:1px solid rgba(240,231,216,.14); }
.fajr-prologue__index b { color:transparent; font:900 118px/.8 Arial Black,Arial,sans-serif; -webkit-text-stroke:2px var(--fajr-red); }
.fajr-prologue__index span { margin-top:18px; color:rgba(240,231,216,.35); font:700 7px Arial,sans-serif; letter-spacing:.22em; }
.fajr-prologue__copy { position:relative; z-index:2; }
.fajr-prologue__copy small { color:var(--fajr-red); font:800 7px Arial,sans-serif; letter-spacing:.23em; }
.fajr-prologue__copy h2 { max-width:680px; margin:9px 0 10px; color:var(--fajr-cream); font-size:clamp(30px,4vw,52px); line-height:1.5; }
.fajr-prologue__copy p { max-width:620px; margin:0; color:rgba(240,231,216,.48); font-size:12px; line-height:2.1; }
.fajr-prologue__meter { position:relative; z-index:2; height:210px; display:flex; flex-direction:column; justify-content:space-between; }
.fajr-prologue__meter span { height:1px; background:rgba(240,231,216,.16); }
.fajr-prologue__meter span:nth-child(3) { background:var(--fajr-red); }

.fajr-site--cinema .fajr-section { width:min(1180px,calc(100% - 70px)); padding:112px 0; }
.fajr-site--cinema .fajr-section > header { padding-bottom:20px; border-bottom:1px solid rgba(240,231,216,.1); }
.fajr-site--cinema .fajr-section > header h2 { font-size:34px; }
.fajr-site--cinema .fajr-film-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:56px 20px; }
.fajr-site--cinema .fajr-film-grid article:nth-child(even) { transform:translateY(36px); }
.fajr-site--cinema .fajr-film-grid article > a > div { position:relative; overflow:hidden; border-radius:2px; background:#151116; }
.fajr-site--cinema .fajr-film-grid article > a > div::after { content:""; position:absolute; inset:8px; border:1px solid rgba(240,231,216,.09); pointer-events:none; }
.fajr-site--cinema .fajr-film-grid article > a > div > em {
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  padding:5px 7px;
  color:rgba(240,231,216,.78);
  background:rgba(8,7,9,.72);
  border:1px solid rgba(240,231,216,.13);
  font:700 5px Arial,sans-serif;
  font-style:normal;
  letter-spacing:.17em;
}
.fajr-site--cinema .fajr-film-grid article > a > div > span { z-index:3; }
.fajr-site--cinema .fajr-film-grid h3 { margin-top:4px; font-size:17px; }

.fajr-site--cinema .fajr-spotlight {
  min-height:610px;
  padding:125px max(6vw,55px);
  grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);
  gap:85px;
  background:#eee2d0;
}
.fajr-site--cinema .fajr-spotlight::before {
  content:"FAJR / 44 / IRANIAN CINEMA";
  position:absolute;
  left:28px;
  bottom:20px;
  color:rgba(22,19,22,.2);
  font:800 7px Arial,sans-serif;
  letter-spacing:.24em;
  direction:ltr;
}
.fajr-site--cinema .fajr-spotlight__art { min-height:340px; border-color:rgba(143,16,32,.3); }
.fajr-site--cinema .fajr-spotlight__art b { font-size:185px; }
.fajr-site--cinema .fajr-spotlight h2 { font-size:clamp(38px,4.4vw,60px); line-height:1.48; }
.fajr-site--cinema .fajr-spotlight p { font-size:13px; }
.fajr-site--cinema .fajr-spotlight__frame > small { margin-top:20px; display:block; color:rgba(22,19,22,.35); font:700 7px Arial,sans-serif; letter-spacing:.2em; direction:ltr; }

.fajr-site--cinema .fajr-schedule article { min-height:130px; }
.fajr-site--cinema .fajr-schedule article:hover { background:rgba(240,231,216,.03); }
.fajr-site--cinema .fajr-news { background:#100e11; box-shadow:0 0 0 100vmax #100e11; }
.fajr-site--cinema .fajr-news > div { grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,.65fr)); }
.fajr-site--cinema .fajr-news img { border-radius:2px; }
.fajr-site--cinema .fajr-news article.is-lead h3 { font-size:26px; }
.fajr-site--cinema .fajr-footer { min-height:130px; padding-top:44px; padding-bottom:44px; }

/* Mobile — cinematic, not a squeezed desktop layout. */
@media (max-width:900px) {
  .special-hero__edition { display:none; }
  .special-landing--premium .special-hero { min-height:auto; padding-top:110px; padding-bottom:72px; }
  .special-landing--premium .special-hero__title { margin-top:38px; align-items:flex-start; }
  .special-landing--premium .special-hero__title h1 { font-size:clamp(52px,16vw,78px); }
  .special-landing--premium .special-hero__stories { height:auto; grid-template-columns:1fr; }
  .special-landing--premium .special-lead { height:520px; }
  .special-landing--premium .special-side { grid-template-columns:repeat(2,minmax(250px,1fr)); grid-template-rows:220px; grid-auto-flow:column; overflow-x:auto; scroll-snap-type:x mandatory; }
  .special-landing--premium .special-side article { scroll-snap-align:start; }
  .special-manifesto { grid-template-columns:1fr; gap:14px; padding:26px; }
  .special-manifesto > span { display:none; }
  .special-landing--premium .special-feed { padding:34px 25px 42px; }

  .fajr-site--cinema .fajr-nav { right:12px; left:12px; top:10px; height:58px; padding:0 13px; }
  .fajr-site--cinema .fajr-nav nav { display:none; }
  .fajr-site--cinema .fajr-nav__live { margin-right:auto; font-size:8px; }
  .fajr-site--cinema .fajr-nav__back { display:none; }
  .fajr-site--cinema .fajr-hero {
    min-height:auto;
    padding:120px 20px 88px;
    grid-template-columns:1fr;
    gap:40px;
  }
  .fajr-site--cinema .fajr-hero::before { top:85px; right:12px; bottom:24px; left:12px; }
  .fajr-hero__cinemascope { top:93px; right:20px; left:20px; }
  .fajr-site--cinema .fajr-hero__copy { order:1; }
  .fajr-site--cinema .fajr-hero h1 { font-size:clamp(54px,18vw,82px); line-height:1.05; }
  .fajr-site--cinema .fajr-hero__copy > p { font-size:16px; }
  .fajr-site--cinema .fajr-hero__visual { order:2; width:86%; max-width:470px; justify-self:center; }
  .fajr-site--cinema .fajr-hero__visual-frame { height:auto; aspect-ratio:3/4; }
  .fajr-site--cinema .fajr-hero__stats { position:static; order:3; margin-top:3px; flex-direction:row; flex-wrap:wrap; }
  .fajr-site--cinema .fajr-hero__signature,.fajr-site--cinema .fajr-hero__reel,.fajr-site--cinema .fajr-hero__wing { display:none; }
  .fajr-site--cinema .fajr-hero__number { right:-8%; bottom:2%; font-size:260px; }
  .fajr-prologue { width:calc(100% - 36px); min-height:auto; margin-top:58px; padding:28px; grid-template-columns:1fr; gap:28px; }
  .fajr-prologue__index { min-height:180px; }
  .fajr-prologue__meter { height:auto; flex-direction:row; gap:8px; }
  .fajr-prologue__meter span { width:20%; }
  .fajr-site--cinema .fajr-section { width:calc(100% - 36px); padding:82px 0; }
  .fajr-site--cinema .fajr-film-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px 13px; }
  .fajr-site--cinema .fajr-film-grid article:nth-child(even) { transform:translateY(24px); }
  .fajr-site--cinema .fajr-spotlight { min-height:auto; padding:75px 22px; grid-template-columns:1fr; gap:44px; }
  .fajr-site--cinema .fajr-spotlight__art { width:min(360px,90%); min-height:300px; margin:auto; }
  .fajr-site--cinema .fajr-spotlight__frame { text-align:center; }
  .fajr-site--cinema .fajr-spotlight h2,.fajr-site--cinema .fajr-spotlight p { margin-right:auto; margin-left:auto; }
  .fajr-site--cinema .fajr-news > div { grid-template-columns:1fr 1fr; }
  .fajr-site--cinema .fajr-news article.is-lead { grid-column:1/-1; grid-row:auto; }
}

@media (max-width:560px) {
  .special-landing--premium .special-hero { padding-top:92px; }
  .special-landing--premium .special-hero__mast { align-items:center; }
  .special-landing--premium .special-hero__brand span { display:none; }
  .special-landing--premium .special-hero__title { display:block; }
  .special-landing--premium .special-hero__title h1 { font-size:58px; }
  .special-landing--premium .special-hero__title p { font-size:12px; }
  .special-landing--premium .special-hero__counter { width:92px; height:92px; margin-top:24px; border-radius:50%; }
  .special-landing--premium .special-hero__counter strong { font-size:30px; }
  .special-landing--premium .special-hero__counter small { display:none; }
  .special-landing--premium .special-lead { height:430px; }
  .special-landing--premium .special-lead > a > div { right:20px; bottom:22px; left:20px; }
  .special-landing--premium .special-lead h2 { font-size:24px; }
  .special-landing--premium .special-lead p { display:none; }
  .special-lead__stamp { top:15px; left:15px; }
  .special-landing--premium .special-side { grid-template-columns:repeat(2,82vw); grid-template-rows:205px; }
  .special-manifesto { width:calc(100% - 28px); min-height:0; margin-right:auto; margin-left:auto; }
  .special-landing--premium .special-trends { width:calc(100% - 28px); }
  .special-landing--premium .special-feed { margin-top:42px; padding:28px 17px 36px; border-radius:0; }
  .special-landing--premium .special-feed > header { align-items:flex-start; flex-direction:column; }
  .special-landing--premium .special-feed__grid { grid-template-columns:1fr; }
  .special-landing--premium .special-feed__grid article.is-wide { grid-column:auto; grid-row:auto; }
  .special-landing--premium .special-feed__grid .is-wide .special-feed__media,.special-landing--premium .special-feed__media { height:240px; }

  .fajr-site--cinema .fajr-nav__live { display:none; }
  .fajr-site--cinema .fajr-nav { justify-content:center; }
  .fajr-site--cinema .fajr-nav__brand { margin:auto; }
  .fajr-site--cinema .fajr-hero { padding:110px 17px 72px; gap:32px; }
  .fajr-hero__cinemascope { display:none; }
  .fajr-site--cinema .fajr-hero h1 { font-size:56px; }
  .fajr-site--cinema .fajr-hero__copy > small { display:none; }
  .fajr-hero__credit { grid-template-columns:auto auto; }
  .fajr-hero__credit i { display:none; }
  .fajr-site--cinema .fajr-hero__visual { width:92%; }
  .fajr-site--cinema .fajr-hero__visual-badge { right:-10px; }
  .fajr-site--cinema .fajr-hero__number { font-size:210px; }
  .fajr-site--cinema .fajr-command { width:calc(100% - 30px); grid-template-columns:1fr; padding-top:42px; }
  .fajr-site--cinema .fajr-command > a { min-height:100px; }
  .fajr-prologue { width:calc(100% - 30px); margin-top:50px; padding:22px; }
  .fajr-prologue__index { min-height:150px; }
  .fajr-prologue__index b { font-size:92px; }
  .fajr-prologue__copy h2 { font-size:30px; }
  .fajr-site--cinema .fajr-section { width:calc(100% - 30px); padding:72px 0; }
  .fajr-site--cinema .fajr-section > header h2 { font-size:27px; }
  .fajr-site--cinema .fajr-film-grid { grid-template-columns:1fr 1fr; gap:38px 10px; }
  .fajr-site--cinema .fajr-film-grid article:nth-child(even) { transform:translateY(18px); }
  .fajr-site--cinema .fajr-film-grid article > a > div > em { display:none; }
  .fajr-site--cinema .fajr-film-grid h3 { font-size:14px; }
  .fajr-site--cinema .fajr-spotlight { padding:62px 18px; }
  .fajr-site--cinema .fajr-spotlight__art { min-height:240px; }
  .fajr-site--cinema .fajr-spotlight__art b { font-size:135px; }
  .fajr-site--cinema .fajr-spotlight h2 { font-size:33px; }
  .fajr-site--cinema .fajr-schedule article { grid-template-columns:94px 1fr 34px; gap:12px; }
  .fajr-site--cinema .fajr-schedule time { width:auto; min-height:64px; padding:9px; }
  .fajr-site--cinema .fajr-schedule time b { font-size:18px; }
  .fajr-site--cinema .fajr-news > div { grid-template-columns:1fr; }
  .fajr-site--cinema .fajr-news article.is-lead { grid-column:auto; }
  .fajr-site--cinema .fajr-footer { padding-right:20px; padding-left:20px; }
}

/* Performance mode keeps the new art direction while removing costly paint work. */
.olgoo-performance .fajr-site--cinema .fajr-nav { backdrop-filter:none; background:#0c0a0d; }
.olgoo-performance .fajr-site--cinema .fajr-hero__noise,
.olgoo-performance .fajr-site--cinema .fajr-hero__wing,
.olgoo-performance .special-hero__mesh { display:none; }
.olgoo-performance .fajr-hero__backdrop img { filter:saturate(.72) contrast(1.08); }
.olgoo-performance .special-landing--premium .special-lead img,
.olgoo-performance .special-landing--premium .special-side img,
.olgoo-performance .special-landing--premium .special-feed__media img { transition-duration:.25s; }

@media (prefers-reduced-motion:reduce) {
  .special-landing--premium *,
  .fajr-site--cinema * { scroll-behavior:auto!important; }
  .special-landing--premium .special-lead img,
  .special-landing--premium .special-side img,
  .fajr-site--cinema .fajr-hero__visual-frame,
  .fajr-site--cinema .fajr-film-grid img { transition:none!important; }
}

.special-landing--premium .special-lead{position:relative}

/* v5.2.1 — crossed festival tapes + extra cinematic sections */
.fajr-crossband {
  position: relative;
  z-index: 5;
  min-height: 96px;
  margin-top: -18px;
}
.fajr-crossband .fajr-tape {
  position: absolute;
  right: -1%;
  left: -1%;
  width: 102%;
  box-shadow: 0 18px 34px rgba(0,0,0,.18);
}
.fajr-crossband .fajr-tape--primary {
  top: 10px;
  transform: rotate(-1.25deg) scale(1.01);
}
.fajr-crossband .fajr-tape--secondary {
  top: 36px;
  background: color-mix(in srgb,var(--fajr-red) 88%,#1a1618);
  color: var(--fajr-cream);
  border-color: rgba(240,231,216,.18);
  transform: rotate(1.15deg) scale(1.01);
}
.fajr-crossband .fajr-tape--secondary span,
.fajr-crossband .fajr-tape--secondary i { color: var(--fajr-cream); }
.fajr-crossband .fajr-tape--secondary b { color: #fff5e6; }

.fajr-scenes { padding-top: 78px; }
.fajr-scenes > header p { max-width: 760px; color: rgba(240,231,216,.52); font-size: 12px; line-height: 2; }
.fajr-scenes__grid {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) repeat(2,minmax(0,.7fr));
  gap: 20px;
}
.fajr-scenes__grid article {
  min-height: 275px;
  padding: 28px 24px 24px;
  position: relative;
  overflow: hidden;
  color: var(--fajr-cream);
  background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--fajr-red) 26%,transparent),transparent 8rem),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border: 1px solid rgba(240,231,216,.11);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
}
.fajr-scenes__grid article::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(240,231,216,.08);
  border-radius: 18px;
  pointer-events: none;
}
.fajr-scenes__grid article::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  left: -32px;
  bottom: -48px;
  border: 1px solid rgba(240,231,216,.08);
  border-radius: 50%;
}
.fajr-scenes__grid article small { color: var(--fajr-red); font: 800 10px Arial,sans-serif; letter-spacing: .18em; }
.fajr-scenes__grid article h3 { max-width: 440px; margin: 14px 0 10px; color: #fff7ea; font-size: 24px; line-height: 1.6; }
.fajr-scenes__grid article p { margin: 0; color: rgba(240,231,216,.68); font-size: 12px; line-height: 2; }
.fajr-scenes__grid article span { margin-top: 18px; display: inline-flex; color: rgba(240,231,216,.42); font-size: 10px; }
.fajr-scenes__grid .is-major {
  min-height: 310px;
  background:
    linear-gradient(130deg,rgba(217,32,50,.2),transparent 42%),
    radial-gradient(circle at 82% 12%,rgba(240,231,216,.08),transparent 10rem),
    linear-gradient(155deg,#1a0f14,#0e0d11 68%,#191015 100%);
}
.fajr-scenes__grid .is-major h3 { font-size: 31px; }

.fajr-cinema-notes__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.fajr-cinema-notes__grid article {
  padding: 28px 24px 26px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(240,231,216,.1);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(0,0,0,.16);
}
.fajr-cinema-notes__grid b {
  display: inline-flex;
  min-height: 28px;
  padding: 0 10px;
  align-items: center;
  color: #161316;
  background: var(--fajr-cream);
  border-radius: 999px;
  font: 800 10px Arial,sans-serif;
  letter-spacing: .18em;
}
.fajr-cinema-notes__grid h3 { margin: 16px 0 8px; color: var(--fajr-cream); font-size: 19px; }
.fajr-cinema-notes__grid p { margin: 0; color: rgba(240,231,216,.56); font-size: 12px; line-height: 2; }

@media (max-width:980px) {
  .fajr-crossband { min-height: 106px; }
  .fajr-scenes__grid { grid-template-columns: 1fr 1fr; }
  .fajr-scenes__grid .is-major { grid-column: 1 / -1; }
  .fajr-cinema-notes__grid { grid-template-columns: 1fr; }
}

@media (max-width:760px) {
  .fajr-crossband {
    min-height: 120px;
    margin-top: -8px;
  }
  .fajr-crossband .fajr-tape--primary { top: 8px; transform: rotate(-2deg) scale(1.02); }
  .fajr-crossband .fajr-tape--secondary { top: 42px; transform: rotate(2deg) scale(1.02); }
  .fajr-scenes { padding-top: 60px; }
  .fajr-scenes__grid { grid-template-columns: 1fr; }
  .fajr-scenes__grid article,
  .fajr-scenes__grid .is-major { min-height: auto; }
  .fajr-scenes__grid article h3,
  .fajr-scenes__grid .is-major h3 { font-size: 22px; }
}

/* v5.2.2 — unmistakable crossed tapes + richer cinema editorial system */
.fajr-crossband {
  position: relative;
  z-index: 8;
  min-height: 154px;
  margin: -34px 0 -4px;
  overflow: hidden;
  isolation: isolate;
}
.fajr-crossband::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 24px 0 20px;
  background: radial-gradient(circle at 50% 50%,rgba(217,32,50,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.018),transparent);
  pointer-events: none;
}
.fajr-crossband::after {
  content: "44";
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  color: var(--fajr-cream);
  background: #0c0a0d;
  border: 2px solid var(--fajr-red);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(12,10,13,.88),0 18px 42px rgba(0,0,0,.38);
  transform: translate(-50%,-50%) rotate(-7deg);
  font: 900 24px Arial Black,Arial,sans-serif;
  letter-spacing: -.06em;
}
.fajr-crossband .fajr-tape {
  position: absolute;
  right: -6%;
  left: -6%;
  width: 112%;
  height: 56px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 18px 40px rgba(0,0,0,.24);
  transform-origin: center center;
}
.fajr-crossband .fajr-tape--primary {
  z-index: 2;
  top: 43px;
  background: var(--fajr-cream);
  transform: rotate(-3.4deg);
}
.fajr-crossband .fajr-tape--secondary {
  z-index: 3;
  top: 49px;
  color: var(--fajr-cream);
  background: linear-gradient(90deg,#8d0f1e,var(--fajr-red),#750b17);
  border: 1px solid rgba(240,231,216,.18);
  transform: rotate(3.25deg);
}
.fajr-crossband .fajr-tape--primary > div { animation-duration: 22s; }
.fajr-crossband .fajr-tape--secondary > div { animation-duration: 18s; animation-direction: reverse; }
.fajr-crossband .fajr-tape--secondary span,
.fajr-crossband .fajr-tape--secondary i,
.fajr-crossband .fajr-tape--secondary b { color: #fff5e8; }

/* Fallback: even cached v5.2.0 HTML with one direct tape gets a second crossed strip once v5.2.2 CSS is loaded. */
.fajr-site--cinema > .fajr-tape:not(.fajr-tape--primary):not(.fajr-tape--secondary) {
  position: relative;
  z-index: 8;
  height: 126px;
  margin: -18px 0 0;
  overflow: hidden;
  background: transparent;
  transform: none;
}
.fajr-site--cinema > .fajr-tape:not(.fajr-tape--primary):not(.fajr-tape--secondary) > div {
  position: absolute;
  z-index: 2;
  top: 34px;
  right: -5%;
  width: 110%;
  height: 52px;
  padding-inline: 25px;
  color: #171316;
  background: var(--fajr-cream);
  transform: rotate(-3deg);
  box-shadow: 0 14px 32px rgba(0,0,0,.2);
}
.fajr-site--cinema > .fajr-tape:not(.fajr-tape--primary):not(.fajr-tape--secondary)::after {
  content: "PREMIERE NIGHTS   ✦   پشت صحنه   ✦   FAJR SCREENING   ✦   گزارش روزانه   ✦   OLGOO CINEMA   ✦   RED CARPET";
  position: absolute;
  z-index: 3;
  top: 39px;
  right: -8%;
  width: 116%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff5e8;
  background: linear-gradient(90deg,#770b17,var(--fajr-red),#8d0f1e);
  border: 1px solid rgba(240,231,216,.16);
  box-shadow: 0 18px 38px rgba(0,0,0,.24);
  transform: rotate(3deg);
  font: 800 10px/1.2 Arial,sans-serif;
  letter-spacing: .08em;
  white-space: pre;
}

.fajr-scenes { position: relative; padding-top: 82px; }
.fajr-scenes::before {
  content: "CINEMA / 44";
  position: absolute;
  left: 0;
  top: 74px;
  color: rgba(240,231,216,.06);
  font: 900 clamp(64px,9vw,130px)/1 Arial Black,Arial,sans-serif;
  letter-spacing: -.08em;
  direction: ltr;
  pointer-events: none;
}
.fajr-scenes > header { position: relative; z-index: 2; }
.fajr-scenes > header p { max-width: 760px; color: rgba(240,231,216,.5); font-size: 12px; line-height: 2; }
.fajr-scenes__grid { position: relative; z-index: 2; grid-template-columns: minmax(0,1.18fr) repeat(2,minmax(0,.68fr)); gap: 18px; }
.fajr-scenes__grid article {
  min-height: 300px;
  padding: 34px 28px 28px;
  border-radius: 4px;
  background:
    radial-gradient(circle at 84% 8%,rgba(217,32,50,.22),transparent 8rem),
    linear-gradient(145deg,#151216,#0c0b0e 72%,#171015);
  border: 1px solid rgba(240,231,216,.12);
  box-shadow: 0 28px 70px rgba(0,0,0,.26);
}
.fajr-scenes__grid article::before { inset: 10px; border-radius: 1px; border-color: rgba(240,231,216,.075); }
.fajr-scenes__grid article small { color: var(--fajr-red); letter-spacing: .22em; }
.fajr-scenes__grid article h3 { margin-top: 18px; font-size: 25px; }
.fajr-scenes__grid .is-major { min-height: 340px; background: linear-gradient(132deg,rgba(217,32,50,.25),transparent 40%),radial-gradient(circle at 75% 20%,rgba(240,231,216,.08),transparent 12rem),#100d11; }
.fajr-scenes__grid .is-major h3 { font-size: 34px; }

.fajr-premiere-wall { position: relative; }
.fajr-premiere-wall > header p { max-width: 660px; color: rgba(240,231,216,.48); font-size: 12px; line-height: 2; }
.fajr-premiere-wall__grid {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) repeat(2,minmax(0,.72fr));
  gap: 18px;
}
.fajr-premiere-wall__grid article { min-width: 0; }
.fajr-premiere-wall__grid article > a { display: block; color: inherit; }
.fajr-premiere-wall__media {
  position: relative;
  height: 250px;
  overflow: hidden;
  background: #141116;
  border: 1px solid rgba(240,231,216,.1);
}
.fajr-premiere-wall__grid .is-feature .fajr-premiere-wall__media { height: 470px; }
.fajr-premiere-wall__media::after { content:""; position:absolute; inset:10px; border:1px solid rgba(240,231,216,.11); pointer-events:none; }
.fajr-premiere-wall__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(1.08) sepia(.04); transition: transform .5s var(--ease),filter .5s var(--ease); }
.fajr-premiere-wall__media span { position:absolute; z-index:3; left:16px; bottom:8px; color:transparent; font:900 70px/.8 Arial Black,Arial,sans-serif; -webkit-text-stroke:1px rgba(240,231,216,.58); }
.fajr-premiere-wall__media i { position:absolute; z-index:3; right:15px; top:15px; padding:6px 8px; color:rgba(240,231,216,.8); background:rgba(7,6,8,.76); border:1px solid rgba(240,231,216,.12); font:700 6px Arial,sans-serif; font-style:normal; letter-spacing:.18em; }
.fajr-premiere-wall__grid article > a > small { margin-top:15px; display:block; color:var(--fajr-red); font-size:9px; }
.fajr-premiere-wall__grid h3 { margin:7px 0 0; color:var(--fajr-cream); font-size:18px; line-height:1.75; }
.fajr-premiere-wall__grid .is-feature h3 { max-width:760px; font-size:30px; }
.fajr-premiere-wall__grid p { max-width:690px; color:rgba(240,231,216,.5); font-size:12px; line-height:2; }
.fajr-premiere-wall__grid article:hover img { transform: scale(1.035); filter:saturate(.95) contrast(1.06); }

.fajr-cinema-notes { padding-top: 78px !important; }
.fajr-cinema-notes__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(240,231,216,.13); border: 1px solid rgba(240,231,216,.13); }
.fajr-cinema-notes__grid article { min-height: 230px; padding: 34px 28px; border: 0; border-radius: 0; background: #100e11; box-shadow: none; }
.fajr-cinema-notes__grid article:nth-child(2) { background: #eee2d0; }
.fajr-cinema-notes__grid article:nth-child(2) h3 { color:#171316; }
.fajr-cinema-notes__grid article:nth-child(2) p { color:rgba(23,19,22,.58); }
.fajr-cinema-notes__grid article:nth-child(2) b { color:#fff6e8; background:var(--fajr-red); }
.fajr-cinema-notes__grid h3 { font-size:22px; }

.fajr-intermission {
  position: relative;
  width: min(1180px,calc(100% - 70px));
  min-height: 350px;
  margin: 28px auto 15px;
  padding: 52px 56px;
  display: grid;
  grid-template-columns: 230px minmax(0,1fr);
  align-items: center;
  gap: 60px;
  overflow: hidden;
  color: #171316;
  background: #eee2d0;
}
.fajr-intermission::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 74px,rgba(143,16,32,.07) 75px 76px); opacity:.55; }
.fajr-intermission::after { content:"INTERMISSION"; position:absolute; left:-10px; bottom:-22px; color:rgba(143,16,32,.07); font:900 96px/1 Arial Black,Arial,sans-serif; letter-spacing:-.07em; direction:ltr; }
.fajr-intermission > * { position: relative; z-index: 2; }
.fajr-intermission__mark { min-height: 220px; display:grid; place-items:center; align-content:center; border:2px solid var(--fajr-red); transform:rotate(-2deg); }
.fajr-intermission__mark b { color:transparent; font:900 115px/.75 Arial Black,Arial,sans-serif; -webkit-text-stroke:2px var(--fajr-red); }
.fajr-intermission__mark span { margin-top:18px; color:var(--fajr-red); font:800 7px Arial,sans-serif; letter-spacing:.25em; }
.fajr-intermission small { color:var(--fajr-red); font:800 7px Arial,sans-serif; letter-spacing:.24em; direction:ltr; }
.fajr-intermission h2 { max-width:760px; margin:10px 0 12px; font-size:clamp(32px,4.2vw,54px); line-height:1.55; }
.fajr-intermission p { max-width:720px; margin:0; color:rgba(23,19,22,.6); font-size:13px; line-height:2.05; }

@media (max-width:980px) {
  .fajr-crossband { min-height: 146px; }
  .fajr-premiere-wall__grid { grid-template-columns: 1fr 1fr; }
  .fajr-premiere-wall__grid .is-feature { grid-column: 1 / -1; }
  .fajr-premiere-wall__grid .is-feature .fajr-premiere-wall__media { height: 430px; }
  .fajr-intermission { grid-template-columns: 190px 1fr; gap:38px; }
}

@media (max-width:760px) {
  .fajr-crossband { min-height: 134px; margin-top: -12px; }
  .fajr-crossband::after { width:52px; height:52px; font-size:19px; box-shadow:0 0 0 6px rgba(12,10,13,.88),0 12px 28px rgba(0,0,0,.34); }
  .fajr-crossband .fajr-tape { height:45px; width:116%; right:-8%; left:-8%; }
  .fajr-crossband .fajr-tape--primary { top:42px; transform:rotate(-4deg); }
  .fajr-crossband .fajr-tape--secondary { top:47px; transform:rotate(4deg); }
  .fajr-scenes__grid { grid-template-columns:1fr; }
  .fajr-scenes__grid article,.fajr-scenes__grid .is-major { min-height:auto; padding:27px 23px; }
  .fajr-scenes__grid article h3,.fajr-scenes__grid .is-major h3 { font-size:23px; }
  .fajr-premiere-wall__grid { grid-template-columns:1fr; }
  .fajr-premiere-wall__grid .is-feature { grid-column:auto; }
  .fajr-premiere-wall__grid .is-feature .fajr-premiere-wall__media,.fajr-premiere-wall__media { height:300px; }
  .fajr-premiere-wall__grid .is-feature h3 { font-size:23px; }
  .fajr-cinema-notes__grid { grid-template-columns:1fr; }
  .fajr-cinema-notes__grid article { min-height:auto; }
  .fajr-intermission { width:calc(100% - 30px); min-height:auto; padding:30px 24px 34px; grid-template-columns:1fr; gap:30px; }
  .fajr-intermission__mark { width:min(260px,88%); min-height:190px; margin:auto; }
  .fajr-intermission__mark b { font-size:94px; }
  .fajr-intermission h2 { font-size:31px; }
}

.olgoo-performance .fajr-crossband .fajr-tape { box-shadow:none; }
.olgoo-performance .fajr-premiere-wall__media img { transition-duration:.2s; }
@media (prefers-reduced-motion:reduce) {
  .fajr-crossband .fajr-tape > div { animation:none!important; }
}

/* v5.2.3 — homepage refinement: logo mast, slimmer topics, compact newsletter/footer */
.home .mh-hero__mast {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.home .mh-hero__brandline {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.home .mh-hero__brandmark {
  width: 46px;
  height: 46px;
  padding: 7px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(27,40,49,.08);
  border-radius: 15px;
  box-shadow: 0 12px 24px rgba(19,33,42,.08);
}
.home .mh-hero__brandmark img { width: 100%; height: auto; display: block; }
.home .mh-hero__brandtext {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: #24343f;
}
.home .mh-hero__brandtext .icon { width: 15px; color: var(--brand); }
.home .mh-hero__brandtext strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.home .mh-hero__brandtext small {
  color: rgba(255,255,255,.6);
  font-size: 10px;
  font-weight: 700;
}

.mh-topics {
  padding: 44px 26px 24px;
  border-radius: 24px;
}
.mh-topics .mh-section-tab {
  min-width: 108px;
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 12px;
  box-shadow: 0 9px 22px rgba(60,104,128,.12);
}
.mh-topics .mh-panel__head h2 {
  font-size: 22px;
  line-height: 1.7;
}
.mh-topics .mh-panel__head small { letter-spacing: .01em; }
.mh-topics__body {
  margin-top: 20px;
  gap: 24px;
}
.mh-topic-map {
  min-height: 220px;
  border-radius: 20px;
  background: linear-gradient(180deg,#eef4f7,#f7fafb);
}
.mh-topic-list { gap: 6px 18px; }
.mh-topic-list a {
  height: 35px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(127,150,163,.2);
  font-size: 10.5px;
}
.mh-topic-list a:hover {
  color: #1b3645;
  border-color: rgba(156,0,60,.24);
}
.mh-topic-list i {
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 4px rgba(101,199,232,.12);
}
.mh-topic-list small {
  min-width: 18px;
  text-align: left;
  color: #8ea0ab;
  font-size: 9px;
}

.mh-newsletter {
  margin-bottom: 34px;
  padding: 20px 24px;
  grid-template-columns: 1.1fr 1fr;
  gap: 20px;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(9,48,75,.12);
}
.mh-newsletter h2 { font-size: 18px; }
.mh-newsletter p { font-size: 10px; line-height: 1.95; }
.mh-newsletter form { grid-template-columns: 1fr auto; align-items: center; }
.mh-newsletter input,
.mh-newsletter button { min-height: 44px; }
.mh-newsletter input { padding: 10px 12px; border-radius: 0 9px 9px 0; }
.mh-newsletter button { padding: 10px 16px; border-radius: 9px 0 0 9px; font-size: 12px; font-weight: 800; }
.mh-newsletter form small { margin-top: 4px; font-size: 9px; }

.site-footer {
  margin: 24px auto 24px;
  padding: 0 30px 14px;
  border-radius: 24px;
}
.site-footer__hero {
  padding: 24px 0 18px;
  gap: 22px;
}
.site-footer .footer-brand { gap: 14px; }
.footer-brand__mark {
  width: 72px;
  height: 72px;
  padding: 11px;
  border-radius: 18px;
}
.site-footer .footer-brand__mark img { width: 58px; }
.site-footer .footer-brand h2 {
  margin: 2px 0 4px;
  font-size: clamp(18px,2vw,25px);
}
.site-footer .footer-brand p { font-size: 10px; }
.site-footer__cta {
  min-width: 240px;
  padding: 12px 14px;
  grid-template-columns: 36px 1fr 16px;
  gap: 9px;
  border-radius: 13px;
}
.site-footer__cta > span { width: 36px; height: 36px; }
.site-footer__metrics {
  margin: 0 -30px;
  padding: 14px 30px;
}
.site-footer__metrics strong { font-size: 20px; }
.site-footer__metrics span { font-size: 8px; }
.site-footer__grid,
.site-footer__grid:has(> div:nth-child(2):last-child) {
  padding: 18px 0;
  gap: 20px;
}
.site-footer h3,
.site-footer .widget__title { margin-bottom: 8px; }
.site-footer li { margin: 3px 0; }
.site-footer__social-row { padding: 12px 0; }
.site-footer__bottom { padding-top: 11px; }

@media (max-width:760px) {
  .home .mh-hero__brandline { gap: 9px; }
  .home .mh-hero__brandmark {
    width: 38px;
    height: 38px;
    padding: 6px;
    border-radius: 12px;
  }
  .home .mh-hero__brandtext strong { font-size: 11.5px; }
  .home .mh-hero__brandtext small { font-size: 8.5px; }
  .mh-topics {
    padding: 42px 16px 18px;
    border-radius: 20px;
  }
  .mh-topics .mh-section-tab {
    min-width: 94px;
    height: 34px;
    font-size: 11px;
  }
  .mh-topics .mh-panel__head h2 { font-size: 18px; }
  .mh-topics__body { margin-top: 16px; }
  .mh-topic-map { min-height: 165px; }
  .mh-topic-list a {
    height: 32px;
    padding: 0 6px;
    font-size: 10px;
  }
  .mh-newsletter {
    margin-bottom: 24px;
    padding: 16px 16px;
    gap: 14px;
  }
  .mh-newsletter h2 { font-size: 16px; }
  .site-footer {
    margin: 20px auto 86px;
    padding: 0 18px 13px;
  }
  .site-footer__hero { padding: 20px 0 16px; }
  .site-footer__metrics {
    margin: 0 -18px;
    padding: 12px 18px;
  }
  .site-footer__grid,
  .site-footer__grid:has(> div:nth-child(2):last-child) {
    padding: 16px 0;
    gap: 18px 14px;
  }
}

/* v5.2.4 — premium homepage alignment */
.home .mh-hero__mast {
  margin-bottom: 18px;
  padding: 10px 12px;
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 16px 36px rgba(15,25,34,.08);
  backdrop-filter: blur(8px);
}
.home .mh-hero__brandline { gap: 14px; }
.home .mh-hero__brandmark {
  width: auto;
  min-width: 138px;
  height: 54px;
  padding: 7px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,251,.94));
  border: 1px solid rgba(30,45,56,.08);
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(19,33,42,.1);
}
.home .mh-hero__brandmark img {
  width: auto;
  max-width: 100%;
  max-height: 34px;
  object-fit: contain;
  object-position: center;
}
.home .mh-hero__brandtext { gap: 3px; }
.home .mh-hero__brandtext strong {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -.01em;
}
.home .mh-hero__brandtext small {
  color: rgba(255,255,255,.68);
  font-size: 10.5px;
}
.home .mh-hero__mast > time {
  padding: 8px 12px;
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
}

.home .mh-latest,
.home .mh-hot-topics,
.home .mh-topics,
.home .mh-feature-band,
.home .mh-dual,
.home .mh-channels-wrap,
.home .mh-stats,
.home .mh-media,
.home .mh-newsletter {
  position: relative;
}
.home .mh-latest::before,
.home .mh-hot-topics::before,
.home .mh-topics::before,
.home .mh-feature-band::before,
.home .mh-dual::before,
.home .mh-channels-wrap::before,
.home .mh-stats::before,
.home .mh-media::before,
.home .mh-newsletter::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}
.home .mh-latest,
.home .mh-hot-topics,
.home .mh-topics,
.home .mh-feature-band,
.home .mh-newsletter {
  border-radius: 24px;
  box-shadow: 0 20px 52px rgba(18,29,39,.08);
}
.home .mh-latest__grid,
.home .mh-feature-band__inner,
.home .mh-hot-topics,
.home .mh-topics,
.home .mh-newsletter {
  border: 1px solid rgba(39,56,68,.06);
}
.home .mh-section-tab {
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(25,50,67,.12);
}
.home .mh-hot-topics {
  padding: 18px 20px;
  grid-template-columns: 165px 1fr;
  background: linear-gradient(135deg,#202830,#2f3942 72%,#252e36 100%);
  border-radius: 20px;
}
.home .mh-hot-topics__title > span {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.home .mh-hot-topics__cloud a {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 10.5px;
}
.home .mh-hot-topics__cloud a small { font-size: 7px; }

.home .mh-topics {
  padding: 42px 24px 22px;
  background: linear-gradient(145deg,#fbfcfd,#eef3f5);
}
.home .mh-panel__head h2 { letter-spacing: -.01em; }
.home .mh-topic-map {
  background: linear-gradient(180deg,#f3f7f9,#f9fbfc);
  border: 1px solid rgba(44,76,94,.08);
}
.home .mh-topic-list a {
  position: relative;
  height: 34px;
  padding: 0 10px 0 8px;
  border-bottom-color: rgba(118,139,151,.17);
}
.home .mh-topic-list a::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 6px;
  width: 2px;
  border-radius: 999px;
  background: transparent;
  transition: background .22s ease, opacity .22s ease;
  opacity: 0;
}
.home .mh-topic-list a:hover::after {
  background: var(--brand);
  opacity: 1;
}

.home .mh-newsletter {
  padding: 18px 20px;
  background: linear-gradient(135deg,#123c61 0%,#16304a 64%,#10263b 100%);
  border-radius: 18px;
}
.home .mh-newsletter > div { max-width: 430px; }
.home .mh-newsletter small {
  color: #9fd8f0;
  letter-spacing: .08em;
}
.home .mh-newsletter h2 {
  margin: 3px 0 4px;
  font-size: 17px;
}
.home .mh-newsletter p {
  color: rgba(255,255,255,.62);
  font-size: 10px;
}
.home .mh-newsletter form {
  max-width: 470px;
  margin-inline-start: auto;
}

.site-footer {
  background: linear-gradient(135deg,#1f2830 0%,#131a20 58%,#0d1318 100%);
  border-color: rgba(255,255,255,.06);
  box-shadow: 0 24px 56px rgba(10,18,24,.16);
}
.site-footer__hero {
  padding: 20px 0 14px;
  border-bottom-color: rgba(255,255,255,.07);
}
.site-footer .footer-brand { gap: 12px; }
.footer-brand__mark {
  width: auto;
  min-width: 148px;
  height: 60px;
  padding: 8px 14px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.96);
  border-radius: 18px;
}
.site-footer .footer-brand__mark img {
  width: auto;
  max-width: 100%;
  max-height: 34px;
  object-fit: contain;
  object-position: center;
}
.site-footer .footer-brand h2 {
  font-size: clamp(17px,1.8vw,22px);
  line-height: 1.55;
}
.site-footer .footer-brand p {
  max-width: 540px;
  font-size: 10px;
}
.site-footer__cta {
  min-width: 228px;
  padding: 11px 13px;
  background: rgba(255,255,255,.06);
}
.site-footer__metrics {
  margin: 0 -30px;
  padding: 12px 30px;
  background: rgba(255,255,255,.028);
}
.site-footer__metrics strong { font-size: 18px; }
.site-footer__grid,
.site-footer__grid:has(> div:nth-child(2):last-child) {
  padding: 14px 0 16px;
  gap: 18px;
}
.site-footer li,
.site-footer .olgoo-news-widget__copy strong {
  font-size: 9.5px;
}
.site-footer__social-row { padding: 11px 0; }
.site-footer__bottom { font-size: 8.5px; }
.site-footer__compact-brand > span img,
.site-footer__compact-brand img {
  width: auto;
  max-width: 92px;
  max-height: 30px;
  object-fit: contain;
  object-position: center;
}

@media (max-width:760px) {
  .home .mh-hero__mast {
    padding: 9px 10px;
    border-radius: 14px;
  }
  .home .mh-hero__brandline {
    min-width: 0;
    flex: 1 1 auto;
    gap: 9px;
  }
  .home .mh-hero__brandmark {
    min-width: 108px;
    height: 42px;
    padding: 6px 10px;
    border-radius: 14px;
  }
  .home .mh-hero__brandmark img { max-height: 24px; }
  .home .mh-hero__brandtext strong { font-size: 11.5px; }
  .home .mh-hero__brandtext small { font-size: 8.5px; }
  .home .mh-hero__mast > time {
    padding: 6px 9px;
    font-size: 9px;
  }
  .home .mh-hot-topics {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .home .mh-topics { padding: 38px 16px 18px; }
  .home .mh-newsletter {
    padding: 15px 16px;
    border-radius: 16px;
  }
  .home .mh-newsletter form { max-width: none; margin-inline-start: 0; }
  .footer-brand__mark {
    min-width: 122px;
    height: 52px;
    padding: 7px 10px;
  }
  .site-footer .footer-brand__mark img { max-height: 28px; }
}

/* v5.2.5 — stronger homepage premium pass */
.rail__brand { padding-top: 6px; }
.rail__brand a {
  padding: 10px 8px 9px !important;
  background: var(--logo-bg, #ffffff) !important;
  border: 1px solid rgba(27,40,49,.08);
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(19,33,42,.08);
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.rail__brand a:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(19,33,42,.12);
}
.rail__brand img,
.rail__brand .custom-logo,
.rail__brand .rail__logo {
  width: auto !important;
  max-width: 94px !important;
  height: auto !important;
  max-height: 36px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.rail__brand a > span {
  margin-top: 6px;
  font-size: 8.5px !important;
}

.home .mh-hero__mast {
  position: relative;
  overflow: hidden;
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease;
}
.home .mh-hero__mast::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg,transparent 14%,rgba(255,255,255,.08) 38%,transparent 58%);
  transform: translateX(110%);
  transition: transform .6s ease;
  pointer-events: none;
}
.home .mh-hero__mast:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 22px 44px rgba(13,23,31,.14);
}
.home .mh-hero__mast:hover::after { transform: translateX(-115%); }
.home .mh-hero__brandmark {
  background: linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.95)) !important;
  box-shadow: 0 16px 30px rgba(19,33,42,.12) !important;
}
.home .mh-hero__brandmark img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 34px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.home .mh-hero__brandtext strong,
.home .mh-hero__brandtext small,
.home .mh-hero__mast > time { transition: opacity .22s ease, transform .22s ease, color .22s ease; }
.home .mh-hero__mast:hover .mh-hero__brandtext strong { transform: translateX(-2px); }
.home .mh-hero__mast:hover .mh-hero__brandtext small { color: rgba(255,255,255,.82); }
.home .mh-hero__mast:hover > time { color: #fff; background: rgba(255,255,255,.11); }

.home .mh-stats {
  padding: 0 !important;
  background: transparent !important;
}
.home .mh-stats .mh-content {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  padding: 0 !important;
  background: transparent !important;
}
.home .mh-stats .mh-content > div {
  min-height: 128px;
  padding: 22px 18px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 6px;
  background: linear-gradient(135deg,#202830 0%,#1a222a 54%,#12191f 100%);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 22px;
  box-shadow: 0 18px 38px rgba(13,21,28,.14);
}
.home .mh-stats .mh-content > div strong {
  font-size: clamp(28px,2.9vw,40px) !important;
  line-height: 1;
}
.home .mh-stats .mh-content > div span {
  font-size: 11px !important;
  color: rgba(255,255,255,.72) !important;
}

.home .mh-newsletter {
  grid-template-columns: 1fr minmax(280px,430px) !important;
  align-items: center;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  min-height: 0 !important;
}
.home .mh-newsletter > div {
  align-self: center;
}
.home .mh-newsletter form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}
.home .mh-newsletter input {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 12px 0 0 12px !important;
}
.home .mh-newsletter button {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 0 12px 12px 0 !important;
}
.home .mh-newsletter p { margin-bottom: 0; }

.home .site-footer {
  margin-top: 28px !important;
  padding-bottom: 12px !important;
}
.home .site-footer__hero {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(220px,.8fr);
  align-items: center;
  gap: 16px;
}
.home .site-footer__compact-brand,
.home .site-footer__cta {
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}
.home .site-footer__compact-brand:hover,
.home .site-footer__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(10,18,24,.18);
}
.home .site-footer__compact-brand {
  padding: 14px 16px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}
.home .site-footer__compact-brand > span {
  width: 108px;
  min-width: 108px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255,255,255,.97);
}
.home .site-footer__compact-brand img {
  width: auto !important;
  max-width: 86px !important;
  max-height: 26px !important;
  object-fit: contain !important;
}
.home .site-footer__compact-brand strong {
  font-size: 12px;
  color: #fff;
}
.home .site-footer__compact-brand small {
  font-size: 9px;
  color: rgba(255,255,255,.6);
}
.home .site-footer__metrics {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin: 0 !important;
  background: transparent !important;
}
.home .site-footer__metrics > div {
  padding: 14px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}
.home .site-footer__grid,
.home .site-footer__grid:has(> div:nth-child(2):last-child) {
  padding-top: 12px !important;
}

@media (max-width:760px) {
  .home .mh-stats .mh-content { grid-template-columns: 1fr; gap: 12px; }
  .home .mh-stats .mh-content > div {
    min-height: 100px;
    border-radius: 18px;
  }
  .home .mh-newsletter {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .home .site-footer__hero {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .home .site-footer__compact-brand {
    padding: 12px 14px !important;
  }
  .home .site-footer__metrics { grid-template-columns: 1fr; }
}

/* v5.2.6 — compact ending, configurable logo slots, Fajr source cards */
.rail__brand a { background: var(--slot-logo-bg,var(--logo-bg,#fff)) !important; }
.topbar__mobile-logo { background: var(--slot-logo-bg,var(--logo-bg,#fff)) !important; }
.home .mh-hero__brandmark { background: var(--slot-logo-bg,var(--logo-bg,#fff)) !important; }
.footer-brand__mark,
.site-footer__compact-brand > span { background: var(--slot-logo-bg,var(--logo-bg,#fff)) !important; }
.site-loader__mark img {
  max-width: 96px;
  max-height: 48px;
  width: auto;
  height: auto;
  padding: 7px 10px;
  object-fit: contain;
  background: var(--slot-logo-bg,var(--logo-bg,#fff));
  border-radius: 13px;
}
.fajr-nav__brand {
  padding: 6px 9px;
  border-radius: 14px;
}
.fajr-nav__brand img {
  width: auto !important;
  max-width: 104px;
  max-height: 30px;
  padding: 5px 9px;
  object-fit: contain;
  background: var(--slot-logo-bg,#0f0f12);
  border-radius: 10px;
  filter: none !important;
}
.special-hero__logo-box {
  width: 126px;
  height: 48px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  background: var(--slot-logo-bg,#111820);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
}
.special-landing--premium .special-hero__mast .special-hero__logo-box img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 32px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Three final homepage blocks: genuinely compact to reduce total scroll. */
.home .mh-stats {
  width: min(1008px,calc(100% - 48px));
  margin: 22px auto 18px;
  padding: 0 !important;
  background: transparent !important;
}
.home .mh-stats .mh-content {
  min-height: 74px;
  padding: 0 14px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  overflow: hidden;
  background: linear-gradient(135deg,#202830,#151d24) !important;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(13,21,28,.11);
}
.home .mh-stats .mh-content > div {
  min-height: 74px !important;
  padding: 10px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.home .mh-stats .mh-content > div:last-child { border-left: 0 !important; }
.home .mh-stats .mh-content > div strong {
  font-size: 24px !important;
  line-height: 1 !important;
}
.home .mh-stats .mh-content > div span {
  margin: 0 !important;
  font-size: 9px !important;
  white-space: nowrap;
}

.home .mh-newsletter {
  min-height: 70px !important;
  margin: 0 auto 18px !important;
  padding: 12px 16px !important;
  grid-template-columns: minmax(0,1fr) minmax(310px,430px) !important;
  gap: 18px !important;
  align-items: center !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(9,48,75,.09) !important;
}
.home .mh-newsletter small { font-size: 8px !important; }
.home .mh-newsletter h2 {
  margin: 1px 0 2px !important;
  font-size: 15px !important;
  line-height: 1.5;
}
.home .mh-newsletter p {
  font-size: 9px !important;
  line-height: 1.6 !important;
}
.home .mh-newsletter form { gap: 0 !important; }
.home .mh-newsletter input,
.home .mh-newsletter button {
  min-height: 38px !important;
  height: 38px !important;
}
.home .mh-newsletter input { padding: 0 12px !important; }
.home .mh-newsletter button { padding: 0 14px !important; }
.home .mh-newsletter form > small { display: none; }

.home .site-footer {
  margin: 18px auto 20px !important;
  padding: 0 26px 10px !important;
  border-radius: 22px !important;
}
.home .site-footer__hero {
  min-height: 82px;
  padding: 14px 0 11px !important;
  gap: 14px !important;
}
.home .footer-brand__mark {
  min-width: 122px !important;
  height: 50px !important;
  padding: 7px 10px !important;
  border-radius: 14px !important;
}
.home .site-footer .footer-brand__mark img { max-height: 28px !important; }
.home .site-footer .footer-brand h2 {
  margin: 1px 0 2px !important;
  font-size: clamp(15px,1.6vw,20px) !important;
}
.home .site-footer .footer-brand p { font-size: 9px !important; }
.home .site-footer__cta {
  min-width: 220px !important;
  padding: 9px 11px !important;
}
.home .site-footer__metrics { display: none !important; }
.home .footer-column--news { display: none !important; }
.home .site-footer__grid,
.home .site-footer__grid:has(> div:nth-child(2):last-child) {
  padding: 10px 0 !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px 28px !important;
}
.home .site-footer h3,
.home .site-footer .widget__title {
  margin-bottom: 6px !important;
  font-size: 10px !important;
}
.home .site-footer li {
  margin: 2px 0 !important;
  font-size: 9px !important;
}
.home .site-footer__social-row {
  padding: 8px 0 !important;
}
.home .site-footer__bottom {
  padding-top: 8px !important;
  font-size: 8px !important;
}

/* Fajr category-fed cards remain cinematic while titles/excerpts become dynamic. */
.fajr-scenes__grid article > a,
.fajr-cinema-notes__grid article > a {
  height: 100%;
  display: block;
  color: inherit;
}
.fajr-scenes__grid article > a:hover h3,
.fajr-cinema-notes__grid article > a:hover h3,
.fajr-spotlight__frame h2 a:hover { color: var(--fajr-red); }
.fajr-spotlight__frame h2 a { color: inherit; transition: color .22s ease; }

@media (max-width:760px) {
  .home .mh-stats {
    width: calc(100% - 20px);
    margin: 14px auto 12px;
  }
  .home .mh-stats .mh-content {
    min-height: 64px;
    padding: 0 5px !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
  .home .mh-stats .mh-content > div {
    min-height: 64px !important;
    padding: 8px 4px !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  .home .mh-stats .mh-content > div strong { font-size: 18px !important; }
  .home .mh-stats .mh-content > div span {
    font-size: 7.5px !important;
    white-space: normal;
    text-align: center;
  }
  .home .mh-newsletter {
    min-height: 0 !important;
    margin: 0 10px 12px !important;
    padding: 12px !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 9px !important;
  }
  .home .mh-newsletter > div { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; }
  .home .mh-newsletter > div small { grid-row: 1 / span 2; }
  .home .mh-newsletter > div h2 { margin: 0 !important; }
  .home .mh-newsletter > div p { display: none; }
  .home .mh-newsletter input,
  .home .mh-newsletter button { height: 36px !important; min-height: 36px !important; }
  .home .site-footer {
    margin: 12px auto 84px !important;
    padding: 0 14px 9px !important;
  }
  .home .site-footer__hero {
    min-height: 0;
    padding: 11px 0 9px !important;
    grid-template-columns: 1fr !important;
  }
  .home .site-footer .footer-brand { gap: 9px; }
  .home .footer-brand__mark {
    min-width: 100px !important;
    width: 100px !important;
    height: 44px !important;
  }
  .home .site-footer .footer-brand h2 { font-size: 15px !important; }
  .home .site-footer .footer-brand p { display: none; }
  .home .site-footer__cta {
    min-width: 0 !important;
    padding: 8px 10px !important;
  }
  .home .site-footer__grid,
  .home .site-footer__grid:has(> div:nth-child(2):last-child) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    padding: 8px 0 !important;
  }
  .home .site-footer__social-row { padding: 7px 0 !important; }
  .home .site-footer__bottom { gap: 8px !important; }
}


/* v5.2.6 logo lockup specificity fixes */
.special-landing--premium .special-hero__mast > .special-hero__brand .special-hero__logo-box {
  padding: 6px 10px !important;
  color: inherit !important;
  border-right: 0 !important;
  border-left: 0 !important;
  letter-spacing: 0 !important;
}

/* v5.3.0 — semantic H1-safe hero + editorial bullet/source components */
.mh-hero__lead-card h2 {
  margin: 0;
  max-width: 650px;
  font-size: clamp(27px,2.6vw,39px);
  font-weight: 760;
  line-height: 1.52;
}
.mh-single__summary--bullets ul {
  margin: 9px 0 0;
  padding: 0;
  display: grid;
  gap: 7px;
  list-style: none;
}
.mh-single__summary--bullets li {
  position: relative;
  padding-right: 15px;
  color: inherit;
  line-height: 1.9;
}
.mh-single__summary--bullets li::before {
  content: "";
  position: absolute;
  top: .82em;
  right: 0;
  width: 6px;
  height: 6px;
  background: var(--brand);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(156,0,60,.08);
}
.mh-original-source {
  margin: 22px 0;
  padding: 13px 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
  color: #677984;
  background: #f7f9fa;
  border: 1px solid rgba(44,67,82,.09);
  border-radius: 12px;
  font-size: 10px;
}
.mh-original-source > span { color: #415867; font-weight: 800; }
.mh-original-source > a { color: var(--brand); font-weight: 800; }
.mh-original-source > small { color: #8b979e; }
@media (max-width:980px) {
  .mh-hero__lead-card h2 { font-size: 26px; }
}
@media (max-width:760px) {
  .home .mh-hero__lead-card h2 {
    grid-area: headline;
    max-width: none;
    margin: 0;
    padding: 17px 16px 14px;
    color: #17252f;
    font-size: clamp(23px,6.6vw,29px);
    font-weight: 820;
    line-height: 1.62;
    letter-spacing: -.025em;
  }
  .mh-original-source { margin: 18px 0; }
}
@media (max-width:460px) {
  .home .mh-hero__lead-card h2 { padding: 15px 14px 12px; font-size: clamp(22px,6.8vw,27px); }
}

/* v5.3.1 — visible, natural homepage H1 + clean semantic hierarchy */
.home .mh-hero__brandtext {
  display: grid;
  align-content: center;
  gap: 2px;
}
.home .mh-hero__brandkicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 800;
}
.home .mh-hero__brandkicker .icon {
  width: 14px;
  color: var(--brand);
}
.home .mh-homepage-h1 {
  margin: 0;
  max-width: 620px;
  color: #fff;
  font-size: clamp(15px,1.6vw,20px);
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -.015em;
  text-wrap: balance;
}
.home .mh-hero__brandtext > small {
  color: rgba(255,255,255,.56);
  font-size: 9px;
  line-height: 1.7;
}
.home .mh-hero__stack h3 {
  margin: 0;
  color: #fff;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.mh-section-tab h2 {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}
.mh-channels__subtitle {
  margin-top: 4px;
  display: block;
  color: #425866;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.8;
}
@media (max-width:760px) {
  .home .mh-homepage-h1 {
    max-width: 320px;
    font-size: 13px;
    line-height: 1.5;
  }
  .home .mh-hero__brandkicker { font-size: 8px; }
  .home .mh-hero__brandtext > small { display: none; }
  .mh-channels__subtitle { font-size: 11px; }
}
.home .mh-home-empty-heading {
  margin-top: 24px;
  padding: 24px 26px;
  background: #1d2730;
  border-radius: 20px;
}
.home .mh-home-empty-heading small { color: rgba(255,255,255,.62); font-size: 10px; }
.home .mh-home-empty-heading .mh-homepage-h1 { margin-top: 4px; }