/* Marklife – əsas stil */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/inter-400i.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-500.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-700.woff) format("woff")}
@font-face{font-family:InterD;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/interd-700.woff) format("woff")}
@font-face{font-family:InterD;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/interd-800.woff) format("woff")}

:root{
  --red:#BB1819;--red-d:#9C1314;--red-50:#FBECEC;
  --ink:#0E0E10;--text:#1C1C1F;--muted:#6B6B73;--faint:#9A9AA2;
  --line:#E7E7EB;--soft:#F5F5F7;--bg:#fff;
  --r:10px;--r-lg:14px;--wrap:1240px;--gut:24px;
  --sh:0 1px 2px rgba(16,16,20,.04),0 4px 16px rgba(16,16,20,.05);
  --f:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fd:InterD,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;font:400 16px/1.55 var(--f);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{margin:0;color:var(--ink);font-family:var(--fd);letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{left:8px}
.hp{position:absolute!important;left:-9999px!important}
.wrap{max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55;margin:0 8px;vertical-align:middle}

/* Düymələr */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:15px;line-height:1;transition:background .15s,border-color .15s,color .15s}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--red-d)}
.btn--line{border-color:var(--line);background:#fff}
.btn--line:hover{border-color:var(--ink)}
.btn--block{display:flex;width:100%}
.icbtn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:none;border-radius:8px;color:var(--ink)}
.icbtn:hover{background:var(--soft)}

/* Başlıq */
.hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:28px;height:76px}
.logo img{height:24px;width:auto}
.nav{display:flex;gap:30px;margin-left:auto;font-size:15px;font-weight:500}
.nav a{position:relative;padding:6px 0;color:var(--text)}
.nav a:hover{color:var(--red)}
.nav a.on{color:var(--red)}
.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--red);border-radius:2px}
.hdr__act{display:flex;align-items:center;gap:10px}
.hdr__sub{height:42px;padding:0 22px}

