/* ═══════════════════════════════════════════════════════
   Business Magazin v3 — vibe People.com (tabloid editorial)
   ═══════════════════════════════════════════════════════ */

:root {
  --bm-red: #E1261C;
  --bm-red-dark: #B81E16;
  --bm-blue: #006BB6;        /* logo + accente */
  --bm-cyan: #00B8D9;        /* speech bubble callouts */
  --bm-yellow: #FFEB3B;      /* highlight background */
  --bm-yellow-bright: #FFF000;
  --ink-950: #0A0A0A;
  --ink-900: #1A1A1A;
  --ink-800: #2D2D2D;
  --ink-700: #444;
  --ink-600: #666;
  --ink-500: #888;
  --ink-400: #AAA;
  --ink-300: #C8C8C8;
  --ink-200: #E5E5E5;
  --ink-100: #F2F2F2;
  --ink-50: #F8F8F8;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Source Sans 3', Arial, sans-serif;
  --font-display: 'Archivo', 'Source Sans 3', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-sans); background: white; color: var(--ink-900); -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; height: auto; }

/* ═══ TOP NAV (alb cu uppercase) ═══ */
.tabnav { background: white; border-bottom: 1px solid var(--ink-200); position: sticky; top: 0; z-index: 50; }
.tabnav-inner { max-width: 1300px; margin: 0 auto; padding: 18px 24px; display: flex; align-items: center; gap: 28px; }
.tabnav-burger { display: none; flex-direction: column; gap: 4px; background: none; border: none; padding: 6px 4px; cursor: pointer; }
.tabnav-burger span { display: block; width: 22px; height: 2.5px; background: var(--ink-950); border-radius: 2px; }
.tabnav-logo { flex-shrink: 0; line-height: 0; display: block; }
.tabnav-logo img { height: 38px; width: auto; max-width: 220px; display: block; }
.tabnav-links { display: flex; gap: 22px; flex: 1; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.tabnav-links::-webkit-scrollbar { display: none; }
.tabnav-links a { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-900); padding: 8px 0; white-space: nowrap; position: relative; }
.tabnav-links a:hover { color: var(--bm-red); }
.tabnav-links a.active { color: var(--bm-red); }
.tabnav-links a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--bm-red); }
.tabnav-right { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.tabnav-search { width: 22px; height: 22px; color: var(--ink-700); cursor: pointer; }
.tabnav-sub { background: var(--bm-yellow); color: var(--ink-950); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; padding: 8px 14px; border-radius: 999px; border: none; cursor: pointer; }
.tabnav-sub:hover { background: var(--bm-yellow-bright); }
.tabnav-account { width: 32px; height: 32px; border-radius: 50%; background: var(--ink-100); border: 1px solid var(--ink-200); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--ink-700); cursor: pointer; }

/* ═══ AD bar ═══ */
.ad-bar { background: var(--ink-50); padding: 12px 0; text-align: center; }
.ad-bar-inner { max-width: 1300px; margin: 0 auto; padding: 0 24px; font-size: 10px; letter-spacing: 0.08em; color: var(--ink-400); text-transform: uppercase; }
.ad-bar-content { background: white; border: 1px dashed var(--ink-300); padding: 18px; }

/* ═══ HERO BLOCK — 3 coloane (Scoop · Top Story · Exclusive) ═══ */
.hero-block { max-width: 1300px; margin: 0 auto; padding: 28px 24px; display: grid; grid-template-columns: 260px 1fr 320px; gap: 28px; align-items: start; }

/* Scoop column (left) */
.scoop-col { padding-top: 6px; }
.scoop-brand { position: relative; margin-bottom: 22px; padding-right: 36px; }
.scoop-brand-bg { position: absolute; inset: 4px -8px 12px -4px; background: var(--bm-yellow); transform: skew(-6deg); z-index: 0; }
.scoop-brand-text { position: relative; z-index: 1; padding: 8px 8px 12px; line-height: 1; color: var(--ink-950); }
.scoop-brand-text small { font-family: var(--font-sans); display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-800); font-style: normal; margin-bottom: 2px; line-height: 1; }
.scoop-brand-text strong { font-family: var(--font-display); display: block; font-size: 52px; font-weight: 900; font-style: italic; letter-spacing: -0.04em; line-height: 0.92; text-transform: uppercase; color: var(--ink-950); }
.scoop-brand-text em { font-family: var(--font-display); display: inline-block; font-size: 14px; font-weight: 700; font-style: italic; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bm-red); margin-top: 4px; }
.scoop-arrow { position: absolute; right: -8px; bottom: -22px; width: 48px; height: 60px; transform: rotate(8deg); pointer-events: none; z-index: 2; }
.scoop-arrow path { stroke: var(--bm-red); }

.scoop-item { display: grid; grid-template-columns: 70px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--ink-200); align-items: start; }
.scoop-item:last-child { border-bottom: none; }
.scoop-thumb { width: 70px; aspect-ratio: 1/1; overflow: hidden; border-radius: 2px; }
.scoop-thumb img { width: 100%; height: 100%; object-fit: cover; }
.scoop-text { display: flex; flex-direction: column; gap: 4px; }
.scoop-title { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1.22; color: var(--ink-950); letter-spacing: -0.005em; }
.scoop-meta { font-size: 11px; color: var(--ink-500); }
.scoop-meta strong { color: var(--bm-red); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.scoop-item:hover .scoop-title { color: var(--bm-red); }

/* TOP STORY (center) */
.topstory { display: flex; flex-direction: column; gap: 18px; }
.topstory-img { width: 100%; aspect-ratio: 5/4; overflow: hidden; position: relative; }
.topstory-img img { width: 100%; height: 100%; object-fit: cover; }
.topstory-kicker { position: absolute; bottom: 12px; left: 12px; background: var(--bm-red); color: white; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 10px; border-radius: 2px; }
.topstory-title { font-family: var(--font-display); font-weight: 900; font-size: 46px; line-height: 1.05; color: var(--ink-950); letter-spacing: -0.025em; }
.topstory-title .arrow-link { display: inline-block; width: 28px; height: 28px; vertical-align: middle; margin-left: 6px; background: var(--bm-cyan); border-radius: 50%; position: relative; }
.topstory-title .arrow-link::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-58%, -50%); width: 0; height: 0; border-left: 8px solid white; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.topstory-meta { font-size: 14px; color: var(--ink-600); }
.topstory-meta strong { color: var(--ink-900); font-weight: 700; }
.topstory-meta a { color: var(--bm-blue); font-weight: 700; }
.topstory-comments { display: inline-flex; align-items: center; gap: 6px; color: var(--bm-cyan); font-weight: 600; margin-left: 12px; }

