/*
Theme Name: Vətənim Media — Vətən 13.0
Theme URI: https://vetenim.media/
Author: Novruz.website
Description: Distinctive Azerbaijani editorial newsroom with live dashboard, national memory desk and landscape storytelling.
Version: 18.11.0
Text Domain: vetenim-media-veten
*/
@font-face{font-family:VTM;src:url('assets/fonts/NotoSans-Regular.woff2') format('woff2');font-weight:400}
@font-face{font-family:VTM;src:url('assets/fonts/NotoSans-Bold.woff2') format('woff2');font-weight:700}
:root{--navy:#071a26;--navy2:#0d2d3e;--red:#c5203a;--blue:#008fca;--green:#008762;--gold:#c6a55f;--cream:#f3efe7;--white:#fff;--muted:#6e7b82;--line:#d6dee2;--shadow:0 20px 60px rgba(5,25,37,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.045;background-image:
 radial-gradient(circle at 12px 12px,transparent 0 7px,#9b7b3f 7.5px 8px,transparent 8.5px),
 radial-gradient(circle at 30px 30px,transparent 0 7px,#9b7b3f 7.5px 8px,transparent 8.5px);
 background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000);
}
.news-header:after{content:"";display:block;height:9px;opacity:.12;background:
 repeating-linear-gradient(45deg,transparent 0 8px,#b89455 8px 9px,transparent 9px 18px),
 repeating-linear-gradient(-45deg,transparent 0 8px,#b89455 8px 9px,transparent 9px 18px);
}
.all-sections{margin:0 0 38px;background:#fff;border:1px solid var(--line);padding:20px;position:relative;overflow:hidden}
.all-sections:before{content:"";position:absolute;right:-40px;top:-70px;width:240px;height:240px;border:1px solid rgba(198,165,95,.25);border-radius:50%;box-shadow:0 0 0 18px rgba(198,165,95,.04),0 0 0 36px rgba(198,165,95,.03)}
.all-sections-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--navy);padding-bottom:10px;margin-bottom:11px;position:relative;z-index:1}
.all-sections-head small{font-size:6px;color:var(--red);letter-spacing:1.7px}.all-sections-head h2{font-size:24px;margin:2px 0 0}.all-sections-head>span{font-size:7px;letter-spacing:2px;color:var(--muted)}
.section-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;position:relative;z-index:1}
.section-pill{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border:1px solid #e0e5e7;padding:10px 11px;background:linear-gradient(135deg,#fff,#f6f7f6);font-size:9px;font-weight:700}
.section-pill b{font-size:8px;color:var(--muted);font-weight:400}.section-pill i{font-style:normal;color:var(--red);font-size:12px}.section-pill:hover{border-color:#b8c6cc;transform:translateY(-1px)}

body{margin:0;background:var(--cream);color:var(--navy);font-family:VTM,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1360px,calc(100% - 40px));margin:auto}
.flagline{height:5px;display:grid;grid-template-columns:1fr 1fr 1fr}.flagline i:nth-child(1){background:var(--blue)}.flagline i:nth-child(2){background:var(--red)}.flagline i:nth-child(3){background:var(--green)}
.news-header{background:#fff}.header-top{background:var(--navy);color:#b9c9d0;font-size:8px;letter-spacing:.5px}.header-top-in{height:31px;display:flex;align-items:center;justify-content:space-between}.mini-brand{font-weight:700;color:#fff}.mini-brand span{color:var(--gold);padding:0 6px}.top-links{display:flex;gap:17px}.top-links a:hover{color:#fff}
.identity-row{min-height:126px;display:flex;justify-content:space-between;align-items:center;gap:35px}.identity-mark{display:flex;align-items:center;gap:25px}.logo-link{width:245px;display:block}.logo-link img,.custom-logo{width:100%;max-height:83px;object-fit:contain}.identity-line{border-left:1px solid var(--line);padding-left:25px;max-width:330px}.identity-line b{display:block;font-size:9px;letter-spacing:2px;color:var(--red)}.identity-line span{display:block;font-size:9px;color:var(--muted);margin-top:6px;line-height:1.55}
.dashboard{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px}.dash-card{min-width:125px;min-height:70px;border:1px solid var(--line);padding:10px 11px;background:#fafbfb}.dash-card small{display:block;font-size:6px;letter-spacing:1.2px;color:var(--muted);margin-bottom:3px}.dash-card strong{font-size:19px;line-height:1}.dash-card span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.clock-card{background:linear-gradient(145deg,#fff,#f2f5f5);border-top:3px solid var(--red)}.weather-card{border-top:3px solid var(--blue)}.currency-card{border-top:3px solid var(--green)}.currency-card>div{display:flex;justify-content:space-between;border-top:1px solid #e6eaec;padding-top:2px;margin-top:2px}.currency-card>div b{font-size:7px;color:var(--muted)}.currency-card>div strong{font-size:9px}
.memory-bar{display:grid;grid-template-columns:1.05fr 1.05fr 1.05fr 1fr;gap:8px;padding-bottom:13px}.memory{min-height:66px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#fff;position:relative;overflow:hidden}.memory:after{content:"";position:absolute;inset:0;opacity:.15;background:linear-gradient(135deg,transparent 0 50%,#fff 51%,transparent 52%)}.memory-veteran{background:linear-gradient(135deg,#1d2830,#11181d);border-bottom:3px solid #bba063}.memory-history{background:linear-gradient(135deg,#123c4d,#0b2735);border-bottom:3px solid var(--blue)}.memory-veten{background:linear-gradient(135deg,#124f42,#07382e);border-bottom:3px solid var(--green)}.memory-icon{font-size:22px;color:#e0c47b}.memory div{position:relative;z-index:1}.memory small{display:block;font-size:6px;letter-spacing:1.2px;color:#c8d4d9}.memory b{font-size:12px}.memory em{margin-left:auto;font-style:normal;font-size:16px;color:#e0c47b;position:relative;z-index:1}.motto{background:#f5f0e6;color:var(--navy);padding:12px 17px}.motto span{font-size:28px;color:var(--gold);line-height:1}.motto b{font-size:11px}
.mainnav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.mainnav.scrolled{box-shadow:0 10px 30px rgba(7,26,38,.12)}.nav-in{display:flex;align-items:center;overflow:auto;scrollbar-width:none;white-space:nowrap}.nav-in::-webkit-scrollbar{display:none}.nav-in>a{padding:13px 10px;font-size:9px;font-weight:700}.nav-in>a:hover{color:var(--red)}.nav-home{font-size:18px!important;color:var(--red);padding-left:3px!important;padding-right:16px!important}.nav-search{margin-left:auto;height:34px;display:flex;border-left:1px solid var(--line);padding-left:10px}.nav-search input{width:130px;border:0;outline:0;font:inherit;font-size:9px;padding:0 8px;background:#fff}.nav-search button{border:0;background:var(--navy);color:#fff;width:34px}
.breaking{background:var(--red);color:#fff}.breaking-in{height:43px;display:flex;align-items:center;overflow:hidden}.breaking-in>strong{height:100%;display:flex;align-items:center;gap:7px;padding:0 16px;background:#9e172d;font-size:8px;letter-spacing:1px;flex:0 0 auto}.breaking-in>strong i{width:6px;height:6px;border-radius:50%;background:#fff}.ticker{overflow:hidden;flex:1;white-space:nowrap}.ticker>div{display:inline-flex;gap:13px;animation:ticker 48s linear infinite}.ticker a{font-size:10px;font-weight:700}.ticker span{opacity:.5}@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
main{padding:25px 0 65px}.front-architecture{display:flex;justify-content:space-between;align-items:end;padding:18px 0 25px;border-bottom:1px solid var(--line)}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:var(--red)}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--red);vertical-align:middle;margin-right:7px}.front-intro h1{font-size:46px;line-height:.98;letter-spacing:-2px;margin:10px 0 7px}.front-intro h1 em{font-style:normal;color:var(--red)}.front-intro p{font-size:11px;color:var(--muted);margin:0}.front-index{text-align:right}.front-index span{display:block;font-size:52px;font-weight:700;line-height:.85;color:var(--navy)}.front-index b{font-size:13px;letter-spacing:3px}.front-index small{display:block;font-size:6px;letter-spacing:2px;color:var(--muted);margin-top:4px}
.hero-news{margin-top:17px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);background:var(--navy);color:#fff;position:relative;box-shadow:var(--shadow)}.hero-main{min-height:525px;position:relative;overflow:hidden}.hero-main>img{position:absolute;inset:0;height:100%;transition:.5s}.hero-main:hover>img{transform:scale(1.03)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,10,15,.98),rgba(2,10,15,.03) 67%)}.hero-meta{position:absolute;top:18px;left:20px;display:flex;gap:9px;align-items:center}.hero-meta span{background:var(--red);padding:6px 9px;font-size:8px;font-weight:700;letter-spacing:1px}.hero-meta time{font-size:8px;color:#d5e0e4}.hero-copy{position:absolute;left:22px;right:22px;bottom:25px}.hero-copy h2{font-size:clamp(27px,4vw,49px);line-height:1.02;letter-spacing:-1.6px;margin:0 0 8px}.hero-copy p{max-width:720px;color:#c3d0d5;font-size:11px;margin:0}.hero-side{padding:0 16px}.side-title{height:55px;border-bottom:1px solid #28424e;display:flex;align-items:center;justify-content:space-between}.side-title span{font-size:9px;font-weight:700;letter-spacing:1px}.side-title b{font-size:7px;color:#a9bbc2}.hero-side>a{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #28424e}.hero-side>a img{height:70px}.hero-side time{font-size:7px;color:#92a6af}.hero-side strong{display:block;font-size:10px;line-height:1.35;margin-top:3px}.hero-side>a:hover strong{color:#e2c377}.hero-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);background:#092333;border-top:1px solid #2a4450}.hero-bottom a{padding:12px 15px;border-right:1px solid #2a4450}.hero-bottom time{display:block;color:#e1c377;font-size:7px}.hero-bottom strong{display:block;font-size:9px;line-height:1.35;margin-top:3px}
.national-desk{margin:35px 0}.desk-title{margin-bottom:12px}.desk-title small{font-size:7px;letter-spacing:1.7px;color:var(--red)}.desk-title h2{font-size:22px;margin:3px 0}.desk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.desk-card{min-height:145px;padding:18px;display:flex;align-items:flex-end;position:relative;overflow:hidden;color:#fff}.desk-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.35))}.desk-card>*{position:relative;z-index:1}.desk-card .big-mark{position:absolute;right:15px;top:8px;font-size:55px;color:rgba(255,255,255,.18)}.desk-card small{display:block;font-size:6px;letter-spacing:1.4px;color:#d9e1e4}.desk-card b{font-size:20px}.desk-card p{font-size:8px;color:#d1dde1;max-width:260px;margin:3px 0 0}.desk-card em{margin-left:auto;font-size:19px;color:#e0c377;font-style:normal}.martyr{background:linear-gradient(135deg,#151c21,#37444a)}.archive{background:linear-gradient(135deg,#0c2b3a,#176079)}.nature{background:linear-gradient(135deg,#0a473b,#0b7963)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:28px}.news-module{margin-bottom:40px}.news-module>header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--navy);padding-bottom:9px;margin-bottom:12px}.module-name{position:relative;padding-left:14px}.module-name>span{position:absolute;left:0;top:1px;width:5px;height:30px;background:linear-gradient(var(--blue) 0 33%,var(--red) 33% 66%,var(--green) 66%)}.module-name small{display:block;font-size:6px;color:var(--muted);letter-spacing:.8px}.module-name h2{font-size:22px;margin:1px 0 0}.news-module>header>a{font-size:8px;color:var(--red);font-weight:700}.module-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:9px}.module-grid article{background:#fff;border:1px solid var(--line);transition:.25s}.module-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,26,38,.1)}.module-feature{grid-row:span 2}.module-image{position:relative;overflow:hidden}.module-feature .module-image img{height:250px}.module-grid article:not(.module-feature) .module-image img{height:137px}.module-image span{position:absolute;bottom:7px;left:7px;background:rgba(7,26,38,.88);padding:4px 6px;color:#fff;font-size:6px}.module-copy{padding:9px 10px}.module-copy time{font-size:7px;color:var(--muted)}.module-copy h3{font-size:11px;line-height:1.4;margin:3px 0 0}.module-feature .module-copy h3{font-size:17px;line-height:1.18}.module-copy p{font-size:9px;color:var(--muted);margin:7px 0 0}.module-empty{padding:25px;background:#fff;border:1px dashed #cbd4d8;color:var(--muted);font-size:10px}
.landscape-feature{min-height:480px;position:relative;background:var(--navy);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;margin:5px 0 40px;color:#fff;box-shadow:var(--shadow)}.landscape-bg{position:absolute;inset:0;background:url('assets/img/azerbaijan-landscape.svg') center/cover no-repeat}.landscape-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,23,.98),rgba(3,15,23,.75) 43%,rgba(3,15,23,.2))}.landscape-copy{position:relative;z-index:1;padding:45px 35px}.landscape-copy small{font-size:7px;letter-spacing:2px;color:#e2c47b}.landscape-copy h2{font-size:50px;line-height:.98;letter-spacing:-2px;margin:12px 0}.landscape-copy h2 em{font-style:normal;color:#e2c47b}.landscape-copy p{font-size:10px;color:#c6d3d8;max-width:310px}.landscape-copy a{font-size:8px;color:#e2c47b;font-weight:700;border-bottom:1px solid #e2c47b;padding-bottom:4px}.landscape-stories{position:relative;z-index:1;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px 20px 20px 0}.landscape-stories a{height:180px;position:relative;overflow:hidden}.landscape-stories a img{height:100%;position:absolute;inset:0;transition:.4s}.landscape-stories a:hover img{transform:scale(1.05)}.landscape-stories a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 60%)}.landscape-stories strong{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;font-size:9px}.landscape-empty{padding:20px;border:1px dashed #4c5e66;color:#aab9bf;font-size:9px}
.sidebar{min-width:0}.side-panel{background:#fff;border:1px solid var(--line);margin-bottom:15px}.side-panel>header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:2px solid var(--navy)}.side-panel>header h3{font-size:10px;margin:0;letter-spacing:.6px}.side-panel>header span{font-size:6px;color:var(--red);font-weight:700}.latest-panel>header{border-bottom-color:var(--red)}.latest-scroll{max-height:510px;overflow:auto}.latest-scroll a{display:grid;grid-template-columns:43px 1fr;gap:8px;padding:9px 12px;border-bottom:1px solid #edf0f1}.latest-scroll time{font-size:7px;color:var(--red);font-weight:700}.latest-scroll strong{font-size:9px;line-height:1.4}.latest-scroll a:hover{background:#f7f8f8}.popular-row{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid #edf0f1}.popular-row b{font-size:17px;color:var(--gold)}.popular-row span{font-size:9px;line-height:1.4}.calendar-panel{background:var(--navy);color:#fff;padding:15px;margin-bottom:15px}.calendar-top{display:flex;justify-content:space-between}.calendar-top small{font-size:6px;color:#e0c377;letter-spacing:1.4px}.calendar-top h3{font-size:21px;margin:2px 0}.calendar-top>span{font-size:25px;color:#e0c377}.calendar-panel form{display:flex;margin-top:9px}.calendar-panel input{flex:1;border:0;padding:9px;font:inherit;font-size:9px}.calendar-panel button{border:0;background:var(--red);color:#fff;padding:0 11px;font:inherit;font-size:8px}.corner-panel{border-top:3px solid var(--gold)}.corner-panel>a{display:block;padding:10px 12px;border-bottom:1px solid #edf0f1}.corner-panel small{display:block;font-size:7px;color:var(--gold)}.corner-panel strong{display:block;font-size:9px;line-height:1.4}.side-empty{padding:12px;color:var(--muted);font-size:9px}.novruz-card{background:linear-gradient(145deg,#092231,#154b5d);color:#fff;padding:21px;border-top:4px solid var(--gold)}.novruz-card small{font-size:6px;letter-spacing:2px;color:#e1c47a}.novruz-card>strong{display:block;font-size:25px;margin:4px 0}.novruz-card>strong span{color:#e1c47a}.novruz-card p{font-size:8px;color:#c1d0d5}.novruz-card>a{font-size:7px;color:#e1c47a;font-weight:700}
.media-wall{margin-top:6px;background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:.6fr 1.4fr;gap:30px}.media-heading small{font-size:7px;color:var(--red);letter-spacing:1.7px}.media-heading h2{font-size:29px;margin:4px 0}.media-heading p{font-size:9px;color:var(--muted);max-width:190px}.media-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-column header{display:flex;justify-content:space-between;border-bottom:2px solid var(--navy);padding-bottom:8px;margin-bottom:10px}.media-column header b{font-size:12px}.media-column header a{font-size:7px;color:var(--red);font-weight:700}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-grid a{position:relative}.media-grid img{height:145px}.media-grid strong{display:block;font-size:8px;line-height:1.4;padding-top:5px}.play{position:absolute;z-index:2;top:7px;left:7px;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;background:var(--red);color:#fff;font-size:9px}.media-empty{grid-column:1/-1;color:var(--muted);font-size:9px;padding:18px;border:1px dashed #cbd4d8}
footer{background:var(--navy);color:#aebfc6;margin-top:48px;position:relative;overflow:hidden}.footer-art{position:absolute;inset:0;background:url('assets/img/azerbaijan-landscape.svg') center/cover;opacity:.07}.footer-main{position:relative;z-index:1;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px;padding:45px 0}.footer-about>strong{font-size:26px;color:#fff}.footer-about>strong span{color:#e1c47b}.footer-about p{font-size:9px;max-width:300px}.footer-about small{font-size:7px}.footer-main h4{font-size:7px;color:#e1c47b;letter-spacing:1.5px}.footer-main a{display:block;font-size:8px;margin:7px 0}.footer-credit>strong{font-size:18px;color:#fff}.footer-credit>strong span{color:#e1c47b}.footer-credit p{font-size:8px}.footer-bottom{position:relative;z-index:1;border-top:1px solid #2a414c;padding:13px 0;display:flex;justify-content:space-between;font-size:7px}
@media(max-width:1150px){.identity-row{align-items:flex-start;padding:20px 0}.identity-mark{flex-direction:column;align-items:flex-start;gap:10px}.identity-line{border-left:0;border-top:1px solid var(--line);padding:9px 0 0}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.novruz-card{grid-column:1/-1}.latest-panel{grid-row:span 2}.media-wall{grid-template-columns:1fr}.media-heading p{max-width:none}.media-columns{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap{width:calc(100% - 22px)}.top-links{display:none}.identity-row{display:block}.identity-mark{display:block}.logo-link{width:200px;margin-bottom:12px}.identity-line{max-width:none}.dashboard{grid-template-columns:1fr 1fr}.currency-card{grid-column:1/-1}.memory-bar{grid-template-columns:1fr 1fr}.motto{grid-column:1/-1}.front-architecture{align-items:start}.front-intro h1{font-size:36px}.front-index{display:none}.hero-news{grid-template-columns:1fr}.hero-main{min-height:410px}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.side-title{grid-column:1/-1}.hero-side>a{grid-template-columns:80px 1fr;padding:8px}.hero-side>a img{height:62px}.hero-bottom{grid-template-columns:1fr 1fr}.desk-cards{grid-template-columns:1fr}.content-layout{display:block}.sidebar{display:block}.module-grid{grid-template-columns:1fr 1fr}.module-feature{grid-column:1/-1;grid-row:auto}.module-feature .module-image img{height:220px}.landscape-feature{grid-template-columns:1fr}.landscape-copy{min-height:270px;padding:30px 25px}.landscape-stories{padding:10px}.media-columns{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}
@media(max-width:480px){.dashboard{grid-template-columns:1fr 1fr}.dash-card{min-width:0}.identity-line span{font-size:8px}.memory-bar{grid-template-columns:1fr}.motto{grid-column:auto}.nav-search{display:none}.hero-main{min-height:360px}.hero-copy h2{font-size:28px}.hero-side{grid-template-columns:1fr}.hero-bottom{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.module-feature{grid-column:auto}.module-feature .module-image img{height:200px}.module-grid article:not(.module-feature) .module-image img{height:175px}.landscape-copy h2{font-size:41px}.landscape-stories{grid-template-columns:1fr}.media-wall{padding:15px}.media-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}}

@media(max-width:760px){.section-pills{grid-template-columns:1fr 1fr}.all-sections{padding:15px}.all-sections-head>span{display:none}}
@media(max-width:480px){.section-pills{grid-template-columns:1fr}.section-pill{padding:11px}}

/* VƏTƏNİM 15 — final visual refinement */
body{background:#f2eee5 url('assets/img/buta-pattern.svg') 0 0/180px 180px repeat;background-attachment:fixed}
body:before{display:none}
.news-header{position:relative;background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(7,26,38,.07)}
.news-header:after{height:13px;opacity:.22;background-image:url('assets/img/buta-pattern.svg');background-size:90px 90px;background-repeat:repeat-x;border-top:1px solid rgba(198,165,95,.28);border-bottom:1px solid rgba(198,165,95,.2)}
.flagline{height:6px;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.header-top{background:#061923}
.identity-row{min-height:108px;padding:11px 0;gap:25px}
.logo-zone{display:flex;align-items:center;gap:22px;min-width:0}.logo-link{width:310px;flex:0 0 310px;padding:4px 10px 4px 0}.logo-link img,.logo-link .custom-logo{width:100%;height:83px;max-height:83px;object-fit:contain;object-position:left center}.logo-caption{border-left:1px solid #d9e0e3;padding-left:19px;max-width:270px}.logo-caption b{display:block;color:var(--red);font-size:8px;letter-spacing:1.8px}.logo-caption span{display:block;color:var(--muted);font-size:8px;line-height:1.45;margin-top:5px}
.dashboard{grid-template-columns:1fr 1fr 1.18fr;gap:7px}.dash-card{min-width:142px;min-height:73px;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.dash-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#eef3f4;color:var(--navy);font-size:17px;flex:0 0 29px}.dash-card strong{display:block;font-size:19px;letter-spacing:-.4px;color:#071a26}.dash-card span{font-size:8px;white-space:nowrap}.clock-card{border-top:3px solid var(--red)}.weather-card{border-top:3px solid var(--blue)}.currency-card{border-top:3px solid var(--green)}.currency-values{min-width:0;flex:1}.currency-values>small{display:flex;justify-content:space-between;align-items:center}.currency-values>small em{font-style:normal;color:#8a969b;font-size:6px}.currency-values>div{display:grid;grid-template-columns:1fr auto;border-top:1px solid #e3e8ea;padding-top:1px;margin-top:1px}.currency-values>div b{font-size:7px;color:#75838a}.currency-values>div strong{font-size:9px}.weather-card #vtm-weather{color:#4d6874}
.memory-bar{padding:10px 0 12px}.memory{border-radius:2px;min-height:62px;box-shadow:0 5px 18px rgba(5,25,37,.08)}
.mainnav{background:rgba(255,255,255,.98)}.nav-in{min-height:45px}.nav-in>a{font-size:8.5px;padding:14px 8px}.sections-toggle{height:31px;margin:0 6px 0 3px;padding:0 11px;border:1px solid #ccd6da;background:#f4f7f7;color:var(--navy);font:700 8px VTM;letter-spacing:.6px;cursor:pointer}.sections-toggle span{color:var(--red);font-size:13px;margin-left:5px}.sections-toggle.active{background:var(--navy);color:#fff}.sections-menu{display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 40px rgba(7,26,38,.16);position:absolute;left:0;right:0;z-index:70}.sections-menu.open{display:block}.sections-menu-inner{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:20px 0}.menu-intro{border-right:1px solid var(--line);padding-right:20px}.menu-intro small{font-size:6px;letter-spacing:2px;color:var(--red)}.menu-intro h3{font-size:24px;margin:4px 0}.menu-intro p{font-size:9px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.menu-grid a{display:flex;justify-content:space-between;align-items:center;border:1px solid #e1e6e8;padding:10px 11px;font-size:9px;font-weight:700;background:linear-gradient(135deg,#fff,#f7f8f8)}.menu-grid a:hover{border-color:#c0ccd0;background:#f0f5f4;color:var(--red)}.menu-grid b{color:var(--red)}
.breaking{box-shadow:0 3px 0 rgba(0,0,0,.05)}.ticker>div{animation:ticker 82s linear infinite}
main{background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 180px)}
.archive-hero{position:relative;min-height:180px;padding:34px 38px;margin-bottom:22px;background:linear-gradient(120deg,#071b27,#0d4052);color:#fff;overflow:hidden;box-shadow:var(--shadow)}.archive-hero:before{content:"";position:absolute;inset:0;background:url('assets/img/buta-pattern.svg') right center/150px 150px repeat;opacity:.15}.archive-hero>div:first-child{position:relative;z-index:1}.archive-hero small{font-size:7px;letter-spacing:2px;color:#e1c47b}.archive-hero h1{font-size:38px;line-height:1;margin:8px 0}.archive-hero p{font-size:10px;color:#c8d7dc;margin:0}.archive-badge{position:absolute;right:45px;top:50%;transform:translateY(-50%);width:82px;height:82px;border:1px solid rgba(226,196,123,.55);border-radius:50%;display:grid;place-items:center;font-size:42px;color:#e1c47b;z-index:1;background:rgba(0,0,0,.08)}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:28px}.archive-list{min-width:0}.archive-card{background:#fff;border:1px solid var(--line);margin-bottom:10px;transition:.22s}.archive-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,26,38,.09)}.archive-card>a{display:grid;grid-template-columns:260px 1fr;min-height:180px}.archive-thumb{position:relative;overflow:hidden}.archive-thumb img{height:100%;min-height:180px}.archive-thumb span{position:absolute;left:9px;bottom:9px;background:rgba(7,26,38,.88);color:#fff;font-size:7px;padding:5px 7px}.archive-copy{padding:19px 20px}.archive-copy>small{font-size:6px;letter-spacing:1.2px;color:var(--red)}.archive-copy h2{font-size:21px;line-height:1.18;margin:5px 0 8px}.archive-copy p{font-size:10px;color:var(--muted);max-width:650px}.pagination{padding:15px 0}.pagination .page-numbers{display:inline-block;border:1px solid var(--line);padding:7px 10px;background:#fff;font-size:9px;margin-right:3px}.pagination .current{background:var(--navy);color:#fff}
.latest-scroll{position:relative;max-height:515px;overflow:hidden}.latest-scroll a{transition:transform .45s ease,opacity .45s ease}.latest-scroll a.live-in{background:#f4f8f8;border-left:3px solid var(--red)}
.content-layout{position:relative}.sidebar{position:sticky;top:63px;align-self:start}
/* decorative national ribbons */
.news-module>header:after{content:"";display:block;position:absolute}.news-module>header{position:relative}.news-module>header:before{content:"";position:absolute;right:0;bottom:-2px;width:95px;height:2px;background:linear-gradient(90deg,var(--blue),var(--red),var(--green))}
.landscape-feature:after,.hero-news:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:url('assets/img/buta-pattern.svg') center/80px 80px repeat-x;opacity:.2;pointer-events:none}.landscape-feature{position:relative}.hero-news{position:relative}
@media(max-width:1150px){.logo-zone{display:block}.logo-caption{border-left:0;border-top:1px solid var(--line);padding:7px 0 0;max-width:360px}.logo-link{display:block;margin-bottom:7px}.dashboard{margin-top:12px}.identity-row{display:block}.archive-layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:760px){.logo-link{width:250px}.logo-link img,.logo-link .custom-logo{height:70px}.dashboard{grid-template-columns:1fr 1fr}.currency-card{grid-column:1/-1}.sections-menu-inner{grid-template-columns:1fr}.menu-intro{border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.menu-grid{grid-template-columns:1fr 1fr}.archive-card>a{grid-template-columns:150px 1fr}.archive-thumb img{min-height:150px}.archive-copy h2{font-size:16px}}
@media(max-width:480px){.logo-link{width:220px}.logo-caption span{font-size:7px}.dashboard{grid-template-columns:1fr}.currency-card{grid-column:auto}.memory-bar{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.archive-card>a{grid-template-columns:1fr}.archive-thumb img{height:210px}.archive-copy{padding:14px}.archive-badge{display:none}}

/* VƏTƏNİM 16 — PERFORMANCE LAYER */
html{scroll-behavior:auto}
body{background-attachment:scroll!important}
.news-header{box-shadow:0 5px 18px rgba(7,26,38,.06)}
.archive-card{transition:box-shadow .18s ease}
.archive-card:hover{transform:none;box-shadow:0 8px 20px rgba(7,26,38,.07)}
.latest-scroll a{transition:transform .26s ease,opacity .26s ease}
.ticker>div{animation-duration:82s}
@media (prefers-reduced-motion:reduce){
  .ticker>div{animation:none!important}
  .latest-scroll a{transition:none!important}
}

/* VƏTƏNİM 17 — ULTRA LIGHT RENDERING */
body:before{position:absolute!important;inset:0 auto auto 0!important;height:100%!important;background-attachment:scroll!important}
body{background-attachment:scroll!important}
.archive-card,.news-card,.post-card{box-shadow:0 4px 14px rgba(7,26,38,.055)!important}
.archive-card:hover,.news-card:hover,.post-card:hover{transform:none!important}
.landscape-stories a:hover img{transform:none!important}

/* =========================================================
   VƏTƏNİM MEDIA 18.0 — CLEAN NEWSROOM VISUAL LAYER
   ========================================================= */
body{
  background-color:#f6f3eb!important;
  background-image:url('assets/img/buta-pattern.svg')!important;
  background-size:300px 300px!important;
  background-attachment:scroll!important;
}
body:before{display:none!important}

/* Logo: left aligned, controlled, proportional. */
.logo-zone-v18{justify-content:flex-start!important;align-items:center!important}
.logo-link-v18{
  width:285px!important;
  flex:0 0 285px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.logo-link-v18 img,.logo-link-v18 .custom-logo{
  width:285px!important;
  height:76px!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}
.logo-caption{max-width:250px!important}
.dashboard{margin-left:auto!important}

/* Currency is deliberately wider and more legible. */
.currency-card{min-width:185px!important}
.currency-values>div strong{font-size:11px!important;font-weight:800!important}
.currency-values>div b{font-size:8px!important}

/* Larger, clearer section menu. */
.sections-toggle-v18{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  padding:0 15px!important;
  min-width:112px!important;
}
.menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.menu-grid a{
  min-height:46px!important;
  padding:12px 14px!important;
  font-size:11px!important;
}
.menu-intro h3{font-size:27px!important}

/* Remove the unnecessary introductory text/date block area. */
main{padding-top:22px!important}

/* Hero carousel */
.hero-slider{min-height:525px!important}
.hero-slides{position:relative;min-height:525px;overflow:hidden}
.hero-slider .hero-main{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:525px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .55s ease,visibility .55s ease!important;
}
.hero-slider .hero-main.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.hero-slider .hero-side,.hero-slider .hero-bottom{position:relative;z-index:5}
.hero-slider .hero-side{grid-column:2}
.hero-dots{
  position:absolute;left:22px;bottom:72px;z-index:8;display:flex;gap:6px;
}
.hero-dots button{
  width:28px;height:4px;border:0;padding:0;background:rgba(255,255,255,.42);cursor:pointer;
}
.hero-dots button.active{background:#e2c47b;width:45px}
.hero-slider .hero-main>img{transition:none!important}
.hero-slider:hover .hero-main>img{transform:none!important}

/* Stronger live news rail. */
.latest-panel>header{background:#071a26;color:#fff;border-bottom:0!important}
.latest-panel>header h3{font-size:12px!important;letter-spacing:1px!important}
.latest-panel>header span{
  background:#c7203b;color:#fff!important;padding:5px 7px;font-size:7px!important;
}
.latest-scroll{max-height:510px!important}
.latest-scroll a{
  min-height:53px!important;
  align-items:center!important;
  transition:opacity .3s ease,transform .3s ease,background .2s ease!important;
}
.latest-scroll a.latest-leave{opacity:0!important;transform:translateY(-16px)!important}
.latest-scroll a.latest-enter{opacity:.35!important}
.latest-scroll a strong{font-size:10px!important}
.latest-scroll time{font-size:8px!important}

/* Remove "special corners" visual language; content stays accessible in menu. */
.national-desk{display:none!important}

/* Full-width media area; no empty left side. */
.media-wall{
  margin-top:30px!important;
  display:block!important;
  padding:24px!important;
  background:#fff!important;
}
.media-heading{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid var(--line)!important;
  padding-bottom:15px!important;
}
.media-heading h2{font-size:34px!important}
.media-heading p{max-width:430px!important}
.media-links{display:flex;gap:10px}
.media-links a{
  border:1px solid #d5dde0;padding:10px 13px;font-size:8px;font-weight:800;color:var(--navy);
}
.media-columns{grid-template-columns:1fr 1fr!important;gap:28px!important}
.media-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
.media-grid img{height:185px!important}
.media-grid strong{font-size:10px!important}

/* Subtle ornament only at major blocks, not everywhere. */
.hero-news:after{opacity:.12!important}
.landscape-feature:after{opacity:.12!important}

/* Keep the landscape prominent but visually clean. */
.landscape-feature{margin-top:30px!important}
.landscape-stories a:hover img{transform:none!important}

/* Better navigation readability. */
.nav-in>a{font-size:9px!important;padding-left:9px!important;padding-right:9px!important}

/* Desktop spacing */
@media(min-width:1151px){
  .identity-row{padding:8px 0 11px!important;min-height:108px!important}
}

/* Tablet/mobile */
@media(max-width:1150px){
  .logo-link-v18{width:280px!important;flex-basis:280px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:280px!important}
  .dashboard{margin-left:0!important}
}
@media(max-width:760px){
  .logo-link-v18{width:245px!important;flex-basis:245px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:245px!important;height:68px!important}
  .sections-toggle-v18{font-size:10px!important;min-width:108px!important}
  .menu-grid{grid-template-columns:1fr 1fr!important}
  .hero-slider,.hero-slides{min-height:410px!important}
  .hero-slider .hero-main{min-height:410px!important}
  .hero-dots{bottom:72px}
  .media-heading{display:block!important}
  .media-links{margin-top:12px}
}
@media(max-width:480px){
  .logo-link-v18{width:220px!important;flex-basis:220px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:220px!important;height:62px!important}
  .menu-grid{grid-template-columns:1fr!important}
  .currency-card{min-width:0!important}
  .hero-slider,.hero-slides{min-height:360px!important}
  .hero-slider .hero-main{min-height:360px!important}
  .media-columns{grid-template-columns:1fr!important}
  .media-grid{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   VƏTƏNİM MEDIA 18.0 FINAL — POLISH PATCH
   Core 18.0 structure preserved.
   ========================================================= */

/* Clean newsroom canvas: no repeating buta wallpaper. */
body{
  background:#f4f5f3!important;
  background-image:
    radial-gradient(circle at 10% 0%,rgba(0,112,155,.055),transparent 25%),
    radial-gradient(circle at 90% 12%,rgba(193,35,58,.04),transparent 23%)!important;
}
body:before{display:none!important}
.news-header:after{opacity:.07!important}

/* Remove the old memory-bar visually; its links live in BÖLMƏLƏR. */
.memory-bar{display:none!important}

/* Logo: use a stable, generous left-aligned area. */
.identity-row{min-height:112px!important}
.logo-zone-v18{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important}
.logo-link-v18{
  width:305px!important;flex:0 0 305px!important;
  padding:0!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
.logo-link-v18 img,.logo-link-v18 .custom-logo{
  width:300px!important;height:82px!important;max-height:82px!important;
  object-fit:contain!important;object-position:left center!important;
}
.logo-caption{max-width:250px!important}

/* Dashboard stays compact so the logo has breathing room. */
.dashboard{gap:8px!important}
.currency-card{min-width:180px!important}
.currency-values>div strong{font-size:10px!important;line-height:1.15!important}

/* Bigger, obvious BÖLMƏLƏR control and readable category cards. */
.sections-toggle-v18{
  min-width:125px!important;height:36px!important;
  padding:0 15px!important;font-size:10px!important;
  letter-spacing:.8px!important;
}
.sections-menu-inner{grid-template-columns:220px 1fr!important;gap:25px!important;padding:22px 0!important}
.menu-intro h3{font-size:28px!important}
.menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:9px!important}
.menu-grid a{min-height:48px!important;padding:13px 14px!important;font-size:10px!important}

/* Headline carousel: clear fade, no heavy transform. */
.hero-slider .hero-main{transition:opacity .55s ease,visibility .55s ease!important}
.hero-slider .hero-main>img{transition:none!important}
.hero-slider:hover .hero-main>img{transform:none!important}
.hero-dots button{height:5px!important}

/* Live news: image + time + headline, strong enough to notice. */
.latest-scroll a{
  display:grid!important;grid-template-columns:64px 1fr!important;
  gap:10px!important;min-height:65px!important;
  padding:8px 10px!important;
  transition:opacity .36s ease,transform .36s ease,background .2s ease!important;
}
.latest-thumb,.latest-thumb img{width:64px!important;height:49px!important}
.latest-thumb{display:block!important;overflow:hidden!important;background:#e8edef!important}
.latest-thumb img{object-fit:cover!important}
.latest-text{min-width:0!important;display:block!important}
.latest-text time{display:block!important;font-size:8px!important;color:var(--red)!important;font-weight:800!important}
.latest-text strong{display:block!important;font-size:10px!important;line-height:1.3!important;margin-top:3px!important}
.latest-scroll a.live-leave{opacity:0!important;transform:translateY(-18px)!important}
.latest-scroll a.live-enter{opacity:.35!important}

/* Make Top 10 look like an actual ranked list. */
.popular-row{display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;min-height:48px!important}
.popular-row b{font-size:18px!important;color:var(--gold)!important}
.popular-row span{font-size:10px!important;line-height:1.3!important}

/* Landscape section: cleaner photographic frame. */
.landscape-feature{overflow:hidden!important}
.landscape-bg{background-position:center!important;background-size:cover!important;filter:saturate(.92)!important}

/* Photo/video: balanced two-column blocks with no empty left rail. */
.media-wall{
  grid-template-columns:1fr!important;
  gap:18px!important;
  padding:22px!important;
}
.media-heading{display:flex!important;justify-content:space-between!important;align-items:end!important}
.media-heading p{max-width:420px!important}
.media-columns{grid-template-columns:1fr 1fr!important;gap:20px!important}
.media-column{min-width:0!important}
.media-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
.media-grid img{height:170px!important;object-fit:cover!important}
.media-grid strong{font-size:9px!important;line-height:1.35!important}

/* Footer links: complete navigation, not only four categories. */
.footer-main{grid-template-columns:1.3fr 1fr 1fr 1fr!important}

/* Avoid excessive animation for users who request reduced motion. */
@media(prefers-reduced-motion:reduce){
  .hero-slider .hero-main,.latest-scroll a,.ticker>div{transition:none!important;animation:none!important}
}
@media(max-width:1150px){
  .logo-link-v18{width:280px!important;flex-basis:280px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:275px!important}
}
@media(max-width:760px){
  .logo-link-v18{width:245px!important;flex-basis:245px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:240px!important;height:68px!important}
  .sections-toggle-v18{min-width:118px!important;font-size:10px!important}
  .sections-menu-inner{grid-template-columns:1fr!important}
  .menu-grid{grid-template-columns:1fr 1fr!important}
  .media-heading{display:block!important}
  .media-columns{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .logo-link-v18{width:220px!important;flex-basis:220px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:215px!important;height:62px!important}
  .menu-grid{grid-template-columns:1fr!important}
  .media-grid{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   VƏTƏNİM MEDIA 18.1 — AD BANNERS + MANUAL CONTROLS
   ========================================================= */
.vtm-ad-banner{
  width:100%;min-height:92px;margin:20px 0;
  display:flex;align-items:center;justify-content:center;gap:18px;
  padding:18px 28px;background:linear-gradient(100deg,#0b2735,#173f4e);
  color:#fff;border:1px solid #284e5c;position:relative;overflow:hidden;
}
.vtm-ad-banner:before{
  content:"";position:absolute;width:190px;height:190px;right:-55px;top:-80px;
  border:1px solid rgba(224,195,119,.35);border-radius:50%;
  box-shadow:0 0 0 14px rgba(224,195,119,.04),0 0 0 28px rgba(224,195,119,.025);
}
.vtm-ad-banner span{font-size:8px;letter-spacing:2px;color:#e2c377;border:1px solid rgba(226,195,119,.45);padding:6px 8px}
.vtm-ad-banner strong{font:700 24px Georgia,serif;letter-spacing:.5px}
.vtm-ad-banner small{font-size:10px;color:#bdcbd0}
.vtm-ad-banner-compact{min-height:76px;margin:17px 0}
.vtm-ad-banner-wide{min-height:96px;margin:28px 0}

/* Hero manual controls */
.hero-arrow{
 position:absolute;z-index:10;top:50%;transform:translateY(-50%);
 width:42px;height:42px;border:1px solid rgba(255,255,255,.5);
 background:rgba(7,26,38,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer;
 display:grid;place-items:center;
}
.hero-prev{left:14px}.hero-next{right:14px}
.hero-arrow:hover{background:#b72035;border-color:#b72035}

/* Section manual controls */
.module-tools{display:flex;align-items:center;gap:6px}
.module-tools button,.latest-tools button{
 width:29px;height:29px;border:1px solid var(--line);background:#fff;
 color:var(--navy);font-size:18px;line-height:1;cursor:pointer;
}
.module-tools button:hover,.latest-tools button:hover{background:var(--navy);color:#fff}
.module-tools>a{margin-left:7px}

/* Manual section rail: native wheel/touch/drag scrolling remains available. */
.news-module .module-grid{
 overflow-x:auto!important;overflow-y:hidden!important;
 scrollbar-width:thin;scroll-behavior:smooth;
 grid-template-columns:none!important;
 display:flex!important;gap:12px!important;padding-bottom:6px!important;
}
.news-module .module-grid>article{
 flex:0 0 31%!important;min-width:260px!important;
 scroll-snap-align:start;
}
.news-module .module-grid>article.module-feature{flex-basis:48%!important}
.news-module .module-grid::-webkit-scrollbar{height:5px}
.news-module .module-grid::-webkit-scrollbar-thumb{background:#aab5b9;border-radius:10px}

/* Latest manual buttons, while the rail remains scrollable by wheel/touch/trackpad. */
.latest-panel>header{display:flex!important;align-items:center;justify-content:space-between}
.latest-tools{display:flex;align-items:center;gap:4px}
.latest-tools span{margin-left:4px}
.latest-scroll{scrollbar-width:thin!important}
.latest-scroll::-webkit-scrollbar{width:5px}
.latest-scroll::-webkit-scrollbar-thumb{background:#aab5b9;border-radius:10px}

/* Small national detail: restrained, not loud. */
.news-module>header:before,.media-heading:before{
 content:"";display:block;width:18px;height:3px;background:linear-gradient(90deg,#0877a5 0 33%,#b72035 33% 66%,#16834b 66%);
 position:absolute;top:-7px;left:0;
}
.news-module>header,.media-heading{position:relative}

/* Keep banners clean on mobile. */
@media(max-width:700px){
 .vtm-ad-banner{min-height:80px;padding:14px 12px;gap:10px;flex-wrap:wrap}
 .vtm-ad-banner strong{font-size:18px}
 .vtm-ad-banner small{font-size:9px}
 .hero-arrow{width:36px;height:36px;font-size:24px}
 .news-module .module-grid>article{flex-basis:78%!important;min-width:78%!important}
 .news-module .module-grid>article.module-feature{flex-basis:88%!important}
}

/* VƏTƏNİM MEDIA 18.2 — LOGO / CATEGORY / IMAGE POLISH */

/* Keep the national flagline exactly as a subtle permanent header detail. */
.flagline{height:5px!important;display:grid!important}

/* Logo is wider, not taller: left aligned and visually balanced. */
.logo-zone-v18{width:auto!important;min-width:470px!important;flex:0 0 470px!important}
.logo-link-v18{
  width:370px!important;flex:0 0 370px!important;
  justify-content:flex-start!important;
}
.logo-link-v18 img,.logo-link-v18 .custom-logo{
  width:365px!important;height:76px!important;max-height:76px!important;
  object-fit:contain!important;object-position:left center!important;
}
.logo-caption{max-width:205px!important}
.logo-caption b{font-size:9px!important;letter-spacing:1.5px!important}
.logo-caption span{font-size:8px!important;line-height:1.45!important}

/* Category names must be readable and correctly represented. */
.mainnav .nav-in>a:not(.nav-home){font-size:10px!important;font-weight:800!important;letter-spacing:.25px!important}
.sections-toggle-v18{font-size:10px!important;font-weight:900!important}
.menu-grid a span{font-size:11px!important;font-weight:800!important}

/* High-quality image presentation: no artificial blur or aggressive scaling. */
.module-image img,
.hero-slider .hero-main>img,
.landscape-stories img,
.media-grid img,
.archive-thumb img{
  image-rendering:auto!important;
  image-rendering:-webkit-optimize-contrast;
  backface-visibility:hidden;
}
.module-image img{object-fit:cover!important}
.hero-slider .hero-main>img{object-fit:cover!important}

/* Better image density on news cards. */
.module-grid>article:not(.module-feature) .module-image{height:178px!important}
.module-feature .module-image{height:340px!important}
.media-grid img{object-fit:cover!important}

/* Give the section controls enough room for Azerbaijani names. */
.module-name h2{font-size:23px!important}
.module-name small{font-size:7px!important}
.module-tools a{font-size:9px!important}

/* Desktop logo/dashboard balance. */
@media(min-width:1151px){
  .identity-row{gap:25px!important}
  .dashboard{flex:1!important;justify-content:flex-end!important}
}
@media(max-width:1150px){
  .logo-zone-v18{min-width:0!important;width:auto!important;flex:0 0 auto!important}
  .logo-link-v18{width:330px!important;flex-basis:330px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:325px!important}
}
@media(max-width:760px){
  .logo-zone-v18{min-width:0!important;width:100%!important}
  .logo-link-v18{width:270px!important;flex-basis:270px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:265px!important;height:68px!important}
  .logo-caption{max-width:230px!important}
}
@media(max-width:480px){
  .logo-link-v18{width:235px!important;flex-basis:235px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{width:230px!important;height:62px!important}
  .logo-caption{display:none!important}
}


/* VƏTƏNİM MEDIA 18.3 — slower breaking-news ticker + reliable logo */
.ticker>div{
  animation-duration:82s!important;
  animation-timing-function:linear!important;
}
.logo-link-v18{
  background:url('https://vetenim.media/wp-content/uploads/2026/09/vetenim-loqa.png') left center/contain no-repeat!important;
}
.logo-link-v18 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:1150px){
  .ticker>div{animation-duration:88s!important}
}
@media(max-width:760px){
  .ticker>div{animation-duration:92s!important}
}

/* VƏTƏNİM MEDIA 18.5 refinement */
.logo-zone-v18{
  min-width:520px!important;
  flex:0 0 520px!important;
}
.logo-link-v18{
  width:430px!important;
  flex:0 0 430px!important;
  justify-content:flex-start!important;
}
.logo-link-v18 img,
.logo-link-v18 .custom-logo{
  width:420px!important;
  max-width:420px!important;
  max-height:84px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.logo-zone-v18 .logo-tagline,
.logo-zone-v18 .tagline,
.logo-zone-v18 .site-tagline{
  margin-left:8px!important;
}
.main-nav a{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
.main-nav a .nav-icon{
  font-size:15px;
  line-height:1;
  opacity:.88;
}
.main-nav .sections-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
.main-nav .sections-toggle .nav-icon{
  font-size:15px;
}

/* Section modules: smaller, sharper cards; keep horizontal drag/arrow browsing. */
.section-grid,
.section-posts,
.news-section-grid,
.module-grid{
  gap:14px!important;
}
.section-post,
.section-card,
.module-card{
  min-width:235px!important;
}
.section-post img,
.section-card img,
.module-card img{
  height:145px!important;
  max-height:145px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.section-post .thumb,
.section-card .thumb,
.module-card .thumb{
  height:145px!important;
}
.section-post h3,
.section-card h3,
.module-card h3{
  font-size:16px!important;
  line-height:1.38!important;
}

/* Better section horizontal browsing on desktop + touch devices */
.section-track,
.section-scroll,
.section-posts,
.module-track,
.module-grid{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.section-track>*,
.section-scroll>*,
.section-posts>*,
.module-track>*,
.module-grid>*{
  scroll-snap-align:start;
}

/* More coherent newsroom surfaces and typography */
body{
  font-family:"Noto Sans",Arial,sans-serif!important;
}
.main-nav{
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid rgba(24,45,60,.08)!important;
  border-bottom:1px solid rgba(24,45,60,.12)!important;
  box-shadow:0 4px 18px rgba(20,40,55,.05)!important;
}
.main-nav a{
  color:#172936!important;
  font-weight:700!important;
}
.main-nav a:hover{
  background:rgba(0,112,155,.07)!important;
}
.sections-toggle{
  background:#172936!important;
  color:#fff!important;
  border-radius:8px!important;
}
.search-toggle,
.search-form input,
input[type="search"]{
  border-radius:8px!important;
}

@media(max-width:1150px){
  .logo-zone-v18{
    min-width:430px!important;
    flex-basis:430px!important;
  }
  .logo-link-v18{
    width:350px!important;
    flex-basis:350px!important;
  }
  .logo-link-v18 img,
  .logo-link-v18 .custom-logo{
    width:345px!important;
    max-width:345px!important;
  }
}
@media(max-width:760px){
  .logo-zone-v18{
    min-width:0!important;
    flex:1 1 auto!important;
    width:auto!important;
  }
  .logo-link-v18{
    width:270px!important;
    flex:0 0 270px!important;
  }
  .logo-link-v18 img,
  .logo-link-v18 .custom-logo{
    width:265px!important;
    max-width:265px!important;
    max-height:62px!important;
  }
  .section-post,
  .section-card,
  .module-card{
    min-width:205px!important;
    width:205px!important;
  }
  .section-post img,
  .section-card img,
  .module-card img,
  .section-post .thumb,
  .section-card .thumb,
  .module-card .thumb{
    height:118px!important;
    max-height:118px!important;
  }
  .section-post h3,
  .section-card h3,
  .module-card h3{
    font-size:14px!important;
  }
}


/* =========================================================
   VƏTƏNİM MEDIA 18.5 — newsroom polish
   ========================================================= */

/* Typography: Azerbaijani-capable local Noto Sans is the primary face. */
html,body,.mainnav,.mainnav input,.mainnav button,
.news-header,.breaking,.news-module,.side-panel,.media-wall,
input,button,select,textarea{
  font-family:VTM,"Noto Sans",Arial,sans-serif!important;
}
body{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Header identity: larger horizontal logo, caption brought closer. */
@media(min-width:1151px){
  .identity-row{gap:16px!important}
  .logo-zone-v18{
    min-width:555px!important;
    flex:0 0 555px!important;
    gap:8px!important;
  }
  .logo-link-v18{
    width:445px!important;
    flex:0 0 445px!important;
    padding-right:4px!important;
  }
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:440px!important;
    max-width:440px!important;
    height:92px!important;
    max-height:92px!important;
  }
  .logo-caption{
    max-width:205px!important;
    padding-left:11px!important;
  }
  .logo-caption b{font-size:8px!important;letter-spacing:1.3px!important;line-height:1.25!important}
  .logo-caption span{font-size:8px!important;line-height:1.42!important;margin-top:5px!important}
}

/* A more premium, calm menu bar. */
.mainnav{
  background:rgba(255,255,255,.985)!important;
  border-top:1px solid #dfe5e8!important;
  border-bottom:2px solid #071a26!important;
  box-shadow:0 7px 22px rgba(7,26,38,.07)!important;
}
.nav-in{
  min-height:52px!important;
  gap:2px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.nav-in>a{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border-radius:6px!important;
  color:#152a36!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.05px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.nav-in>a:not(.nav-home):after{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:5px;height:2px;
  transform:scaleX(0);
  transform-origin:center;
  background:linear-gradient(90deg,var(--blue),var(--red),var(--green));
  transition:transform .2s ease;
}
.nav-in>a:not(.nav-home):hover{
  background:#f3f6f7!important;
  color:var(--red)!important;
}
.nav-in>a:not(.nav-home):hover:after{transform:scaleX(1)}
.nav-ico{
  display:inline-grid;
  place-items:center;
  width:17px;height:17px;
  font-size:12px;
  line-height:1;
  color:var(--red);
  flex:0 0 17px;
}
.nav-home{
  padding:0 9px!important;
  color:#fff!important;
  background:#071a26!important;
  border-radius:7px!important;
}
.nav-home .nav-ico{color:#fff;font-size:16px}
.nav-home .nav-label{font-size:9px}
.nav-home:hover{background:#102e3e!important;transform:translateY(-1px)}
.sections-toggle-v18{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:36px!important;
  margin:0 6px 0 4px!important;
  padding:0 14px!important;
  border:0!important;
  border-bottom:3px solid var(--red)!important;
  border-radius:7px!important;
  background:#071a26!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.65px!important;
  box-shadow:0 5px 14px rgba(7,26,38,.14)!important;
}
.sections-toggle-v18 .nav-ico{color:#fff}
.sections-toggle-v18 .nav-caret{color:#e1c377;font-size:13px}
.sections-toggle-v18:hover,.sections-toggle-v18.active{
  background:#0d2d3e!important;
}
.nav-search{
  margin-left:auto!important;
  height:36px!important;
  border-left:1px solid #e0e5e7!important;
  padding-left:10px!important;
  align-items:stretch!important;
}
.nav-search input{
  width:155px!important;
  border:1px solid #dce3e6!important;
  border-right:0!important;
  border-radius:7px 0 0 7px!important;
  background:#f8fafb!important;
  font-size:9px!important;
}
.nav-search button{
  width:39px!important;
  border-radius:0 7px 7px 0!important;
  background:#071a26!important;
  font-size:14px!important;
}

/* Section headings: noticeably smaller and more editorial. */
.news-module>header{
  padding-bottom:7px!important;
  margin-bottom:10px!important;
}
.module-name h2{
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:.1px!important;
}
.module-name small{font-size:6px!important;letter-spacing:1.1px!important}
.module-name>span{
  width:4px!important;
  height:23px!important;
}
.module-tools button{
  width:28px!important;height:28px!important;
  border:1px solid #d6e0e3!important;
  background:#fff!important;
  border-radius:5px!important;
}
.module-tools>a{font-size:8px!important}

/* Smaller, sharper section cards while preserving the horizontal rail. */
.news-module .module-grid{
  gap:10px!important;
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  padding-bottom:4px!important;
}
.news-module .module-grid>article{
  flex:0 0 255px!important;
  min-width:255px!important;
  scroll-snap-align:start!important;
}
.news-module .module-grid>article.module-feature{
  flex:0 0 340px!important;
  min-width:340px!important;
}
.news-module .module-grid>article:not(.module-feature) .module-image,
.news-module .module-grid>article:not(.module-feature) .module-image img{
  height:128px!important;
}
.news-module .module-grid>article.module-feature .module-image,
.news-module .module-grid>article.module-feature .module-image img{
  height:205px!important;
}
.news-module .module-copy{padding:8px 9px!important}
.news-module .module-copy h3,
.news-module .module-feature .module-copy h3{
  font-size:12px!important;
  line-height:1.34!important;
  letter-spacing:0!important;
}
.news-module .module-copy time{font-size:7px!important}

/* Latest news: slower, readable visual motion. */
.latest-scroll{
  max-height:510px!important;
  overflow:hidden!important;
}
.latest-scroll a{
  min-height:72px!important;
  transition:opacity .5s ease,transform .5s ease,background .25s ease!important;
}
.latest-scroll a.live-leave{
  opacity:0!important;
  transform:translateY(-10px)!important;
}
.latest-scroll a.live-enter{opacity:.45!important}

/* Sections menu: refined cards and better hierarchy. */
.sections-menu{
  border-top:2px solid var(--red)!important;
  box-shadow:0 22px 45px rgba(7,26,38,.17)!important;
}
.menu-intro h3{font-size:20px!important;letter-spacing:-.2px!important}
.menu-grid{gap:8px!important}
.menu-grid a{
  min-height:42px!important;
  border-radius:6px!important;
  font-size:9.5px!important;
  background:linear-gradient(135deg,#fff,#f7f9f9)!important;
  transition:.18s ease!important;
}
.menu-grid a:hover{
  transform:translateY(-1px)!important;
  border-color:#b9c9ce!important;
  box-shadow:0 7px 18px rgba(7,26,38,.07)!important;
}

/* Mobile: compact, touch-friendly and horizontal. */
@media(max-width:1150px){
  .logo-zone-v18{
    min-width:0!important;
    flex:0 0 auto!important;
    gap:8px!important;
  }
  .logo-link-v18{
    width:355px!important;
    flex-basis:355px!important;
  }
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:350px!important;
    max-width:350px!important;
    height:80px!important;
  }
  .logo-caption{
    max-width:210px!important;
    padding-left:10px!important;
  }
}
@media(max-width:760px){
  .nav-in{min-height:48px!important}
  .nav-in>a{padding:0 9px!important;font-size:8.5px!important}
  .nav-home .nav-label{display:none}
  .sections-toggle-v18{height:34px!important;padding:0 11px!important}
  .nav-search{display:none!important}
  .logo-zone-v18{
    width:100%!important;
    display:block!important;
  }
  .logo-link-v18{
    width:300px!important;
    flex-basis:300px!important;
    margin-bottom:6px!important;
  }
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:295px!important;
    max-width:295px!important;
    height:70px!important;
  }
  .logo-caption{
    max-width:330px!important;
    border-left:0!important;
    border-top:1px solid var(--line)!important;
    padding:7px 0 0!important;
  }
  .news-module .module-grid>article{
    flex-basis:215px!important;
    min-width:215px!important;
  }
  .news-module .module-grid>article.module-feature{
    flex-basis:275px!important;
    min-width:275px!important;
  }
  .news-module .module-grid>article:not(.module-feature) .module-image,
  .news-module .module-grid>article:not(.module-feature) .module-image img{
    height:110px!important;
  }
  .news-module .module-grid>article.module-feature .module-image,
  .news-module .module-grid>article.module-feature .module-image img{
    height:165px!important;
  }
}
@media(max-width:480px){
  .logo-link-v18{width:255px!important;flex-basis:255px!important}
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:250px!important;max-width:250px!important;height:62px!important;
  }
  .logo-caption{display:block!important;max-width:290px!important}
  .module-name h2{font-size:17px!important}
}

/* =========================================================
   VƏTƏNİM MEDIA 18.6 — EDITORIAL POLISH
   ========================================================= */

/* Tahoma is deliberately the primary newsroom font here.
   It has complete Azerbaijani Latin glyph coverage on Windows. */
html,body,
button,input,textarea,select{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
body{
  background:
    radial-gradient(900px 420px at 8% 8%,rgba(0,143,202,.08),transparent 65%),
    radial-gradient(850px 380px at 92% 16%,rgba(244,81,30,.065),transparent 62%),
    linear-gradient(180deg,#f8f9f8 0%,#eef2f2 48%,#f7f5ef 100%)!important;
  color:#132833!important;
  overflow-x:hidden;
}
body:after{
  content:"";
  position:fixed;
  left:-12vw;top:11vh;
  width:125vw;height:230px;
  pointer-events:none;z-index:-1;
  opacity:.18;
  background:
    radial-gradient(ellipse 170px 55px at 8% 48%,#fff 0 58%,transparent 60%),
    radial-gradient(ellipse 230px 70px at 25% 28%,#fff 0 56%,transparent 58%),
    radial-gradient(ellipse 190px 60px at 47% 55%,#fff 0 55%,transparent 57%),
    radial-gradient(ellipse 260px 75px at 73% 30%,#fff 0 55%,transparent 57%),
    radial-gradient(ellipse 190px 60px at 92% 58%,#fff 0 55%,transparent 57%);
  filter:blur(7px);
  animation:vtmClouds 42s linear infinite;
}
@keyframes vtmClouds{
  from{transform:translateX(-4%)}
  to{transform:translateX(7%)}
}

/* Flag line stays, with a slightly more polished transition. */
.flagline{
  height:5px!important;
  box-shadow:0 1px 0 rgba(7,26,38,.08);
}
.flagline i{transition:filter .35s ease}
.flagline:hover i{filter:saturate(1.15)}

.news-header{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(7px);
}
.header-top{
  background:#071a26!important;
}
.identity-row{
  min-height:132px!important;
  gap:18px!important;
}
.logo-zone-v18{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:570px!important;
  flex:0 0 570px!important;
}
.logo-link-v18{
  width:405px!important;
  flex:0 0 405px!important;
  padding:0!important;
}
.logo-link-v18 img{
  width:400px!important;
  max-width:400px!important;
  height:86px!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:contrast(1.03) saturate(1.04);
}
.logo-caption{
  border-left:1px solid #d3dde0!important;
  padding-left:13px!important;
  max-width:155px!important;
}
.logo-caption b{
  color:#f4511e!important;
  font-size:8px!important;
  line-height:1.28!important;
  letter-spacing:1.15px!important;
}
.logo-caption span{
  color:#52656d!important;
  font-size:7.5px!important;
  line-height:1.42!important;
  margin-top:5px!important;
}

/* Dashboard cards */
.dashboard{gap:9px!important}
.dash-card{
  background:rgba(249,251,251,.94)!important;
  border-radius:4px!important;
  box-shadow:0 6px 20px rgba(7,26,38,.045)!important;
}
.clock-card{border-top-color:#f4511e!important}
.currency-card{border-top-color:#008762!important}

/* Menu bar: dark/navy base with orange active accents, clean icons. */
.mainnav{
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid #d4dde0!important;
  border-bottom:1px solid #cdd8dc!important;
  box-shadow:0 7px 24px rgba(7,26,38,.08)!important;
}
.nav-in{
  min-height:50px!important;
  gap:3px!important;
}
.nav-in>a,
.sections-toggle-v18{
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.nav-in>a{
  border-radius:6px!important;
  font-size:9px!important;
  padding:0 10px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.nav-in>a:hover{
  background:#eef4f5!important;
  color:#f4511e!important;
  transform:translateY(-1px);
}
.nav-home{
  background:#071a26!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:0 4px 12px rgba(7,26,38,.12)!important;
}
.nav-home:hover{background:#0d2d3e!important;color:#fff!important}
.nav-ico{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;height:18px!important;
  font-size:13px!important;
  color:#f4511e!important;
  font-weight:900!important;
}
.nav-home .nav-ico,
.sections-toggle-v18 .nav-ico{color:#fff!important}
.sections-toggle-v18{
  border:0!important;
  border-bottom:3px solid #f4511e!important;
  border-radius:7px!important;
  background:#071a26!important;
  box-shadow:0 5px 15px rgba(7,26,38,.14)!important;
}
.sections-toggle-v18:hover,.sections-toggle-v18.active{
  background:#0d2d3e!important;
}

/* Breaking ticker: starts immediately and moves slowly; duplicated track removes the dead gap. */
.breaking{background:#d51f3c!important}
.breaking-in{height:46px!important}
.breaking-in>strong{
  background:#9e172d!important;
  font-size:8.5px!important;
  min-width:118px;
  justify-content:center;
}
.ticker{overflow:hidden!important}
.ticker-track{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  gap:15px!important;
  will-change:transform;
  animation:vtmTicker 120s linear infinite!important;
}
.ticker-track a{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
}
.ticker-track span{opacity:.6!important}
.ticker-separator{color:#f6d27d!important}
@keyframes vtmTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Section headings: smaller, more refined, less shouty. */
.news-module>header{
  min-height:44px!important;
  padding:0 0 8px!important;
  margin-bottom:11px!important;
  border-bottom:1px solid #d8e0e2!important;
}
.module-name h2{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
}
.module-name small{
  font-size:6px!important;
  letter-spacing:1.4px!important;
  color:#f4511e!important;
}
.module-name>span{
  width:4px!important;
  height:21px!important;
  background:#f4511e!important;
}
.module-tools button{
  border-radius:50%!important;
  width:28px!important;height:28px!important;
  background:#f7f9f9!important;
}
.module-tools button:hover{
  background:#071a26!important;
}

/* Section cards: compact standard desktop dimensions. */
.news-module .module-grid{
  gap:12px!important;
  padding:2px 1px 9px!important;
  scroll-snap-type:x proximity!important;
}
.news-module .module-grid>article{
  flex:0 0 235px!important;
  min-width:235px!important;
  max-width:235px!important;
}
.news-module .module-grid>article.module-feature{
  flex:0 0 305px!important;
  min-width:305px!important;
  max-width:305px!important;
}
.news-module .module-grid>article:not(.module-feature) .module-image,
.news-module .module-grid>article:not(.module-feature) .module-image img{
  height:116px!important;
}
.news-module .module-grid>article.module-feature .module-image,
.news-module .module-grid>article.module-feature .module-image img{
  height:175px!important;
}
.news-module .module-copy{
  padding:8px 9px 10px!important;
}
.news-module .module-copy time{
  display:block!important;
  font-size:7px!important;
  color:#718188!important;
  white-space:nowrap!important;
}
.news-module .module-copy h3,
.news-module .module-feature .module-copy h3{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:1.38!important;
  font-weight:700!important;
}
.news-module .module-copy p{
  font-size:8.5px!important;
  line-height:1.45!important;
  color:#64767d!important;
}

/* Latest rail: no clipping of the final line; full date + time; readable rows. */
.latest-scroll{
  max-height:520px!important;
  overflow:hidden!important;
  padding:2px 0!important;
}
.latest-scroll a{
  min-height:79px!important;
  align-items:center!important;
  padding:9px 11px!important;
}
.latest-thumb,.latest-thumb img{
  width:64px!important;
  height:51px!important;
}
.latest-text{
  min-width:0!important;
  overflow:visible!important;
}
.latest-text time{
  display:block!important;
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:7.5px!important;
  line-height:1.2!important;
  color:#f4511e!important;
  white-space:nowrap!important;
}
.latest-text strong{
  display:block!important;
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:9.5px!important;
  line-height:1.42!important;
  margin-top:4px!important;
  overflow:visible!important;
}
.latest-scroll a.live-leave{
  transform:translateY(-12px)!important;
  opacity:0!important;
}
.latest-scroll a.live-enter{
  opacity:.65!important;
}

/* More color, but restrained: navy + orange-red + flag accents. */
.side-panel>header{
  border-bottom-color:#071a26!important;
}
.latest-panel>header{
  border-bottom-color:#f4511e!important;
}
.calendar-panel{
  background:linear-gradient(145deg,#071a26,#123c4d)!important;
}
.calendar-panel button{
  background:#f4511e!important;
}
.corner-panel{
  border-top-color:#f4511e!important;
}

/* Animated advertising banner: subtle light sweep rather than a distracting animation. */
.vtm-ad-banner{
  background:linear-gradient(110deg,#071a26,#123e50 55%,#0b2b38)!important;
  border-color:#2a5361!important;
  box-shadow:0 10px 30px rgba(7,26,38,.08)!important;
}
.vtm-ad-banner:after{
  content:"";
  position:absolute;
  top:-40%;left:-35%;
  width:28%;height:180%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  animation:vtmAdShine 6.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes vtmAdShine{
  0%,55%{left:-35%;opacity:0}
  65%{opacity:1}
  100%{left:125%;opacity:0}
}
.vtm-ad-banner strong{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
.vtm-ad-banner span{
  border-color:rgba(244,81,30,.55)!important;
  color:#ffad91!important;
}

/* Media/photo titles become readable rather than tiny. */
.media-heading h2,
.media-column header b{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
.media-heading h2{font-size:27px!important}
.media-grid strong{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:9.5px!important;
  line-height:1.42!important;
}

/* Soft motion on cards */
.news-module .module-grid>article,
.media-grid a,
.popular-row{
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.news-module .module-grid>article:hover,
.media-grid a:hover{
  transform:translateY(-3px);
}
.news-module .module-grid>article:hover .module-image img,
.media-grid a:hover img{
  filter:saturate(1.06) contrast(1.03);
}

/* Mobile: preserve horizontal section browsing, reduce typography and prevent overflow. */
@media(max-width:1150px){
  .identity-row{min-height:0!important;padding:17px 0!important}
  .logo-zone-v18{
    min-width:0!important;
    flex:0 0 100%!important;
    width:100%!important;
  }
  .logo-link-v18{
    width:360px!important;
    flex-basis:360px!important;
  }
  .logo-link-v18 img{
    width:355px!important;
    max-width:355px!important;
  }
  .logo-caption{max-width:190px!important}
}
@media(max-width:760px){
  .logo-zone-v18{display:block!important}
  .logo-link-v18{
    width:300px!important;
    flex-basis:300px!important;
  }
  .logo-link-v18 img{
    width:295px!important;
    max-width:295px!important;
    height:68px!important;
  }
  .logo-caption{
    border-left:0!important;
    border-top:1px solid #d6dee1!important;
    padding:7px 0 0!important;
    max-width:310px!important;
  }
  .nav-in{
    min-height:48px!important;
    overflow-x:auto!important;
  }
  .nav-in>a{padding:0 8px!important}
  .nav-search{display:none!important}
  .breaking-in{height:43px!important}
  .breaking-in>strong{min-width:100px!important;padding:0 9px!important}
  .ticker-track{animation-duration:135s!important}
  .ticker-track a{font-size:9px!important}
  .news-module .module-grid>article{
    flex:0 0 205px!important;
    min-width:205px!important;
    max-width:205px!important;
  }
  .news-module .module-grid>article.module-feature{
    flex:0 0 255px!important;
    min-width:255px!important;
    max-width:255px!important;
  }
  .news-module .module-grid>article:not(.module-feature) .module-image,
  .news-module .module-grid>article:not(.module-feature) .module-image img{
    height:104px!important;
  }
  .news-module .module-grid>article.module-feature .module-image,
  .news-module .module-grid>article.module-feature .module-image img{
    height:150px!important;
  }
  .module-name h2{font-size:16px!important}
  .latest-scroll{max-height:430px!important}
  .latest-scroll a{min-height:76px!important}
  .latest-text strong{font-size:9px!important}
  .latest-text time{font-size:7px!important}
}
@media(max-width:480px){
  .logo-link-v18{
    width:260px!important;
    flex-basis:260px!important;
  }
  .logo-link-v18 img{
    width:255px!important;
    max-width:255px!important;
    height:61px!important;
  }
  .ticker-track{animation-duration:145s!important}
  .news-module .module-grid>article{
    flex-basis:190px!important;
    min-width:190px!important;
    max-width:190px!important;
  }
  .news-module .module-grid>article.module-feature{
    flex-basis:235px!important;
    min-width:235px!important;
    max-width:235px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:after,.ticker-track,.vtm-ad-banner:after{
    animation:none!important;
  }
}

/* =========================================================
   VƏTƏNİM MEDIA 18.7 — NATIONAL NEWSROOM EDITION
   ========================================================= */
:root{
  --v-red:#ff0000;
  --v-blue:#008fca;
  --v-green:#008762;
  --v-navy:#071a26;
  --v-orange:#f4511e;
}

/* Strong but controlled Azerbaijani national color system. */
.flagline{
  background:linear-gradient(90deg,var(--v-blue) 0 33.333%,var(--v-red) 33.333% 66.666%,var(--v-green) 66.666%)!important;
  height:5px!important;
}
.header-top{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.identity-row{
  background:
    radial-gradient(circle at 13% 50%,rgba(0,143,202,.08),transparent 30%),
    radial-gradient(circle at 84% 45%,rgba(0,135,98,.065),transparent 25%)!important;
}
.logo-zone-v18{
  min-width:575px!important;
  flex-basis:575px!important;
  gap:10px!important;
}
.logo-link-v18{
  width:415px!important;
  flex-basis:415px!important;
}
.logo-link-v18 img,
.logo-link-v18 .custom-logo{
  width:410px!important;
  max-width:410px!important;
  height:90px!important;
  max-height:90px!important;
}
.logo-caption{
  max-width:150px!important;
  padding-left:10px!important;
  border-left:2px solid rgba(255,0,0,.22)!important;
}
.logo-caption b{
  color:var(--v-red)!important;
  font-size:8px!important;
  letter-spacing:1.05px!important;
}
.logo-caption span{
  color:#5b6d74!important;
  font-size:7.3px!important;
}

/* Dashboard: tricolor edge, distinct but coherent cards. */
.dash-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #d8e1e4!important;
}
.dash-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--v-blue) 0 33.33%,var(--v-red) 33.33% 66.66%,var(--v-green) 66.66%);
}
.clock-card,.weather-card,.currency-card{
  border-top:0!important;
}
.clock-card .dash-icon{background:rgba(0,143,202,.11)!important;color:var(--v-blue)!important}
.weather-card .dash-icon{background:rgba(255,0,0,.08)!important;color:var(--v-red)!important}
.currency-card .dash-icon{background:rgba(0,135,98,.10)!important;color:var(--v-green)!important}

/* Currency values: never remain visually frozen and reveal a clear hover tip. */
.currency-card{
  cursor:help!important;
}
.currency-values>div{
  position:relative!important;
  transition:background .18s ease,transform .18s ease!important;
}
.currency-values>div:hover{
  background:linear-gradient(90deg,rgba(0,143,202,.06),rgba(255,0,0,.05),rgba(0,135,98,.05))!important;
  transform:translateX(2px);
}
.currency-values>div:after{
  content:attr(data-tip);
  position:absolute;
  right:0;bottom:calc(100% + 8px);
  padding:7px 9px;
  background:var(--v-navy);
  color:#fff;
  border-radius:5px;
  font:700 8px Tahoma,"Segoe UI",Arial,sans-serif;
  white-space:nowrap;
  opacity:0;pointer-events:none;
  transform:translateY(4px);
  transition:.18s ease;
  box-shadow:0 8px 20px rgba(7,26,38,.18);
}
.currency-values>div:hover:after{
  opacity:1;transform:translateY(0);
}
.currency-values>small{
  color:var(--v-navy)!important;
}
.currency-values>small em{
  color:var(--v-red)!important;
  font-style:normal!important;
  font-size:6px!important;
}

/* Home button: tricolor instead of solid black. */
.nav-home{
  background:linear-gradient(90deg,var(--v-blue) 0 33%,var(--v-red) 33% 66%,var(--v-green) 66%)!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:0 5px 15px rgba(7,26,38,.13)!important;
}
.nav-home:hover{
  filter:saturate(1.12) brightness(1.03);
  color:#fff!important;
}
.sections-toggle-v18{
  background:#fff!important;
  color:var(--v-navy)!important;
  border:1px solid #d4dfe2!important;
  border-bottom:3px solid var(--v-red)!important;
}
.sections-toggle-v18 .nav-ico{
  color:var(--v-red)!important;
}
.sections-toggle-v18.active{
  background:linear-gradient(90deg,var(--v-blue),var(--v-red),var(--v-green))!important;
  color:#fff!important;
}
.sections-toggle-v18.active .nav-ico{color:#fff!important}

/* Section headings: compact and refined. */
.news-module>header{
  min-height:40px!important;
  padding-bottom:7px!important;
  margin-bottom:10px!important;
}
.module-name h2{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1.1!important;
  letter-spacing:.1px!important;
}
.module-name small{
  font-size:6px!important;
  color:#65767d!important;
}
.module-name>span{
  width:4px!important;
  height:19px!important;
  background:linear-gradient(180deg,var(--v-blue),var(--v-red),var(--v-green))!important;
}

/* Ten stories per section: horizontal editorial rail, four visible-ish on desktop. */
.news-module .module-grid{
  display:flex!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  padding:2px 2px 9px!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important;
}
.news-module .module-grid>article{
  flex:0 0 232px!important;
  min-width:232px!important;
  max-width:232px!important;
  scroll-snap-align:start!important;
}
.news-module .module-grid>article.module-feature{
  flex:0 0 292px!important;
  min-width:292px!important;
  max-width:292px!important;
}
.news-module .module-grid>article:not(.module-feature) .module-image,
.news-module .module-grid>article:not(.module-feature) .module-image img{
  height:124px!important;
  max-height:124px!important;
}
.news-module .module-grid>article.module-feature .module-image,
.news-module .module-grid>article.module-feature .module-image img{
  height:174px!important;
  max-height:174px!important;
}
.news-module .module-copy{
  padding:7px 8px 9px!important;
}
.news-module .module-copy time{
  font-size:7px!important;
  color:#74838a!important;
}
.news-module .module-copy h3{
  font-size:11px!important;
  line-height:1.38!important;
}
.news-module .module-copy p{
  font-size:8px!important;
}

/* Subtle movement cue: cards breathe without jumping. */
.news-module .module-grid>article{
  animation:vtmCardFloat 7s ease-in-out infinite;
}
.news-module .module-grid>article:nth-child(2){animation-delay:.4s}
.news-module .module-grid>article:nth-child(3){animation-delay:.8s}
.news-module .module-grid>article:nth-child(4){animation-delay:1.2s}
.news-module .module-grid>article:nth-child(5){animation-delay:1.6s}
@keyframes vtmCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
.news-module .module-grid>article:hover{
  animation-play-state:paused!important;
  transform:translateY(-5px)!important;
}

/* Footer: a distinct Baku/Azerbaijan visual, with shorter text. */
footer{
  background:#061722!important;
  margin-top:54px!important;
}
.footer-art{
  background:url('assets/img/footer-baku.svg') center bottom/cover no-repeat!important;
  opacity:.55!important;
  min-height:100%!important;
}
.footer-main{
  grid-template-columns:1.15fr .9fr .9fr .85fr!important;
  gap:24px!important;
  padding:36px 0 30px!important;
}
.footer-about>strong{
  font-size:23px!important;
}
.footer-about p,
.footer-credit p{
  font-size:8px!important;
  line-height:1.4!important;
  max-width:210px!important;
  margin:6px 0!important;
}
.footer-main h4{
  color:#ffb39d!important;
  font-size:7px!important;
}
.footer-main a{
  font-size:8px!important;
  margin:5px 0!important;
}
.footer-credit>strong{
  font-size:16px!important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.11)!important;
}

/* Advertisement: tricolor line + moving light. */
.vtm-ad-banner{
  border-top:3px solid transparent!important;
  border-image:linear-gradient(90deg,var(--v-blue),var(--v-red),var(--v-green)) 1!important;
}
.vtm-ad-banner:after{
  animation-duration:5.8s!important;
}

/* National decorative light line under media and landscape areas. */
.landscape-feature:after,
.hero-news:after{
  background:linear-gradient(90deg,var(--v-blue),var(--v-red),var(--v-green))!important;
  height:4px!important;
  opacity:.85!important;
}

/* Mobile */
@media(max-width:1150px){
  .logo-zone-v18{
    min-width:0!important;
    flex:0 0 auto!important;
  }
  .logo-link-v18{
    width:350px!important;
    flex-basis:350px!important;
  }
  .logo-link-v18 img,
  .logo-link-v18 .custom-logo{
    width:345px!important;
    max-width:345px!important;
  }
  .footer-main{grid-template-columns:1.2fr 1fr 1fr!important}
}
@media(max-width:760px){
  .logo-zone-v18{
    width:100%!important;
    display:block!important;
  }
  .logo-link-v18{
    width:290px!important;
    flex-basis:290px!important;
  }
  .logo-link-v18 img,
  .logo-link-v18 .custom-logo{
    width:285px!important;
    max-width:285px!important;
    height:68px!important;
  }
  .logo-caption{
    border-left:0!important;
    border-top:1px solid rgba(255,0,0,.2)!important;
    max-width:300px!important;
    padding:7px 0 0!important;
    margin-top:5px!important;
  }
  .dashboard{margin-top:12px!important}
  .news-module .module-grid>article{
    flex-basis:205px!important;
    min-width:205px!important;
    max-width:205px!important;
  }
  .news-module .module-grid>article.module-feature{
    flex-basis:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  .news-module .module-grid>article:not(.module-feature) .module-image,
  .news-module .module-grid>article:not(.module-feature) .module-image img{
    height:108px!important;
  }
  .news-module .module-grid>article.module-feature .module-image,
  .news-module .module-grid>article.module-feature .module-image img{
    height:145px!important;
  }
  .footer-main{grid-template-columns:1fr 1fr!important}
  .footer-about{grid-column:1/-1!important}
}
@media(max-width:480px){
  .logo-link-v18{
    width:250px!important;
    flex-basis:250px!important;
  }
  .logo-link-v18 img,
  .logo-link-v18 .custom-logo{
    width:245px!important;
    max-width:245px!important;
    height:62px!important;
  }
  .footer-main{grid-template-columns:1fr!important}
  .footer-about{grid-column:auto!important}
  .currency-values>div:after{
    right:auto;left:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .news-module .module-grid>article{
    animation:none!important;
  }
}

/* =========================================================
   VƏTƏNİM MEDIA 18.8 — NATIONAL EDITORIAL POLISH
   ========================================================= */
:root{
  --v-red:#FF0000;
  --v-blue:#008FCA;
  --v-green:#008762;
  --v-navy:#071A26;
  --v-orange:#F4511E;
  --v-gold:#C6A55F;
}

/* Tahoma-first typography for Azerbaijani Latin text. */
body,
button,input,textarea,select,
.news-header,.mainnav,.breaking,main,footer,
.news-module,.side-panel,.media-wall,
.hero-news,.landscape-feature{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,
p,a,span,strong,small,time,b,label{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}

/* Subtle moving buta texture in the background. */
body:before{
  opacity:.055!important;
  background-image:url('assets/img/buta-pattern.svg')!important;
  background-size:170px 170px!important;
  background-repeat:repeat!important;
  mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000)!important;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000)!important;
  animation:vtmButaFlow 58s linear infinite!important;
}
@keyframes vtmButaFlow{
  from{background-position:0 0}
  to{background-position:170px 85px}
}

/* Clouds: slow and almost imperceptible, so the page stays elegant. */
body:after{
  opacity:.14!important;
  animation:vtmClouds 58s linear infinite!important;
}

/* Header identity area */
.identity-row{
  min-height:134px!important;
  align-items:center!important;
}
.logo-zone-v18{
  min-width:575px!important;
  flex-basis:575px!important;
  gap:7px!important;
}
.logo-link-v18{
  width:420px!important;
  flex-basis:420px!important;
}
.logo-link-v18 img,
.logo-link-v18 .custom-logo{
  width:415px!important;
  max-width:415px!important;
  height:92px!important;
  max-height:92px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.logo-caption{
  max-width:145px!important;
  padding-left:9px!important;
  border-left:2px solid rgba(255,0,0,.22)!important;
}
.logo-caption b{
  font-size:8px!important;
  line-height:1.25!important;
  color:var(--v-red)!important;
}
.logo-caption span{
  font-size:7.5px!important;
  line-height:1.4!important;
}

/* Three dashboard cards: each gets exactly one thin national-color line. */
.dashboard{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
.dash-card{
  min-width:0!important;
  width:100%!important;
  height:80px!important;
  overflow:visible!important;
  border:1px solid #d6e0e3!important;
  border-top:0!important;
}
.dash-card:before{
  height:3px!important;
  top:0!important;
  background:var(--v-blue)!important;
}
.weather-card:before{background:var(--v-red)!important}
.currency-card:before{background:var(--v-green)!important}

/* Fix the old .currency-card > div rule that caused values to overlap. */
.currency-card > .dash-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
}
.currency-card > .currency-values{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  border-top:0!important;
  padding:0!important;
  margin:0!important;
}
.currency-values>small{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  white-space:nowrap!important;
  margin-bottom:4px!important;
}
.currency-values>small span{
  font-size:6.5px!important;
  letter-spacing:1px!important;
  color:#718087!important;
  white-space:nowrap!important;
}
.currency-values>small em{
  font-size:6px!important;
  color:var(--v-red)!important;
  white-space:nowrap!important;
}
.currency-values>div{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:7px!important;
  min-height:17px!important;
  padding:2px 0!important;
  margin:0!important;
  border-top:1px solid #e7ecee!important;
  transform:none!important;
}
.currency-values>div b{
  font-size:7px!important;
  color:#6d7d84!important;
}
.currency-values>div strong{
  font-size:10px!important;
  line-height:1!important;
  text-align:right!important;
  white-space:nowrap!important;
  color:var(--v-navy)!important;
}
.currency-values>div:after{
  right:0!important;
  bottom:calc(100% + 7px)!important;
  z-index:20!important;
}
.currency-hover-tip{display:none!important}

/* Weather icon has a quiet day/night animation. */
#vtm-weather-icon{
  transition:transform .4s ease,background .4s ease!important;
}
#vtm-weather-icon.is-night{
  background:rgba(0,143,202,.08)!important;
  color:#40677a!important;
  animation:vtmMoon 3.5s ease-in-out infinite!important;
}
@keyframes vtmMoon{
  0%,100%{transform:rotate(-8deg) scale(1)}
  50%{transform:rotate(8deg) scale(1.06)}
}

/* Menu: clean, icon-first, buta watermark, no unnecessary black home label. */
.mainnav{
  position:sticky!important;
  background:rgba(255,255,255,.985)!important;
  border-top:1px solid #d8e1e4!important;
  border-bottom:1px solid #cbd7db!important;
  box-shadow:0 8px 25px rgba(7,26,38,.08)!important;
}
.mainnav:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.035!important;
  background:url('assets/img/buta-pattern.svg') right center/120px 120px repeat!important;
  animation:vtmButaFlow 65s linear infinite!important;
}
.nav-in{
  position:relative!important;
  z-index:2!important;
  min-height:54px!important;
}
.nav-home{
  width:45px!important;
  min-width:45px!important;
  padding:0!important;
  justify-content:center!important;
  background:linear-gradient(180deg,var(--v-blue) 0 33%,var(--v-red) 33% 66%,var(--v-green) 66%)!important;
  border-radius:8px!important;
}
.nav-home .nav-label{
  display:none!important;
}
.nav-home .nav-ico{
  font-size:22px!important;
  color:#fff!important;
  line-height:1!important;
}
.nav-in>a:not(.nav-home),
.sections-toggle-v18{
  min-height:38px!important;
  border-radius:6px!important;
  font-size:10px!important;
  font-weight:700!important;
}
.nav-in>a:not(.nav-home) .nav-ico{
  font-size:12px!important;
  color:var(--v-orange)!important;
}
.sections-toggle-v18{
  padding:0 12px!important;
  background:#fff!important;
  border:1px solid #d4dfe2!important;
  border-bottom:3px solid var(--v-red)!important;
  color:var(--v-navy)!important;
}
.sections-toggle-v18 .nav-ico{color:var(--v-red)!important}
.sections-toggle-v18.active{
  background:linear-gradient(90deg,var(--v-blue),var(--v-red),var(--v-green))!important;
  color:#fff!important;
}

/* Breaking ticker: calmer, continuous and readable. */
.breaking{
  background:var(--v-red)!important;
}
.breaking-in{
  height:45px!important;
}
.breaking-in>strong{
  background:#b40000!important;
  font-size:8px!important;
}
.ticker-track{
  animation-duration:145s!important;
}
.ticker-track a{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

/* Section headings: smaller than the original, with a national accent bar. */
.news-module>header{
  min-height:41px!important;
  padding:0 0 8px!important;
  margin-bottom:10px!important;
}
.module-name h2{
  font-size:16px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.module-name small{
  font-size:6px!important;
  letter-spacing:1.1px!important;
}
.module-name>span{
  width:4px!important;
  height:19px!important;
  background:linear-gradient(180deg,var(--v-blue),var(--v-red),var(--v-green))!important;
}

/* Section rails: ten articles, compact and horizontally browsable. */
.news-module .module-grid{
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important;
}
.news-module .module-grid>article{
  flex:0 0 232px!important;
  min-width:232px!important;
  max-width:232px!important;
  scroll-snap-align:start!important;
}
.news-module .module-grid>article.module-feature{
  flex:0 0 292px!important;
  min-width:292px!important;
  max-width:292px!important;
}
.news-module .module-grid>article:not(.module-feature) .module-image,
.news-module .module-grid>article:not(.module-feature) .module-image img{
  height:120px!important;
}
.news-module .module-grid>article.module-feature .module-image,
.news-module .module-grid>article.module-feature .module-image img{
  height:168px!important;
}
.module-copy time{
  font-size:7.5px!important;
  color:#718087!important;
}
.news-module .module-copy h3{
  font-size:11.2px!important;
  line-height:1.38!important;
  font-weight:700!important;
}
.news-module .module-copy p{
  font-size:8.3px!important;
  line-height:1.42!important;
}

/* Soft card motion only; no automatic horizontal scrolling that would fight the user. */
.news-module .module-grid>article{
  animation:vtmCardFloat 8s ease-in-out infinite!important;
}
@keyframes vtmCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1.5px)}
}
.news-module .module-grid>article:hover{
  animation-play-state:paused!important;
  transform:translateY(-4px)!important;
}

/* Footer: readable 10–14px hierarchy. */
footer{
  background:
    linear-gradient(180deg,rgba(6,23,34,.92),rgba(4,16,24,.98)),
    #061722!important;
}
.footer-art{
  opacity:.62!important;
  filter:saturate(1.05) contrast(1.04)!important;
}
.footer-main{
  grid-template-columns:1.35fr 1fr 1fr 1fr!important;
  gap:30px!important;
  padding:48px 0 34px!important;
}
.footer-about>strong{
  font-size:26px!important;
  line-height:1!important;
}
.footer-about p,
.footer-credit p{
  font-size:11px!important;
  line-height:1.5!important;
  max-width:280px!important;
}
.footer-about small{
  font-size:10px!important;
}
.footer-main h4{
  font-size:10px!important;
  letter-spacing:1.5px!important;
  margin-bottom:10px!important;
}
.footer-main a{
  font-size:11px!important;
  line-height:1.4!important;
  margin:7px 0!important;
}
.footer-credit>strong{
  font-size:18px!important;
}
.footer-bottom{
  font-size:10px!important;
}

/* Advertising shine: visible but not distracting. */
.vtm-ad-banner{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(110deg,#071a26,#123e50 52%,#0a2936)!important;
  border-top:3px solid transparent!important;
  border-image:linear-gradient(90deg,var(--v-blue),var(--v-red),var(--v-green)) 1!important;
}
.vtm-ad-banner:after{
  animation:vtmAdShine 5.2s ease-in-out infinite!important;
}

/* Images stay crisp and use the browser's best available source. */
img{
  image-rendering:auto!important;
  backface-visibility:hidden!important;
}
.module-image img,.media-grid img,.hero-main>img,.hero-side img{
  object-position:center!important;
}

/* Mobile */
@media(max-width:1150px){
  .identity-row{padding:15px 0!important}
  .logo-zone-v18{
    min-width:0!important;
    flex:0 0 auto!important;
  }
  .logo-link-v18{
    width:350px!important;
    flex-basis:350px!important;
  }
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:345px!important;
    max-width:345px!important;
    height:76px!important;
  }
  .dashboard{
    width:100%!important;
  }
}
@media(max-width:760px){
  .identity-row{display:block!important}
  .logo-zone-v18{
    width:100%!important;
    display:block!important;
  }
  .logo-link-v18{
    width:285px!important;
    flex-basis:285px!important;
  }
  .logo-link-v18 img,.logo-link-v18 .custom-logo{
    width:280px!important;
    max-width:280px!important;
    height:66px!important;
  }
  .logo-caption{
    border-left:0!important;
    border-top:1px solid rgba(255,0,0,.2)!important;
    padding:7px 0 0!important;
    margin-top:4px!important;
    max-width:300px!important;
  }
  .dashboard{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:12px!important;
  }
  .dash-card{height:74px!important}
  .nav-in{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .nav-in::-webkit-scrollbar{display:none}
  .nav-in>a:not(.nav-home),.sections-toggle-v18{
    flex:0 0 auto!important;
  }
  .breaking-in{height:42px!important}
  .ticker-track{animation-duration:160s!important}
  .news-module .module-grid>article{
    flex-basis:205px!important;
    min-width:205px!important;
    max-width:205px!important;
  }
  .news-module .module-grid>article.module-feature{
    flex-basis:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  .news-module .module-grid>article:not(.module-feature) .module-image,
  .news-module .module-grid>article:not(.module-feature) .module-image img{
    height:106px!important;
  }
  .news-module .module-grid>article.module-feature .module-image,
  .news-module .module-grid>article.module-feature .module-image img{
    height:142px!important;
  }
  .module-name h2{font-size:15px!important}
  .footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
  }
  .footer-about{grid-column:1/-1!important}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr!important}
  .footer-about{grid-column:auto!important}
  .currency-values>div:after{
    left:0!important;
    right:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:before,body:after,.news-module .module-grid>article,.vtm-ad-banner:after,#vtm-weather-icon.is-night{
    animation:none!important;
  }
}

/* =========================================================
   VƏTƏNİM MEDIA 18.9 — QUIET NATIONAL MOTION
   ========================================================= */

/* Keep the national identity, remove the overly bright effect. */
.flagline{
  height:3px!important;
  opacity:.88!important;
  background:linear-gradient(90deg,#008fca 0 33.33%,#d7193f 33.33% 66.66%,#008762 66.66%)!important;
  box-shadow:none!important;
}
.identity-row{
  background:
    radial-gradient(circle at 15% 45%,rgba(0,143,202,.045),transparent 26%),
    radial-gradient(circle at 78% 50%,rgba(0,135,98,.04),transparent 24%)!important;
}

/* Moving buta: visible enough to feel like a design system, never a wallpaper. */
body:before{
  opacity:.075!important;
  background-image:url('assets/img/buta-pattern.svg')!important;
  background-size:210px 210px!important;
  animation:vtmButaFlow 72s linear infinite!important;
  mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;
}
body:after{
  opacity:.11!important;
  animation:vtmClouds 68s linear infinite!important;
}

/* Home: just the icon, understated tricolor edge instead of a glowing flag block. */
.nav-home{
  width:43px!important;
  min-width:43px!important;
  height:38px!important;
  background:#fff!important;
  color:#071a26!important;
  border:1px solid #d6e0e3!important;
  border-bottom:3px solid #d7193f!important;
  box-shadow:none!important;
}
.nav-home .nav-ico{
  color:#071a26!important;
  font-size:20px!important;
}
.nav-home:hover{
  background:#f6f9fa!important;
  color:#071a26!important;
  transform:translateY(-1px);
}
.nav-home-buta{
  text-shadow:0 0 10px rgba(198,165,95,.22);
}

/* Dashboard national lines are thin and quiet. */
.dash-card:before{
  height:2px!important;
}
.clock-card:before{background:#008fca!important}
.weather-card:before{background:#d7193f!important}
.currency-card:before{background:#008762!important}
.dash-card{
  box-shadow:0 5px 16px rgba(7,26,38,.035)!important;
}

/* Weather motion by actual condition. */
#vtm-weather-icon.weather-clear,
#vtm-weather-icon.weather-day{
  animation:vtmSunPulse 3.2s ease-in-out infinite!important;
}
#vtm-weather-icon.weather-cloud{
  animation:vtmCloudDrift 3.8s ease-in-out infinite!important;
}
#vtm-weather-icon.weather-rain{
  animation:vtmRain 1.5s ease-in-out infinite!important;
}
#vtm-weather-icon.weather-snow{
  animation:vtmSnow 2.2s ease-in-out infinite!important;
}
#vtm-weather-icon.weather-storm{
  animation:vtmStorm 2.4s ease-in-out infinite!important;
}
#vtm-weather-icon.weather-night{
  animation:vtmMoon 4.2s ease-in-out infinite!important;
}
@keyframes vtmSunPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.08);filter:brightness(1.12)}
}
@keyframes vtmCloudDrift{
  0%,100%{transform:translateX(-1px)}
  50%{transform:translateX(2px)}
}
@keyframes vtmRain{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(3px)}
}
@keyframes vtmSnow{
  0%,100%{transform:translateY(-1px) rotate(-3deg)}
  50%{transform:translateY(3px) rotate(3deg)}
}
@keyframes vtmStorm{
  0%,75%,100%{opacity:1}
  80%{opacity:.55}
  84%{opacity:1}
}

/* Sections: compact cards, smooth movement, no giant text. */
.news-module .module-grid{
  scrollbar-color:#b7c4c9 transparent!important;
}
.news-module .module-grid>article{
  animation:none!important;
  box-shadow:0 5px 18px rgba(7,26,38,.045)!important;
}
.news-module .module-grid>article:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 12px 28px rgba(7,26,38,.10)!important;
}
.news-module .module-copy h3{
  font-size:11px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}
.news-module .module-copy time{
  font-size:7.5px!important;
}

/* Vətənim mənzərələri: regional photo rail. */
.landscape-feature{
  min-height:505px!important;
  background:#071a26!important;
}
.landscape-overlay{
  background:
    linear-gradient(90deg,rgba(3,15,23,.98),rgba(3,15,23,.78) 39%,rgba(3,15,23,.24) 78%),
    linear-gradient(0deg,rgba(3,15,23,.35),transparent 45%)!important;
}
.landscape-copy h2{
  font-size:44px!important;
  letter-spacing:-1px!important;
}
.landscape-copy p{
  font-size:11px!important;
  line-height:1.55!important;
  max-width:360px!important;
}
.region-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-width:390px!important;
  margin:17px 0 20px!important;
}
.region-chips span{
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:3px!important;
  color:#dfeaec!important;
  font:700 7px Tahoma,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:1px!important;
}
.landscape-stories{
  align-self:end!important;
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:10px!important;
  padding:20px 20px 20px 0!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.landscape-stories a{
  flex:0 0 220px!important;
  width:220px!important;
  height:170px!important;
  scroll-snap-align:start!important;
}
.landscape-stories a img{
  object-fit:cover!important;
}
.landscape-stories strong{
  font-size:9px!important;
  line-height:1.35!important;
}

/* Photo wall: "live" image feeling with slow cloud veil over the top edge. */
.media-grid a{
  position:relative!important;
  overflow:hidden!important;
  background:#071a26!important;
}
.media-grid a:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:-15%!important;
  top:-12%!important;
  width:130%!important;
  height:48%!important;
  pointer-events:none!important;
  opacity:.34!important;
  background:
    radial-gradient(ellipse 75px 24px at 13% 55%,rgba(255,255,255,.94) 0 56%,transparent 60%),
    radial-gradient(ellipse 105px 30px at 31% 45%,rgba(255,255,255,.92) 0 56%,transparent 60%),
    radial-gradient(ellipse 85px 25px at 51% 60%,rgba(255,255,255,.9) 0 56%,transparent 60%),
    radial-gradient(ellipse 125px 34px at 73% 43%,rgba(255,255,255,.92) 0 56%,transparent 60%),
    radial-gradient(ellipse 80px 24px at 91% 59%,rgba(255,255,255,.9) 0 56%,transparent 60%);
  filter:blur(4px);
  transform:translateX(-7%);
  animation:vtmPhotoClouds 18s linear infinite;
}
@keyframes vtmPhotoClouds{
  from{transform:translateX(-9%)}
  to{transform:translateX(8%)}
}
.media-grid a:after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%,rgba(0,0,0,.05) 100%)!important;
}
.media-grid a img{
  transition:transform .7s ease,filter .7s ease!important;
}
.media-grid a:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.08) contrast(1.03)!important;
}
.media-grid strong{
  position:relative!important;
  z-index:4!important;
  display:block!important;
  font-size:10px!important;
  line-height:1.4!important;
}

/* Footer typography: readable and not cramped. */
.footer-main a{font-size:11px!important}
.footer-main h4{font-size:10px!important}
.footer-about p,.footer-credit p{font-size:11px!important}

/* Ads: lively but restrained. */
.vtm-ad-banner{
  box-shadow:0 8px 25px rgba(7,26,38,.08)!important;
}
.vtm-ad-banner:after{
  animation-duration:7s!important;
}

/* Mobile */
@media(max-width:760px){
  .flagline{height:3px!important}
  .nav-home{width:41px!important;min-width:41px!important}
  .landscape-feature{min-height:620px!important}
  .landscape-copy{padding:28px 22px!important}
  .landscape-copy h2{font-size:37px!important}
  .landscape-stories{
    padding:10px 12px 16px!important;
  }
  .landscape-stories a{
    flex-basis:205px!important;
    width:205px!important;
    height:155px!important;
  }
  .region-chips{max-width:310px!important}
  .media-grid a:before{opacity:.28!important}
}
@media(max-width:480px){
  .landscape-feature{min-height:650px!important}
  .landscape-stories a{
    flex-basis:190px!important;
    width:190px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:before,body:after,
  .media-grid a:before,
  #vtm-weather-icon,
  .vtm-ad-banner:after{
    animation:none!important;
  }
}

/* =========================================================
   VƏTƏNİM MEDIA 18.10 — VISITOR-DRIVEN EDITORIAL MOTION
   ========================================================= */

/* No global glowing flag: national colors are used as thin editorial rules. */
.flagline{
  height:3px!important;
  opacity:.82!important;
  box-shadow:none!important;
}
.dash-card:before{height:2px!important}
.clock-card:before{background:#008fca!important}
.weather-card:before{background:#ff0000!important}
.currency-card:before{background:#008762!important}

/* Menu: clean icon button, subtle buta watermark. */
.nav-home{
  width:43px!important;
  min-width:43px!important;
  height:38px!important;
  background:#fff!important;
  border:1px solid #d7e0e3!important;
  border-bottom:2px solid #ff0000!important;
  color:#071a26!important;
}
.nav-home .nav-ico{
  color:#071a26!important;
  font-size:19px!important;
}

/* A richer page canvas: blue sky, white newsroom surface, quiet buta texture. */
body{
  background:
    radial-gradient(900px 480px at 8% 2%,rgba(0,143,202,.09),transparent 65%),
    radial-gradient(900px 480px at 92% 15%,rgba(0,135,98,.065),transparent 64%),
    linear-gradient(180deg,#f8fbfb 0%,#edf2f2 52%,#f8f6f0 100%)!important;
}
body:before{
  opacity:.06!important;
  background-size:190px 190px!important;
  animation:vtmButaFlow 85s linear infinite!important;
}
body:after{
  opacity:.085!important;
  animation:vtmClouds 78s linear infinite!important;
}

/* Hero side: five stories fill the vertical space better. */
.hero-side{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.hero-side>a{
  min-height:0!important;
  flex:1 1 0!important;
}
.hero-side>a img{
  width:102px!important;
  height:66px!important;
  object-fit:cover!important;
}
.hero-side>a div{
  min-width:0!important;
}
.hero-side>a time{
  font-size:7px!important;
  white-space:nowrap!important;
}
.hero-side>a strong{
  font-size:9px!important;
  line-height:1.34!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Section cards: no autonomous movement; hover is the presentation trigger. */
.news-module .module-grid{
  overflow-x:auto!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
}
.news-module .module-grid>article{
  animation:none!important;
  transition:transform .35s ease,box-shadow .35s ease!important;
}
.news-module .module-grid>article:hover{
  transform:translateY(-5px) scale(1.012)!important;
  box-shadow:0 13px 28px rgba(7,26,38,.12)!important;
}
.news-module .module-grid>article:hover .module-image img{
  transform:scale(1.035)!important;
  filter:saturate(1.07) contrast(1.025)!important;
}

/* "Vətənimin mənzərələri" becomes a real regional panorama. */
.landscape-feature{
  position:relative!important;
  overflow:hidden!important;
  background:#071a26!important;
  min-height:545px!important;
}
.landscape-bg{
  position:absolute!important;
  inset:0!important;
  background-image:url('assets/img/azerbaijan-regions-panorama.svg')!important;
  background-size:auto 100%!important;
  background-position:0 center!important;
  background-repeat:repeat-x!important;
  filter:saturate(.96) contrast(1.02)!important;
  animation:vtmRegionsPan 72s linear infinite!important;
  transform:scale(1.02);
}
@keyframes vtmRegionsPan{
  from{background-position:0 center}
  to{background-position:-1200px center}
}
.landscape-sky-glow{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 260px 90px at 28% 20%,rgba(255,255,255,.30),transparent 62%),
    radial-gradient(ellipse 300px 105px at 68% 28%,rgba(255,255,255,.23),transparent 62%);
  filter:blur(8px);
  opacity:.65;
  animation:vtmLandscapeClouds 24s linear infinite!important;
}
@keyframes vtmLandscapeClouds{
  from{transform:translateX(-4%)}
  to{transform:translateX(7%)}
}
.landscape-overlay{
  background:
    linear-gradient(90deg,rgba(3,15,23,.92),rgba(3,15,23,.67) 40%,rgba(3,15,23,.15) 80%),
    linear-gradient(0deg,rgba(3,15,23,.42),transparent 52%)!important;
}
.landscape-copy{
  position:relative!important;
  z-index:4!important;
}
.landscape-copy h2{
  font-size:42px!important;
  line-height:1.02!important;
}
.landscape-copy p{
  font-size:11px!important;
  line-height:1.55!important;
}
.region-chips span{
  background:rgba(7,26,38,.40)!important;
  border-color:rgba(255,255,255,.20)!important;
}

/* Landscape cards remain reader-driven; the background panorama supplies motion. */
.landscape-stories{
  position:relative!important;
  z-index:5!important;
}
.landscape-stories a{
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,255,255,.11)!important;
}

/* Footer: living Baku panorama and readable type. */
footer{
  position:relative!important;
  overflow:hidden!important;
}
.footer-art{
  opacity:.70!important;
  background-size:cover!important;
  animation:vtmFooterSky 35s ease-in-out infinite alternate!important;
}
@keyframes vtmFooterSky{
  from{background-position:48% 100%}
  to{background-position:53% 100%}
}
.footer-main{
  position:relative!important;
  z-index:3!important;
}
.footer-motto{
  margin-top:10px!important;
  font:700 10px/1.4 Tahoma,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:1px!important;
  color:rgba(255,255,255,.60)!important;
}

/* Make body text comfortable while keeping headlines stronger. */
.module-copy h3,
.latest-text strong,
.media-grid strong,
.popular-row span{
  font-weight:700!important;
  text-rendering:optimizeLegibility!important;
}
.module-copy h3{font-size:11.3px!important}
.latest-text strong{font-size:9.7px!important}
.media-grid strong{font-size:10.5px!important}
.footer-main a{font-size:11px!important}

/* Mobile */
@media(max-width:760px){
  .hero-side>a img{
    width:82px!important;
    height:56px!important;
  }
  .hero-side>a strong{
    font-size:8.5px!important;
  }
  .landscape-feature{min-height:650px!important}
  .landscape-bg{
    animation-duration:95s!important;
  }
  .landscape-copy h2{font-size:36px!important}
}
@media(max-width:480px){
  .hero-side>a strong{
    font-size:8px!important;
    -webkit-line-clamp:2!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:before,body:after,
  .landscape-bg,.landscape-sky-glow,.footer-art{
    animation:none!important;
  }
}

/* 18.11 — political manşet presentation */
.hero-side .side-title b{font-size:7px!important;color:#ff0000!important;letter-spacing:.5px!important}
.hero-side>a{transition:background .25s ease,transform .25s ease!important}
.hero-side>a:hover{background:rgba(255,255,255,.035)!important;transform:translateX(-2px)!important}