/* Axtarış paneli */
.srch{position:fixed;inset:76px 0 auto;z-index:39;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.srch__in{display:flex;align-items:center;gap:12px;height:76px;color:var(--muted)}
.srch__in input{flex:1;height:48px;border:0;font-size:19px;outline:0;color:var(--ink);background:none}

/* Mobil menyu */
.drawer{position:fixed;inset:0;z-index:60}
.drawer__bg{position:absolute;inset:0;background:rgba(10,10,12,.5)}
.drawer__p{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:#fff;padding:16px 20px 24px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.drawer__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.drawer__hd img{height:20px;width:auto}
.drawer__s{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;color:var(--muted)}
.drawer__s input{flex:1;border:0;outline:0;height:100%;background:none;font-size:16px;color:var(--ink)}
.drawer__l{display:flex;align-items:center;gap:12px;padding:13px 6px;font-weight:600;font-size:16px;border-bottom:1px solid var(--soft)}
.drawer__l svg{color:var(--red)}
.drawer__sm{display:flex;flex-direction:column;gap:12px;padding:18px 6px;color:var(--muted);font-size:15px}
.drawer .btn{margin-top:auto}
body.lock{overflow:hidden}

/* Reklam */
.ad{position:relative;margin:22px 0 26px}
.ad__lbl{position:absolute;top:6px;right:8px;z-index:2;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:4px}
.ad--img img{margin:0 auto;border-radius:6px}
.ad--wide.ad--img{display:block}
.ad--wide.ad--img a,.ad--wide.ad--img picture{display:block;width:100%}
.ad--wide.ad--img img{display:block;width:100%;height:auto}
.ad--house a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:108px;padding:20px 44px;border-radius:var(--r);color:#fff;overflow:hidden;position:relative;
  background:linear-gradient(115deg,transparent 58%,rgba(187,24,25,.95) 58.2%,rgba(110,10,12,.9) 72%,transparent 72.2%),linear-gradient(115deg,transparent 70%,rgba(187,24,25,.55) 70.2%,rgba(60,6,8,.7) 86%,transparent 86.2%),radial-gradient(120% 140% at 100% 0,#3a0b0c 0,#141416 55%),#121214}
.ad--house a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101012 0,rgba(16,16,18,.6) 45%,rgba(16,16,18,0) 75%)}
.ad__t{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}
.ad__t b{font:800 24px/1.15 var(--fd)}
.ad__t span{font-size:15px;color:#d6d6dc}
.ad__size{position:relative;z-index:1;font-size:17px;font-weight:500;color:#fff;opacity:.92}
.ad--house a:hover .ad__t b{text-decoration:underline;text-underline-offset:3px}
.ad--box .ad--house,.ad--box a{min-height:250px}
.ad--box a{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:26px;max-width:300px}
.ad--box .ad__t b{font-size:26px}

/* Etiketlər */
.pill{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;padding:6px 8px;border-radius:4px}
.kick{display:block;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:6px}
.meta{display:flex;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:10px}
.meta .by{color:var(--text);font-weight:600}

/* Əsas xəbər bloku */
.lead{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(0,1fr);gap:24px}
.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#111;min-height:520px}
.hero__lnk{display:block;position:absolute;inset:0;color:#fff}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hero:hover .hero__img{transform:scale(1.03)}
.hero__ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.92) 0,rgba(8,8,10,.62) 38%,rgba(8,8,10,.1) 70%,rgba(8,8,10,0) 100%),linear-gradient(90deg,rgba(8,8,10,.45) 0,rgba(8,8,10,0) 60%)}
.hero__b{position:absolute;left:0;right:0;bottom:0;padding:36px 120px 34px 36px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero__t{color:#fff;font:800 clamp(28px,3.3vw,46px)/1.08 var(--fd);letter-spacing:-.02em;max-width:640px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero__x{font-size:17px;line-height:1.5;color:rgba(255,255,255,.88);max-width:560px}
.hero__m{display:flex;align-items:center;font-size:15px;color:rgba(255,255,255,.85);margin-top:4px}
.hero__go{position:absolute;right:32px;bottom:34px;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:background .2s,color .2s}
.hero:hover .hero__go{background:var(--red);color:#fff}
.lead__side{display:grid;grid-template-rows:repeat(4,1fr);gap:4px}
.hcard{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:8px 0}
.lead__side .hcard+.hcard{border-top:1px solid var(--line)}
.hcard__img{border-radius:var(--r);overflow:hidden;aspect-ratio:10/7;background:var(--soft)}
.hcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.hcard:hover .hcard__img img{transform:scale(1.05)}
.hcard__t{font:600 16px/1.32 var(--f);letter-spacing:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hcard__t a:hover,.card__t a:hover,.big__t a:hover,.rcard__t a:hover,.icard__t a:hover,.ncard__t a:hover{color:var(--red)}
.hcard .meta{margin-top:6px}

/* Kateqoriya naviqasiyası */
.cnav{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 8px;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:5px;gap:5px}
.cnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:10px 8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);text-align:center;position:relative}
.cnav a+a::before{content:"";position:absolute;left:-3px;top:18px;bottom:18px;width:1px;background:var(--line)}
.cnav a svg{color:var(--ink)}
.cnav a:hover{background:var(--soft)}
.cnav a.on{background:var(--red);color:#fff;font-weight:600}
.cnav a.on svg{color:#fff}
.cnav a.on::before,.cnav a.on+a::before{display:none}

/* Bölmələr */
.sec{margin:40px 0}
.sec__hd{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.sec__hd h2{font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px}
.sec__hd h2::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:4px}
.more{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:15px;font-weight:500;white-space:nowrap}
.more svg{color:var(--red);transition:transform .2s}
.more:hover{color:var(--red)}
.more:hover svg{transform:translateX(3px)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.card__img{position:relative;display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover}
.card__img .pill{position:absolute;left:12px;bottom:12px}
.card__b{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.card__t{font:600 17px/1.32 var(--f);letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{margin-top:auto;padding-top:10px}

/* Bülleten */
.nl{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:32px;margin:44px 0;padding:30px 36px;border-radius:var(--r-lg);color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(115deg,transparent 30%,rgba(187,24,25,.55) 30.2%,rgba(90,8,10,.25) 52%,transparent 52.2%),linear-gradient(115deg,transparent 46%,rgba(187,24,25,.35) 46.2%,transparent 64%),radial-gradient(90% 160% at 40% 50%,#2a0a0b 0,#121214 60%),#121214}
.nl__logo{height:22px;width:auto}
.nl__txt h2{color:#fff;font:700 20px/1.3 var(--f);letter-spacing:0}
.nl__txt p{color:#cfcfd6;font-size:15px;margin-top:6px}
.nl__row{display:flex;height:56px;border-radius:10px;overflow:hidden;background:#fff}
.nl__row input{flex:1;min-width:0;border:0;padding:0 18px;font-size:16px;color:var(--ink);outline:0;background:#fff}
.nl__row button{width:60px;border:0;background:var(--red);color:#fff;display:grid;place-items:center}
.nl__row button:hover{background:var(--red-d)}
.nl__row:focus-within{box-shadow:0 0 0 3px rgba(187,24,25,.45)}
.nl__c{font-size:12px;color:#a9a9b2;margin-top:8px}
.nl__c a{text-decoration:underline;text-underline-offset:2px}
.nl__msg{font-size:14px;margin-top:6px;min-height:0}
.nl__msg.ok{color:#9ae6b4}.nl__msg.err{color:#ffb4b4}

/* Mövzular */
.topics{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:16px}
.topic{position:relative;display:block;aspect-ratio:16/11;border-radius:var(--r);overflow:hidden;background:#151517;color:#fff}
.topic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.topic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.88) 0,rgba(8,8,10,.35) 55%,rgba(8,8,10,.15) 100%)}
.topic:hover img{transform:scale(1.06)}
.topic__t{position:absolute;left:16px;right:54px;bottom:16px;z-index:1;font-weight:700;font-size:17px;line-height:1.25}
.topic__go{position:absolute;right:14px;bottom:14px;z-index:1;width:32px;height:32px;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;transition:background .2s,border-color .2s}
.topic:hover .topic__go{background:var(--red);border-color:var(--red)}

/* Kateqoriya bölmələri */
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}
.big__img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--soft);margin-bottom:16px}
.big__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.big:hover .big__img img{transform:scale(1.03)}
.big__t{font-size:26px;line-height:1.2;font-weight:800}
.big__x{color:var(--muted);margin-top:10px;font-size:16px}
.split__list{display:flex;flex-direction:column}
.split__list .hcard{padding:14px 0}
.split__list .hcard+.hcard{border-top:1px solid var(--line)}
.split__list .hcard:first-child{padding-top:0}
.cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:40px;align-items:start}
.cols .sec{margin-top:40px}
.rows{display:flex;flex-direction:column;gap:22px}
.rcard{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.rcard+.rcard{border-top:1px solid var(--line);padding-top:22px}
.rcard__img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--soft)}
.rcard__img img{width:100%;height:100%;object-fit:cover}
.rcard__t{font-size:20px;line-height:1.28;font-weight:700}
.rcard__x{color:var(--muted);font-size:15px;margin-top:8px}
.nlist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);padding:6px 20px}
.ncard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px 0}
.ncard+.ncard{border-top:1px solid var(--line)}
.ncard__n{font:800 34px/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--red)}
.ncard__t{font:600 16px/1.32 var(--f);letter-spacing:0}
.ncard .meta{margin-top:6px}
.icard{display:flex;flex-direction:column}
.icard__img{position:relative;display:block;aspect-ratio:4/4.4;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.icard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.icard:hover .icard__img img{transform:scale(1.04)}
.icard__q{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center}
.icard__b{padding-top:14px}
.icard__n{display:block;font-size:15px;color:var(--ink)}
.icard__p{display:block;font-size:13px;color:var(--muted)}
.icard__t{font:600 17px/1.32 var(--f);letter-spacing:0;margin-top:8px}

/* Altlıq */
.ftr{margin-top:64px;background:#0E0E10;color:#B9B9C2;font-size:14px}
.ftr__in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:52px var(--gut) 40px}
.ftr .logo img{height:24px}
.ftr__brand p{margin-top:18px;max-width:360px;line-height:1.6}
.ftr h2{color:#fff;font:700 13px/1 var(--f);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.ftr__in>div>a{display:block;padding:5px 0}
.ftr__in>div>a:hover{color:#fff}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:38px;height:38px;border-radius:50%;border:1px solid #2C2C31;display:grid;place-items:center;color:#fff}
.soc a:hover{background:var(--red);border-color:var(--red)}
.ftr__bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:24px;border-top:1px solid #222226;font-size:13px;color:#8C8C95}

.m-only{display:none!important}

/* ---------- Planşet ---------- */
@media (max-width:1180px){
  .nav{gap:20px;font-size:14px}
  .hdr__in{gap:18px}
}
@media (max-width:1100px){
  .nav{display:none}
  .hdr__act{margin-left:auto}
  .lead{grid-template-columns:1fr}
  .lead__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:8px 24px}
  .lead__side .hcard+.hcard{border-top:0}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nl{grid-template-columns:minmax(0,1fr);gap:16px}
  .cols{grid-template-columns:1fr;gap:0}
  .ftr__in{grid-template-columns:1fr 1fr}
}

/* ---------- Mobil ---------- */
@media (max-width:720px){
  :root{--gut:16px}
  html{scroll-padding-top:70px}
  .hdr__in{height:60px;gap:8px}
  .logo img{height:20px}
  .hdr__sub{display:none}
  .srch{top:60px}
  .srch__in{height:64px}
  .srch__in .btn{display:none}
  .ad{margin:14px 0 16px}
  .ad--house a{min-height:64px;padding:12px 18px}
  .ad--house a{background:linear-gradient(115deg,transparent 66%,rgba(187,24,25,.95) 66.2%,rgba(110,10,12,.9) 80%,transparent 80.2%),radial-gradient(120% 140% at 100% 0,#3a0b0c 0,#141416 55%),#121214}
  .ad__t b{font-size:16px}
  .ad__t span{display:none}
  .ad__size{font-size:12px}
  .ad--wide .ad__size::after{content:""}
  .hero{min-height:440px;border-radius:12px}
  .hero__b{padding:22px 74px 22px 20px;gap:10px}
  .hero__t{font-size:28px}
  .hero__x{display:none}
  .hero__m{font-size:13px}
  .hero__go{right:18px;bottom:20px;width:46px;height:46px}
  .lead__side{display:none}
  .m-only{display:flex!important}
  .cnav{display:flex;overflow-x:auto;scrollbar-width:none;margin:14px calc(var(--gut)*-1) 0;border:0;border-radius:0;padding:4px var(--gut);gap:8px}
  .cnav::-webkit-scrollbar{display:none}
  .cnav a{flex:0 0 auto;min-width:84px;min-height:72px;font-size:12px;border:1px solid var(--line);padding:10px 12px}
  .cnav a+a::before{display:none}
  .cnav a.on{border-color:var(--red)}
  .sec{margin:30px 0}
  .sec__hd{margin-bottom:14px}
  .sec__hd h2{font-size:21px}
  .more{font-size:14px}
  .scroller{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 4px;gap:14px}
  .scroller::-webkit-scrollbar{display:none}
  .scroller>*{scroll-snap-align:start}
  .topics.scroller{grid-auto-columns:46%}
  .topic__t{font-size:15px;left:12px;bottom:12px}
  .topic__go{width:28px;height:28px;right:10px;bottom:10px}
  .card__t{font-size:16px}
  .nl{padding:24px 20px;margin:32px 0;border-radius:12px}
  .nl__txt h2{font-size:18px}
  .split{grid-template-columns:1fr;gap:18px}
  .big__t{font-size:21px}
  .rcard{grid-template-columns:120px minmax(0,1fr);gap:14px}
  .rcard__t{font-size:16px}
  .rcard__x{display:none}
  .hcard{grid-template-columns:116px minmax(0,1fr);gap:14px}
  .hcard__t{font-size:15px}
  .icard__t{font-size:16px}
  .ftr__in{grid-template-columns:1fr;gap:28px;padding-top:40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.m-only>.card{flex:1;width:100%}

/* ---------- Daxili səhifələr ---------- */
.note{margin:14px 0;padding:12px 16px;border-radius:8px;background:#FFF6E5;border:1px solid #F3D9A4;font-size:14px}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin:6px 0 16px}
.crumb a:hover{color:var(--red)}
.crumb svg{color:var(--faint)}
.crumb span[aria-current]{color:var(--text)}
.phd{display:flex;align-items:center;gap:18px;margin:4px 0 20px}
.phd h1{font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.1}
.phd__x{color:var(--muted);font-size:16px;margin-top:8px;max-width:760px}
.phd__av{width:72px;height:72px;border-radius:50%;object-fit:cover}
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:18px}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:0 0 auto;padding:9px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap}
.tabs a:hover{border-color:var(--ink)}
.tabs a.on{background:var(--red);border-color:var(--red);color:#fff}
.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 22px;font-size:13px}
.chips span{color:var(--muted);margin-right:4px}
.chips a{padding:6px 12px;border-radius:999px;background:var(--soft);font-weight:500}
.chips a:hover{background:#ececf0}
.chips a.on{background:var(--ink);color:#fff}
.arch-grid,.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.feat__img{display:block;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;background:var(--soft)}
.feat__img img{width:100%;height:100%;object-fit:cover}
.feat__b .pill{margin-bottom:12px}
.feat__t{font-size:28px;line-height:1.18;font-weight:800}
.feat__t a:hover{color:var(--red)}
.feat__x{color:var(--muted);margin-top:12px}
.rows--arch{gap:24px}
.empty{text-align:center;padding:56px 20px;border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.empty h2{font-size:22px}
.empty svg{color:var(--red)}
.empty .btn{margin-top:8px}
.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:36px 0 10px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-weight:600;font-size:15px}
.pager a:hover{border-color:var(--ink)}
.pager .cur{background:var(--red);border-color:var(--red);color:#fff}
.pager .gap{border:0;min-width:20px}
.side{display:flex;flex-direction:column;gap:28px;position:sticky;top:96px}
.side__b{border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 8px}
.side__t{font:700 17px/1.2 var(--f);letter-spacing:0;padding-bottom:12px;margin-bottom:4px;border-bottom:2px solid var(--ink);position:relative}
.side__t::after{content:"";position:absolute;left:0;bottom:-2px;width:44px;height:2px;background:var(--red)}
.side__l .hcard{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0}
.side__l .hcard+.hcard{border-top:1px solid var(--line)}
.side__l .hcard__t{font-size:14px}
.side__l .kick{font-size:10.5px;margin-bottom:3px}
.side__l .meta{font-size:12px;margin-top:4px}
.nlist--s{border:0;padding:0}
.nlist--s .ncard{padding:12px 0;grid-template-columns:34px minmax(0,1fr)}
.nlist--s .ncard__n{font-size:26px}
.nlist--s .ncard__t{font-size:14px}
.side .ad{margin:0}
.side .ad--house a{max-width:none}
.tcloud{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 12px}
.tcloud a{padding:6px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:500}
.tcloud a:hover{background:var(--red);color:#fff}

/* Məqalə */
.art{min-width:0}
.art__hd{margin-bottom:22px}
.art__hd .pill{margin-bottom:14px}
.art__t{font-size:clamp(28px,3.4vw,42px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
.art__lead{font-size:19px;line-height:1.55;color:#3E3E45;margin-top:14px}
.art__by{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art__au{display:flex;align-items:center;flex-wrap:wrap;gap:2px;color:var(--muted);font-size:14px}
.art__au .by{color:var(--ink);font-weight:600;margin-left:8px}
.art__au .by:hover{color:var(--red)}
.av{width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:inline-grid;place-items:center;font-weight:700;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.share{display:flex;gap:8px}
.share a,.share button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);transition:background .15s,color .15s,border-color .15s}
.share a:hover,.share button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.share button.ok{background:#16A34A;border-color:#16A34A;color:#fff}
.art__fig{margin:0 0 28px}
.art__fig img{width:100%;border-radius:var(--r-lg);aspect-ratio:16/9;object-fit:cover;background:var(--soft)}
.art__fig figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.guest{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r);background:var(--soft);margin-bottom:24px}
.guest img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.guest b{display:block;font-size:17px}
.guest span{color:var(--muted);font-size:14px}
.prose{font-size:18px;line-height:1.75;color:#24242A;max-width:720px}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:26px;line-height:1.25;margin-top:1.7em;font-weight:800}
.prose h3{font-size:21px;line-height:1.3;margin-top:1.5em;font-weight:700}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose img{border-radius:var(--r);margin:0 auto}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--red)}
.prose blockquote{margin:1.8em 0;padding:4px 0 4px 26px;border-left:4px solid var(--red);font:600 21px/1.5 var(--f);color:var(--ink)}
.prose blockquote cite,.prose blockquote footer{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-top:10px;font-style:normal}
.prose strong{color:var(--ink)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}
.prose th{background:var(--soft);font-weight:700}
.vid{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose .ad{margin:1.8em 0}
.art--int .prose p>strong:first-child{display:block;color:var(--red);font-size:18px;margin-top:1.4em}
.src{font-size:14px;color:var(--muted);margin-top:24px}
.src a{color:var(--red)}
.tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:28px;color:var(--muted)}
.tags a{padding:6px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:500;color:var(--text)}
.tags a:hover{background:var(--red);color:#fff}
.art__share{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-weight:600}

/* Statik səhifələr və formalar */
.pg{max-width:780px}
.pg__t{font-size:clamp(28px,3.2vw,40px);font-weight:800;margin-bottom:20px}
.contact{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.contact__i{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);min-width:240px}
.contact__i svg{color:var(--red)}
.contact__i small{display:block;color:var(--muted);font-size:12px}
.form{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form input,.form textarea{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:16px;font-weight:400;background:#fff}
.form input:focus,.form textarea:focus{outline:0;border-color:var(--ink)}
.form .btn{align-self:flex-start}
.alert{padding:12px 16px;border-radius:8px;margin-top:20px;font-size:15px}
.alert--ok{background:#EAF7EF;color:#14532D}
.alert--err{background:var(--red-50);color:var(--red-d)}
.sbox{display:flex;align-items:center;gap:10px;max-width:720px;height:56px;padding:0 6px 0 16px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px;color:var(--muted)}
.sbox:focus-within{border-color:var(--ink)}
.sbox input{flex:1;min-width:0;height:100%;border:0;outline:0;font-size:17px;background:none;color:var(--ink)}
.sbox .btn{height:44px}
.slist{display:flex;flex-direction:column}
.sres{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.sres:first-child{padding-top:0}
.sres__img{border-radius:var(--r);overflow:hidden;aspect-ratio:20/13;background:var(--soft)}
.sres__img img{width:100%;height:100%;object-fit:cover}
.sres__t{font:700 19px/1.3 var(--f);letter-spacing:0}
.sres__t a:hover{color:var(--red)}
.sres__x{color:var(--muted);font-size:15px;margin-top:6px}
.sres mark{background:#FDE7E7;color:inherit;padding:0 2px;border-radius:2px}
.sres__go{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.sres__go:hover{background:var(--red);border-color:var(--red);color:#fff}
.nf{text-align:center;padding:48px 0 10px;display:flex;flex-direction:column;align-items:center;gap:12px}
.nf__c{font:800 96px/1 var(--fd);color:var(--red)}
.nf h1{font-size:32px}
.nf p{color:var(--muted)}
.nf .sbox{width:100%;margin:16px 0 6px}

@media (max-width:1100px){
  .arch-grid,.art-grid{grid-template-columns:1fr}
  .side{position:static}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .phd h1{font-size:28px}
  .feat{grid-template-columns:1fr;gap:14px}
  .feat__t{font-size:22px}
  .arch-grid .grid3{grid-template-columns:1fr;gap:18px}
  .grid3.scroller{display:grid}
  .art__lead{font-size:17px}
  .art__by{flex-direction:column;align-items:flex-start}
  .prose{font-size:17px;line-height:1.7}
  .prose h2{font-size:22px}
  .prose blockquote{font-size:18px;padding-left:18px}
  .art__fig{margin:0 calc(var(--gut)*-1) 22px}
  .art__fig img{border-radius:0}
  .art__fig figcaption{padding:0 var(--gut)}
  .sres{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .sres__go{display:none}
  .sres__t{font-size:16px}
  .sres__x{display:none}
  .form__row{grid-template-columns:1fr}
  .nf__c{font-size:72px}
}

.ad__size .m{display:none}
@media (max-width:720px){.ad__size .d{display:none}.ad__size .m{display:inline}}
.prose .ad a{color:#fff;text-decoration:none}
.cols--one{grid-template-columns:1fr}
.cols--one .rows{display:grid;grid-template-columns:1fr 1fr;gap:26px 36px}
.cols--one .rcard+.rcard{border-top:0;padding-top:0}
.cols--one .rcard{grid-template-columns:220px minmax(0,1fr)}
@media (max-width:900px){.cols--one .rows{grid-template-columns:1fr}.cols--one .rcard+.rcard{border-top:1px solid var(--line);padding-top:22px}}
@media (max-width:720px){.cols--one .rcard{grid-template-columns:120px minmax(0,1fr)}}

/* Əsas xəbər karuseli */
.hero__s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.hero__s.on{opacity:1;visibility:visible;z-index:1;transition:opacity .7s ease}
.hero__s .hero__img{transform:scale(1.04);transition:transform 7s linear}
.hero__s.on .hero__img{transform:scale(1)}
.hero:hover .hero__s.on .hero__img{transform:scale(1)}
.hero__b{padding-right:210px}
.hero__nav{position:absolute;right:28px;bottom:30px;z-index:3;display:flex;align-items:center;gap:10px}
.hero__btn{width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;transition:background .2s,color .2s}
.hero__btn:hover{background:var(--red);color:#fff}
.hero__cnt{color:rgba(255,255,255,.85);font-size:14px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}
.hero__cnt b{color:#fff}
.hero__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:3}
.hero__bar span{display:block;height:100%;width:0;background:var(--red)}
.hero__bar span.run{width:100%;transition:width linear}
@media (max-width:720px){
  .hero__b{padding:20px 20px 74px}
  .hero__nav{right:auto;left:20px;bottom:18px}
  .hero__btn{width:40px;height:40px}
}
.made a{color:#fff;font-weight:600}
.made a:hover{color:var(--red)}

/* Reklam yerləri – sabit ölçülər */
/* Real banner şəkli: orijinal nisbət, dartılma və kəsilmə yoxdur, konteyner şəklin hündürlüyünü alır */
.ad--wide.ad--img,.ad--inline.ad--img{display:block}
.ad--wide.ad--img a,.ad--wide.ad--img picture,.ad--inline.ad--img a,.ad--inline.ad--img picture,.ad--box.ad--img a,.ad--box.ad--img picture{display:block;width:100%;height:auto;max-width:none;min-height:0;padding:0;line-height:0;overflow:hidden;border-radius:6px}
.ad--wide.ad--img img,.ad--inline.ad--img img,.ad--box.ad--img img{display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:0;object-fit:contain}
/* Boş reklam yeri (placeholder) – real banner ilə eyni ölçü */
.ad--wide.ad--house a,.ad--inline.ad--house a{min-height:0;aspect-ratio:2480/300;padding-top:0;padding-bottom:0}
.ad--box{max-width:300px;margin-left:auto;margin-right:auto}
.ad--box .ad--house,.ad--box a{min-height:0}
.ad--box.ad--house a{width:100%;max-width:none;aspect-ratio:300/250;padding:26px}
.prose .ad{margin:28px 0}
.prose .ad img{margin:0;box-shadow:none}
@media (max-width:640px){
  .ad--wide.ad--house a,.ad--inline.ad--house a{aspect-ratio:750/200;padding:0 18px}
}
/* /sabit */

/* Şərhlər */
.cmts{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.cmts__t{font:800 24px/1.2 var(--fd);color:var(--ink);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.cmts__c{font:600 13px/1 var(--f);color:var(--muted);background:var(--soft);border-radius:999px;padding:5px 10px}
.cmts__empty{color:var(--muted);margin:0 0 20px}
.cmt{padding:16px 0;border-bottom:1px solid var(--line)}
.cmt--reply{margin:14px 0 0 22px;padding:14px 16px;border:0;border-left:3px solid var(--line);background:var(--soft);border-radius:0 var(--r) var(--r) 0}
.cmt--team{border-left-color:var(--red)}
.cmt__h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.cmt__n{color:var(--ink);font-weight:700}
.cmt__badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--red);border-radius:4px;padding:2px 6px}
.cmt__d{font-size:13px;color:var(--faint)}
.cmt__b{color:var(--text);line-height:1.6;overflow-wrap:anywhere}
.cmt__r{margin-top:8px;padding:0;border:0;background:none;color:var(--red);font:600 14px/1.4 var(--f);cursor:pointer}
.cmt__r:hover{text-decoration:underline;text-underline-offset:3px}
.cmtf{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg)}
.cmtf__t{font:800 19px/1.2 var(--fd);color:var(--ink);margin:0 0 14px}
.cmtf__to{margin:0 0 12px;padding:8px 12px;background:var(--red-50);border-radius:var(--r);font-size:14px}
.cmtf__to button{margin-left:8px;padding:0;border:0;background:none;color:var(--red);font:600 13px var(--f);cursor:pointer}
.cmtf__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmtf__l{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--ink)}
.cmtf__row .cmtf__l{justify-content:flex-end}
.cmtf__l small{font-weight:400;color:var(--muted)}
.cmtf__in{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);font:400 15px/1.5 var(--f);color:var(--text);background:#fff}
.cmtf__in:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-50)}
textarea.cmtf__in{resize:vertical;min-height:110px}
.cmtf__f{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.cmtf__btn{padding:11px 22px;border:0;border-radius:var(--r);background:var(--red);color:#fff;font:700 15px/1 var(--f);cursor:pointer}
.cmtf__btn:hover{background:var(--red-d)}
.cmtf__btn:disabled{opacity:.6;cursor:wait}
.cmtf__msg{margin:0;font-size:14px}
.cmtf__msg.ok{color:#15803d}
.cmtf__msg.err{color:var(--red)}
.cmtf__n{margin:14px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:640px){.cmtf{padding:16px}.cmtf__row{grid-template-columns:1fr;gap:0}.cmt--reply{margin-left:10px}}

/* Sosial şəbəkələr */
.hdr__soc{display:flex;align-items:center;gap:2px;margin-right:4px;padding-right:8px;border-right:1px solid var(--line)}
.hdr__soc a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--muted);transition:color .15s,background .15s}
.hdr__soc a:hover{color:var(--red);background:var(--red-50)}
.drawer__soc{display:flex;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.drawer__soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--ink)}
.follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--soft)}
.follow__t{display:flex;flex-direction:column;gap:4px}
.follow__t b{font:800 17px/1.25 var(--fd);color:var(--ink)}
.follow__t span{font-size:14px;color:var(--muted)}
.follow__l{display:flex;flex-wrap:wrap;gap:8px}
.follow__a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 14px/1 var(--f);transition:background .15s,color .15s,border-color .15s}
.follow__a:hover{color:#fff;border-color:transparent}
.follow__a--instagram:hover{background:#E1306C}.follow__a--facebook:hover{background:#1877F2}.follow__a--linkedin:hover{background:#0A66C2}
.follow__a--youtube:hover{background:#FF0000}.follow__a--telegram:hover{background:#229ED9}.follow__a--x:hover{background:#000}
@media (max-width:720px){.hdr__soc{display:none}}