/* EXCLUSIVE card (right) — yellow highlight + dashed border + stamp */
.exclusive-col { display: flex; flex-direction: column; gap: 22px; }
.exclusive { position: relative; padding: 44px 22px 22px; border: 1px solid var(--ink-200); background: white; }
.exclusive::before { content: ''; position: absolute; inset: 8px -10px -10px 8px; border: 2px dashed var(--bm-cyan); z-index: -1; }
.exclusive-tag { display: inline-block; background: var(--bm-red); color: white; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px; margin-bottom: 14px; }
.exclusive-title { font-family: var(--font-display); font-weight: 800; font-size: 24px; line-height: 1.15; color: var(--ink-950); margin-bottom: 14px; letter-spacing: -0.015em; }
.exclusive-title span { background: var(--bm-yellow); padding: 2px 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.exclusive-title .arrow-link { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-left: 4px; background: var(--bm-cyan); border-radius: 50%; position: relative; }
.exclusive-title .arrow-link::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-58%, -50%); width: 0; height: 0; border-left: 6px solid white; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.exclusive-meta { font-size: 12px; color: var(--ink-500); }
.exclusive-stamp { position: absolute; top: -22px; right: -22px; width: 88px; height: 88px; border-radius: 50%; background: var(--bm-red); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(12deg); font-family: var(--font-display); font-weight: 900; font-size: 14px; text-align: center; line-height: 1; text-transform: uppercase; box-shadow: 0 4px 10px rgba(0,0,0,0.18); border: 3px solid white; outline: 1px solid var(--bm-red); outline-offset: 2px; letter-spacing: 0.02em; z-index: 2; }
.exclusive-stamp span { display: block; font-size: 10px; letter-spacing: 0.06em; font-weight: 700; margin-top: 3px; opacity: 0.95; }

/* Trending mini (under exclusive) */
.trending-mini { background: var(--ink-50); border: 1px solid var(--ink-200); padding: 16px 18px; }
.tm-head { font-family: var(--font-display); font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-950); margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid var(--bm-red); display: flex; align-items: center; gap: 8px; }
.tm-flame { color: var(--bm-red); font-size: 10px; animation: pulse 1.5s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.tm-item { display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--ink-200); }
.tm-item:last-child { border-bottom: none; }
.tm-rank { font-family: var(--font-display); font-weight: 900; font-size: 24px; color: var(--bm-red); line-height: 1; letter-spacing: -0.04em; }
.tm-title { font-family: var(--font-display); font-weight: 700; font-size: 14px; line-height: 1.25; color: var(--ink-950); letter-spacing: -0.005em; }
.tm-item:hover .tm-title { color: var(--bm-red); }

.exclusive-ad { background: var(--ink-50); border: 1px dashed var(--ink-300); padding: 30px 12px; text-align: center; font-size: 10px; letter-spacing: 0.08em; color: var(--ink-400); text-transform: uppercase; }
.exclusive-ad small { display: block; margin-top: 4px; font-size: 9px; }

/* ═══ SECONDARY ROW — 2 articole sub topstory (poze + titlu) ═══ */
.secondary-row { max-width: 1300px; margin: 8px auto 28px; padding: 0 24px; display: grid; grid-template-columns: 260px 1fr 1fr 320px; gap: 28px; }
.secondary-row .spacer { display: block; }
.secondary-card { display: flex; flex-direction: column; gap: 10px; }
.secondary-card .sc-img { width: 100%; aspect-ratio: 4/3; overflow: hidden; }
.secondary-card .sc-img img { width: 100%; height: 100%; object-fit: cover; }
.secondary-card .sc-title { font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 1.22; color: var(--ink-950); letter-spacing: -0.01em; }
.secondary-card .sc-meta { font-size: 11px; color: var(--ink-500); }
.secondary-card:hover .sc-title { color: var(--bm-red); }

/* ═══ DON'T MISS — list cu badge galben rotund + numbere mari ═══ */
.dont-miss { max-width: 1300px; margin: 24px auto; padding: 28px 24px; border-top: 1px solid var(--ink-200); border-bottom: 1px solid var(--ink-200); display: grid; grid-template-columns: 200px 1fr 1fr 1fr; gap: 24px; align-items: start; }
.dontmiss-badge { position: relative; }
.dontmiss-badge-bg { width: 160px; height: 160px; border-radius: 50%; background: var(--bm-yellow); display: flex; align-items: center; justify-content: center; transform: rotate(-6deg); }
.dontmiss-badge-text { font-family: var(--font-display); font-weight: 900; font-style: italic; font-size: 36px; line-height: 0.95; color: var(--ink-950); text-align: center; letter-spacing: -0.02em; }
.dontmiss-badge-arrow { position: absolute; bottom: 6px; right: 0; width: 40px; height: 40px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E1261C'><path d='M3 12l16-8-6 8 6 8z'/></svg>") center/contain no-repeat; transform: rotate(-10deg); }
.dontmiss-item { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding-right: 14px; border-right: 1px solid var(--ink-200); }
.dontmiss-item:last-child { border-right: none; padding-right: 0; }
.dontmiss-num { font-family: var(--font-display); font-weight: 900; font-size: 42px; color: var(--bm-cyan); line-height: 1; letter-spacing: -0.04em; }
.dontmiss-title { font-family: var(--font-display); font-weight: 700; font-size: 17px; line-height: 1.25; color: var(--ink-950); letter-spacing: -0.005em; }
.dontmiss-title em { font-style: italic; color: var(--ink-950); }
.dontmiss-meta { font-size: 11px; color: var(--ink-500); margin-top: 8px; }

/* ═══ STAR TRACKS — logo combo + photo callout ═══ */
.startracks { max-width: 1300px; margin: 36px auto; padding: 0 24px; }
.st-frame { position: relative; padding: 30px; background: white; border: 1px solid var(--ink-200); }
.st-frame::before { content: ''; position: absolute; inset: 12px -10px -10px 12px; border: 2px dashed var(--bm-cyan); z-index: -1; }
.st-header { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; position: relative; }
.st-logo { font-family: var(--font-display); font-weight: 900; font-size: 48px; line-height: 1; letter-spacing: -0.035em; }
.st-logo .st-star { color: var(--bm-red); }
.st-logo .st-tracks { color: var(--ink-950); }
.st-sub { font-family: var(--font-sans); font-style: italic; color: var(--ink-600); font-size: 14px; margin-top: 6px; font-weight: 500; }
.st-newdaily { position: absolute; top: -8px; right: 0; width: 86px; height: 86px; border-radius: 50%; background: var(--bm-yellow); display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(-12deg); font-family: var(--font-display); font-weight: 900; line-height: 1; text-align: center; color: var(--ink-950); letter-spacing: -0.02em; }
.st-newdaily small { font-family: var(--font-sans); font-size: 9px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-red); margin-bottom: 2px; }
.st-newdaily big { font-size: 19px; font-style: italic; }
.st-newdaily span { font-size: 16px; font-style: italic; }

