/* NewPosty.ge — მთავარი გვერდი (I - პორტალი) */
:root{--ac:#C8102E}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#16181D;font-family:'Noto Sans Georgian',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
/* :where() keeps this at element specificity, so any class that sets a color wins (same as the original inline styles) */
a:where(:hover){color:var(--ac,#C8102E)}
button,input{font-family:inherit}
.noscroll::-webkit-scrollbar{display:none}
@keyframes dcprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dcslide{from{transform:translateX(-100%)}to{transform:none}}
@keyframes dcfade{from{opacity:0}to{opacity:1}}
@keyframes dcpop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dcsheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes dcdrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
[hidden]{display:none!important}

.page{background:#fff;min-height:100vh}
.wrap{max-width:1278px;margin:0 auto;padding-left:clamp(16px,3vw,24px);padding-right:clamp(16px,3vw,24px)}

/* image box — same sizing rules as the design's <image-slot>: fills its parent,
   falls back to 3:2 when the parent height is not definite (card images) */
.ph{display:block;position:relative;width:100%;height:100%;aspect-ratio:3/2;overflow:hidden;background:rgba(127,127,127,.08)}
.ph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-user-drag:none;user-select:none}

/* logo mark */
.logo-mark{display:flex;align-items:center;justify-content:center;background:var(--ac,#C8102E);color:#fff;font-weight:800;line-height:1;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}

/* ── TOP BAR ── */
.topbar{border-bottom:1px solid #ECEDEF;font-size:12.5px;color:#5B616B}
.topbar__in{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap}
.topbar__l{display:flex;align-items:center;gap:12px}
.topbar__date{color:#16181D;font-weight:600}
.topbar__sep{color:#C9CCD1}
.topbar__links{display:flex;gap:18px}

/* ── DESKTOP HEADER ── */
.dhead{max-width:1278px;margin:0 auto;padding:0 24px}
.dhead__in{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.dlogo{display:flex;align-items:center;gap:10px;color:#16181D}
.dlogo .logo-mark{width:40px;height:40px;font-size:23px}
.dlogo__txt{display:flex;flex-direction:column;line-height:1}
.dlogo__name{font-weight:800;font-size:25px;letter-spacing:-.01em}
.logo-tld{color:var(--ac,#C8102E)}
.dlogo__sub{font-size:10.5px;font-weight:700;color:var(--ac,#C8102E);margin-top:5px;letter-spacing:.04em}
.dhead__r{display:flex;align-items:center;gap:8px}
.soc{width:36px;height:36px;border:1px solid #E3E5E8;border-radius:6px;display:grid;place-items:center;color:#16181D}
.btn-login{height:36px;margin-left:8px;padding:0 16px;border:0;border-radius:6px;background:#16181D;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}
.btn-login:hover{background:var(--ac,#C8102E)!important}

/* ── DESKTOP NAV ── */
.dnav{position:sticky;top:0;z-index:40;background:var(--ac,#C8102E)}
.dnav__in{max-width:1278px;margin:0 auto;padding:0 24px;height:50px;display:flex;align-items:stretch;justify-content:space-between}
.dnav__list{display:flex;align-items:stretch;margin-left:-14px}
.dnav__a{display:flex;align-items:center;padding:0 14px;font-size:14.5px;font-weight:600;color:#fff}
.dnav__a:hover{background:rgba(0,0,0,.1)!important;color:#fff!important}
.dnav__a.is-active{font-weight:700;background:rgba(0,0,0,.14)}
.dnav__a.is-active:hover{background:rgba(0,0,0,.14)!important}
.more{position:relative;display:flex;align-items:stretch}
.more__btn{display:flex;align-items:center;gap:6px;padding:0 14px;background:transparent;border:0;font-size:14.5px;font-weight:600;color:#fff;cursor:pointer}
.more__btn svg{transition:transform .2s}
.more.is-open .more__btn{background:rgba(0,0,0,.14)}
.more.is-open .more__btn svg{transform:rotate(180deg)}
.more__drop{position:absolute;top:100%;left:0;z-index:60;animation:dcdrop .15s ease}
.more__box{width:220px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 18px 36px -14px rgba(0,0,0,.3);padding:6px 0;display:flex;flex-direction:column}
.more__item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:14.5px;font-weight:500;color:#16181D}
.more__item:hover{background:#F4F5F7!important;color:var(--ac,#C8102E)!important}
.more__item span{width:5px;height:5px;background:var(--ac,#C8102E)}
.dnav__search{width:50px;border:0;background:rgba(0,0,0,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.dsearch{background:#fff;border-bottom:1px solid #ECEDEF;animation:dcdrop .15s ease}
.dsearch form{max-width:1278px;margin:0 auto;padding:12px 24px;display:flex;gap:10px}
.dsearch input{flex:1;height:46px;border:1px solid #D9DCE0;border-radius:6px;padding:0 16px;font-size:15px;outline:none}
.dsearch input:focus{border-color:#16181D!important}
.dsearch button{height:46px;padding:0 22px;border:0;border-radius:6px;background:var(--ac,#C8102E);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer}

/* ── MOBILE HEADER ── */
.mhead{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 #ECEDEF}
.mhead--line{box-shadow:0 8px 18px -14px rgba(0,0,0,.45);border-bottom:3px solid var(--ac,#C8102E)}
.mhead__in{height:58px;display:flex;align-items:center;padding:0 14px;gap:2px}
.mlogo{flex:1;display:flex;align-items:center;gap:9px;color:#16181D}
.mlogo .logo-mark{width:32px;height:32px;font-size:19px}
.mlogo__name{font-weight:800;font-size:21px}
.mhead__btn{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;color:#16181D;cursor:pointer}
.mhead__menu{width:44px;height:44px;border:0;border-radius:8px;background:var(--ac,#C8102E);display:grid;place-items:center;color:#fff;cursor:pointer}
.msearch{padding:0 14px 12px;display:flex;gap:8px;animation:dcdrop .15s ease}
.msearch input{flex:1;min-width:0;height:46px;border:1px solid #D9DCE0;border-radius:6px;padding:0 14px;font-size:16px;outline:none}
.msearch button{height:46px;padding:0 16px;border:0;border-radius:6px;background:var(--ac,#C8102E);color:#fff;font-size:14px;font-weight:700}
.mnav{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--ac,#C8102E);white-space:nowrap}
.mnav__a{flex:none;height:44px;display:flex;align-items:center;padding:0 14px;font-size:14px;font-weight:600;color:#fff}
.mnav__a.is-active{font-weight:700;background:rgba(0,0,0,.14)}
.mnav__more{flex:none;height:44px;padding:0 14px;border:0;background:none;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}

/* ── HOT TAGS ── */
.tags{border-bottom:1px solid #ECEDEF}
.tags__in{height:48px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.tags__hot{flex:none;display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--ac,#C8102E);color:#fff;font-size:12.5px;font-weight:700}
.tag{flex:none;height:28px;display:flex;align-items:center;padding:0 12px;border:1px solid #E3E5E8;border-radius:999px;font-size:12.5px;font-weight:500;color:#3A3F47}

/* ── HERO ── */
.hero{background:#15171C;color:#fff}
.hero__in{padding-top:clamp(16px,2.4vw,28px);padding-bottom:clamp(16px,2.4vw,28px)}
.hero__row{display:flex;flex-wrap:wrap;gap:clamp(20px,2.4vw,28px)}
.hero__main{flex:1.7 1 620px;min-width:0}
.slider{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#23262D;isolation:isolate}
.slide{position:absolute;inset:0;transition:opacity .7s ease}
.slide__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 45%,rgba(0,0,0,.88) 100%);pointer-events:none}
.slide__cat{position:absolute;top:16px;left:16px;background:var(--ac,#C8102E);color:#fff;padding:6px 12px;border-radius:4px;font-size:12.5px;font-weight:700;pointer-events:none}
.slide__cap{position:absolute;left:0;right:0;bottom:0;padding:0 28px 46px;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.slide__title{margin:0;padding-left:14px;border-left:4px solid var(--ac,#C8102E);font-size:clamp(22px,2.2vw,30px);line-height:1.32;font-weight:800;color:#fff;text-wrap:balance}
.slide__title a{color:#fff;pointer-events:auto}
.slide__time{font-size:12.5px;color:#D5D8DD;padding-left:18px}
.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;cursor:pointer}
.arrow:hover{background:var(--ac,#C8102E)!important}
.arrow--prev{left:12px}
.arrow--next{right:12px}
.segs{position:absolute;left:28px;right:28px;bottom:18px;z-index:5;display:flex;gap:6px}
.seg{flex:1;height:16px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.seg__bar{position:relative;display:block;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.seg__fill{position:absolute;inset:0;background:var(--ac,#C8102E);border-radius:inherit;transform-origin:left center;animation:dcprog var(--dur,6000ms) linear forwards}
.is-paused .seg__fill{animation-play-state:paused}

/* hero — mobile */
.mslider{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#23262D}
.mslide{position:absolute;inset:0;transition:opacity .6s ease}
.mslider__cat{position:absolute;top:10px;left:10px;z-index:4;background:var(--ac,#C8102E);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;pointer-events:none}
.mtitles{display:grid;margin-top:14px}
.mtitle{grid-area:1/1;transition:opacity .45s ease;display:flex;flex-direction:column;gap:8px;color:#fff}
.mtitle h2{margin:0;font-size:20px;line-height:1.38;font-weight:800;text-wrap:pretty}
.mtitle span{font-size:12.5px;color:#A9AEB6}
.mctrl{display:flex;align-items:center;gap:12px;margin-top:6px}
.mctrl__segs{flex:1;display:flex;gap:5px}
.mctrl .seg{height:44px}
.mctrl .seg__bar{background:rgba(255,255,255,.25)}
.mbtn{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
.mbtn--next{background:var(--ac,#C8102E)}

/* day news */
.day{flex:1 1 320px;min-width:0;display:flex;flex-direction:column}
.day__h{margin:0 0 6px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#fff;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.day__h span{width:10px;height:10px;background:var(--ac,#C8102E)}
.day__list{display:flex;flex-direction:column;flex:1;justify-content:space-between}
.day__item{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.day__img{position:relative;flex:none;width:104px;aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:#23262D}
.day__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.day__body h3{margin:0;font-size:14.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.day__body span{font-size:12px;color:#A9AEB6}

/* ── SECTIONS ── */
.sec{padding-top:clamp(32px,4vw,48px)}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;background:#F4F5F7;border-radius:4px}
.sec-head h2{margin:0;display:flex;align-items:center;height:40px;padding:0 32px 0 16px;background:var(--ac,#C8102E);color:#fff;font-size:15px;font-weight:800;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);border-radius:4px 0 0 4px}
.sec-head__all{display:flex;align-items:center;gap:8px;padding-right:6px;font-size:13px;font-weight:600;color:#5B616B}
.sec-head__all span{width:28px;height:28px;border-radius:4px;background:var(--ac,#C8102E);color:#fff;display:grid;place-items:center}
.sec-head--dark{background:#22252C}
.sec-head--dark .sec-head__all{color:#C9CCD1}
.sec-head--yellow h2,.sec-head--yellow .sec-head__all span{background:#F2B705;color:#16181D}
.sec-head--ink{margin-bottom:14px}
.sec-head--ink h2,.sec-head--ink .sec-head__all span{background:#16181D;color:#fff}

.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}
.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

.card{display:flex;flex-direction:column;background:#F4F5F7;border-radius:6px;overflow:hidden;color:#16181D;min-width:0}
.card__img{position:relative;aspect-ratio:16/10;background:#E3E5E8}
.card__meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:8px;padding:22px 10px 7px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));color:#fff;font-size:11.5px;font-weight:600;pointer-events:none}
.card__meta--end{justify-content:flex-end}
.card__body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.card__t{margin:0;font-size:14.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
h3.card__t--pad{padding:12px 14px 16px}
.card__date{display:none;font-size:12px;color:#6B717B}
.card--dark{background:#22252C;color:#fff}
.card--dark .card__img{background:#2C3038}
.card--dark .card__meta{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))}
.card--yellow{background:#FFF8E1}
.card--yellow .card__img{background:#F1E8C8}

/* law: lead + 4 */
.lead{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.lead__main{grid-row:span 2}
.lead__img{position:relative;flex:1;min-height:260px;background:#E3E5E8}
.lead__date{position:absolute;top:12px;left:12px;background:var(--ac,#C8102E);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;pointer-events:none}
.lead__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.lead__body h3{margin:0;font-size:clamp(18px,1.7vw,21px);line-height:1.38;font-weight:800;text-wrap:pretty}
.lead__body p{margin:0;font-size:14px;line-height:1.6;color:#5B616B}

/* world dark band */
.band{background:#15171C;color:#fff;margin-top:clamp(36px,4.5vw,56px)}
.band__in{padding-top:clamp(28px,3.4vw,40px);padding-bottom:clamp(28px,3.4vw,40px)}

/* misc tabs */
.mtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(clamp(16px,3vw,24px) * -1) 18px;padding:0 clamp(16px,3vw,24px)}
.mtab{flex:none;height:36px;padding:0 14px;border-radius:4px;border:0;background:#F4F5F7;color:#3A3F47;font-size:13.5px;font-weight:600;cursor:pointer}
.mtab.is-on{background:#16181D;color:#fff}

/* ── FOOTER ── */
.foot{background:#15171C;color:#A9AEB6;margin-top:clamp(48px,6vw,72px)}
.foot__in{padding-top:clamp(40px,5vw,56px)}
.foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:36px 24px;padding-bottom:clamp(28px,4vw,40px)}
.foot__brand{grid-column:span 2;max-width:400px;display:flex;flex-direction:column;gap:16px}
.flogo{display:flex;align-items:center;gap:10px;color:#fff}
.flogo .logo-mark{width:38px;height:38px;font-size:22px}
.flogo__name{font-weight:800;font-size:24px}
.foot__brand p{margin:0;font-size:14px;line-height:1.7}
.foot__soc{display:flex;gap:8px}
.foot__soc a{width:38px;height:38px;border-radius:6px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.foot__col{display:flex;flex-direction:column;gap:11px}
.foot__col h4{margin:0 0 6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#fff}
.foot__col h4 span{width:8px;height:8px;background:var(--ac,#C8102E)}
.foot__col a{font-size:14px}
.foot__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:18px 0 24px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#7D828B}
.totop{display:flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer}

/* ── DRAWER ── */
.drawer{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}
.drawer__bg{position:absolute;inset:0;background:rgba(0,0,0,.5);animation:dcfade .2s ease}
.drawer__panel{position:relative;width:min(86vw,350px);height:100%;background:#fff;display:flex;flex-direction:column;overflow-y:auto;animation:dcfade .2s ease}
.drawer__top{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 18px;background:var(--ac,#C8102E);color:#fff}
.drawer__top span{font-weight:800;font-size:19px}
.x-btn{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;color:#fff;cursor:pointer}
.drawer__nav{display:flex;flex-direction:column;padding:6px 18px}
.drawer__a{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid #ECEDEF;font-size:16px;font-weight:600}
.drawer__a > span:first-child{width:6px;height:6px;background:#C9CCD1}
.drawer__a.is-active{font-weight:700;color:var(--ac,#C8102E)}
.drawer__a.is-active > span:first-child{background:var(--ac,#C8102E)}
button.drawer__a{border:0;border-bottom:1px solid #ECEDEF;background:none;padding:0;color:#16181D;cursor:pointer;text-align:left}
.drawer__a .grow{flex:1}
.drawer__a svg{transition:transform .2s}
.drawer__a[aria-expanded="true"] svg{transform:rotate(180deg)}
.drawer__sub{display:flex;flex-direction:column;padding:4px 0 8px 18px;background:#F8F9FA;animation:dcdrop .15s ease}
.drawer__sub a{display:flex;align-items:center;min-height:44px;font-size:15px;color:#3A3F47}
.drawer__foot{margin-top:auto;padding:18px}
.drawer__foot button{width:100%;height:50px;border:0;border-radius:6px;background:#16181D;color:#fff;font-size:15px;font-weight:700;cursor:pointer}

/* ── AUTH ── */
.modalwrap{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}
.modalwrap__bg{position:fixed;inset:0;background:rgba(0,0,0,.55);animation:dcfade .2s ease}
.modal{position:relative;margin:auto 0;width:100%;max-width:410px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);animation:dcpop .22s ease}
.modal__top{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 6px 0 22px;background:var(--ac,#C8102E);color:#fff}
.modal__top h2{margin:0;font-size:17px;font-weight:800}
.modal__body{padding:22px 22px 24px}
.modal form{display:flex;flex-direction:column;gap:12px}
.modal input{height:48px;border:1px solid #D9DCE0;border-radius:6px;padding:0 14px;font-size:16px;outline:none}
.modal input:focus{border-color:#16181D!important}
.forgot{align-self:flex-end;font-size:13px;font-weight:600;color:var(--ac,#C8102E);padding:4px 0}
.modal__submit{height:48px;margin-top:4px;border:0;border-radius:6px;background:#16181D;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.modal__submit:hover{background:var(--ac,#C8102E)!important}
.modal__switch{display:flex;justify-content:center;gap:6px;margin-top:18px;font-size:14px;color:#5B616B;flex-wrap:wrap}
.modal__switch button{border:0;background:none;padding:0;font-size:14px;font-weight:700;color:var(--ac,#C8102E);cursor:pointer}

/* ── RESPONSIVE ── */
@media (max-width:1024px){
  .d-only{display:none!important}
  .grid{grid-template-columns:1fr!important;gap:12px!important}
  .grid>a{flex-direction:row!important;align-items:stretch}
  .grid .card__img{width:128px;flex:none;aspect-ratio:auto!important;min-height:96px}
  .grid .card__meta{display:none!important}
  .grid .card__date{display:block!important}
  .rail{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin:0 -16px!important;padding:0 16px 4px!important;scroll-padding:0 16px;scrollbar-width:none}
  .rail::-webkit-scrollbar{display:none}
  .rail>*{flex:0 0 min(78%,320px)!important;scroll-snap-align:start}
  .lead{grid-template-columns:1fr!important}
  .lead>*{grid-row:auto!important;grid-column:auto!important}
}
@media (min-width:640px) and (max-width:1024px){.rail>*{flex-basis:44%!important}.grid{grid-template-columns:1fr 1fr!important}}
@media (min-width:1025px){.m-only{display:none!important}}
@media (max-width:600px){
  .modalwrap{align-items:flex-end!important;padding:0!important}
  .modal{margin:0!important;max-width:none!important;border-radius:14px 14px 0 0!important;animation:dcsheet .3s cubic-bezier(.2,.8,.2,1)!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
}

/* ═════════════ ARTICLE PAGE ═════════════ */
.readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.readbar span{display:block;height:100%;background:#16181D;transform-origin:left center;transform:scaleX(0)}

/* ad slots */
.ad{position:relative;display:grid;place-items:center;width:100%;margin:0 auto;border:1px solid #ECEDEF;border-radius:6px;background:repeating-linear-gradient(135deg,#F6F7F8 0 12px,#F0F1F3 12px 24px);color:#9AA0A8;text-align:center;overflow:hidden}
.ad__label{position:absolute;top:7px;left:10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#A9AEB6}
.ad__size{font-size:13px;font-weight:600}
.ad--mrec{max-width:300px;height:250px}

.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-top:clamp(20px,2.4vw,28px)}

/* article head (above the photo) */
.art-title{margin:0 0 20px;font-size:26px;line-height:1.45;font-weight:700;color:#16181D;text-wrap:pretty}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:18px;padding:14px 0;border-top:1px solid #ECEDEF;border-bottom:1px solid #ECEDEF}
.art-meta__info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13px;color:#5B616B}
.art-meta__info > span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.author{display:flex;align-items:center;gap:10px;color:#16181D;font-weight:700;font-size:13.5px}
.author__av{width:34px;height:34px;border-radius:50%;background:var(--ac,#C8102E);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}
.share{display:flex;align-items:center;gap:8px}
.share__btn{width:36px;height:36px;padding:0;border:1px solid #E3E5E8;border-radius:6px;background:#fff;display:grid;place-items:center;color:#16181D;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.share__btn:hover{background:var(--ac,#C8102E);border-color:var(--ac,#C8102E);color:#fff}
.share__fb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:6px;background:#1877F2;color:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(24,119,242,.8);transition:background .15s,transform .15s}
.share__fb:hover{background:#0F66D9;color:#fff}
.share__fb:active{transform:translateY(1px)}
.share--lg .share__fb{height:46px;padding:0 24px 0 18px;font-size:15px}
.share--lg .share__btn{width:46px;height:46px}

/* share box (end of article) */
.share-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:24px;padding:20px 22px;border-radius:8px;background:#F4F5F7;border-left:4px solid #1877F2}
.share-box__txt{display:flex;flex-direction:column;gap:4px}
.share-box__txt strong{font-size:16px;font-weight:800;color:#16181D}
.share-box__txt span{font-size:13.5px;color:#5B616B}

/* figure */
.art-fig{margin:0}
.art-fig__img{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#E3E5E8}
.art-fig figcaption{margin-top:10px;padding-left:12px;border-left:3px solid var(--ac,#C8102E);font-size:13px;line-height:1.55;color:#6B717B}

/* body */
.art-body{margin-top:28px;font-size:17px;line-height:1.85;color:#2A2E35}
.art-body p{margin:0 0 20px}
.art-body .art-lead{font-size:19px;line-height:1.7;font-weight:600;color:#16181D}
.art-body h2{display:flex;align-items:center;gap:10px;margin:34px 0 14px;font-size:22px;line-height:1.4;font-weight:800;color:#16181D}
.art-body h2::before{content:'';flex:none;width:10px;height:10px;background:var(--ac,#C8102E)}
.art-body blockquote{margin:28px 0;padding:20px 24px;background:#F4F5F7;border-left:4px solid var(--ac,#C8102E);border-radius:0 6px 6px 0;font-size:18px;line-height:1.7;font-weight:600;color:#16181D}
.art-body blockquote p{margin:0}
.art-body blockquote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;font-weight:600;color:#6B717B}
.art-body ul{margin:0 0 20px;padding:0;list-style:none}
.art-body li{position:relative;padding-left:22px;margin-bottom:10px}
.art-body li::before{content:'';position:absolute;left:4px;top:.72em;width:7px;height:7px;background:var(--ac,#C8102E)}
.art-body p a{color:var(--ac,#C8102E);text-decoration:underline;text-underline-offset:3px}
.art-body figure{margin:28px 0}
.art-body figure .art-fig__img{aspect-ratio:16/10}

/* tags + bottom share */
.art-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:30px;padding-top:20px;border-top:1px solid #ECEDEF}
.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.art-foot__lbl{font-size:13px;font-weight:700;color:#16181D;margin-right:4px}

/* sidebar */
.side{display:flex;flex-direction:column;gap:28px;min-width:0;align-self:stretch}
.side-h{margin:0 0 4px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #ECEDEF;font-size:16px;font-weight:800;color:#16181D}
.side-h span{width:10px;height:10px;background:var(--ac,#C8102E)}
.rel{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #ECEDEF;color:#16181D}
.rel__img{position:relative;flex:none;width:104px;aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:#E3E5E8}
.rel__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.rel__body h4{margin:0;font-size:14px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rel__body span{font-size:12px;color:#6B717B}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translateX(-50%);padding:10px 18px;border-radius:6px;background:#16181D;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);animation:dcpop .2s ease}

@media (max-width:1024px){
  .art-layout{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:600px){
  .art-body{font-size:16px;line-height:1.8}
  .art-body .art-lead{font-size:16px;line-height:1.75}
  .art-body h2{font-size:17px}
  .art-body blockquote{padding:16px 18px;font-size:16px}
  .art-layout{padding-top:18px}
  .art-title{margin-bottom:14px;font-size:17px;line-height:1.5}
  .share-box .share{width:100%}
  .share-box .share__fb{flex:1}
  .share-box{padding:18px 16px}
  .art-fig{margin-left:-16px;margin-right:-16px}
  .art-fig .art-fig__img{border-radius:0}
  .art-fig figcaption{margin-left:16px;margin-right:16px}
  .art-meta{padding:12px 0}
  .art-meta__info{gap:8px 12px}
  .author{gap:8px}
  .author__av{width:30px;height:30px;font-size:13px}
}
@media (max-width:380px){.art-meta__info{font-size:12px;gap:8px 9px}.author{font-size:12.5px}}
/* footer grid overflowed on phones < 420px (present in the source design too) */
@media (max-width:420px){.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__brand{grid-column:1/-1}}
@media (max-width:380px){.sec-head__all{font-size:0;gap:0}}

/* ═════════════ INNER PAGES ═════════════ */
.more__btn.is-active{background:rgba(0,0,0,.14);font-weight:700}

/* page header band */
.phead{background:#15171C;color:#fff}
.phead__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;padding-top:clamp(24px,3vw,36px);padding-bottom:clamp(24px,3vw,36px)}
.phead__txt{min-width:0}
.phead__h{margin:0;display:flex;align-items:center;gap:12px;font-size:26px;line-height:1.35;font-weight:700}
.phead__sq{flex:none;width:12px;height:12px;background:var(--ac,#C8102E)}
.phead__sub{margin:8px 0 0;padding-left:24px;font-size:14px;color:#A9AEB6}
.phead__search{display:flex;align-items:stretch;width:min(100%,380px);height:46px;border-radius:6px;background:#fff;overflow:hidden}
.phead__search input,.phead__search select{min-width:0;border:0;outline:none;background:transparent;font-size:15px;color:#16181D}
.phead__search input{flex:1;padding:0 16px}
.phead__search select{flex:none;max-width:170px;padding:0 10px;border-left:1px solid #ECEDEF;cursor:pointer}
.phead__search button{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;border:0;background:var(--ac,#C8102E);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer}
.phead__search button:hover{background:#A90D26}
.phead__search:focus-within{box-shadow:0 0 0 3px rgba(200,16,46,.45)}
.phead__search--wide{width:min(100%,620px)}

/* sub-category chips */
.chips{margin-top:20px;margin-bottom:0}
a.mtab{display:inline-flex;align-items:center}
a.mtab:hover{color:#16181D;background:#E9EBEE}
a.mtab.is-on:hover{color:#fff;background:#16181D}

/* listing */
.list-main{min-width:0}
.grid.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card__play{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.card__play svg{margin-left:2px}
.card__t mark{background:#FFE7A3;color:inherit;padding:0 2px;border-radius:2px}

/* pagination */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:32px}
.pager:empty{display:none}
.pager__btn{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #E3E5E8;border-radius:6px;background:#fff;color:#16181D;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
a.pager__btn:hover{border-color:var(--ac,#C8102E);color:var(--ac,#C8102E)}
.pager__btn.is-on{background:var(--ac,#C8102E);border-color:var(--ac,#C8102E);color:#fff}
.pager__btn.is-off{color:#C9CCD1;cursor:default}
.pager__gap{min-width:24px;text-align:center;color:#9AA0A8}

/* sidebar: most read */
.pop{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #ECEDEF;color:#16181D}
.pop__n{flex:none;width:30px;font-size:26px;line-height:1;font-weight:800;color:var(--ac,#C8102E)}
.pop__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.pop__cat{font-size:11.5px;font-weight:700;color:#6B717B}
.pop__t{font-size:14px;line-height:1.45;font-weight:600}

/* search */
.search-sum{margin:0 0 18px;font-size:15px;color:#5B616B}
.search-sum b{color:#16181D}
.empty{margin-bottom:24px;padding:36px 24px;border:1px dashed #D9DCE0;border-radius:8px;text-align:center}
.empty__ico{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#F4F5F7;color:#9AA0A8;display:grid;place-items:center}
.empty h2{margin:0 0 6px;font-size:18px;font-weight:700}
.empty p{margin:0 0 18px;font-size:14px;color:#5B616B}
.empty__tags,.empty__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}

/* static text pages */
.prose{max-width:820px;padding-top:clamp(24px,3vw,40px);font-size:17px;line-height:1.85;color:#2A2E35}
.prose p{margin:0 0 18px}
.prose h2{display:flex;align-items:center;gap:10px;margin:34px 0 12px;font-size:20px;line-height:1.4;font-weight:700;color:#16181D}
.prose h2::before{content:'';flex:none;width:10px;height:10px;background:var(--ac,#C8102E)}
.prose ul{margin:0 0 18px;padding:0;list-style:none}
.prose li{position:relative;padding-left:22px;margin-bottom:8px}
.prose li::before{content:'';position:absolute;left:4px;top:.72em;width:7px;height:7px;background:var(--ac,#C8102E)}
.prose strong{color:#16181D}
.prose__tagline{margin-top:28px!important;padding:18px 22px;border-left:4px solid var(--ac,#C8102E);border-radius:0 6px 6px 0;background:#F4F5F7;font-size:18px}

/* contact */
.contact{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-top:clamp(24px,3vw,40px)}
.cform,.form-done{padding:28px;border:1px solid #ECEDEF;border-radius:10px;background:#fff;box-shadow:0 18px 40px -30px rgba(0,0,0,.35)}
.cform__h{margin:0;font-size:20px;font-weight:700}
.cform__note{margin:6px 0 22px;font-size:13px;color:#6B717B}
.cform i{font-style:normal;color:var(--ac,#C8102E)}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}
.fld label{font-size:13.5px;font-weight:600;color:#16181D}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid #D9DCE0;border-radius:6px;background:#fff;font-size:15px;color:#16181D;outline:none;transition:border-color .15s,box-shadow .15s}
.fld input,.fld select{height:48px;padding:0 14px}
.fld textarea{padding:12px 14px;line-height:1.6;resize:vertical;min-height:140px;font-family:inherit}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:#16181D;box-shadow:0 0 0 3px rgba(22,24,29,.08)}
.fld.has-err input,.fld.has-err textarea{border-color:var(--ac,#C8102E);box-shadow:0 0 0 3px rgba(200,16,46,.1)}
.fld__err{font-size:12.5px;font-weight:600;color:var(--ac,#C8102E)}
.fld__err:empty{display:none}
.fld__foot{display:flex;justify-content:space-between;gap:12px}
.fld__count{margin-left:auto;font-size:12px;color:#9AA0A8}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.agree{display:flex;flex-direction:column;gap:6px;margin:4px 0 22px}
.agree label{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#3A3F47;cursor:pointer}
.agree input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--ac,#C8102E);cursor:pointer}
.agree a{color:var(--ac,#C8102E);text-decoration:underline;text-underline-offset:3px}
.cform__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.btn-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border:0;border-radius:6px;background:var(--ac,#C8102E);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}
.btn-send:hover{background:#A90D26}
.btn-send:disabled{opacity:.7;cursor:wait}
.btn-send.is-loading svg{animation:dcspin .8s linear infinite}
@keyframes dcspin{to{transform:rotate(360deg)}}
.form-status{margin:0;font-size:14px;font-weight:600;color:var(--ac,#C8102E)}
.form-done{text-align:center;padding:48px 28px}
.form-done__ico{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#E7F6EE;color:#0E7A4F;display:grid;place-items:center}
.form-done h2{margin:0 0 8px;font-size:22px;font-weight:700}
.form-done p{margin:0 auto 22px;max-width:420px;font-size:15px;line-height:1.6;color:#5B616B}
.btn-ghost{height:44px;padding:0 20px;border:1px solid #D9DCE0;border-radius:6px;background:#fff;color:#16181D;font-size:14.5px;font-weight:600;cursor:pointer}
.btn-ghost:hover{border-color:#16181D}
.contact__side{display:flex;flex-direction:column;gap:14px}
.cinfo{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:10px;background:#F4F5F7}
.cinfo__ico{flex:none;width:44px;height:44px;border-radius:8px;background:var(--ac,#C8102E);color:#fff;display:grid;place-items:center}
.cinfo h3{margin:0 0 4px;font-size:15px;font-weight:700;color:#16181D}
.cinfo p{margin:0;font-size:14px;line-height:1.6;color:#5B616B}
.cinfo a{font-size:15px;font-weight:600;color:var(--ac,#C8102E)}
.cinfo--soc{flex-direction:column;background:#15171C}
.cinfo--soc h3{color:#fff}

/* article video */
.video{position:relative;margin:28px 0;border-radius:8px;overflow:hidden;background:#000;cursor:pointer}
.video__frame{position:relative;aspect-ratio:16/9}
.video__frame img,.video__frame video,.video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.video__frame video{object-fit:contain;background:#000}
.video__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65))}
.video__badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;background:var(--ac,#C8102E);color:#fff;font-size:12.5px;font-weight:700}
.video__play{position:absolute;top:50%;left:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ac,#C8102E);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}
.video__play svg{margin-left:4px}
.video:hover .video__play{transform:scale(1.08)}
.video:focus-visible{outline:3px solid var(--ac,#C8102E);outline-offset:3px}
.video__title{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;font-size:16px;font-weight:700;line-height:1.4}
.video.is-playing{cursor:default}

@media (max-width:1024px){
  .contact{grid-template-columns:minmax(0,1fr)}
  .phead__search,.phead__search--wide{width:100%}
}
@media (max-width:600px){
  .phead__h{font-size:20px}
  .phead__sub{font-size:13px}
  .phead__search select{max-width:120px;font-size:14px}
  .phead__search button span{display:none}
  .cform,.form-done{padding:20px 16px}
  .cform__row{grid-template-columns:1fr}
  .btn-send{width:100%}
  .prose{font-size:16px;line-height:1.8}
  .prose h2{font-size:17px}
  .prose__tagline{font-size:16px}
  .pager__nav span{display:none}
  .pager__nav{padding:0 10px}
  .video{margin-left:-16px;margin-right:-16px;border-radius:0}
  .video__play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .video__title{font-size:14px}
}
.cinfo--soc .foot__soc a{color:#fff}
.cinfo--soc .foot__soc a:hover{background:var(--ac,#C8102E)}

/* ═════════════ PHP VERSION ADDITIONS ═════════════ */

/* hover feedback on news items */
.card .ph img,.day__img img,.rel__img img,.lead__img img,.slide .ph img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card,.rel,.pop,.day__item{transition:color .2s,box-shadow .25s,transform .25s}
.card__t,.rel__body h4,.pop__t,.day__body h3,.lead__body h3,.mtitle h2{transition:color .2s,text-decoration-color .2s}
@media (hover:hover){
  .card:hover{box-shadow:0 14px 30px -18px rgba(0,0,0,.45);transform:translateY(-3px)}
  .card:hover .ph img,.day__item:hover .ph img,.rel:hover .ph img{transform:scale(1.06)}
  .card:hover .card__t,.lead__main:hover h3,.rel:hover .rel__body h4,.pop:hover .pop__t{color:var(--ac,#C8102E)}
  .card--dark:hover .card__t{color:#fff;text-decoration:underline;text-decoration-color:var(--ac,#C8102E);text-decoration-thickness:2px;text-underline-offset:4px}
  .day__item:hover .day__body h3{text-decoration:underline;text-decoration-color:var(--ac,#C8102E);text-decoration-thickness:2px;text-underline-offset:4px}
  .slide__title a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
  .slider:hover .slide .ph img{transform:scale(1.03)}
}
.card:active,.rel:active,.day__item:active{transform:scale(.99)}
.card:focus-visible,.rel:focus-visible,.day__item:focus-visible,.pop:focus-visible{outline:3px solid var(--ac,#C8102E);outline-offset:3px}

/* login error + logged-in profile menu */
.auth-err{margin:0;font-size:13.5px;font-weight:600;color:var(--ac,#C8102E)}
.mhead__btn.is-user{color:var(--ac,#C8102E)}
.pmenu{position:fixed;z-index:95;width:236px;padding:6px;border-radius:10px;background:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.05);animation:dcdrop .15s ease}
.pmenu__head{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:10px 10px 12px;border-bottom:1px solid #ECEDEF}
.pmenu__av{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ac,#C8102E);color:#fff;display:grid;place-items:center;font-weight:800;text-transform:uppercase}
.pmenu__head b{display:block;font-size:14px;color:#16181D}
.pmenu__head small{font-size:12px;color:#6B717B}
.pmenu form{margin:0}
.pmenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:6px;background:none;color:#16181D;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.pmenu__item:hover{background:#F4F5F7;color:var(--ac,#C8102E)}
.drawer__foot{display:flex;flex-direction:column;gap:10px}
.drawer__foot form{margin:0}
.drawer__btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:0;border-radius:6px;background:#16181D;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
a.drawer__btn:hover{color:#fff}
.drawer__btn--ghost{background:#F4F5F7;color:#16181D}

/* admin-provided ad codes */
.hdr-code{padding-top:16px;text-align:center;overflow:hidden}
.ad-code{max-width:300px;margin:0 auto;overflow:hidden}
.video-link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:6px;background:#16181D;color:#fff!important;text-decoration:none!important;font-size:14.5px;font-weight:700}

/* article text from the admin editor */
.art-body h3{margin:28px 0 12px;font-size:19px;line-height:1.4;font-weight:700;color:#16181D}
.art-body p.lg{font-size:19px;line-height:1.7;font-weight:600;color:#16181D}
.art-body ol{margin:0 0 20px;padding-left:24px}
.art-body ol li{margin-bottom:10px;padding-left:4px}
.art-body strong{font-weight:700;color:#16181D}
.art-body li a,.art-body blockquote a{color:var(--ac,#C8102E);text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.art-body h3{font-size:16.5px}.art-body p.lg{font-size:16.5px}}

/* slider controls: hover / tap feedback (mobile + desktop) */
.mbtn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .15s,box-shadow .2s}
.mbtn:hover{background:rgba(255,255,255,.22)}
.mbtn--next:hover{background:#E0193A;box-shadow:0 6px 16px -6px rgba(200,16,46,.8)}
.mbtn:active{transform:scale(.88)}
.mbtn:focus-visible,.arrow:focus-visible,.seg:focus-visible{outline:2px solid #fff;outline-offset:2px}
.arrow{transition:background .2s,transform .15s}
.arrow:active{transform:translateY(-50%) scale(.9)}
.seg{-webkit-tap-highlight-color:transparent}
.seg__bar{transition:height .2s,background .2s}
.seg:hover .seg__bar{height:5px;background:rgba(255,255,255,.55)}
.seg:active .seg__bar{background:rgba(255,255,255,.8)}

/* law section on mobile: swipeable row like "საზოგადოება" (1 card + half of the next) */
@media (max-width:1024px){
  .lead{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin:0 -16px!important;padding:0 16px 4px!important;scroll-padding:0 16px;scrollbar-width:none}
  .lead::-webkit-scrollbar{display:none}
  .lead>*{flex:0 0 min(78%,320px)!important;scroll-snap-align:start}
  .lead .lead__img{flex:none;min-height:0;aspect-ratio:3/2}
  .lead .lead__body{padding:12px 14px 16px;gap:6px}
  .lead .lead__body h3{font-size:14.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .lead .lead__body p{display:none}
}
@media (min-width:640px) and (max-width:1024px){.lead>*{flex-basis:44%!important}}

/* "ცხელი თემები": rotating latest headlines */
.hot{position:relative;flex:1;min-width:0;height:28px;overflow:hidden}
.hot__item{position:absolute;inset:0;display:flex;align-items:center;font-size:13.5px;font-weight:600;color:#16181D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(7px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.61,.36,1);pointer-events:none;will-change:opacity,transform}
.hot__item.is-on{opacity:1;transform:none;pointer-events:auto;transition-delay:.25s}
.hot__item.is-out{opacity:0;transform:translateY(-5px);transition-duration:.5s}
.hot__item:hover{color:var(--ac,#C8102E)}
@media (max-width:600px){.hot__item{font-size:13px}}
@media (prefers-reduced-motion:reduce){.hot__item{transition:opacity .3s;transform:none!important}}

/* home without any news yet */
.home-empty{padding:90px 16px;text-align:center;color:#6B7080;font-size:16px;font-weight:600}