:root{
            --primary:#e11d48;
            --primary-soft:#f97373;
            --secondary:#0369a1;
            --bg:#0f172a;
            --bg-soft:#f3f4f6;
            --text:#0f172a;
            --border:#e5e7eb;
            --white:#ffffff;
            --radius:14px;
            --shadow:0 18px 40px rgba(15,23,42,0.09);
        }

        *{box-sizing:border-box;margin:0;padding:0;}
        body{
            background:
                radial-gradient(circle at top left, rgba(239,246,255,0.95) 0, rgba(248,250,252,0.98) 35%, #e5e7eb 70%),
                linear-gradient(135deg, #0f172a 0, #020617 60%);
            font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
            color:var(--text);
            min-width:1200px;
        }
        a{text-decoration:none;color:inherit;}
        img{display:block;max-width:100%;}

        .page{
            max-width:1180px;
            margin:0 auto;
            padding:10px 16px 40px;
        }

        /* TOP BAR */
        .topbar {
            background: #000d42;
            color: #e5e7eb;
            font-size: 12px;
            border-bottom: 1px solid rgba(148, 163, 184, .4);
        }
        .topbar-inner {
            max-width: 1180px;
            margin: 0 auto;
            padding: 6px 16px;
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
        }
        .topbar-left{
            display:flex;
            align-items:center;
            gap:10px;
        }
        .topbar-pill{
            padding:2px 10px;
            border-radius:999px;
            border:1px solid rgba(148,163,184,.7);
            font-size:10px;
            text-transform:uppercase;
            letter-spacing:.14em;
            background:rgba(15,23,42,.85);
        }
        .topbar-right{
            display:flex;
            align-items:center;
            gap:12px;
            opacity:0.9;
        }

        /* HEADER */
        header {
            background: linear-gradient(90deg, #ffffff, #dae5ff, #041768);
            box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
        }
        .header-inner{
            max-width:1180px;
            margin:0 auto;
            padding:10px 16px;
            display:flex;
            justify-content:space-between;
            gap:16px;
            align-items:center;
        }
        .logo-row{
            display:flex;
            align-items:center;
            gap:10px;
        }

        .search-box{
            position:relative;
            min-width:240px;
        }
        .search-box input{
            width:100%;
            padding:8px 36px 8px 12px;
            border-radius:999px;
            border:1px solid var(--border);
            font-size:15px;
            outline:none;
            background:#f9fafb;
            transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
        }
        .search-box input:focus{
            border-color:var(--secondary);
            background:#ffffff;
            box-shadow:0 0 0 1px rgba(59,130,246,.4);
        }
        .search-box button{
            position:absolute;
            right:4px;
            top:50%;
            transform:translateY(-50%);
            border:none;
            border-radius:999px;
            padding:5px 11px;
            font-size:12px;
            background:linear-gradient(135deg,#0ea5e9,#0369a1);
            color:#f9fafb;
            cursor:pointer;
            font-weight:500;
            box-shadow:0 8px 18px rgba(37,99,235,.35);
        }

        /* NAV */
        .nav {
            background: #000d42;
            border-bottom: 1px solid rgba(15, 23, 42, .9);
            margin-bottom: 14px;
        }
        .nav-inner{
            max-width:1180px;
            margin:0 auto;
            padding:0 16px;
        }
        .nav-menu{
            display:flex;
            flex-wrap:wrap;
            list-style:none;
            gap:6px;
            padding:6px 0 8px;
        }
        .nav-menu a{
            position:relative;
            display:inline-flex;
            padding:6px;
            font-size:12px;
            text-transform:uppercase;
            letter-spacing:.1em;
            border-radius:999px;
            color:#e5e7eb;
            opacity:0.9;
            transition:background .15s ease, opacity .15s ease, transform .1s ease;
        }
        .nav-menu a.is-active,
        .nav-menu a:hover{
            background:rgba(248,250,252,.06);
            opacity:1;
        }
        .nav-menu a.is-active::after,
        .nav-menu a:hover::after{
            content:"";
            position:absolute;
            left:14px;
            right:14px;
            bottom:-3px;
            height:2px;
            border-radius:999px;
            background:linear-gradient(90deg,var(--primary),#0ea5e9);
        }

        /* TƏCİLİ XƏBƏR ZOLAĞI */
        .breaking-bar{
            max-width:1180px;
            margin:0 auto 10px;
            padding:6px 16px;
            display:flex;
            align-items:center;
            gap:10px;
            background:#000d42;
            color:#f9fafb;
            border-radius:999px;
            border:1px solid rgba(148,163,184,.6);
            box-shadow:0 10px 20px rgba(15,23,42,.4);
        }
        .breaking-label{
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:.18em;
            padding:4px 10px;
            border-radius:999px;
            background:linear-gradient(135deg,#e11d48,#f97316);
            font-weight:600;
        }
       .breaking-track{
    position:relative;
    overflow:hidden;
    flex:1;
}

/* Bütün itemləri daşıyan lent */
.breaking-inner{
    display:inline-block;
    white-space:nowrap;
    animation:breakingMove 90s linear infinite;
}

/* Ayrı-ayrı başlıqlar – artıq animasiya YOXDUR */
.breaking-item{
    display:inline-block;
    padding-left:40px;
    font-size:14px;
}

.breaking-track:hover .breaking-inner{
    animation-play-state: paused;
}

/* Lent animasiyası */
@keyframes breakingMove{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-100%);
    }
}


        /* LAYOUT – sağ sütun 360px */
        .layout{
            display:grid;
            grid-template-columns:minmax(0, 1fr) 360px;
            gap:18px;
        }

        /* SLIDER KARTI */
        .slider-box{
            background:rgba(248,250,252,.96);
            padding:12px;
            border-radius:var(--radius);
            border:1px solid rgba(203,213,225,.9);
            box-shadow:var(--shadow);
            margin-bottom:18px;
        }
        .slider-title-row{
            display:flex;
            justify-content:space-between;
            align-items:center;
            margin-bottom:10px;
        }
        .slider-title-main{
            font-size:14px;
            text-transform:uppercase;
            letter-spacing:.18em;
            font-weight:700;
        }

        .slider-main{
            position:relative;
            height:380px;
            border-radius:16px;
            overflow:hidden;
            background:#0f172a;
            box-shadow:0 16px 30px rgba(15,23,42,.35);
        }

        .slide-item{
            position:absolute;
            inset:0;
            opacity:0;
            transition:opacity .55s ease;
            pointer-events:none;
        }
        .slide-item.active{
            opacity:1;
            pointer-events:auto;
        }
        .slide-item img{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .slider-overlay{
            position:absolute;
            left:0;
            right:0;
            bottom:40px;
            padding:10px 14px 14px;
            background:#000d42ab;
            color:#f9fafb;
            z-index:5;
        }
        .slider-overlay-title{
            font-size:20px;
            font-weight:600;
            text-shadow:0 2px 8px rgba(0,0,0,.8);
        }

        .slider-thumbs{
            margin-top:9px;
            display:flex;
            gap:8px;
            overflow-x:auto;
            padding-bottom:4px;
        }
        .slider-thumb{
            flex:0 0 142px;
            border-radius:10px;
            overflow:hidden;
            border:2px solid transparent;
            cursor:pointer;
            background:#f9fafb;
            transition:border-color .16s ease, box-shadow .16s ease, transform .12s ease;
        }
        .slider-thumb img{
            width:100%;
            height:70px;
            object-fit:cover;
        }
        .slider-thumb.active{
            border-color:var(--primary);
            box-shadow:0 0 0 1px rgba(248,113,113,.4), 0 12px 22px rgba(15,23,42,.26);
            transform:translateY(-1px);
        }
        .slider-thumbs::-webkit-scrollbar{ height:6px; }
        .slider-thumbs::-webkit-scrollbar-track{ background:#e5e7eb; }
        .slider-thumbs::-webkit-scrollbar-thumb{ background:#9ca3af; border-radius:999px; }

        /* SAĞ SÜTUN – XƏBƏR LENTİ + ƏN ÇOX OXUNANLAR */
        .right-column{
            display:flex;
            flex-direction:column;
            gap:14px;
            height:100%;
        }
        .block{
            background:rgba(248,250,252,.98);
            border-radius:var(--radius);
            border:1px solid rgba(203,213,225,.95);
            box-shadow:var(--shadow);
            padding:10px 12px;
            transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
        }
        .block:hover{
            transform:translateY(-2px);
            box-shadow:0 18px 36px rgba(15,23,42,.16);
            border-color:rgba(148,163,184,.95);
        }
        .block-title{
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: .16em;
            font-weight: 700;
            margin-bottom: 6px;
            padding: 4px 10px;
            color: #ffffff;
            border-radius: 3px;
            background: #00135e;
        }

        /* XƏBƏR LENTİ */
        .news-list{
            display:flex;
            flex-direction:column;
            gap:8px;
        }
        .news-item{
            position:relative;
            padding:10px 11px 10px 20px;
            border-radius:11px;
            border:1px solid var(--border);
            background:#f9fafb;
            cursor:pointer;
            transition:box-shadow .16s ease, transform .12s ease, border-color .16s ease, background .16s ease;
        }
        .news-item::before{
            content:"";
            position:absolute;
            left:8px;
            top:50%;
            transform:translateY(-50%);
            width:6px;
            height:6px;
            border-radius:999px;
            background:#9ca3af;
            transition:background .16s ease, transform .12s ease;
        }
        .news-title{
            font-size:14px;
            font-weight:600;
            color:#111827;
            line-height:1.3;
            margin-bottom:2px;
        }
        .news-meta{
            font-size:12px;
            color:#6b7280;
        }
        .news-item:hover{
            box-shadow:0 12px 26px rgba(15,23,42,.16);
            transform:translateY(-1px);
            border-color:#c7d2fe;
            background:#eef2ff;
        }
        .news-item:hover::before{
            background:var(--primary);
            transform:translateY(-50%) scale(1.3);
        }

        /* SOL BÖLMƏLƏR */
        .sections-stack{
            display:flex;
            flex-direction:column;
            gap:16px;
        }
        .sec-block{
            background:rgba(248,250,252,.98);
            border-radius:var(--radius);
            border:1px solid rgba(203,213,225,.95);
            box-shadow:var(--shadow);
            padding:10px 12px 12px;
            position:relative;
            overflow:hidden;
        }
        .sec-block::before{
            content:"";
            position:absolute;
            inset:-1px;
            background:linear-gradient(135deg,rgba(248,113,113,.07),rgba(59,130,246,.05),transparent 45%);
            pointer-events:none;
            opacity:0;
            transition:opacity .18s ease;
        }
        .sec-block:hover::before{ opacity:1; }

        .sec-title{
            font-size: 17px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .18em;
            color: #001954;
            margin-bottom: 10px;
            position: relative;
            padding-bottom: 4px;
        }
        .sec-title::after{
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            height:2px;
            width:46px;
            border-radius:999px;
            background:linear-gradient(90deg,#0ea5e9,var(--primary));
        }

        /* --- ITƏN SEKSİYA CSS-LƏRİ (BUNLAR OLMAYANDA “AŞAĞI QARIŞIR”) --- */
        .sec-row{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:10px;
        }
        .sec-item{
            background:#f9fafb;
            border-radius:12px;
            border:1px solid #e5e7eb;
            overflow:hidden;
            cursor:pointer;
            transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
        }
        .sec-item:hover{
            transform:translateY(-2px);
            box-shadow:0 14px 30px rgba(15,23,42,.18);
            border-color:var(--primary);
        }
        .sec-item img{
            width:100%;
            height:110px;
            object-fit:cover;
        }
        .sec-item-body{ padding:6px 8px 7px; }
        .sec-item-title{
            font-size:15px;
            font-weight:600;
            margin-bottom:3px;
        }
        .sec-item-meta{
            font-size:11px;
            color:#6b7280;
        }
        .sec-block.gundem .sec-row .sec-item img{ height:130px; }

        .sec-layout-featured{
            display:grid;
            grid-template-columns:1.7fr 1.3fr;
            gap:10px;
            align-items:stretch;
        }
        .sec-feature-main{
            background:#020617;
            color:#e5e7eb;
            border-radius:12px;
            overflow:hidden;
            position:relative;
        }
        .sec-feature-main img{
            width:100%;
            height:170px;
            object-fit:cover;
        }
        .sec-feature-main-body{ padding:8px 10px 10px; }
        .sec-feature-main-title{
            font-size:15px;
            font-weight:700;
            margin-bottom:4px;
        }
        .sec-feature-main-meta{
            font-size:11px;
            color:#9ca3af;
        }
        .sec-feature-list{
            display:flex;
            flex-direction:column;
            gap:6px;
        }
        .sec-feature-mini{
            display:flex;
            gap:8px;
            padding:6px 8px;
            border-radius:10px;
            border:1px solid #e5e7eb;
            background:#f9fafb;
            cursor:pointer;
            transition:box-shadow .16s ease, transform .12s ease, border-color .16s ease;
        }
        .sec-feature-mini img{
            width:80px;
            height:60px;
            border-radius:8px;
            object-fit:cover;
            flex-shrink:0;
        }
        .sec-feature-mini:hover{
            box-shadow:0 12px 24px rgba(15,23,42,.16);
            transform:translateY(-1px);
            border-color:var(--primary);
        }
        .sec-feature-mini-title{
            font-size:15px;
            font-weight:600;
            margin-bottom:3px;
        }
        .sec-feature-mini-meta{
            font-size:11px;
            color:#6b7280;
        }

        .sec-block.iqtisadiyyat .sec-row .sec-item img{ height:90px; }
        .sec-block.iqtisadiyyat .sec-item-title{ font-size:14px; }

        .sec-list{
            display:flex;
            flex-direction:column;
            gap:8px;
        }
        .sec-list-item{
            display:flex;
            gap:10px;
            padding:7px 9px;
            background:#f9fafb;
            border-radius:12px;
            border:1px solid #e5e7eb;
            cursor:pointer;
            transition:box-shadow .16s ease, transform .12s ease, border-color .16s ease;
        }
        .sec-list-item img{
            width:90px;
            height:70px;
            border-radius:10px;
            object-fit:cover;
            flex-shrink:0;
        }
        .sec-list-body{
            display:flex;
            flex-direction:column;
            justify-content:center;
        }
        .sec-list-title{
            font-size:15px;
            font-weight:600;
            margin-bottom:3px;
        }
        .sec-list-meta{
            font-size:11px;
            color:#6b7280;
        }
        .sec-list-item:hover{
            box-shadow:0 12px 26px rgba(15,23,42,.18);
            transform:translateY(-1px);
            border-color:var(--primary);
        }

        .sec-block.medeniyyet .sec-row .sec-item img{ height:150px; }

        /* DÜNYA – karusel */
        .sec-carousel{
            display:grid;
            grid-template-columns:auto 1fr auto;
            gap:6px;
            align-items:center;
        }
        .sec-carousel-window{ overflow:hidden; }
        .sec-carousel-track{
            display:flex;
            gap:10px;
            transition:transform .35s ease;
        }
        .sec-car-item{
            background:#f9fafb;
            border-radius:12px;
            border:1px solid #e5e7eb;
            overflow:hidden;
            cursor:pointer;
            flex:0 0 calc(33.333% - 7px);
            max-width:calc(33.333% - 7px);
            transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
        }
        .sec-car-item img{
            width:100%;
            height:110px;
            object-fit:cover;
        }
        .sec-car-item-body{ padding:6px 8px 8px; }
        .sec-car-item-title{
            font-size:15px;
            font-weight:600;
            margin-bottom:3px;
        }
        .sec-car-item-meta{
            font-size:11px;
            color:#6b7280;
        }
        .sec-car-item:hover{
            transform:translateY(-2px);
            box-shadow:0 14px 30px rgba(15,23,42,.18);
            border-color:var(--primary);
        }
        .sec-carousel-btn{
            width:30px;
            height:30px;
            border-radius:999px;
            border:none;
            background:#0f172a;
            color:#f9fafb;
            cursor:pointer;
            font-size:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 6px 16px rgba(15,23,42,.45);
            transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
        }
        .sec-carousel-btn:hover{
            transform:translateY(-1px);
            background:#111827;
            box-shadow:0 10px 22px rgba(15,23,42,.55);
        }

        /* FOOTER */
        footer{
            margin-top: 10px;
            background: #000d42;
            color: #9ca3af;
            padding: 18px 0 22px;
            border-top: 1px solid rgba(31, 41, 55, .9);
        }
        .footer-inner{
            max-width:1180px;
            margin:0 auto;
            padding:0 16px;
            display:grid;
            grid-template-columns:auto auto;
            gap:18px;
            font-size:15px;
        }
        .footer-title{
            font-size:15px;
            font-weight:600;
            color:#e5e7eb;
            margin-bottom:6px;
            text-transform:uppercase;
            letter-spacing:.14em;
        }
        .footer-list{
            list-style:none;
            display:flex;
            flex-direction:column;
            gap:4px;
        }
        .footer-list a:hover{ color:#e5e7eb; }

        /* SOSİAL ŞƏBƏKƏ ZOLAĞI */
        .social-strip{
            max-width:1180px;
            margin:14px auto 0;
            padding:0 16px;
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            align-items:center;
        }
        .social-strip-label{
            font-size:13px;
            color:#9ca3af;
            margin-right:4px;
        }
        .social-btn{
            font-size:13px;
            padding:6px 12px;
            border-radius:999px;
            border:1px solid rgba(148,163,184,.8);
            background:rgba(15,23,42,.7);
            color:#e5e7eb;
            cursor:pointer;
            display:inline-flex;
            align-items:center;
            gap:4px;
            transition:background .16s ease, transform .12s ease, box-shadow .16s ease, border-color .16s ease;
        }
        .social-btn:hover{
            background:linear-gradient(90deg,#0ea5e9,#e11d48);
            border-color:transparent;
            box-shadow:0 10px 26px rgba(15,23,42,.7);
            transform:translateY(-1px) scale(1.03);
        }

        .footer-bottom{
            max-width:1180px;
            margin:10px auto 0;
            padding:0 16px;
            font-size:12px;
            display:flex;
            justify-content:space-between;
            gap:10px;
            color:#6b7280;
        }
/* KATEQORİYA – XƏBƏRLƏR YAN-YANA */
.cat-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:14px;
}

/* KATEQORİYA XƏBƏR KARTI */
.cat-grid .news-item,
.cat-grid .short-item,
.cat-grid .base-item{
    background:#f9fafb;
    border-radius:14px;
    border:1px solid #e5e7eb;
    overflow:hidden;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.cat-grid .news-item:hover,
.cat-grid .short-item:hover,
.cat-grid .base-item:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 36px rgba(15,23,42,.18);
    border-color:#e11d48;
}

/* ŞƏKİL */
.cat-grid img{
    width:100%;
    height:160px;
    object-fit:cover;
}

/* MƏTN */
.cat-grid .news-title,
.cat-grid h2,
.cat-grid h3{
    font-size:16px;
    font-weight:600;
    padding:8px 10px 4px;
    line-height:1.3;
}

.cat-grid .news-meta,
.cat-grid .date{
    font-size:12px;
    color:#6b7280;
    padding:0 10px 10px;
}

/* PAGINATION */
.cat-pages{
    margin-top:16px;
    display:flex;
    justify-content:center;
}
.search-box form{ position:relative; }
/* NAV - Digər dropdown */
.nav-menu { position: relative; }

.nav-more{ position: relative; }

.nav-more > a{
  padding-right: 12px;
}

/* dropdown qutu */
.nav-dropdown{
  position:absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 210px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.45);
  background: rgba(0, 13, 66, .98);
  box-shadow: 0 18px 40px rgba(15,23,42,.45);

  display: grid;
  gap: 6px;

  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index: 9999;
}

/* hover aç */
.nav-more:hover .nav-dropdown{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* dropdown linkləri */
.nav-dropdown a{
  display:block;
  padding: 10px 12px;
  border-radius: 12px;
  color: #e5e7eb;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: rgba(248,250,252,.06);
  border: 1px solid rgba(148,163,184,.18);
  transition: background .15s ease, transform .12s ease, border-color .15s ease;
}

.nav-dropdown a:hover{
  background: rgba(248,250,252,.10);
  border-color: rgba(248,113,113,.55);
  transform: translateY(-1px);
}

/* XƏBƏR SONU PAYLAŞIM + ÇAP */
.share-box{
	margin-top:14px;
	padding:12px;
	border-radius:14px;
	border:1px solid rgba(203,213,225,.95);
	background:rgba(248,250,252,.98);
	box-shadow:0 18px 40px rgba(15,23,42,.09);
}

.share-title{
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.16em;
	color:#001954;
	margin-bottom:10px;
}

.share-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.share-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:8px 12px;
	border-radius:999px;
	border:1px solid rgba(148,163,184,.8);
	background:rgba(0,13,66,.92);
	color:#e5e7eb;
	font-size:12px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	cursor:pointer;
	transition:transform .12s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

.share-btn:hover{
	background:linear-gradient(90deg,#0ea5e9,#e11d48);
	border-color:transparent;
	box-shadow:0 10px 26px rgba(15,23,42,.45);
	transform:translateY(-1px);
}

.share-print{
	border:none;
}

/* ÇAP zamanı lazımsız hissələri gizlət */
@media print{
	.share-box,
	.topbar,
	header,
	.nav,
	.right-column,
	footer,
	.social-strip{ display:none !important; }

	body{
		min-width:unset !important;
		background:#fff !important;
	}

	.page{
		max-width:100% !important;
		padding:0 !important;
	}

	.fullstory{
		box-shadow:none !important;
		border:none !important;
	}
}