.st-main { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; align-items: start; }
.st-photo { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.st-photo img { width: 100%; height: 100%; object-fit: cover; }
.st-callout { padding: 14px 0; }
.st-callout-line { width: 70px; height: 1px; background: var(--bm-cyan); position: relative; margin: 14px 0 18px; }
.st-callout-line::before { content: ''; position: absolute; left: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--bm-cyan); }
.st-callout-text { font-family: var(--font-display); font-weight: 600; font-size: 22px; line-height: 1.3; color: var(--ink-950); letter-spacing: -0.01em; }
.st-callout-meta { font-size: 12px; color: var(--ink-500); margin-top: 14px; }
.st-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 22px 0 0; }
.st-thumbs img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.st-more { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-900); padding: 12px 22px; border: 2px solid var(--ink-900); margin-top: 22px; }
.st-more:hover { background: var(--ink-900); color: white; }

/* ═══ WHAT WE'RE TALKING ABOUT — big banner ═══ */
.wtwt { max-width: 1300px; margin: 56px auto 32px; padding: 0 24px; }
.wtwt-heading { font-family: var(--font-display); font-weight: 900; font-size: 80px; line-height: 0.92; color: var(--ink-950); letter-spacing: -0.04em; text-transform: uppercase; margin-bottom: 4px; }
.wtwt-rule { width: 100%; height: 6px; background: var(--bm-cyan); margin-bottom: 28px; }
.wtwt-grid { display: grid; grid-template-columns: 280px 1.4fr 1fr 1fr; gap: 28px; align-items: start; }
.wtwt-side { display: flex; flex-direction: column; gap: 18px; }
.wtwt-side-item { display: grid; grid-template-columns: 84px 1fr; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--ink-200); }
.wtwt-side-item:last-child { border-bottom: none; }
.wtwt-side-thumb { width: 84px; aspect-ratio: 1/1; overflow: hidden; }
.wtwt-side-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wtwt-side-title { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1.22; color: var(--ink-950); letter-spacing: -0.005em; }
.wtwt-side-meta { font-size: 10px; color: var(--ink-500); margin-top: 4px; }

.wtwt-feature { display: flex; flex-direction: column; gap: 14px; }
.wtwt-feature-img { aspect-ratio: 4/3; overflow: hidden; }
.wtwt-feature-img img { width: 100%; height: 100%; object-fit: cover; }
.wtwt-feature-title { font-family: var(--font-display); font-weight: 900; font-size: 32px; line-height: 1.1; color: var(--ink-950); letter-spacing: -0.025em; }
.wtwt-feature-meta { font-size: 13px; color: var(--ink-600); }

.wtwt-card { display: flex; flex-direction: column; gap: 12px; }
.wtwt-card-img { aspect-ratio: 4/3; overflow: hidden; }
.wtwt-card-img img { width: 100%; height: 100%; object-fit: cover; }
.wtwt-card-title { font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 1.22; color: var(--ink-950); letter-spacing: -0.01em; }
.wtwt-card-meta { font-size: 11px; color: var(--bm-cyan); font-weight: 700; }

.wtwt-highlight { position: relative; padding: 22px; border: 1px solid var(--ink-200); align-self: stretch; }
.wtwt-highlight::before { content: ''; position: absolute; inset: 8px -10px -10px 8px; border: 2px dashed var(--bm-cyan); z-index: -1; }
.wtwt-highlight-title { font-family: var(--font-display); font-weight: 800; font-size: 24px; line-height: 1.18; color: var(--ink-950); letter-spacing: -0.015em; }
.wtwt-highlight-title span { background: var(--bm-yellow); padding: 1px 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.wtwt-highlight-meta { font-size: 12px; color: var(--ink-500); margin-top: 14px; }

/* ═══ SHOP MEMORIAL / eCOMMERCE — bandă neagră cu titlu underline cyan ═══ */
.shopstrip { max-width: 1300px; margin: 28px auto; padding: 0 24px; }
.shopstrip-inner { background: var(--ink-950); padding: 26px 28px 28px; position: relative; }
.shopstrip-title { font-family: var(--font-display); font-weight: 900; font-style: italic; font-size: 38px; color: white; padding-bottom: 6px; display: inline-block; border-bottom: 6px solid var(--bm-cyan); margin-bottom: 22px; letter-spacing: -0.025em; }
.shopstrip-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.shopstrip-card { background: white; padding: 10px 10px 14px; text-align: center; }
.shopstrip-card .ss-img { aspect-ratio: 1/1; overflow: hidden; margin-bottom: 8px; background: var(--ink-100); }
.shopstrip-card .ss-img img { width: 100%; height: 100%; object-fit: cover; }
.shopstrip-card .ss-name { font-size: 12px; font-weight: 600; color: var(--ink-800); line-height: 1.3; min-height: 32px; }
.shopstrip-card .ss-price { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--bm-red); margin-top: 4px; letter-spacing: -0.01em; }

