*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#161616;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}

.topbar{background:#111;color:#ccc;font-size:12px}
.topbar-inner{height:32px;display:flex;align-items:center;justify-content:space-between}
.brand-row{min-height:132px;display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;align-items:center;gap:30px;width:100%}
.brand-logo{display:flex;align-items:center;justify-content:flex-start}
.brand-logo img{display:block!important;width:320px!important;max-width:100%;max-height:108px;object-fit:contain}
.header-ad{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex-direction:column;min-width:0}
.header-ad small{font-size:10px;letter-spacing:1px}
.header-ad strong{font-size:15px;margin-top:4px}
.header-ad-right{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;height:96px!important;min-height:96px!important;border:2px dashed #c91f2a!important;background:#f7f7f7!important;position:relative!important;overflow:hidden}
.main-nav{background:#c91f2a;color:#fff;border-bottom:4px solid #111}
.nav-inner{display:flex;align-items:center}
.menu-links{display:flex;align-items:center;gap:0;overflow:auto}
.menu-links a{padding:15px 13px;font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.menu-links a:hover{background:#a91620}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px;padding:10px 0}

.breaking{border-bottom:1px solid #ddd;background:#fafafa}
.flash-inner{min-height:58px;display:flex;align-items:stretch;overflow:hidden}
.flash-label{flex:0 0 auto;background:#c91f2a;color:#fff;display:flex;align-items:center;padding:0 18px;font-size:15px;font-weight:800;white-space:nowrap;position:relative;z-index:2}
.flash-label:after{content:"";position:absolute;right:-14px;top:0;border-top:29px solid transparent;border-bottom:29px solid transparent;border-left:14px solid #c91f2a}
.flash-viewport{flex:1;overflow:hidden;display:flex;align-items:center;margin-left:14px}
.flash-track{display:flex;width:max-content;align-items:center;animation:flash-scroll 55s linear infinite;will-change:transform}
.flash-viewport:hover .flash-track{animation-play-state:paused}
.flash-item{display:flex;align-items:center;white-space:nowrap;padding:0 26px;font-size:14px;color:#333;position:relative}
.flash-item:after{content:"•";position:absolute;right:-2px;color:#c91f2a;font-weight:900}
@keyframes flash-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.ad{border:1px dashed #bbb;background:#f4f4f4;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#777}
.ad small{font-size:10px;letter-spacing:1px}
.ad strong{font-size:15px;margin-top:4px}
.ad-wide{width:min(970px,100%);height:180px;margin:0 auto}
.ad-box{height:250px}
.ad-tall{height:500px;margin-top:24px}
.ad-article{height:120px;margin:25px 0}

.hero-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px;padding-top:28px}
.hero-card{height:500px;position:relative;display:block;background:#222;overflow:hidden}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(0,0,0,.88))}
.hero-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.hero-overlay h1{font-size:38px;line-height:1.08;margin:8px 0}
.hero-overlay time{font-size:13px;color:#ddd}
.kicker{background:#c91f2a;padding:5px 8px;font-size:11px;font-weight:800}

.hero-side{display:grid;gap:14px;align-content:start}
.latest-side-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:2px}
.latest-side-title h2{margin:0;font-size:28px;font-style:italic;line-height:1}
.latest-dot{width:10px;height:10px;border-radius:50%;background:#c91f2a;flex:0 0 10px}
.side-card{display:grid;grid-template-columns:130px 1fr;gap:13px;padding-bottom:14px;border-bottom:1px solid #ddd}
.side-card img,.small-placeholder{width:130px;height:92px;object-fit:cover}
.side-card h2{font-size:17px;line-height:1.2;margin:0 0 8px}
.side-card time,.news-card time,.category-card time{font-size:12px;color:#777}
.small-placeholder,.image-placeholder{background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-weight:900;color:#aaa}

.ad-wrap{padding:32px 0}

.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding-bottom:40px}
.section-title{display:flex;align-items:center;gap:14px;margin:10px 0 22px}
.section-title h1,.section-title h2{font-size:25px;text-transform:uppercase;margin:0}
.section-title span{height:3px;background:#c91f2a;flex:1}
.section-title>a{font-size:13px;font-weight:700;color:#c91f2a}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
.news-card{border-bottom:1px solid #ddd;padding-bottom:18px}
.news-image{height:220px;display:block;overflow:hidden;background:#eee;margin-bottom:12px}
.news-image img,.news-image .image-placeholder{width:100%;height:100%;object-fit:cover}
.news-card h3{font-size:21px;line-height:1.2;margin:6px 0 10px}
.news-card h3 a:hover,.category-card h3 a:hover{color:#c91f2a}
.news-card p{font-size:14px;color:#555;margin:0}

.sidebar-box{margin-top:24px;border-top:4px solid #111}
.sidebar-box h3{margin:13px 0}
.sidebar-box a{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:10px 0;font-size:14px}
.sidebar-box b{color:#c91f2a}

.category-section{padding:20px 0 40px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.category-card img,.category-card .image-placeholder{width:100%;height:170px;object-fit:cover;margin-bottom:10px}
.category-card h3{font-size:18px;line-height:1.2;margin:6px 0}

.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding:35px 0 55px}
.article-content h1{font-size:44px;line-height:1.08;margin:10px 0 15px}
.breadcrumbs{font-size:13px;color:#777}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:13px;color:#777;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:22px}
.article-meta a{color:#c91f2a;font-weight:700}
.article-featured{width:100%;max-height:620px;object-fit:cover;margin-bottom:22px}
.article-body{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.75}
.article-body p{margin:0 0 1.25em}
.article-body img{height:auto;margin:24px auto}
.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;line-height:1.2}

.category-page{padding:32px 0 50px}
.page-title{margin-bottom:28px}

.site-footer{background:#111;color:#bbb;margin-top:40px;padding:45px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-logo img{width:190px;max-height:72px;object-fit:contain;filter:brightness(0) invert(1)}

@media(max-width:900px){
  .brand-row{grid-template-columns:1fr 220px}
    .header-ad-right{display:flex}
  .hero-layout,.content-layout,.article-layout{grid-template-columns:1fr}
  .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .sidebar .ad-tall{margin-top:0}
  .category-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{width:min(100% - 22px,1180px)}
  .topbar{display:none}
  .brand-row{padding:12px 0;grid-template-columns:1fr!important;gap:10px}
  .brand-logo{justify-content:center}
  .brand-logo img{width:245px!important;max-height:82px}
  .header-ad-right{display:flex!important;height:70px!important;min-height:70px!important}
  .nav-inner{display:block}
  .menu-toggle{display:block}
  .menu-links{display:none;flex-direction:column;align-items:stretch}
  .menu-links.open{display:flex}
  .menu-links a{border-top:1px solid rgba(255,255,255,.18)}
  .flash-inner{min-height:46px}
  .flash-label{font-size:12px;padding:0 12px}
  .flash-label:after{right:-11px;border-top-width:23px;border-bottom-width:23px;border-left-width:11px}
  .flash-item{font-size:12px;padding:0 20px}
  .hero-layout{padding-top:14px}
  .hero-card{height:390px}
  .hero-overlay{left:18px;right:18px;bottom:18px}
  .hero-overlay h1{font-size:29px}
  .side-card{grid-template-columns:105px 1fr}
  .side-card img,.small-placeholder{width:105px;height:78px}
  .side-card h2{font-size:15px}
  .news-grid,.category-grid,.footer-grid,.sidebar{grid-template-columns:1fr}
  .news-image{height:230px}
  .article-content h1{font-size:32px}
  .article-body{font-size:18px}
}

/* v1.3.1 - header advertisement visibility fix */
.site-header .brand-row #header-ad-right{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.header-ad-demo{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#555;
}
.header-ad-demo small{font-size:10px;letter-spacing:1.5px;color:#888}
.header-ad-demo strong{font-size:18px;color:#c91f2a;margin:2px 0}
.header-ad-demo span{font-size:12px;color:#777}


/* =========================================================
   v1.4 - HEADER FIX
   Păstrează pagina la lățimea normală și folosește banner 974x144.
   ========================================================= */

.site-header .brand-row.container{
    width:min(1320px, calc(100% - 32px)) !important;
    max-width:1320px !important;
    min-height:168px !important;
    margin:0 auto !important;
    padding:12px 0 !important;
    display:grid !important;
    grid-template-columns:300px minmax(0, 974px) !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:24px !important;
}

.site-header .brand-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:300px !important;
    min-width:0 !important;
}

.site-header .brand-logo img{
    display:block !important;
    width:300px !important;
    max-width:100% !important;
    max-height:120px !important;
    object-fit:contain !important;
}

.site-header #header-ad-right{
    width:974px !important;
    max-width:100% !important;
    height:144px !important;
    min-height:144px !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    border:2px dashed #c91f2a !important;
    background:#f7f7f7 !important;
    overflow:hidden !important;
}

.site-header #header-ad-right .header-ad-demo{
    width:100% !important;
    height:100% !important;
}

@media(max-width:1340px){
    .site-header .brand-row.container{
        width:min(1180px, calc(100% - 32px)) !important;
        grid-template-columns:260px minmax(0,1fr) !important;
        gap:20px !important;
    }

    .site-header .brand-logo{
        width:260px !important;
    }

    .site-header .brand-logo img{
        width:260px !important;
    }

    .site-header #header-ad-right{
        width:100% !important;
        aspect-ratio:974 / 144 !important;
        height:auto !important;
        min-height:0 !important;
    }
}

@media(max-width:760px){
    .site-header .brand-row.container{
        width:min(100% - 22px, 1180px) !important;
        min-height:0 !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        padding:12px 0 !important;
    }

    .site-header .brand-logo{
        width:100% !important;
        justify-content:center !important;
    }

    .site-header .brand-logo img{
        width:245px !important;
        max-height:90px !important;
    }

    .site-header #header-ad-right{
        width:100% !important;
        aspect-ratio:974 / 144 !important;
        height:auto !important;
        min-height:0 !important;
    }
}


/* v1.5 - meniu identic ca ordine cu actualvs.ro */
.main-nav .nav-inner{
    justify-content:flex-start;
}
.main-nav .menu-links{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
}
.main-nav .menu-links::-webkit-scrollbar{
    display:none;
}
.main-nav .menu-links a{
    flex:0 0 auto;
    padding:15px 16px;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
}
.contact-placeholder{
    background:#f7f7f7;
    border:1px solid #e3e3e3;
    padding:28px;
    margin-bottom:40px;
}
@media(max-width:680px){
    .main-nav .menu-links{
        display:none;
        width:100%;
    }
    .main-nav .menu-links.open{
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }
    .main-nav .menu-links a{
        width:100%;
        padding:13px 5px;
    }
}


/* v1.6 - meniu compact + search */
.main-nav .nav-inner{
    display:flex;
    align-items:center;
    gap:0;
    min-width:0;
}

.main-nav .menu-links{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    overflow:visible;
}

.main-nav .menu-links a{
    flex:0 1 auto;
    padding:15px 10px;
    font-size:13px;
    font-weight:800;
    letter-spacing:-0.1px;
    white-space:nowrap;
}

.main-nav .nav-search{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:4px;
    border-left:1px solid rgba(255,255,255,.22);
    font-size:29px;
    font-weight:700;
    line-height:1;
}

.main-nav .nav-search:hover{
    background:#a91620;
}

.search-form{
    display:flex;
    gap:10px;
    margin:0 0 22px;
}

.search-form input{
    flex:1;
    min-width:0;
    height:48px;
    border:1px solid #ccc;
    padding:0 15px;
    font-size:16px;
}

.search-form button{
    height:48px;
    border:0;
    background:#c91f2a;
    color:#fff;
    padding:0 24px;
    font-weight:800;
    cursor:pointer;
}

.search-count{
    margin:0 0 20px;
    color:#666;
}

@media(max-width:1180px){
    .main-nav .menu-links a{
        padding-left:7px;
        padding-right:7px;
        font-size:12px;
    }

    .main-nav .nav-search{
        flex-basis:44px;
        width:44px;
    }
}

@media(max-width:900px){
    .main-nav .menu-links{
        justify-content:flex-start;
        overflow-x:auto;
    }

    .main-nav .menu-links a{
        flex:0 0 auto;
        padding:14px 10px;
        font-size:12px;
    }
}

@media(max-width:680px){
    .main-nav .nav-inner{
        position:relative;
    }

    .main-nav .menu-toggle{
        display:block;
        flex:1;
        text-align:left;
    }

    .main-nav .nav-search{
        display:flex;
        flex:0 0 48px;
        border-left:1px solid rgba(255,255,255,.22);
    }

    .main-nav .menu-links{
        position:absolute;
        z-index:20;
        top:100%;
        left:0;
        right:0;
        background:#c91f2a;
        overflow:visible;
    }

    .main-nav .menu-links.open{
        display:flex;
        flex-direction:column;
    }

    .search-form{
        flex-direction:column;
    }

    .search-form button{
        width:100%;
    }
}


/* v1.7 - reclame administrabile */
.managed-ad-slot{
    width:100%;
}
.managed-ad-item{
    width:100%;
    aspect-ratio:var(--ad-ratio);
    overflow:hidden;
    background:#f5f5f5;
    margin-bottom:18px;
}
.managed-ad-item a,
.managed-ad-item img{
    display:block;
    width:100%;
    height:100%;
}
.managed-ad-item img{
    object-fit:contain;
}
.managed-ad-placeholder{
    width:100%;
    aspect-ratio:var(--ad-ratio);
    border:1px dashed #bbb;
    background:#f4f4f4;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    color:#777;
}
.managed-ad-placeholder small{
    font-size:10px;
    letter-spacing:1px;
}
.managed-ad-placeholder strong{
    margin-top:4px;
}
.header-managed-ad .managed-ad-item,
.header-managed-ad .managed-ad-placeholder{
    margin:0;
}
.sidebar-ad-stack .managed-ad-item{
    margin-top:24px;
}
.sidebar-managed-300x600:empty{
    display:none;
}


/* =========================================================
   v1.8.4 - HEADER MOBIL
   Ordine mobil: LOGO -> MENIU ROȘU -> RECLAMĂ -> FLASH NEWS
   Search este mutat în meniul burger.
   ========================================================= */

.mobile-header-ad,
.mobile-menu-search{
    display:none;
}

@media(max-width:680px){
    /* Logo singur, centrat */
    .site-header .brand-row.container{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-height:0 !important;
        padding:10px 11px !important;
        margin:0 !important;
    }

    .site-header .brand-logo{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .site-header .brand-logo img{
        width:min(270px,82vw) !important;
        max-width:100% !important;
        max-height:92px !important;
        object-fit:contain !important;
        margin:0 auto !important;
    }

    /* Reclama desktop din rândul logo-ului dispare pe mobil */
    .site-header .brand-row #header-ad-right{
        display:none !important;
    }

    /* Bara roșie vine imediat sub logo */
    .main-nav{
        margin:0 !important;
        border-bottom:0 !important;
    }

    .main-nav .nav-inner{
        min-height:48px;
        display:flex !important;
        align-items:center !important;
        position:relative;
    }

    .main-nav .menu-toggle{
        display:flex !important;
        align-items:center;
        width:100%;
        min-height:48px;
        padding:0 4px !important;
        font-size:28px;
        text-align:left;
    }

    /* Search nu mai ocupă loc separat în bara roșie */
    .main-nav .nav-search{
        display:none !important;
    }

    /* Search devine ultimul element din burger */
    .main-nav .mobile-menu-search{
        display:block;
    }

    .main-nav .menu-links{
        top:100%;
        z-index:50;
        width:100%;
    }

    .main-nav .menu-links a{
        width:100%;
        padding:13px 12px !important;
        border-top:1px solid rgba(255,255,255,.18);
    }

    .main-nav .mobile-menu-search::before{
        content:"⌕";
        display:inline-block;
        margin-right:8px;
        font-size:18px;
        vertical-align:-1px;
    }

    /* Reclama apare DUPĂ bara de meniu */
    .mobile-header-ad{
        display:block;
        padding:10px 0 8px;
        background:#fff;
    }

    .mobile-header-ad .container{
        width:min(100% - 22px,1180px);
    }

    .mobile-header-managed-ad .managed-ad-item,
    .mobile-header-managed-ad .managed-ad-placeholder{
        width:100%;
        aspect-ratio:974 / 144;
        margin:0;
    }

    .mobile-header-managed-ad .managed-ad-item img{
        width:100%;
        height:100%;
        object-fit:contain;
    }
}


/* =========================================================
   v1.8.5 - FIX MOBIL + RECLAME
   ========================================================= */

/* Mobile ad is hidden on desktop. */
.mobile-header-ad{
    display:none !important;
}

@media (max-width:680px){
    /* Header: logo -> red burger bar -> ad -> flash news */
    .site-header .brand-row.container{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        width:100% !important;
        max-width:100% !important;
        min-height:0 !important;
        padding:10px 12px !important;
        margin:0 !important;
    }

    .site-header .brand-logo{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        width:100% !important;
    }

    .site-header .brand-logo img{
        width:min(270px,82vw) !important;
        height:auto !important;
        max-height:92px !important;
        margin:0 auto !important;
    }

    /* Desktop header ad must never appear beside logo on mobile. */
    .site-header .brand-row #header-ad-right{
        display:none !important;
    }

    .main-nav .nav-inner{
        display:flex !important;
        position:relative !important;
        min-height:48px !important;
        width:100% !important;
    }

    .main-nav .menu-toggle{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        width:100% !important;
        min-height:48px !important;
        padding:0 10px !important;
        margin:0 !important;
        cursor:pointer !important;
    }

    /* Critical fix: burger menu CLOSED by default. */
    .main-nav .menu-links{
        display:none !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:100% !important;
        width:100% !important;
        z-index:1000 !important;
        background:#c91f2a !important;
        flex-direction:column !important;
        align-items:stretch !important;
        overflow:visible !important;
    }

    /* Open only after JS toggles .open. */
    .main-nav .menu-links.open{
        display:flex !important;
    }

    .main-nav .menu-links a{
        display:block !important;
        width:100% !important;
        padding:13px 14px !important;
        border-top:1px solid rgba(255,255,255,.18) !important;
    }

    /* Search lives inside burger menu only. */
    .main-nav .nav-search{
        display:none !important;
    }

    .main-nav .mobile-menu-search{
        display:block !important;
    }

    /* Mobile advertising immediately below red menu. */
    .mobile-header-ad{
        display:block !important;
        background:#fff !important;
        padding:10px 0 8px !important;
    }

    .mobile-header-ad .container{
        width:calc(100% - 22px) !important;
        margin:0 auto !important;
    }

    .mobile-header-managed-ad .managed-ad-item,
    .mobile-header-managed-ad .managed-ad-placeholder{
        width:100% !important;
        height:auto !important;
        aspect-ratio:974 / 144 !important;
        margin:0 !important;
    }

    /* Sidebar ads stack normally on mobile. */
    .sidebar{
        display:block !important;
    }

    .sidebar .managed-ad-slot{
        width:min(100%,300px) !important;
        margin:20px auto !important;
    }
}


/* v1.8.7 - dimensiuni finale reclame */
.managed-ad-slot:empty{
    display:none !important;
}

.sidebar-managed-300x250:empty,
.sidebar-managed-300x600:empty{
    display:none !important;
}

/* sloturile prestabilite folosesc noile proporții */
.home-wide-managed .managed-ad-item,
.home-wide-managed .managed-ad-placeholder,
.article-inline-managed .managed-ad-item,
.article-inline-managed .managed-ad-placeholder{
    aspect-ratio:970 / 144;
}

.sidebar-managed-300x600 .managed-ad-item,
.sidebar-managed-300x600 .managed-ad-placeholder{
    aspect-ratio:300 / 420;
}

@media(max-width:680px){
    .mobile-header-managed-ad .managed-ad-item,
    .mobile-header-managed-ad .managed-ad-placeholder{
        aspect-ratio:970 / 144 !important;
    }
}