*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#17202a;font-family:"Noto Sans","Noto Sans Devanagari",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-main{min-height:60vh}.top-strip{background:#111827;color:#d1d5db;font-size:12px}.top-strip-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-strip-inner div{display:flex;gap:18px}.top-strip a:hover{color:#fff}.site-header{background:#fff;box-shadow:0 3px 18px rgba(15,23,42,.06);position:relative;z-index:40}.brand-bar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;gap:12px;min-width:0}.site-brand img{width:76px;height:70px;object-fit:contain}.brand-mark{width:58px;height:58px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800}.site-brand>span:last-child{display:flex;flex-direction:column}.site-brand strong{font-size:27px;letter-spacing:.5px;color:#111827;line-height:1.1}.site-brand small{color:#6b7280;margin-top:5px}.header-search{display:flex;max-width:390px;width:100%;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;background:#f8fafc}.header-search input{flex:1;border:0;background:transparent;padding:12px 14px;outline:0;min-width:0}.header-search button,.large-search button{border:0;background:var(--primary);color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.main-nav{border-top:1px solid #edf0f3;background:#fff}.nav-inner{display:flex;align-items:center;min-height:48px;overflow:visible}.nav-inner>a,.nav-item>a{display:flex;align-items:center;height:48px;padding:0 15px;font-weight:700;font-size:14px;white-space:nowrap}.nav-inner>a:hover,.nav-item:hover>a{color:var(--primary);background:#fff5f5}.nav-item{position:relative}.has-submenu>a:after{content:"⌄";margin-left:6px;font-size:11px}.submenu{display:none;position:absolute;top:48px;left:0;min-width:210px;background:#fff;border:1px solid #eceff3;border-radius:0 0 10px 10px;box-shadow:0 16px 40px rgba(15,23,42,.14);padding:8px;z-index:50}.submenu a{display:block;padding:10px 12px;border-radius:7px;font-size:14px}.submenu a:hover{background:#f5f6f8;color:var(--primary)}.nav-item:hover .submenu{display:block}.breaking-strip{background:#fff7f7;border-top:1px solid #ffe1e1;border-bottom:1px solid #ffe1e1}.breaking-inner{height:42px;display:flex;align-items:center;gap:16px;overflow:hidden}.breaking-inner>b{background:var(--primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;letter-spacing:.5px}.ticker{overflow:hidden;flex:1}.ticker-track{display:flex;align-items:center;gap:18px;white-space:nowrap;width:max-content;animation:ticker 32s linear infinite}.ticker-track a{font-weight:650;font-size:14px}.ticker-track span{color:var(--primary)}@keyframes ticker{to{transform:translateX(-50%)}}.screen-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:90}.mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:min(330px,88vw);background:#fff;z-index:100;transform:translateX(-105%);transition:.25s;padding:18px;overflow:auto}.mobile-drawer.open{transform:none}.screen-overlay.open{display:block}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #eee}.drawer-head button{border:0;background:#f3f4f6;width:38px;height:38px;border-radius:50%;font-size:24px}.mobile-drawer form{display:flex;margin:16px 0}.mobile-drawer input{flex:1;min-width:0;border:1px solid #dfe3e8;padding:10px}.mobile-drawer form button{border:0;background:var(--primary);color:#fff;padding:0 14px}.mobile-drawer>a{display:block;padding:11px 4px;border-bottom:1px solid #f0f1f3;font-weight:700}.mobile-drawer .drawer-sub{padding-left:18px;font-weight:500;color:#4b5563}.flash{margin-top:14px;padding:12px 15px;border-radius:9px;font-weight:600}.flash-success{background:#ecfdf3;color:#17653a;border:1px solid #b8e8cc}.flash-error{background:#fff1f1;color:#a51d27;border:1px solid #ffc9cd}.home-wrap,.page-wrap{padding-top:24px;padding-bottom:50px}.section-gap{margin-top:36px}.news-slider{height:505px;border-radius:18px;overflow:hidden;position:relative;background:#111827;box-shadow:0 15px 40px rgba(15,23,42,.14)}.slides,.slide{height:100%}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s}.slide.active{opacity:1;visibility:visible}.slide>img{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,23,.86) 0%,rgba(6,12,23,.45) 52%,rgba(6,12,23,.08) 100%)}.slide-copy{position:absolute;left:54px;bottom:48px;width:min(700px,70%);color:#fff}.category-badge,.article-category{display:inline-flex;background:var(--primary);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.slide-copy h1{font-size:42px;line-height:1.18;margin:14px 0 10px}.slide-copy p{font-size:17px;color:#e5e7eb;margin:0 0 14px}.story-meta{display:flex;align-items:center;gap:18px;color:#747d89;font-size:12px}.slide-copy .story-meta{color:#d7dce2}.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.88);font-size:30px;cursor:pointer}.slider-prev{left:15px}.slider-next{right:15px}.slider-dots{position:absolute;bottom:17px;right:24px;display:flex;gap:8px}.slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5)}.slider-dots button.active{width:26px;border-radius:8px;background:#fff}.home-columns,.listing-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;border-bottom:2px solid #e7eaee;padding-bottom:11px;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:64px;height:3px;background:var(--primary)}.section-title small{display:block;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:10px}.section-title h2{margin:1px 0 0;font-size:27px;line-height:1.2}.section-title>a{color:var(--primary);font-weight:700;font-size:13px}.feed-list{display:flex;flex-direction:column;gap:15px}.feed-card{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;background:#fff;border:1px solid #e8ebef;border-radius:13px;padding:12px;transition:.2s}.feed-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.08)}.feed-image{position:relative;border-radius:9px;overflow:hidden;min-height:155px}.feed-image img{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:rgba(201,28,43,.9);color:#fff;border-radius:50%}.small-category{color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase}.feed-content h3{font-size:21px;line-height:1.35;margin:5px 0 7px}.feed-content h3 a:hover,.news-card h3 a:hover,.category-lead h3 a:hover{color:var(--primary)}.feed-content p{margin:0 0 10px;color:#66707d;font-size:14px}.home-sidebar{min-width:0}.side-widget{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.sticky-side{position:sticky;top:18px}.widget-heading{display:flex;align-items:center;gap:9px;padding:15px 17px;border-bottom:1px solid #eceff2}.widget-heading span{font-size:20px}.widget-heading h2{font-size:20px;margin:0}.trending-list>a{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:14px 16px;border-bottom:1px solid #eef0f2}.trending-list>a:last-child{border:0}.trending-list>a:hover{background:#fafafa}.trending-list b{font-size:26px;color:#d7dbe0;line-height:1}.trending-list span{font-weight:700;font-size:14px;line-height:1.35}.trending-list small{display:block;color:#8a929c;margin-top:5px;font-weight:500;font-size:11px}.weekend-section{padding:24px;border-radius:16px;background:linear-gradient(135deg,#fff7e8,#fff);border:1px solid #f4dfb8}.title-icon{font-size:34px}.card-grid{display:grid;gap:17px}.three-grid{grid-template-columns:repeat(3,1fr)}.four-grid{grid-template-columns:repeat(4,1fr)}.news-card{background:#fff;border:1px solid #e8ebef;border-radius:12px;overflow:hidden}.news-card>a{display:block;height:170px;overflow:hidden}.news-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.news-card:hover img{transform:scale(1.04)}.news-card>div{padding:13px}.news-card>div>span{color:var(--primary);font-weight:800;font-size:11px;text-transform:uppercase}.news-card h3{font-size:16px;line-height:1.4;margin:5px 0}.news-card small{color:#8a929c}.category-block{background:#fff;border:1px solid #e8ebef;border-radius:16px;padding:22px}.category-title:after{background:var(--category-color)}.category-title small,.category-title>a{color:var(--category-color)}.category-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:23px}.category-lead>a{height:300px;display:block;border-radius:11px;overflow:hidden}.category-lead img{width:100%;height:100%;object-fit:cover}.category-lead h3{font-size:24px;line-height:1.3;margin:12px 0 7px}.category-lead p{color:#66707d;margin:0}.category-small-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-small-list article{border:1px solid #e8ebef;border-radius:11px;overflow:hidden;background:#fff}.category-small-list article>a{display:block;height:118px}.category-small-list img{width:100%;height:100%;object-fit:cover}.category-small-list article>div{padding:10px}.category-small-list small{color:var(--category-color);font-weight:700}.category-small-list h3{font-size:14px;line-height:1.4;margin:4px 0}.video-section{background:#111827;padding:38px 0 46px;color:#fff}.light-title{border-color:#384151}.light-title:after{background:#ef3340}.light-title small{color:#ff8f96}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid article{min-width:0}.video-thumb{height:205px;border-radius:12px;overflow:hidden;position:relative}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb span{position:absolute;left:16px;bottom:16px;display:grid;place-items:center;width:45px;height:45px;background:var(--primary);border-radius:50%}.video-grid h3{font-size:17px;line-height:1.4;margin:10px 0 2px}.video-grid small{color:#aeb6c2}.page-heading{background:#fff;border:1px solid #e8ebef;border-radius:15px;padding:25px;margin-bottom:20px;border-left:5px solid var(--heading-color,var(--primary))}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#7d8792;font-size:12px;margin-bottom:10px}.breadcrumbs a:hover{color:var(--primary)}.page-heading h1{margin:0;font-size:34px}.page-heading p{margin:7px 0 0;color:#69737f}.subcategory-tabs{display:flex;gap:9px;overflow:auto;padding:4px 0 18px}.subcategory-tabs a{white-space:nowrap;background:#fff;border:1px solid #dfe3e8;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}.subcategory-tabs a:hover,.subcategory-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.listing-card{background:#fff;border:1px solid #e8ebef;border-radius:13px;overflow:hidden}.listing-card>a{display:block;height:210px}.listing-card img{width:100%;height:100%;object-fit:cover}.listing-card>div{padding:15px}.listing-card>div>span{font-size:11px;color:var(--primary);font-weight:800;text-transform:uppercase}.listing-card h2{font-size:18px;line-height:1.4;margin:6px 0}.listing-card p{color:#66707d;font-size:13px;margin:0 0 10px}.listing-card small{color:#8a929c}.pagination{display:flex;gap:7px;margin-top:24px}.pagination a{width:38px;height:38px;display:grid;place-items:center;background:#fff;border:1px solid #dfe3e8;border-radius:8px}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{background:#fff;border:1px dashed #cfd5dc;border-radius:14px;padding:50px 20px;text-align:center}.empty-state h2{margin:0}.article-wrap{display:grid;grid-template-columns:minmax(0,820px) 320px;gap:30px;padding-top:30px;padding-bottom:55px}.article-main{background:#fff;border:1px solid #e8ebef;border-radius:15px;padding:30px;min-width:0}.article-main>h1{font-size:40px;line-height:1.25;margin:13px 0 10px}.article-excerpt{font-size:18px;color:#5e6874;border-left:4px solid var(--primary);padding-left:14px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:#7d8792;font-size:12px;padding:12px 0 20px;border-bottom:1px solid #eceff2}.article-image{margin:22px 0}.article-image img{width:100%;max-height:520px;object-fit:cover;border-radius:12px}.article-image figcaption{font-size:12px;color:#7d8792;margin-top:7px}.video-embed{position:relative;padding-top:56.25%;margin:22px 0;border-radius:12px;overflow:hidden;background:#111}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-actions{display:flex;gap:10px;padding:15px 0}.article-actions button{border:1px solid #dfe3e8;background:#fff;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.article-actions .like-button.liked{background:#fff0f1;color:var(--primary);border-color:#ffc9ce}.article-actions em{font-style:normal;color:#7d8792;margin-left:4px}.article-content{font-size:17px;line-height:1.85;color:#25313d}.article-content h2{font-size:27px;margin-top:30px}.article-content h3{font-size:22px}.article-content img{height:auto;border-radius:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.gallery-grid a{height:180px;border-radius:9px;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid #eceff2}.tag-list span{background:#f2f4f6;padding:6px 10px;border-radius:999px;font-size:12px}.related-section,.comments-section{margin-top:38px}.comment-card{display:flex;gap:13px;border-top:1px solid #eceff2;padding:17px 0}.comment-avatar{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#f1f3f5;color:var(--primary);font-weight:800}.comment-card strong,.comment-card small{display:block}.comment-card small{color:#8a929c;font-size:11px;margin-top:2px}.comment-card p{margin:7px 0 0}.comment-form{background:#f8f9fb;border-radius:12px;padding:18px;margin-top:18px}.comment-form label{display:block;font-size:13px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.comment-form input,.comment-form textarea,.large-search input{width:100%;border:1px solid #d9dee5;border-radius:8px;background:#fff;padding:11px 12px;margin-top:6px;outline:0}.comment-form textarea{resize:vertical}.comment-form button{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:11px 18px;font-weight:800;margin-top:12px}.large-search{display:flex;max-width:650px;margin-top:15px}.large-search input{margin:0;border-radius:9px 0 0 9px}.large-search button{border-radius:0 9px 9px 0}.site-footer{background:#111827;color:#d6d9df;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding:44px 0}.footer-grid h2,.footer-grid h3{color:#fff;margin-top:0}.footer-grid>div:nth-child(2) a{display:block;padding:3px 0}.social-row{display:flex;gap:14px}.footer-bottom{text-align:center;border-top:1px solid #273141;padding:15px;color:#a7adb7;font-size:12px}
@media(max-width:980px){.menu-toggle{display:block}.main-nav{display:none}.brand-bar{min-height:82px}.header-search{max-width:300px}.news-slider{height:430px}.slide-copy h1{font-size:34px}.home-columns,.listing-with-sidebar,.article-wrap{grid-template-columns:1fr}.home-sidebar,.article-sidebar{display:none}.three-grid{grid-template-columns:repeat(2,1fr)}.four-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 20px,1180px)}.top-strip-inner{height:30px}.top-strip-inner>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-strip-inner div a:first-child{display:none}.brand-bar{gap:10px}.site-brand img{width:54px;height:54px}.brand-mark{width:48px;height:48px}.site-brand strong{font-size:20px}.site-brand small{font-size:10px}.header-search{display:none}.breaking-inner{height:38px}.breaking-inner>b{font-size:10px;padding:5px 8px}.home-wrap,.page-wrap{padding-top:12px}.news-slider{height:370px;border-radius:12px}.slide-overlay{background:linear-gradient(0deg,rgba(6,12,23,.9),rgba(6,12,23,.1))}.slide-copy{left:20px;right:20px;bottom:30px;width:auto}.slide-copy h1{font-size:27px}.slide-copy p{display:none}.slider-prev,.slider-next{display:none}.slider-dots{right:16px}.section-gap{margin-top:24px}.section-title h2{font-size:23px}.feed-card{grid-template-columns:125px 1fr;gap:12px;padding:9px}.feed-image{min-height:112px}.feed-content h3{font-size:15px;margin:4px 0}.feed-content p{display:none}.feed-content .story-meta span:first-child{display:none}.weekend-section,.category-block{padding:14px;border-radius:12px}.three-grid,.four-grid,.listing-grid,.video-grid{grid-template-columns:1fr}.news-card>a{height:210px}.category-small-list{grid-template-columns:1fr}.category-small-list article{display:grid;grid-template-columns:120px 1fr}.category-small-list article>a{height:92px}.video-thumb{height:220px}.page-heading{padding:18px}.page-heading h1{font-size:28px}.article-wrap{padding-top:12px}.article-main{padding:18px;border-radius:10px}.article-main>h1{font-size:29px}.article-excerpt{font-size:16px}.article-content{font-size:16px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid a{height:135px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px;padding:32px 0}.listing-card>a{height:220px}}
/* Multilingual language selector */
.top-actions{display:flex;align-items:center;gap:14px}.language-switcher{display:flex;align-items:center;gap:5px;color:#fff}.language-switcher select{max-width:145px;border:1px solid rgba(255,255,255,.25);background:#1f2937;color:#fff;border-radius:6px;padding:4px 7px;outline:0;font-size:12px}.language-switcher select option{background:#fff;color:#111827}.drawer-language{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:15px 0;padding:11px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;font-weight:700}.drawer-language select{width:100%;min-width:0;border:1px solid #d9dee5;border-radius:7px;background:#fff;padding:8px}.rtl .x{display:block}html[dir="rtl"] .submenu{left:auto;right:0}html[dir="rtl"] .section-title:after{left:auto;right:0}html[dir="rtl"] .article-excerpt{border-left:0;border-right:4px solid var(--primary);padding-left:0;padding-right:14px}html[dir="rtl"] .page-heading{border-left:1px solid #e8ebef;border-right:5px solid var(--heading-color,var(--primary))}
@media(max-width:700px){.top-actions{gap:7px}.top-actions>a:last-child{display:none}.language-switcher select{max-width:115px;padding:3px 5px}.language-switcher>span{display:none}}
/* Whole-page automatic translation progress indicator */
.auto-translate-progress {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 3px;
pointer-events: none;
opacity: 0;
transform: scaleX(0);
transform-origin: left center;
background: var(--primary, #c91c2b);
transition: opacity .18s ease, transform .18s ease;
}
body[data-auto-translate-busy="1"] .auto-translate-progress {
opacity: 1;
animation: autoTranslateProgress 1.15s ease-in-out infinite;
}
@keyframes autoTranslateProgress {
0% { transform: scaleX(.08); transform-origin: left center; }
55% { transform: scaleX(.72); transform-origin: left center; }
100% { transform: scaleX(.18); transform-origin: right center; }
}
/* Rich text generated from CKEditor */
.rich-text p,.footer-rich-text p{margin:.55em 0}
.rich-text ul,.rich-text ol,.footer-rich-text ul,.footer-rich-text ol{padding-left:1.4rem}
.rich-text blockquote{margin:1rem 0;padding:.65rem 1rem;border-left:4px solid var(--primary,#c91c2b);background:#f7f8fa}
.category-description{color:#697482;line-height:1.65}
.footer-rich-text{color:inherit;line-height:1.55}
.footer-rich-text p:first-child{margin-top:0}
.footer-rich-text p:last-child{margin-bottom:0}
/* =====================================================================
Motion system — page entrance, scroll reveal, slider and interactions
===================================================================== */
/* Smooth page load without blocking content when JS is unavailable */
.js .site-header,
.js .site-main,
.js .site-footer {
opacity: 0;
}
.js.page-ready .site-header,
.js.page-ready .site-main,
.js.page-ready .site-footer {
opacity: 1;
}
.js.page-ready .site-header {
animation: siteHeaderEnter .65s cubic-bezier(.2,.7,.2,1) both;
}
.js.page-ready .site-main {
animation: siteMainEnter .72s .08s cubic-bezier(.2,.7,.2,1) both;
}
.js.page-ready .site-footer {
transition: opacity .5s ease;
}
@keyframes siteHeaderEnter {
from { opacity: 0; transform: translateY(-16px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes siteMainEnter {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
/* IntersectionObserver-powered reveal */
.js .reveal-item {
opacity: 0;
transform: translate3d(0, 28px, 0) scale(.985);
transition:
opacity .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),
transform .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms);
will-change: opacity, transform;
}
.js .reveal-item.is-revealed {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
/* Hero slider: the complete card enters from the right and exits to the left */
.news-slider {
isolation: isolate;
touch-action: pan-y;
}
.slides {
position: relative;
height: 100%;
overflow: hidden;
}
.slide {
z-index: 0;
opacity: 1;
visibility: hidden;
transform: translate3d(100%, 0, 0);
transition: none;
will-change: transform;
backface-visibility: hidden;
}
.slide.active {
z-index: 3;
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.slide.slide-enter-rtl {
z-index: 3;
visibility: visible;
animation: sliderCardEnterRtl .88s cubic-bezier(.22,.75,.18,1) both;
}
.slide.slide-exit {
z-index: 2;
visibility: visible;
pointer-events: none;
animation: sliderCardExitRtl .88s cubic-bezier(.22,.75,.18,1) both;
}
@keyframes sliderCardEnterRtl {
from { transform: translate3d(100%, 0, 0); }
to { transform: translate3d(0, 0, 0); }
}
@keyframes sliderCardExitRtl {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-100%, 0, 0); }
}
.slide > img {
transform: scale(1.045);
transition: transform 5.2s ease-out, filter .8s ease;
filter: saturate(.96) contrast(1.02);
}
.slide.active > img,
.slide.slide-enter-rtl > img {
transform: scale(1);
}
.slide-copy > * {
opacity: 0;
transform: translateY(20px);
}
.slide.active .slide-copy > * {
animation: sliderCopyEnter .7s cubic-bezier(.2,.7,.2,1) both;
}
.slide.active .slide-copy > *:nth-child(1) { animation-delay: .12s; }
.slide.active .slide-copy > *:nth-child(2) { animation-delay: .2s; }
.slide.active .slide-copy > *:nth-child(3) { animation-delay: .28s; }
.slide.active .slide-copy > *:nth-child(4) { animation-delay: .36s; }
@keyframes sliderCopyEnter {
to { opacity: 1; transform: translateY(0); }
}
.slider-prev,
.slider-next {
z-index: 5;
transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
box-shadow: 0 8px 22px rgba(15,23,42,.18);
}
.slider-prev:hover,
.slider-next:hover {
background: #fff;
box-shadow: 0 12px 28px rgba(15,23,42,.28);
}
.slider-prev:hover { transform: translateY(-50%) translateX(-3px) scale(1.05); }
.slider-next:hover { transform: translateY(-50%) translateX(3px) scale(1.05); }
.slider-dots {
z-index: 5;
}
.slider-dots button {
cursor: pointer;
transition: width .28s ease, background .28s ease, transform .2s ease;
}
.slider-dots button:hover {
transform: scale(1.18);
}
.slider-progress {
position: absolute;
z-index: 5;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: rgba(255,255,255,.18);
overflow: hidden;
}
.slider-progress > span {
display: block;
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: left center;
background: linear-gradient(90deg, rgba(255,255,255,.72), #fff);
will-change: transform;
}
/* Card and media micro-interactions */
.feed-card,
.news-card,
.category-small-list article,
.listing-card,
.side-widget,
.category-block {
transition:
transform .28s cubic-bezier(.2,.7,.2,1),
box-shadow .28s ease,
border-color .28s ease;
}
.feed-card:hover,
.news-card:hover,
.category-small-list article:hover,
.listing-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 36px rgba(15,23,42,.10);
border-color: rgba(201,28,43,.18);
}
.feed-image img,
.news-card img,
.category-lead img,
.category-small-list img,
.listing-card img,
.video-thumb img,
.article-image img,
.gallery-grid img {
transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}
.feed-card:hover .feed-image img,
.news-card:hover img,
.category-lead:hover img,
.category-small-list article:hover img,
.listing-card:hover img,
.video-section article:hover .video-thumb img,
.gallery-grid a:hover img {
transform: scale(1.045);
filter: saturate(1.06);
}
.section-title:after {
transform-origin: left center;
transition: width .35s ease;
}
.section-title:hover:after {
width: 96px;
}
/* Header/navigation polish */
.site-brand,
.brand-mark,
.header-search button,
.main-nav a,
.top-actions a,
.language-switcher select,
.article-actions button,
.comment-form button,
.large-search button {
transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}
.site-brand:hover .brand-mark {
transform: rotate(-4deg) scale(1.04);
box-shadow: 0 10px 24px rgba(201,28,43,.22);
}
.header-search:focus-within {
border-color: rgba(201,28,43,.38);
box-shadow: 0 0 0 4px rgba(201,28,43,.08);
}
.header-search button:hover,
.comment-form button:hover,
.large-search button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(201,28,43,.2);
}
.submenu {
transform-origin: top left;
}
.nav-item:hover .submenu {
display: block;
animation: submenuEnter .22s ease both;
}
@keyframes submenuEnter {
from { opacity: 0; transform: translateY(-6px) scale(.98); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
/* Article content gets a calm staged entrance */
.article-content > * {
scroll-margin-top: 24px;
}
.article-actions button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(15,23,42,.08);
}
/* Animated mobile drawer */
.mobile-drawer {
transition: transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease;
}
.mobile-drawer.open {
box-shadow: 22px 0 50px rgba(15,23,42,.2);
}
.screen-overlay.open {
animation: overlayFade .25s ease both;
}
@keyframes overlayFade {
from { opacity: 0; }
to { opacity: 1; }
}
/* Keep motion accessible */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
.js .site-header,
.js .site-main,
.js .site-footer,
.js .reveal-item {
opacity: 1 !important;
transform: none !important;
}
.slider-progress { display: none; }
}
/* Rich CKEditor article formatting */
.article-content table{width:100%;border-collapse:collapse;margin:22px 0;display:block;overflow-x:auto;background:#fff}
.article-content th,.article-content td{border:1px solid #dfe3e8;padding:10px 12px;text-align:left;vertical-align:top;min-width:90px}
.article-content th{background:#f5f7f9;font-weight:800}
.article-content blockquote{margin:22px 0;padding:14px 18px;border-left:4px solid var(--primary);background:#f8f9fb;color:#4b5563}
.article-content pre{overflow:auto;padding:15px;border-radius:9px;background:#111827;color:#f8fafc;font-size:14px;line-height:1.55}
.article-content code{font-family:Consolas,"Courier New",monospace}
.article-content figure{margin:22px 0;max-width:100%}
.article-content figcaption{text-align:center;color:#7d8792;font-size:12px;margin-top:7px}
.article-content img[style*="float: left"],.article-content img[style*="float:left"]{margin:5px 18px 12px 0}
.article-content img[style*="float: right"],.article-content img[style*="float:right"]{margin:5px 0 12px 18px}
.article-content hr{border:0;border-top:1px solid #dfe3e8;margin:28px 0}
.article-content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
.article-content ul,.article-content ol{padding-left:28px}
@media(max-width:700px){.article-content img[style*="float"]{float:none!important;margin:14px auto!important}.article-content table{font-size:14px}}