/* ═══ SECTION ARCHIVE — coperți Reviste / Cataloage / Video ═══ */
.archive-strip { max-width: 1300px; margin: 36px auto; padding: 0 24px; }
.archive-strip-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; padding-bottom: 8px; border-bottom: 4px solid var(--ink-950); }
.archive-strip-head h2 { font-family: var(--font-display); font-weight: 900; font-size: 32px; color: var(--ink-950); text-transform: uppercase; letter-spacing: -0.025em; }
.archive-strip-head .sub { font-size: 13px; color: var(--ink-500); flex: 1; }
.archive-strip-head .more { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--bm-red); }
.archive-strip-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.archive-card { display: flex; flex-direction: column; gap: 8px; transition: transform .2s; }
.archive-card:hover { transform: translateY(-3px); }
.archive-card .ac-img { aspect-ratio: 210/280; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.archive-card .ac-img img { width: 100%; height: 100%; object-fit: cover; }
.archive-card.is-video .ac-img { aspect-ratio: 16/9; }
.archive-card .ac-label { font-family: var(--font-display); font-weight: 700; font-size: 13px; color: var(--ink-950); text-align: center; letter-spacing: -0.005em; }
.archive-card .ac-meta { font-size: 10px; color: var(--ink-500); text-align: center; }

/* ═══ FOOTER ═══ */
.tabfoot { background: var(--ink-950); color: var(--ink-300); padding: 36px 24px; margin-top: 60px; text-align: center; font-size: 12px; }
.tabfoot strong { color: white; font-family: var(--font-display); font-weight: 900; font-size: 16px; letter-spacing: -0.015em; }

/* ═══════════════════════════════════════════════════════
   ARTICLE PAGE — vibe revistă tabloid premium
   ═══════════════════════════════════════════════════════ */

.atb-page { max-width: 1100px; margin: 0 auto; padding: 28px 24px; }
.atb-breadcrumb { font-size: 12px; color: var(--ink-500); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 0.04em; }
.atb-breadcrumb a { color: var(--bm-blue); font-weight: 700; }
.atb-breadcrumb .sep { color: var(--ink-300); margin: 0 6px; }

.atb-kicker { display: inline-block; background: var(--bm-red); color: white; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 12px; margin-bottom: 16px; }
.atb-title { font-family: var(--font-display); font-weight: 900; font-size: 60px; line-height: 1.02; color: var(--ink-950); letter-spacing: -0.035em; margin-bottom: 18px; max-width: 940px; }
.atb-title .hl { background: var(--bm-yellow); padding: 2px 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.atb-subtitle { font-family: var(--font-sans); font-size: 21px; line-height: 1.45; color: var(--ink-700); margin-bottom: 22px; max-width: 820px; font-weight: 400; }

.atb-byline { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-top: 1px solid var(--ink-200); border-bottom: 1px solid var(--ink-200); margin-bottom: 28px; }
.atb-byline-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; }
.atb-byline-avatar img { width: 100%; height: 100%; object-fit: cover; }
.atb-byline-name { font-size: 13px; font-weight: 700; }
.atb-byline-name a { color: var(--bm-blue); }
.atb-byline-meta { font-size: 12px; color: var(--ink-500); }
.atb-byline-share { margin-left: auto; display: flex; gap: 8px; }
.atb-share-btn { width: 34px; height: 34px; border-radius: 50%; background: var(--ink-100); display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--ink-700); cursor: pointer; }
.atb-share-btn:hover { background: var(--bm-cyan); color: white; }

.atb-hero { margin: 0 -24px 30px; position: relative; }
.atb-hero img { width: 100%; max-height: 560px; object-fit: cover; }
.atb-hero figcaption { font-size: 12px; color: var(--ink-500); padding: 8px 24px 0; font-style: italic; }

.atb-body { max-width: 720px; margin: 0 auto; }
.atb-body p { font-family: var(--font-serif); font-size: 21px; line-height: 1.65; color: var(--ink-800); margin-bottom: 22px; }
.atb-body p:first-child::first-letter { font-family: var(--font-serif); font-weight: 900; font-size: 78px; float: left; line-height: 0.85; margin: 6px 10px 0 0; color: var(--ink-950); }
.atb-body strong { color: var(--ink-950); font-weight: 700; }
.atb-body h2 { font-family: var(--font-display); font-weight: 900; font-size: 34px; color: var(--ink-950); margin: 40px 0 18px; line-height: 1.15; letter-spacing: -0.025em; }
.atb-body h2 .hl { background: var(--bm-yellow); padding: 0 6px; }

.atb-pullquote { position: relative; margin: 36px -40px; padding: 28px 36px 28px 100px; background: var(--bm-yellow); }
.atb-pullquote::before { content: '\201C'; position: absolute; top: -10px; left: 22px; font-family: var(--font-display); font-weight: 900; font-size: 150px; line-height: 1; color: var(--ink-950); }
.atb-pullquote p { font-family: var(--font-display); font-style: italic; font-weight: 800; font-size: 28px; line-height: 1.22; color: var(--ink-950); margin: 0; letter-spacing: -0.015em; }
.atb-pullquote .pq-author { font-family: var(--font-sans); font-style: normal; font-weight: 800; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-800); margin-top: 14px; }

.atb-stat { background: var(--ink-950); color: white; padding: 36px 40px; margin: 36px -40px; display: flex; align-items: center; gap: 32px; }
.atb-stat-num { font-family: var(--font-display); font-weight: 900; font-size: 108px; line-height: 0.85; color: var(--bm-yellow); letter-spacing: -0.05em; }
.atb-stat-text { font-family: var(--font-display); font-size: 22px; line-height: 1.32; color: white; font-weight: 600; letter-spacing: -0.01em; }
.atb-stat-text strong { color: var(--bm-yellow); font-weight: 800; }

.atb-related { margin: 36px -40px; padding: 24px 36px; border: 2px dashed var(--bm-cyan); }
.atb-related-eyebrow { font-family: var(--font-display); font-weight: 900; font-style: italic; font-size: 20px; color: var(--bm-red); margin-bottom: 14px; letter-spacing: -0.015em; }
.atb-related ul { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.atb-related li { display: grid; grid-template-columns: 90px 1fr; gap: 14px; align-items: center; }
.atb-related .rb-thumb { aspect-ratio: 1/1; overflow: hidden; }
.atb-related .rb-thumb img { width: 100%; height: 100%; object-fit: cover; }
.atb-related .rb-text { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1.25; color: var(--ink-950); letter-spacing: -0.005em; }
.atb-related .rb-text:hover { color: var(--bm-red); }

.atb-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--ink-200); }
.atb-tag { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-700); background: var(--ink-100); padding: 6px 14px; border-radius: 999px; }
.atb-tag:hover { background: var(--bm-yellow); color: var(--ink-950); }

.atb-cta { background: var(--bm-yellow); padding: 28px 36px; margin: 40px -40px 0; text-align: center; }
.atb-cta-eyebrow { font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bm-red); margin-bottom: 8px; }
.atb-cta-title { font-family: var(--font-display); font-weight: 900; font-size: 28px; color: var(--ink-950); margin-bottom: 14px; line-height: 1.15; letter-spacing: -0.02em; }
.atb-cta-btn { display: inline-block; background: var(--ink-950); color: white; font-weight: 800; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; padding: 14px 30px; border-radius: 999px; }
.atb-cta-btn:hover { background: var(--bm-red); }

/* ═══ AD CREATIVES (real banner art) ═══ */
.ad-real { display: block; padding: 0 !important; border: none !important; background: transparent !important; overflow: hidden; line-height: 0; }
.ad-real img { display: block; width: 100%; height: auto; }
.ad-bar-content.ad-real { max-width: 970px; margin: 0 auto; }
.exclusive-ad.ad-real, .rail-ad.ad-real { aspect-ratio: 300/250; }
.rail-halfpage { display: block; aspect-ratio: 300/600; line-height: 0; }
.rail-halfpage img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ═══ ARTICLE RIGHT RAIL ═══ */
.atb-with-rail { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; margin-top: 8px; }
.atb-with-rail .atb-body { max-width: none; margin: 0; min-width: 0; }
.atb-rail { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 16px; }
.rail-block { background: white; border: 1px solid var(--ink-200); padding: 0; }
.rail-head { font-family: var(--font-display); font-weight: 900; font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-950); padding: 14px 18px; border-bottom: 3px solid var(--bm-red); display: flex; align-items: center; gap: 8px; background: var(--bm-yellow-soft, #FFF7C2); }
.rail-head-gold { border-bottom-color: var(--gold, #B8860B); background: #FBF1D7; }
.rail-num { color: var(--bm-red); font-size: 14px; }

.rail-trending .rail-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; padding: 12px 18px; border-bottom: 1px solid var(--ink-100); }
.rail-trending .rail-item:last-child { border-bottom: none; }
.rt-rank { font-family: var(--font-display); font-weight: 900; font-size: 22px; color: var(--bm-red); line-height: 1; letter-spacing: -0.04em; }
.rt-title { font-family: var(--font-display); font-weight: 700; font-size: 14px; line-height: 1.3; color: var(--ink-950); letter-spacing: -0.005em; margin-bottom: 4px; }
.rt-meta { font-size: 11px; color: var(--ink-500); }
.rail-trending .rail-item:hover .rt-title { color: var(--bm-red); }

.rail-ad { background: var(--ink-50); border: 1px dashed var(--ink-300); padding: 80px 12px; text-align: center; font-size: 11px; letter-spacing: 0.08em; color: var(--ink-400); text-transform: uppercase; }
.rail-ad small { display: block; margin-top: 4px; font-size: 9px; }

.rail-mag { display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 16px 18px; align-items: center; }
.rm-cover { aspect-ratio: 210/280; overflow: hidden; border: 1px solid var(--ink-200); }
.rm-cover img { width: 100%; height: 100%; object-fit: cover; }
.rm-info { display: flex; flex-direction: column; gap: 4px; }
.rm-no { font-family: var(--font-display); font-weight: 900; font-size: 16px; color: var(--ink-950); letter-spacing: -0.01em; }
.rm-tag { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--bm-red); }
.rm-price { font-size: 12px; color: var(--ink-700); }
.rm-btn { margin-top: 8px; font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-cyan); }

.rail-zf-item { display: block; padding: 11px 18px; border-bottom: 1px solid var(--ink-100); }
.rail-zf-item:last-child { border-bottom: none; }
.zf-cat { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-red); margin-bottom: 4px; }
.zf-cat.gold { color: var(--gold, #B8860B); }
.zf-flag { background: var(--bm-blue); color: white; padding: 2px 6px; font-size: 10px; font-weight: 900; letter-spacing: 0.02em; border-radius: 2px; }
.zf-t { font-family: var(--font-display); font-weight: 600; font-size: 13.5px; line-height: 1.35; color: var(--ink-900); letter-spacing: -0.005em; }
.rail-zf-item:hover .zf-t { color: var(--bm-red); }

.rail-newsletter { background: var(--ink-950); color: white; padding: 22px 20px; }
.rn-eyebrow { font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bm-yellow); margin-bottom: 8px; }
.rn-title { font-family: var(--font-display); font-weight: 800; font-size: 18px; line-height: 1.25; margin-bottom: 14px; letter-spacing: -0.01em; }
.rn-form { display: flex; flex-direction: column; gap: 8px; }
.rn-form input { padding: 10px 12px; border: 1px solid var(--ink-700); background: var(--ink-900); color: white; font-size: 13px; font-family: var(--font-sans); }
.rn-form input::placeholder { color: var(--ink-500); }
.rn-form button { padding: 10px; background: var(--bm-yellow); color: var(--ink-950); border: none; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer; }
.rn-form button:hover { background: var(--bm-yellow-bright); }

/* ═══ TABLOID V3 — module noi în ordinea v2 ═══ */

/* 3 SECUNDARE */
.tab-secondary { max-width: 1300px; margin: 36px auto; padding: 0 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.tsec-card { display: flex; flex-direction: column; gap: 10px; }
.tsec-img { aspect-ratio: 16/10; overflow: hidden; }
.tsec-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.tsec-card:hover .tsec-img img { transform: scale(1.04); }
.tsec-kicker { font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-red); margin-top: 4px; }
.tsec-title { font-family: var(--font-display); font-weight: 800; font-size: 22px; line-height: 1.18; color: var(--ink-950); letter-spacing: -0.015em; }
.tsec-card:hover .tsec-title { color: var(--bm-red); }
.tsec-meta { font-size: 12px; color: var(--ink-500); margin-top: auto; }

/* VIDEO mare */
.tab-video { max-width: 1300px; margin: 44px auto; padding: 0 24px; }
.tabv-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.tabv-badge { background: var(--bm-red); color: white; font-weight: 800; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 14px; }
.tabv-headline { font-family: var(--font-display); font-weight: 900; font-size: 32px; color: var(--ink-950); letter-spacing: -0.025em; flex: 1; }
.tabv-more { font-family: var(--font-sans); font-weight: 800; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-cyan); }
.tabv-player { display: block; position: relative; background: var(--ink-950); aspect-ratio: 21/9; overflow: hidden; }
.tabv-player img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: opacity .25s; }
.tabv-player:hover img { opacity: 0.55; }
.tabv-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 96px; height: 96px; background: var(--bm-red); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.tabv-play::after { content: ''; width: 0; height: 0; border-left: 32px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; margin-left: 8px; }
.tabv-player:hover .tabv-play { transform: translate(-50%,-50%) scale(1.08); }
.tabv-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 28px; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent); color: white; }
.tabv-title { font-family: var(--font-display); font-weight: 800; font-size: 26px; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 6px; }
.tabv-sub { font-size: 13px; color: rgba(255,255,255,0.78); }

/* 3 TERȚIARE — orizontale cu thumb + text */
.tab-tert { max-width: 1300px; margin: 36px auto; padding: 0 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; border-top: 1px solid var(--ink-200); padding-top: 28px; }
.ttert-card { display: grid; grid-template-columns: 130px 1fr; gap: 14px; align-items: start; }
.ttert-img { aspect-ratio: 1/1; overflow: hidden; }
.ttert-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ttert-card:hover .ttert-img img { transform: scale(1.05); }
.ttert-body { display: flex; flex-direction: column; gap: 6px; }
.ttert-kicker { font-family: var(--font-sans); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-red); }
.ttert-title { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1.25; color: var(--ink-950); letter-spacing: -0.005em; }
.ttert-card:hover .ttert-title { color: var(--bm-red); }
.ttert-title strong { background: var(--bm-yellow); padding: 0 4px; font-weight: 800; }
.ttert-meta { font-size: 11px; color: var(--ink-500); margin-top: 2px; }

/* OPINIA */
.tab-opinia { max-width: 1300px; margin: 44px auto; padding: 0 24px; }
.topin-band { display: grid; grid-template-columns: 140px 1fr auto; gap: 28px; align-items: center; padding: 28px 32px; background: white; border: 1px solid var(--ink-200); border-left: 8px solid var(--bm-cyan); position: relative; }
.topin-avatar { width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 5px solid white; box-shadow: 0 4px 20px rgba(0,0,0,0.15); margin-left: -56px; flex-shrink: 0; }
.topin-avatar img { width: 100%; height: 100%; object-fit: cover; }
.topin-content { min-width: 0; }
.topin-label { font-family: var(--font-sans); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-cyan); margin-bottom: 10px; }
.topin-label strong { color: var(--ink-950); font-weight: 900; }
.topin-title { font-family: var(--font-display); font-weight: 900; font-size: 28px; line-height: 1.2; color: var(--ink-950); letter-spacing: -0.02em; margin-bottom: 10px; }
.topin-title em { font-style: italic; font-weight: 700; color: var(--ink-700); font-size: 22px; }
.topin-meta { font-size: 12px; color: var(--ink-500); }
.topin-cta { font-family: var(--font-display); font-weight: 900; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; color: white; background: var(--ink-950); padding: 14px 22px; flex-shrink: 0; align-self: center; }
.topin-band:hover .topin-cta { background: var(--bm-red); }

/* DECLARAȚIE — pull quote mare */
.tab-declaratie { max-width: 1100px; margin: 56px auto; padding: 0 24px; position: relative; text-align: center; }
.tdec-marker { font-family: var(--font-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bm-red); margin-bottom: 16px; }
.tdec-quote { font-family: var(--font-display); font-weight: 900; font-style: italic; font-size: 48px; line-height: 1.1; color: var(--ink-950); letter-spacing: -0.025em; margin: 0 auto 28px; max-width: 920px; position: relative; }
.tdec-mark { font-family: var(--font-display); font-weight: 900; font-style: italic; color: var(--bm-yellow); font-size: 56px; line-height: 0; vertical-align: -6px; margin-right: 4px; }
.tdec-quote .hl { background: var(--bm-yellow); padding: 0 8px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.tdec-author { display: inline-flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 2px solid var(--ink-200); }
.tdec-avatar { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; }
.tdec-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tdec-name { font-family: var(--font-display); font-weight: 800; font-size: 14px; color: var(--ink-950); text-align: left; }
.tdec-role { font-size: 12px; color: var(--ink-500); text-align: left; }

/* CIFRA — stat band mare */
.tab-cifra { max-width: 1300px; margin: 56px auto; padding: 36px 48px; display: grid; grid-template-columns: auto 1fr; gap: 48px; align-items: center; background: var(--ink-950); color: white; border-top: 8px solid var(--bm-yellow); position: relative; overflow: hidden; }
.tab-cifra::before { content: ''; position: absolute; right: -80px; top: -80px; width: 380px; height: 380px; border-radius: 50%; background: var(--bm-red); opacity: 0.12; }
.tcif-num { position: relative; font-family: var(--font-display); font-weight: 900; font-size: 140px; line-height: 0.85; color: var(--bm-yellow); letter-spacing: -0.05em; }
.tcif-unit { font-size: 56px; vertical-align: top; margin-left: 4px; }
.tcif-text { position: relative; }
.tcif-label { font-family: var(--font-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bm-yellow); margin-bottom: 10px; }
.tcif-body { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.35; color: white; letter-spacing: -0.01em; max-width: 720px; }
.tcif-body strong { color: var(--bm-yellow); font-weight: 800; }
.tcif-cta { display: inline-block; margin-top: 16px; font-family: var(--font-sans); font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-cyan); }
.tab-cifra:hover .tcif-cta { color: white; }

/* SPECIAL VIDEO — link extern */
.tab-special-video { display: grid; grid-template-columns: 360px 1fr; gap: 28px; max-width: 1300px; margin: 48px auto; padding: 22px; background: white; border: 1px solid var(--ink-200); border-top: 4px solid var(--bm-red); align-items: center; }
.tsv-thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; background: var(--ink-950); }
.tsv-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; }
.tsv-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 56px; height: 56px; background: var(--bm-red); border-radius: 50%; }
.tsv-play::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%,-50%); width: 0; height: 0; border-left: 18px solid white; border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
.tsv-body { display: flex; flex-direction: column; gap: 8px; }
.tsv-source { font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-red); }
.tsv-title { font-family: var(--font-display); font-weight: 900; font-size: 26px; line-height: 1.2; color: var(--ink-950); letter-spacing: -0.02em; }
.tsv-meta { font-size: 13px; color: var(--ink-500); }
.tsv-cta { font-family: var(--font-sans); font-weight: 800; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bm-cyan); margin-top: 6px; }
.tab-special-video:hover .tsv-title { color: var(--bm-red); }

/* ═══ CATEGORY PAGE ═══ */
.cat-hero { background: white; border-bottom: 1px solid var(--ink-200); }
.cat-hero-inner { max-width: 1300px; margin: 0 auto; padding: 36px 24px 28px; }
.cat-breadcrumb { font-size: 12px; color: var(--ink-500); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 14px; }
.cat-breadcrumb a { color: var(--bm-blue); font-weight: 700; }
.cat-breadcrumb .sep { color: var(--ink-300); margin: 0 6px; }
.cat-title { font-family: var(--font-display); font-weight: 900; font-size: 84px; line-height: 0.92; color: var(--ink-950); letter-spacing: -0.04em; text-transform: uppercase; }
.cat-title-dot { color: var(--bm-red); }
.cat-rule { height: 8px; background: var(--bm-cyan); width: 220px; margin: 14px 0 18px; }
.cat-desc { font-family: var(--font-sans); font-size: 16px; color: var(--ink-600); max-width: 640px; margin-bottom: 20px; }
.cat-desc strong { color: var(--ink-950); }
.cat-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cat-chip { font-family: var(--font-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-800); border: 1.5px solid var(--ink-300); padding: 8px 16px; border-radius: 999px; transition: all .15s; }
.cat-chip:hover { border-color: var(--ink-950); color: var(--ink-950); }
.cat-chip.is-on { background: var(--ink-950); border-color: var(--ink-950); color: var(--bm-yellow); }

.cat-page { max-width: 1300px; margin: 0 auto; padding: 32px 24px; display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; }
.cat-main { min-width: 0; }

.cat-featured { display: block; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--ink-200); }
.cf-img { position: relative; aspect-ratio: 21/10; overflow: hidden; margin-bottom: 18px; }
.cf-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.cat-featured:hover .cf-img img { transform: scale(1.03); }
.cf-kicker { position: absolute; bottom: 14px; left: 14px; background: var(--bm-red); color: white; font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px; }
.cf-title { font-family: var(--font-display); font-weight: 900; font-size: 38px; line-height: 1.08; color: var(--ink-950); letter-spacing: -0.03em; margin-bottom: 12px; }
.cf-title .hl { background: var(--bm-yellow); padding: 0 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.cat-featured:hover .cf-title { color: var(--bm-red); }
.cf-excerpt { font-size: 16px; line-height: 1.55; color: var(--ink-600); max-width: 720px; margin-bottom: 10px; }
.cf-meta { font-size: 13px; color: var(--ink-500); }
.cf-meta strong { color: var(--ink-900); }

.cat-item { display: grid; grid-template-columns: 240px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid var(--ink-200); align-items: start; }
.ci-img { aspect-ratio: 16/10; overflow: hidden; }
.ci-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.cat-item:hover .ci-img img { transform: scale(1.04); }
.ci-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ci-kicker { font-family: var(--font-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-red); }
.ci-title { font-family: var(--font-display); font-weight: 800; font-size: 22px; line-height: 1.18; color: var(--ink-950); letter-spacing: -0.015em; }
.cat-item:hover .ci-title { color: var(--bm-red); }
.ci-excerpt { font-size: 14px; line-height: 1.5; color: var(--ink-600); }
.ci-meta { font-size: 12px; color: var(--ink-500); margin-top: 2px; }
.ci-meta strong { color: var(--ink-900); }

.cat-inline-ad { display: block; margin: 26px 0; max-width: 728px; }
.cat-inline-ad img { width: 100%; height: auto; display: block; }

.cat-pagination { display: flex; align-items: center; gap: 8px; margin-top: 32px; }
.pag-cur, .pag-num { font-family: var(--font-display); font-weight: 900; font-size: 16px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; letter-spacing: -0.02em; }
.pag-cur { background: var(--ink-950); color: var(--bm-yellow); }
.pag-num { background: white; border: 1.5px solid var(--ink-300); color: var(--ink-900); transition: all .15s; }
.pag-num:hover { border-color: var(--ink-950); }
.pag-dots { color: var(--ink-400); font-weight: 700; padding: 0 4px; }
.pag-next { font-family: var(--font-sans); font-weight: 800; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: white; background: var(--bm-red); padding: 14px 20px; margin-left: auto; }
.pag-next:hover { background: var(--ink-950); }

/* ═══ SEARCH PAGE ═══ */
.search-hero { background: var(--ink-950); border-bottom: 8px solid var(--bm-yellow); }
.search-hero-inner { max-width: 1300px; margin: 0 auto; padding: 44px 24px 30px; }
.sh-eyebrow { font-family: var(--font-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bm-yellow); margin-bottom: 16px; }
.sh-form { display: flex; align-items: center; gap: 0; background: white; max-width: 760px; padding: 6px 6px 6px 20px; }
.sh-icon { width: 26px; height: 26px; color: var(--ink-500); flex-shrink: 0; }
.sh-input { flex: 1; border: none; outline: none; font-family: var(--font-display); font-weight: 800; font-size: 26px; letter-spacing: -0.02em; color: var(--ink-950); padding: 12px 16px; min-width: 0; background: transparent; }
.sh-input::placeholder { color: var(--ink-300); font-weight: 600; }
.sh-btn { font-family: var(--font-sans); font-weight: 800; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; background: var(--bm-red); color: white; border: none; padding: 16px 28px; cursor: pointer; flex-shrink: 0; }
.sh-btn:hover { background: var(--bm-red-dark, #B71C1C); }
.sh-summary { font-size: 14px; color: var(--ink-300); margin: 18px 0 14px; }
.sh-summary strong { color: white; }
.sh-q { color: var(--bm-yellow); font-weight: 700; }
.sh-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sh-filter { font-family: var(--font-sans); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: var(--ink-200); border: 1px solid var(--ink-700); padding: 7px 14px; border-radius: 999px; transition: all .15s; }
.sh-filter span { color: var(--ink-400); font-weight: 600; margin-left: 4px; }
.sh-filter:hover { border-color: white; color: white; }
.sh-filter.is-on { background: var(--bm-yellow); border-color: var(--bm-yellow); color: var(--ink-950); }
.sh-filter.is-on span { color: var(--ink-700); }
.sh-filter.is-on2 { border-style: dashed; }
.sh-sep { width: 1px; height: 22px; background: var(--ink-700); margin: 0 6px; }

.sr-top { display: block; position: relative; background: white; border: 1px solid var(--ink-200); border-top: 5px solid var(--bm-yellow); padding: 24px; margin-bottom: 28px; }
.sr-top-badge { position: absolute; top: -14px; left: 20px; background: var(--bm-yellow); color: var(--ink-950); font-family: var(--font-sans); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 12px; }
.sr-top-grid { display: grid; grid-template-columns: 300px 1fr; gap: 24px; align-items: center; }
.sr-top-img { aspect-ratio: 4/3; overflow: hidden; }
.sr-top-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-top-title { font-family: var(--font-display); font-weight: 900; font-size: 28px; line-height: 1.12; color: var(--ink-950); letter-spacing: -0.025em; margin: 8px 0 10px; }
.sr-top:hover .sr-top-title { color: var(--bm-red); }

.sr-item { display: grid; grid-template-columns: 170px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--ink-200); align-items: start; }
.sr-img { position: relative; aspect-ratio: 16/10; overflow: hidden; }
.sr-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.sr-item:hover .sr-img img { transform: scale(1.04); }
.sr-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 38px; height: 38px; background: var(--bm-red); border-radius: 50%; }
.sr-play::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-38%,-50%); width: 0; height: 0; border-left: 12px solid white; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.sr-body { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.sr-title { font-family: var(--font-display); font-weight: 800; font-size: 19px; line-height: 1.2; color: var(--ink-950); letter-spacing: -0.01em; }
.sr-item:hover .sr-title { color: var(--bm-red); }
.sr-excerpt { font-size: 13.5px; line-height: 1.5; color: var(--ink-600); }
mark { background: var(--bm-yellow); color: inherit; padding: 0 3px; }

.sr-hint { margin-top: 32px; background: var(--ink-50); border: 1px dashed var(--ink-300); padding: 22px 26px; }
.sr-hint-title { font-family: var(--font-display); font-weight: 900; font-size: 18px; color: var(--ink-950); margin-bottom: 6px; letter-spacing: -0.01em; }
.sr-hint-text { font-size: 14px; line-height: 1.55; color: var(--ink-600); }
.sr-hint-text a { color: var(--bm-red); font-weight: 700; text-decoration: underline; }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 1100px) {
  .hero-block { grid-template-columns: 1fr; }
  .secondary-row { grid-template-columns: 1fr 1fr; }
  .secondary-row .spacer { display: none; }
  .tab-secondary { grid-template-columns: 1fr 1fr; }
  .tab-secondary .tsec-card:nth-child(3) { grid-column: 1 / -1; }
  .tab-tert { grid-template-columns: 1fr 1fr; }
  .tab-tert .ttert-card:nth-child(3) { grid-column: 1 / -1; }
  .topin-band { grid-template-columns: 1fr; gap: 18px; padding: 24px; }
  .topin-avatar { width: 100px; height: 100px; margin-left: 0; }
  .topin-title { font-size: 24px; }
  .topin-cta { align-self: flex-start; }
  .tab-cifra { grid-template-columns: 1fr; gap: 24px; padding: 32px 28px; }
  .tcif-num { font-size: 110px; }
  .tab-special-video { grid-template-columns: 280px 1fr; }
  .tdec-quote { font-size: 36px; }
  .dont-miss { grid-template-columns: 1fr; }
  .dontmiss-badge-bg { width: 120px; height: 120px; }
  .dontmiss-badge-text { font-size: 28px; }
  .dontmiss-item { border-right: none; border-bottom: 1px solid var(--ink-200); padding-bottom: 14px; padding-right: 0; }
  .dontmiss-item:last-child { border-bottom: none; }
  .st-main { grid-template-columns: 1fr; }
  .wtwt-heading { font-size: 48px; }
  .wtwt-grid { grid-template-columns: 1fr 1fr; }
  .shopstrip-grid { grid-template-columns: repeat(3, 1fr); }
  .archive-strip-grid { grid-template-columns: repeat(4, 1fr); }
  .atb-with-rail { grid-template-columns: 1fr 280px; gap: 32px; }
  .exclusive-col { flex-direction: row; gap: 18px; }
  .exclusive-col > * { flex: 1; }
  .exclusive-col .exclusive-ad { flex: 0 0 200px; }
  .cat-page { grid-template-columns: 1fr 280px; gap: 32px; }
  .cat-title { font-size: 64px; }
}

@media (max-width: 900px) {
  /* Mobile nav: burger stânga · logo centru (umple) · search dreapta */
  .tabnav-inner { padding: 14px 16px; gap: 12px; flex-wrap: wrap; }
  .tabnav-burger { display: flex; order: 0; flex-shrink: 0; }
  .tabnav-logo { flex: 1 1 auto; text-align: center; order: 1; min-width: 0; }
  .tabnav-logo img { height: 32px; margin: 0 auto; max-width: 180px; }
  .tabnav-right { order: 2; gap: 0; flex-shrink: 0; }
  .tabnav-sub { display: none; }
  .tabnav-account { display: none; }
  .tabnav-search { width: 22px; height: 22px; }
  .tabnav-links { order: 3; width: 100%; gap: 12px; padding: 10px 0 4px; border-top: 1px solid var(--ink-200); margin-top: 10px; flex: 1 0 100%; }
  .tabnav-links a { font-size: 11.5px; padding: 6px 0; }

  /* Mobile hero: TOP STORY primul, apoi exclusive, apoi cele mai citite */
  .hero-block { display: flex; flex-direction: column; }
  .topstory { order: 1; }
  .exclusive-col { order: 2; flex-direction: column; }
  .scoop-col { order: 3; }
  .exclusive-col .exclusive-ad { flex: 1; padding: 30px 12px; }

  .atb-with-rail { grid-template-columns: 1fr; gap: 36px; }
  .atb-rail { position: static; }
  .cat-page { grid-template-columns: 1fr; gap: 36px; padding: 24px 16px; }
  .cat-title { font-size: 52px; }
  .cf-title { font-size: 28px; }
  .sr-top-grid { grid-template-columns: 1fr; }
  .sh-input { font-size: 19px; }
}

@media (max-width: 700px) {
  .tab-secondary, .tab-tert { grid-template-columns: 1fr !important; gap: 22px; padding: 0 16px; }
  .tab-tert .ttert-card:nth-child(3) { grid-column: auto; }
  .tabv-headline { font-size: 22px; }
  .tabv-title { font-size: 19px; }
  .topin-title { font-size: 20px; }
  .topin-title em { font-size: 17px; }
  .tdec-quote { font-size: 28px; }
  .tdec-mark { font-size: 36px; }
  .tcif-num { font-size: 80px; }
  .tcif-unit { font-size: 38px; }
  .tcif-body { font-size: 17px; }
  .tab-special-video { grid-template-columns: 1fr; padding: 18px; }
  .tsv-title { font-size: 21px; }
  .hero-block { padding: 18px 16px; gap: 22px; }
  .topstory-title { font-size: 30px; }
  .topstory-img { aspect-ratio: 4/3; }
  .exclusive-stamp { width: 68px; height: 68px; font-size: 11px; top: -16px; right: -10px; }
  .exclusive-stamp span { font-size: 8px; }
  .exclusive { padding-top: 36px; }
  .secondary-row { grid-template-columns: 1fr; padding: 0 16px; }
  .dont-miss { padding: 22px 16px; }
  .wtwt-heading { font-size: 36px; }
  .wtwt-grid { grid-template-columns: 1fr; }
  .shopstrip-grid { grid-template-columns: repeat(2, 1fr); }
  .archive-strip-grid { grid-template-columns: repeat(3, 1fr); }
  .atb-title { font-size: 36px; }
  .atb-subtitle { font-size: 18px; }
  .atb-body p { font-size: 18px; }
  .atb-body p:first-child::first-letter { font-size: 58px; }
  .atb-pullquote { margin: 28px 0; padding: 22px 22px 22px 70px; }
  .atb-pullquote::before { font-size: 96px; left: 12px; top: -6px; }
  .atb-pullquote p { font-size: 22px; }
  .atb-stat { margin: 28px 0; padding: 26px; flex-direction: column; gap: 18px; align-items: flex-start; }
  .atb-stat-num { font-size: 68px; }
  .atb-stat-text { font-size: 18px; }
  .atb-related { margin: 28px 0; padding: 18px 22px; }
  .atb-cta { margin: 28px 0; padding: 22px; }
  .st-newdaily { width: 70px; height: 70px; }
  .scoop-brand-text strong { font-size: 42px; }
  .cat-title { font-size: 40px; }
  .cat-hero-inner { padding: 26px 16px 22px; }
  .cat-item { grid-template-columns: 120px 1fr; gap: 14px; }
  .ci-title { font-size: 17px; }
  .ci-excerpt { display: none; }
  .cf-title { font-size: 24px; }
  .sr-item { grid-template-columns: 110px 1fr; gap: 12px; }
  .sr-title { font-size: 16px; }
  .sr-excerpt { display: none; }
  .sr-top { padding: 18px; }
  .sr-top-title { font-size: 21px; }
  .sh-form { flex-wrap: wrap; padding: 10px; gap: 8px; }
  .sh-icon { display: none; }
  .sh-input { width: 100%; flex: 1 0 100%; padding: 8px 6px; }
  .sh-btn { width: 100%; }
  .pag-next { padding: 12px 14px; font-size: 11px; }
}