/* =====================================================================
   88MEDIA V5.11.2 — PIXEL-FAITHFUL GOLDEN RATIO
   Reface după mockup-ul aprobat.
   Proporții: 61.8 / 38.2
   Spacing: 8 / 13 / 21 / 34 / 55
   ===================================================================== */

:root{
    --g-red:#e31b23;
    --g-black:#0a0a0b;
    --g-ink:#111214;
    --g-muted:#6e7075;
    --g-line:#e4e4e4;
    --g-soft:#f7f7f7;
    --g-8:8px;
    --g-13:13px;
    --g-21:21px;
    --g-34:34px;
    --g-55:55px;
}

/* ---------- TOP LIVE TICKER ---------- */
.ticker{
    min-height:42px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:13px;
    padding:0 max(24px,calc((100vw - 1500px)/2));
    background:#050505;
    color:#fff;
    border:0;
}
.ticker-live{
    display:grid;
    place-items:center;
    min-width:62px;
    height:30px;
    padding:0 12px;
    background:var(--g-red);
    color:#fff;
    font-size:12px;
    font-weight:950;
    letter-spacing:.5px;
}
.ticker-window{
    overflow:hidden;
    min-width:0;
}
.ticker-track{
    display:flex;
    width:max-content;
    animation:tickerMove var(--ticker-duration,42s) linear infinite;
}
.ticker-group{
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.ticker-group a{
    color:#fff;
    font-size:12px;
    font-weight:650;
}
.ticker-group i{
    margin:0 17px;
    color:var(--g-red);
    font-style:normal;
}
.ticker time{
    font-size:12px;
    font-weight:800;
}
@keyframes tickerMove{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

/* ---------- HEADER ---------- */
.site-header{
    width:min(1500px,calc(100% - 48px));
    min-height:92px;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:34px;
    border-bottom:1px solid var(--g-line);
    background:#fff;
}
.site-header .brand{
    min-width:355px;
}
.site-header .orbit-logo{
    transform:scale(1.08);
    transform-origin:left center;
}
.site-header .brand-copy strong{
    font-size:30px;
    letter-spacing:-1.3px;
}
.site-header .brand-copy small{
    margin-top:3px;
    font-size:9px;
    letter-spacing:1.35px;
}
.site-header nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
}
.site-header nav a{
    color:#0e0e0e;
    font-size:13px;
    font-weight:850;
}
.site-header .live-dot{
    font-size:12px;
    font-weight:900;
}
.site-header .search{
    font-size:22px;
}

/* ---------- HOME WRAP ---------- */
.golden-home{
    width:min(1500px,calc(100% - 48px));
    margin:34px auto 80px;
}

/* ---------- LEAD AREA ---------- */
.golden-lead{
    display:grid;
    grid-template-columns:minmax(0,1.618fr) minmax(330px,1fr);
    gap:21px;
    align-items:start;
}
.golden-hero{
    position:relative;
    min-width:0;
    height:500px;
    overflow:hidden;
    background:#111;
}
.golden-hero-viewport,
.golden-hero-track,
.golden-slide{
    height:500px;
}
.golden-hero-track{
    display:flex;
    transition:transform .58s cubic-bezier(.22,.7,.28,1);
    will-change:transform;
}
.golden-slide{
    flex:0 0 100%;
    min-width:100%;
}
.golden-slide-link{
    position:relative;
    display:flex;
    align-items:flex-end;
    height:500px;
    color:#fff;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.70) 27%,rgba(0,0,0,.42) 49%,rgba(0,0,0,.12) 75%,rgba(0,0,0,.18) 100%),
        linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%),
        var(--golden-image),
        #222;
    background-size:cover;
    background-position:center 48%;
}
.golden-slide-copy{
    position:relative;
    z-index:3;
    width:52%;
    padding:34px 32px 30px;
}
.golden-meta{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:13px;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.8px;
}
.golden-meta span,
.golden-meta b{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    color:#fff;
    background:var(--g-red);
}
.golden-slide-copy h1{
    margin:0 0 13px;
    font-size:clamp(38px,2.65vw,46px);
    line-height:1.055;
    letter-spacing:-1.55px;
    text-wrap:balance;
}
.golden-slide-copy p{
    max-width:600px;
    margin:0 0 17px;
    color:#efefef;
    font-size:14px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.golden-slide-copy small{
    color:#e0e0e0;
    font-size:11px;
}
.golden-spiral{
    position:absolute;
    z-index:2;
    width:67%;
    aspect-ratio:1.618/1;
    right:-4%;
    top:-10%;
    border:1px solid #ffffff46;
    border-radius:50%;
    transform:rotate(-7deg);
    pointer-events:none;
}
.golden-spiral::before,
.golden-spiral::after{
    content:"";
    position:absolute;
    border:1px solid #ffffff3c;
    border-radius:50%;
}
.golden-spiral::before{
    width:61.8%;
    height:61.8%;
    right:5%;
    bottom:-3%;
}
.golden-spiral::after{
    width:38.2%;
    height:38.2%;
    right:21%;
    bottom:8%;
}
.golden-arrow{
    position:absolute;
    z-index:6;
    top:50%;
    width:38px;
    height:50px;
    margin-top:-25px;
    border:1px solid #ffffff55;
    background:#0008;
    color:#fff;
    font-size:28px;
    cursor:pointer;
    opacity:0;
    transition:.2s;
}
.golden-hero:hover .golden-arrow,
.golden-arrow:focus-visible{opacity:1}
.golden-arrow.prev{left:10px}
.golden-arrow.next{right:10px}
.golden-dots{
    position:absolute;
    z-index:6;
    left:32px;
    bottom:17px;
    display:flex;
    gap:6px;
}
.golden-dots button{
    width:46px;
    height:3px;
    padding:0;
    border:0;
    background:#ffffff60;
}
.golden-dots button.is-active{background:var(--g-red)}

/* ---------- RIGHT RAIL ---------- */
.golden-desk-rail{
    display:grid;
    gap:13px;
}
.golden-trending,
.golden-newsletter,
.golden-editorial{
    border:1px solid var(--g-line);
    background:#fff;
}
.golden-trending{
    min-height:300px;
    padding:21px 21px 8px;
}
.golden-trending header{
    width:100%;
    min-height:0;
    display:block;
    margin:0 0 6px;
    padding:0 0 10px;
    border:0;
    border-bottom:2px solid #111;
}
.golden-trending header span{
    color:var(--g-red);
    font-size:12px;
    font-weight:950;
}
.golden-trending ol{
    list-style:none;
    margin:0;
    padding:0;
}
.golden-trending li{
    display:grid;
    grid-template-columns:25px 94px 1fr;
    gap:13px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid var(--g-line);
}
.golden-trending li:last-child{border-bottom:0}
.golden-trending li>b{
    color:var(--g-red);
    font-size:25px;
    line-height:1;
}
.golden-trend-img{
    display:block;
    width:94px;
    aspect-ratio:1.618/1;
    background:var(--trend-image) center/cover no-repeat,#ddd;
}
.golden-trending li div>span{
    display:block;
    margin-bottom:3px;
    color:var(--g-red);
    font-size:9px;
    font-weight:950;
    text-transform:uppercase;
}
.golden-trending li div>a{
    display:block;
    color:#111;
    font-size:13px;
    font-weight:850;
    line-height:1.18;
}
.golden-trending li small{
    display:block;
    margin-top:4px;
    color:#9a9a9a;
    font-size:9px;
}
.golden-newsletter{
    padding:17px 21px;
}
.golden-newsletter>span{
    font-size:12px;
    font-weight:950;
}
.golden-newsletter p{
    margin:5px 0 10px;
    color:#777;
    font-size:11px;
}
.golden-newsletter form{
    display:grid;
    grid-template-columns:1fr auto;
}
.golden-newsletter input[type=email]{
    min-width:0;
    height:40px;
    padding:0 12px;
    border:1px solid #ccc;
    border-right:0;
}
.golden-newsletter button{
    border:0;
    background:var(--g-red);
    color:#fff;
    padding:0 17px;
    font-size:10px;
    font-weight:950;
}
.golden-newsletter>small{
    display:block;
    margin-top:7px;
    color:#999;
    font-size:9px;
}
.golden-editorial{
    position:relative;
    min-height:125px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:17px 21px;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(135deg,#080808,#202020);
}
.golden-editorial::after{
    content:"";
    position:absolute;
    width:118px;
    height:118px;
    right:-24px;
    top:-25px;
    border:1px solid #ffffff20;
    border-radius:50%;
}
.golden-editorial span{
    color:var(--g-red);
    font-size:9px;
    font-weight:950;
}
.golden-editorial strong{
    max-width:80%;
    margin:5px 0 8px;
    font-size:17px;
    line-height:1.15;
}
.golden-editorial small{
    color:#f14a50;
    font-size:10px;
    font-weight:850;
}

/* ---------- NOW STRIP ---------- */
.golden-now{
    display:grid;
    grid-template-columns:105px 65px minmax(0,1fr) auto;
    align-items:center;
    min-height:52px;
    margin:13px 0 21px;
    border:1px solid var(--g-line);
    background:#fff;
}
.golden-now>strong{
    align-self:stretch;
    display:grid;
    place-items:center;
    color:#fff;
    background:var(--g-red);
    font-size:14px;
}
.golden-now time{
    color:var(--g-red);
    font-size:11px;
    font-weight:950;
    text-align:center;
}
.golden-now>div{
    min-width:0;
    overflow:hidden;
}
.golden-now>div a{
    display:none;
    color:#111;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.golden-now>div a:first-child{display:block}
.golden-now-more{
    padding:0 21px;
    color:#888;
    font-size:10px;
}

/* ---------- ADS ---------- */
.golden-ad,
.golden-inline-ad{
    min-height:86px;
    border:1px dashed #cfcfcf;
    background:#fafafa;
}
.golden-ad{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin:0 0 21px;
}
.golden-ad small,
.golden-inline-ad small{color:#999}
.golden-ad strong{
    color:#777;
    font-size:13px;
}

/* ---------- CATEGORY CARDS ---------- */
.golden-category-tabs{display:none}
.golden-category-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:26px;
    margin:0 0 34px;
}
.golden-category-grid article{
    min-width:0;
}
.golden-category-grid article::before{
    content:"";
    display:block;
    width:28px;
    height:3px;
    margin-bottom:6px;
    background:var(--g-red);
}
.golden-category-grid article>span{
    display:block;
    margin-bottom:8px;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}
.golden-cat-img{
    display:block;
    aspect-ratio:1.618/1;
    background:var(--cat-image) center/cover no-repeat,#ddd;
}
.golden-category-grid h2{
    margin:8px 0 6px;
    font-size:15px;
    line-height:1.18;
}
.golden-category-grid h2 a{color:#111}
.golden-category-grid small{
    color:#999;
    font-size:9px;
}

/* ---------- LATEST ---------- */
.golden-latest-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin:34px 0 13px;
    border-bottom:3px solid #111;
}
.golden-latest-head span{
    color:var(--g-red);
    font-size:9px;
    font-weight:950;
    letter-spacing:1px;
}
.golden-latest-head h2{
    margin:3px 0 8px;
    font-size:30px;
    letter-spacing:-1px;
}
.golden-latest-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:34px;
}
.golden-latest-list>article{
    display:grid;
    grid-template-columns:38.2% 1fr;
    gap:17px;
    padding:17px 0;
    border-bottom:1px solid var(--g-line);
}
.golden-list-img{
    display:block;
    aspect-ratio:1.618/1;
    background:var(--list-image) center/cover no-repeat,#ddd;
}
.golden-latest-list article span{
    color:var(--g-red);
    font-size:9px;
    font-weight:950;
    text-transform:uppercase;
}
.golden-latest-list h3{
    margin:4px 0 6px;
    font-size:18px;
    line-height:1.1;
}
.golden-latest-list h3 a{color:#111}
.golden-latest-list p{
    margin:0 0 6px;
    color:#666;
    font-size:12px;
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.golden-latest-list small{
    color:#999;
    font-size:9px;
}
.golden-inline-ad{
    grid-column:1/-1;
    display:grid;
    place-items:center;
    margin:0;
    padding:21px;
}

.golden-mobile-secondary,
.golden-mobile-trending,
.mobile-golden-nav{display:none}

/* ---------- ARTICLE TYPOGRAPHY ---------- */
.article-head h1{letter-spacing:-1.3px}
.article-body{
    font-size:17px;
    line-height:1.7;
}
.article-body p{margin:0 0 21px}

/* ---------- TABLET ---------- */
@media(max-width:1180px){
    .site-header,
    .golden-home{
        width:min(100% - 30px,1180px);
    }
    .site-header{
        grid-template-columns:auto 1fr auto;
        gap:21px;
    }
    .site-header nav{gap:17px}
    .site-header .search{display:none}
    .golden-lead{
        grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);
        gap:13px;
    }
    .golden-slide-copy{width:58%}
    .golden-category-grid{gap:17px}
}

/* ---------- MOBILE ---------- */
@media(max-width:920px){
    body{padding-bottom:72px}
    .ticker{
        min-height:39px;
        grid-template-columns:auto 1fr;
        padding:0 10px;
        gap:8px;
    }
    .ticker time{display:none}
    .ticker-live{
        min-width:54px;
        height:27px;
        font-size:11px;
    }
    .ticker-group a{font-size:11px}
    .ticker-group i{margin:0 12px}

    .site-header{
        width:100%;
        min-height:74px;
        padding:0 13px;
        grid-template-columns:1fr auto auto;
        gap:10px;
        border-bottom:1px solid #e8e8e8;
    }
    .site-header .brand{min-width:0}
    .site-header .orbit-logo{transform:scale(.88)}
    .site-header .brand-copy strong{font-size:24px}
    .site-header .brand-copy small{
        font-size:7.5px;
        letter-spacing:1px;
        white-space:nowrap;
    }
    .site-header nav{
        position:fixed;
        z-index:8500;
        left:13px;
        right:13px;
        top:118px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:8px;
        background:#fff;
        border:1px solid #ddd;
        box-shadow:0 15px 45px #0002;
    }
    .site-header nav.open{display:flex}
    .site-header nav a{
        padding:12px;
        border-bottom:1px solid #eee;
    }
    .site-header .live-dot{display:none}
    .site-header .search{display:block}
    .site-header .menu{display:grid}

    .golden-home{
        width:100%;
        margin:0 auto 34px;
        padding:0 13px;
    }
    .golden-lead{
        display:block;
        margin-top:13px;
    }
    .golden-desk-rail{display:none}
    .golden-hero{
        height:auto;
        border-radius:13px;
    }
    .golden-hero-viewport,
    .golden-hero-track,
    .golden-slide,
    .golden-slide-link{
        height:510px;
    }
    .golden-slide-link{
        align-items:flex-end;
        background:
            linear-gradient(180deg,rgba(0,0,0,.02) 8%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.88) 92%),
            var(--golden-image),
            #222;
        background-size:cover;
        background-position:center;
    }
    .golden-spiral{
        width:105%;
        right:-50%;
        top:-10%;
    }
    .golden-slide-copy{
        width:100%;
        padding:34px 21px 34px;
    }
    .golden-slide-copy h1{
        max-width:95%;
        margin-bottom:13px;
        font-size:clamp(28px,8vw,38px);
        line-height:1.02;
        letter-spacing:-1.2px;
    }
    .golden-slide-copy p{
        max-width:95%;
        margin-bottom:13px;
        font-size:13px;
        line-height:1.45;
        -webkit-line-clamp:3;
    }
    .golden-arrow{display:none}
    .golden-dots{
        left:21px;
        bottom:13px;
    }
    .golden-dots button{
        width:8px;
        height:8px;
        border-radius:50%;
    }
    .golden-dots button.is-active{width:8px}

    .golden-mobile-secondary{
        display:grid;
        margin:8px 0 21px;
    }
    .golden-mobile-secondary article{
        display:grid;
        grid-template-columns:38.2% 1fr;
        gap:13px;
        padding:13px 0;
        border-bottom:1px solid var(--g-line);
    }
    .golden-secondary-img{
        display:block;
        aspect-ratio:1.618/1;
        border-radius:8px;
        background:var(--secondary-image) center/cover no-repeat,#ddd;
    }
    .golden-mobile-secondary span{
        color:var(--g-red);
        font-size:9px;
        font-weight:950;
    }
    .golden-mobile-secondary h2{
        margin:4px 0;
        font-size:16px;
        line-height:1.12;
    }
    .golden-mobile-secondary h2 a{color:#111}
    .golden-mobile-secondary small{
        color:#999;
        font-size:9px;
    }

    .golden-mobile-trending{
        display:block;
        margin:0 0 21px;
    }
    .golden-mobile-trending header{
        width:100%;
        min-height:0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 0 8px;
        border-bottom:2px solid #111;
    }
    .golden-mobile-trending header strong{font-size:12px}
    .golden-mobile-trending header a{
        color:#777;
        font-size:10px;
    }
    .golden-mobile-trending-track{
        display:flex;
        gap:13px;
        overflow-x:auto;
        padding:13px 0 4px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }
    .golden-mobile-trending-track::-webkit-scrollbar{display:none}
    .golden-mobile-trending article{
        position:relative;
        flex:0 0 min(45vw,190px);
        scroll-snap-align:start;
    }
    .golden-mobile-trending article>b{
        position:absolute;
        z-index:2;
        left:0;
        top:0;
        transform:translate(-2px,-7px);
        color:var(--g-red);
        font-size:25px;
        text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff;
    }
    .golden-mobile-trend-img{
        display:block;
        margin-left:21px;
        aspect-ratio:1.618/1;
        border-radius:6px;
        background:var(--trend-image) center/cover no-repeat,#ddd;
    }
    .golden-mobile-trending article>span{
        display:block;
        margin-top:8px;
        color:var(--g-red);
        font-size:8px;
        font-weight:950;
    }
    .golden-mobile-trending h3{
        margin:4px 0;
        font-size:13px;
        line-height:1.12;
    }
    .golden-mobile-trending h3 a{color:#111}
    .golden-mobile-trending small{
        color:#999;
        font-size:8px;
    }

    .golden-now{display:none}
    .golden-ad{
        min-height:80px;
        margin:13px 0;
    }
    .golden-ad strong{
        font-size:0;
    }
    .golden-ad strong::after{
        content:"320 × 100";
        font-size:12px;
    }

    .golden-category-tabs{
        display:flex;
        gap:7px;
        overflow-x:auto;
        margin:0 0 8px;
        padding:0 0 8px;
        scrollbar-width:none;
    }
    .golden-category-tabs::-webkit-scrollbar{display:none}
    .golden-category-tabs a{
        flex:0 0 auto;
        padding:8px 11px;
        color:#111;
        font-size:9px;
        font-weight:950;
        text-transform:uppercase;
    }
    .golden-category-tabs a:first-child{
        color:#fff;
        background:var(--g-red);
        border-radius:3px;
    }
    .golden-category-grid{display:none}
    .golden-latest-head{display:none}

    .golden-latest-list{
        display:block;
        margin-bottom:34px;
        border:1px solid var(--g-line);
        border-radius:8px;
        overflow:hidden;
    }
    .golden-latest-list>article{
        grid-template-columns:38.2% 1fr;
        gap:13px;
        padding:13px;
        background:#fff;
    }
    .golden-list-img{border-radius:6px}
    .golden-latest-list h3{
        margin:3px 0 4px;
        font-size:15px;
    }
    .golden-latest-list p{display:none}
    .golden-inline-ad{
        margin:0;
        border-left:0;
        border-right:0;
    }

    .mobile-golden-nav{
        position:fixed;
        z-index:9000;
        left:0;
        right:0;
        bottom:0;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        min-height:68px;
        padding:6px max(8px,env(safe-area-inset-right))
                calc(5px + env(safe-area-inset-bottom))
                max(8px,env(safe-area-inset-left));
        border-top:1px solid #ddd;
        background:#fffefc;
        box-shadow:0 -7px 25px #00000010;
    }
    .mobile-golden-nav a{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        color:#111;
        font-size:8px;
        font-weight:800;
        text-align:center;
    }
    .mobile-golden-nav svg{
        width:22px;
        height:22px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .mobile-golden-nav .is-home{color:var(--g-red)}

    footer{margin-bottom:65px}
    .cookie-banner{bottom:78px!important}
}

@media(max-width:520px){
    .golden-hero-viewport,
    .golden-hero-track,
    .golden-slide,
    .golden-slide-link{
        height:480px;
    }
    .golden-slide-copy h1{font-size:28px}
}

@media(max-width:380px){
    .site-header .brand-copy small{display:none}
    .golden-hero-viewport,
    .golden-hero-track,
    .golden-slide,
    .golden-slide-link{
        height:445px;
    }
}

@media(prefers-reduced-motion:reduce){
    .golden-hero-track{transition:none}
    .ticker-track{animation:none}
}


/* =====================================================================
   88MEDIA V5.11.3 — FINAL VISUAL FINISH
   Corecții:
   1) meniul desktop rămâne pe un singur rând;
   2) spațiul alb header → hero este redus;
   3) hero-ul este mai jos și mai apropiat de mockup;
   4) titlul principal este mai compact și folosește mai bine lățimea;
   5) footer-ul este stabil pe toate paginile, inclusiv Video;
   6) Confidențialitate nu mai poate rămâne izolată/centrată.
   ===================================================================== */

/* ---------- DESKTOP HEADER: one line, no "Video" wrapping ---------- */
@media(min-width:921px){
    .site-header{
        width:min(1540px,calc(100% - 42px));
        grid-template-columns:320px minmax(0,1fr) auto auto;
        gap:21px;
        min-height:88px;
    }

    .site-header .brand{
        min-width:0;
        width:320px;
    }

    .site-header .brand-copy strong{
        font-size:29px;
    }

    .site-header nav{
        min-width:0;
        display:flex;
        flex-wrap:nowrap !important;
        justify-content:center;
        align-items:center;
        gap:clamp(13px,1.18vw,21px);
        white-space:nowrap;
    }

    .site-header nav a{
        flex:0 0 auto;
        font-size:12.5px;
        line-height:1;
        white-space:nowrap;
    }

    .site-header .live-dot{
        white-space:nowrap;
    }

    .site-header .search{
        flex:0 0 auto;
    }
}

/* ---------- LESS EMPTY SPACE BETWEEN HEADER AND HERO ---------- */
.golden-home{
    width:min(1540px,calc(100% - 42px));
    margin-top:18px;
}

/* ---------- HERO: closer to approved composition ---------- */
@media(min-width:921px){
    .golden-hero,
    .golden-hero-viewport,
    .golden-hero-track,
    .golden-slide,
    .golden-slide-link{
        height:468px;
    }

    .golden-slide-link{
        background-position:center 49%;
    }

    .golden-slide-copy{
        width:58%;
        padding:31px 34px 28px;
    }

    .golden-slide-copy h1{
        max-width:720px;
        font-size:clamp(36px,2.42vw,42px);
        line-height:1.045;
        letter-spacing:-1.35px;
        margin-bottom:13px;
    }

    .golden-slide-copy p{
        max-width:620px;
        font-size:13.5px;
        line-height:1.46;
        -webkit-line-clamp:3;
    }

    .golden-spiral{
        width:64%;
        right:-2%;
        top:-12%;
    }

    .golden-desk-rail{
        gap:11px;
    }

    .golden-trending{
        min-height:286px;
        padding:18px 20px 6px;
    }

    .golden-trending li{
        padding:11px 0;
    }

    .golden-newsletter{
        padding:15px 20px;
    }

    .golden-editorial{
        min-height:116px;
        padding:15px 20px;
    }

    .golden-now{
        margin-top:11px;
        margin-bottom:18px;
    }

    .golden-category-grid{
        margin-top:0;
    }
}

/* ---------- FOOTER: consistent on all routes, including /categorie/video ---------- */
footer{
    width:100%;
    display:grid;
    grid-template-columns:minmax(280px,.62fr) minmax(420px,1fr);
    grid-template-areas:
        "brand links"
        "intro links"
        "copy copy";
    align-items:start;
    column-gap:55px;
    row-gap:13px;
    padding:
        34px
        max(24px,calc((100vw - 1500px)/2))
        28px;
    border-top:1px solid var(--g-line);
    background:#fafafa;
    text-align:left;
}

footer .footer-brand{
    grid-area:brand;
    justify-self:start;
    align-self:start;
}

footer>p{
    grid-area:intro;
    max-width:520px;
    margin:0;
    text-align:left;
}

footer>div{
    grid-area:links;
    display:flex !important;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:flex-end;
    align-content:flex-start;
    gap:10px 21px;
    min-width:0;
    margin:0;
    text-align:left;
}

footer>div a,
footer .footer-cookie-settings{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    min-height:32px;
    margin:0;
    padding:0;
    color:#333;
    font-size:12px;
    line-height:1.2;
    text-align:left;
    white-space:nowrap;
}

footer .footer-cookie-settings{
    appearance:none;
    border:0;
    background:transparent;
    cursor:pointer;
    font-family:inherit;
    font-weight:inherit;
}

footer>small{
    grid-area:copy;
    display:block;
    margin-top:8px;
    padding-top:14px;
    border-top:1px solid #e6e6e6;
    color:#777;
    text-align:left;
}

/* Protect footer from generic nav/flex/grid rules on short pages */
footer nav,
footer div{
    max-width:none;
}

@media(max-width:920px){
    footer{
        display:block;
        padding:
            28px
            16px
            calc(92px + env(safe-area-inset-bottom));
        text-align:left;
    }

    footer .footer-brand{
        display:flex;
        width:max-content;
        max-width:100%;
        margin-bottom:13px;
    }

    footer>p{
        margin:0 0 16px;
        text-align:left;
    }

    footer>div{
        display:grid !important;
        grid-template-columns:1fr 1fr;
        gap:0 18px;
        justify-content:stretch;
        text-align:left;
    }

    footer>div a,
    footer .footer-cookie-settings{
        width:100%;
        min-height:42px;
        justify-content:flex-start;
        text-align:left;
        white-space:normal;
        border-bottom:1px solid #ededed;
    }

    footer>small{
        margin-top:16px;
        text-align:left;
    }
}

@media(max-width:480px){
    footer>div{
        grid-template-columns:1fr;
    }
}

/* ---------- SMALL LAPTOPS: keep navigation single-line as long as possible ---------- */
@media(min-width:921px) and (max-width:1250px){
    .site-header{
        grid-template-columns:285px minmax(0,1fr) auto;
        gap:14px;
    }

    .site-header .brand{
        width:285px;
    }

    .site-header .brand-copy strong{
        font-size:25px;
    }

    .site-header .brand-copy small{
        font-size:8px;
    }

    .site-header nav{
        gap:11px;
    }

    .site-header nav a{
        font-size:11.5px;
    }

    .site-header .search{
        display:none;
    }
}

/* ---------- MOBILE stays faithful to approved phone mockup ---------- */
@media(max-width:920px){
    .golden-home{
        margin-top:0;
    }

    .golden-hero{
        margin-top:13px;
    }
}


/* =====================================================================
   88MEDIA V5.11.4 — ANDROID / COOKIE MOBILE FIT
   Bannerul de consimțământ devine bottom-sheet pe telefon:
   - nu iese din ecran;
   - respectă safe-area;
   - nu este acoperit de bara mobilă 88MEDIA;
   - butoanele sunt mari și clare pentru Android;
   - fereastra Preferințe este scrollabilă.
   ===================================================================== */

@media(max-width:920px){
    .cookie-banner{
        left:10px !important;
        right:10px !important;
        bottom:calc(78px + env(safe-area-inset-bottom)) !important;
        width:auto !important;
        max-width:none !important;
        max-height:min(66vh,560px);
        overflow:auto;
        overscroll-behavior:contain;
        grid-template-columns:1fr !important;
        gap:13px !important;
        margin:0 !important;
        padding:16px !important;
        border:1px solid #333 !important;
        border-radius:13px 13px 10px 10px;
        background:#111 !important;
        box-shadow:0 16px 55px #0008 !important;
        -webkit-overflow-scrolling:touch;
    }

    .cookie-banner>div:first-child{
        min-width:0;
    }

    .cookie-banner b{
        font-size:16px;
        line-height:1.2;
    }

    .cookie-banner p{
        max-width:none !important;
        margin:5px 0 7px !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
    }

    .cookie-banner a{
        display:inline-block;
        min-height:32px;
        padding-top:4px;
        font-size:11px !important;
    }

    .cookie-banner-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
        width:100%;
    }

    .cookie-banner-actions button{
        width:100%;
        min-width:0;
        min-height:44px;
        margin:0;
        padding:10px 8px !important;
        border-radius:7px;
        font-size:11px;
        line-height:1.2;
        white-space:normal;
    }

    .cookie-banner-actions .primary{
        grid-column:1/-1;
        min-height:47px;
    }

    .cookie-modal{
        padding:
            max(10px,env(safe-area-inset-top))
            10px
            calc(80px + env(safe-area-inset-bottom))
            10px !important;
        align-items:end !important;
    }

    .cookie-modal-card{
        width:100% !important;
        max-width:620px !important;
        max-height:min(78vh,680px) !important;
        margin:0 auto;
        padding:22px 16px 18px !important;
        border-radius:13px 13px 9px 9px;
        overflow-y:auto !important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }

    .cookie-modal-card h2{
        padding-right:42px;
        font-size:27px !important;
        line-height:1.05;
    }

    .cookie-choice{
        grid-template-columns:minmax(0,1fr) 28px !important;
        gap:12px !important;
        padding:13px 0 !important;
    }

    .cookie-choice small{
        font-size:11px;
        line-height:1.4;
    }

    .cookie-choice input{
        width:22px !important;
        height:22px !important;
    }

    .cookie-modal-actions{
        position:sticky;
        bottom:-18px;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin:13px -16px -18px;
        padding:13px 16px calc(13px + env(safe-area-inset-bottom)) !important;
        background:#fff;
        border-top:1px solid #ddd;
    }

    .cookie-modal-actions button{
        width:100%;
        min-height:46px;
        border-radius:7px;
    }
}

@media(max-width:390px){
    .cookie-banner{
        left:7px !important;
        right:7px !important;
        padding:14px !important;
        max-height:69vh;
    }

    .cookie-banner-actions{
        grid-template-columns:1fr !important;
    }

    .cookie-banner-actions .primary{
        grid-column:auto;
    }

    .cookie-modal-card h2{
        font-size:24px !important;
    }
}

/* Android Chrome landscape: banner remains inside visible viewport. */
@media(max-height:540px) and (max-width:920px){
    .cookie-banner{
        max-height:calc(100vh - 94px) !important;
        bottom:calc(72px + env(safe-area-inset-bottom)) !important;
    }

    .cookie-modal{
        align-items:center !important;
        padding:8px !important;
    }

    .cookie-modal-card{
        max-height:calc(100vh - 16px) !important;
    }
}


/* =====================================================================
   88MEDIA V5.11.5 — GOLDEN RATIO GLOBAL + AUXILIARY PAGES
   - header-ul site-ului este izolat prin .site-header;
   - paginile Redacție / Confidențialitate / Despre / Contact / Cookies /
     Termeni nu mai moștenesc grila headerului principal;
   - compoziția desktop folosește 38.2% / 61.8%;
   - titlurile și spațiile urmează o scară Fibonacci.
   ===================================================================== */

:root{
    --phi:1.618;
    --phi-major:61.8%;
    --phi-minor:38.2%;
    --phi-5:5px;
    --phi-8:8px;
    --phi-13:13px;
    --phi-21:21px;
    --phi-34:34px;
    --phi-55:55px;
    --phi-89:89px;
}

/* ---------- WEB: proporții mai curate ---------- */
@media(min-width:1181px){
    .site-header,
    .golden-home{
        width:min(1480px,calc(100% - 55px));
    }

    .site-header{
        grid-template-columns:minmax(310px,var(--phi-minor)) minmax(0,var(--phi-major)) auto auto;
        gap:21px;
    }

    .site-header nav{
        gap:clamp(13px,1.05vw,21px);
    }

    .golden-home{
        margin-top:21px;
    }

    .golden-lead{
        grid-template-columns:minmax(0,1.618fr) minmax(330px,1fr);
        gap:21px;
    }

    .golden-slide-copy{
        width:55%;
        padding:34px 34px 34px;
    }

    .golden-slide-copy h1{
        max-width:680px;
        font-size:clamp(35px,2.35vw,42px);
        line-height:1.04;
    }

    .golden-trending li{
        grid-template-columns:21px 89px minmax(0,1fr);
        gap:13px;
    }

    .golden-category-grid{
        gap:21px;
    }

    .golden-latest-list{
        grid-template-columns:1fr 1.618fr;
        column-gap:34px;
    }

    .golden-latest-list>article{
        grid-template-columns:38.2% 61.8%;
        gap:13px;
    }
}

/* ---------- AUXILIARY / TRUST PAGES ---------- */
.trust-main{
    width:min(1280px,calc(100% - 55px)) !important;
    max-width:none !important;
    margin:34px auto 89px !important;
    padding:0 !important;
}

.trust-page{
    width:100%;
    max-width:none;
    background:#fff;
}

/* Important: this is a page hero, NOT the site masthead. */
.trust-hero{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:55px 0 34px !important;
    display:grid !important;
    grid-template-columns:minmax(220px,.618fr) minmax(0,1fr) !important;
    grid-template-areas:
        "kicker title"
        "meta lead" !important;
    align-items:start !important;
    column-gap:55px !important;
    row-gap:13px !important;
    border:0 !important;
    border-bottom:1px solid var(--g-line) !important;
    background:#fff !important;
}

.trust-kicker{
    grid-area:kicker;
    align-self:start;
    display:inline-flex;
    width:max-content;
    margin:11px 0 0 !important;
    padding:8px 13px;
    border-left:3px solid var(--g-red);
    background:#fafafa;
    color:var(--g-red);
    font-size:11px !important;
    font-weight:950;
    letter-spacing:1.15px;
    line-height:1;
}

.trust-hero h1{
    grid-area:title;
    min-width:0;
    max-width:840px;
    margin:0 !important;
    font-size:clamp(48px,5vw,76px) !important;
    line-height:.94 !important;
    letter-spacing:-2.6px !important;
    text-wrap:balance;
}

.trust-lead{
    grid-area:lead;
    max-width:790px !important;
    margin:0 !important;
    color:#56585d;
    font-size:clamp(18px,1.7vw,23px) !important;
    line-height:1.45 !important;
}

.trust-hero>small{
    grid-area:meta;
    align-self:start;
    margin:0 !important;
    padding:4px 0 0 16px;
    color:#777;
    font-size:11px;
}

.trust-body{
    width:100%;
    max-width:none !important;
    padding-top:34px !important;
}

.trust-body>section{
    width:100%;
    padding:0 0 34px !important;
}

.trust-body>section>h2{
    max-width:61.8%;
    margin:0 0 13px !important;
    font-size:clamp(28px,2.4vw,38px) !important;
    line-height:1.04;
    letter-spacing:-1px;
}

/* Reading column: exactly the major golden-ratio segment. */
.page-managed-content{
    width:61.8%;
    margin-left:auto;
}

.page-managed-content>h2{
    position:relative;
    margin:34px 0 13px !important;
    padding-top:0 !important;
    font-size:clamp(25px,2.2vw,34px) !important;
    line-height:1.08;
    letter-spacing:-.8px;
}

.page-managed-content>h2:first-child{
    margin-top:0 !important;
}

.page-managed-content>h2::before{
    content:"";
    position:absolute;
    left:-34px;
    top:.25em;
    width:21px;
    height:3px;
    background:var(--g-red);
}

.trust-body p,
.trust-body li,
.page-managed-content p,
.page-managed-content li{
    font-size:17px !important;
    line-height:1.72 !important;
    color:#303236;
}

.page-managed-content>p,
.page-managed-content>ul,
.page-managed-content>ol,
.page-managed-content>blockquote{
    margin:0 0 21px !important;
}

/* Operator/contact cards also use 38.2 / 61.8 instead of 50 / 50. */
.trust-contact-grid{
    display:grid !important;
    grid-template-columns:minmax(0,.618fr) minmax(0,1fr) !important;
    gap:13px !important;
    width:100%;
    margin:13px 0 0 !important;
}

.trust-contact-grid>div{
    min-height:89px;
    justify-content:center;
    padding:21px !important;
    border:1px solid #dedede !important;
    border-top:3px solid #111 !important;
    background:#fafafa !important;
}

.trust-contact-grid>div:nth-child(2n){
    border-top-color:var(--g-red) !important;
}

.trust-contact-grid b{
    color:#777;
    font-size:11px !important;
    letter-spacing:.7px;
}

.trust-contact-grid span{
    color:#151515;
    font-size:16px !important;
    line-height:1.35;
}

.trust-note{
    width:61.8%;
    margin-left:auto !important;
    padding:21px !important;
    border-left:5px solid var(--g-red) !important;
}

.cookie-policy-action{
    width:61.8%;
    margin-left:auto;
}

/* Footer remains outside the trust-page composition. */
.trust-main + footer{
    margin-top:0;
}

@media(max-width:920px){
    .trust-main{
        width:min(100% - 26px,760px) !important;
        margin:21px auto 55px !important;
    }

    .trust-hero{
        display:block !important;
        width:100% !important;
        min-height:0 !important;
        padding:34px 0 26px !important;
    }

    .trust-kicker{
        margin:0 0 13px !important;
    }

    .trust-hero h1{
        max-width:none;
        margin:0 0 13px !important;
        font-size:clamp(39px,11vw,58px) !important;
        line-height:.96 !important;
        letter-spacing:-1.8px !important;
    }

    .trust-lead{
        max-width:none !important;
        font-size:18px !important;
        line-height:1.45 !important;
    }

    .trust-hero>small{
        display:block;
        margin-top:13px !important;
        padding:0 !important;
    }

    .trust-body{
        padding-top:26px !important;
    }

    .trust-body>section>h2,
    .page-managed-content,
    .trust-note,
    .cookie-policy-action{
        width:100%;
        max-width:none;
        margin-left:0 !important;
    }

    .page-managed-content>h2::before{
        position:static;
        display:block;
        margin-bottom:8px;
    }

    .trust-contact-grid{
        grid-template-columns:1fr !important;
    }

    .trust-contact-grid>div{
        min-height:0;
    }
}


/* =====================================================================
   V5.11.8 — STICKY NEWSROOM HEADER
   Ticker LIVE + Breaking + header/nav rămân vizibile la scroll
   pe homepage, articole, categorii și paginile auxiliare.
   ===================================================================== */
.site-sticky-shell{
    position:sticky;
    top:0;
    z-index:1600;
    width:100%;
    background:#fff;
    isolation:isolate;
    box-shadow:0 1px 0 rgba(0,0,0,.05);
}

/* evită ca meniul / căutarea / tickerul să fie tăiate peste conținut */
.site-sticky-shell .ticker,
.site-sticky-shell .breaking-bar,
.site-sticky-shell .site-header{
    position:relative;
    z-index:1;
}

/* umbră discretă sub toată zona fixată, fără să schimbăm grafica */
.site-sticky-shell::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-12px;
    height:12px;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(0,0,0,.075),rgba(0,0,0,0));
    opacity:.45;
}

/* Anchor links nu mai ajung ascunse sub headerul sticky */
html{
    scroll-padding-top:190px;
}

/* Tablete */
@media(max-width:920px){
    .site-sticky-shell{
        z-index:1700;
    }
    html{
        scroll-padding-top:165px;
    }
}

/* Telefon: păstrăm aceeași zonă sticky, dar fără umbră grea */
@media(max-width:620px){
    .site-sticky-shell::after{
        height:8px;
        bottom:-8px;
        opacity:.32;
    }
    html{
        scroll-padding-top:150px;
    }
}

/* Android/iOS landscape: nu blocăm inutil din înălțimea ecranului */
@media(max-height:520px) and (orientation:landscape){
    .site-sticky-shell .ticker{
        min-height:34px;
    }
    .site-sticky-shell .site-header{
        min-height:68px;
    }
    html{
        scroll-padding-top:120px;
    }
}


/* =====================================================================
   V5.11.9 — PAGE SCROLL / READING PROGRESS
   Linie neagră fină în marginea superioară; roșul avansează odată cu scroll-ul.
   ===================================================================== */
.reading-progress{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:#111;
    z-index:3000;
    pointer-events:none;
    overflow:hidden;
}

.reading-progress>span{
    display:block;
    width:0;
    height:100%;
    background:#d71920;
    transform-origin:left center;
    transition:width .08s linear;
    box-shadow:0 0 7px rgba(215,25,32,.28);
}

/* Headerul sticky începe imediat sub bara de progres */
.site-sticky-shell{
    top:3px;
}

/* Mobil: bară foarte discretă, dar vizibilă */
@media(max-width:620px){
    .reading-progress{
        height:2px;
    }
    .site-sticky-shell{
        top:2px;
    }
}

/* Preferință utilizator: mișcare redusă */
@media(prefers-reduced-motion:reduce){
    .reading-progress>span{
        transition:none;
    }
}


/* =====================================================================
   V5.11.10 — EDITORIAL LIVE HOMEPAGE
   Am preluat doar ideile care aduc valoare editorială:
   - flux compact "Ultimele știri" cu oră;
   - "În Trend" 01–05, mai puternic și mai curat;
   - Video doar când există conținut video real.
   ===================================================================== */

/* --- ÎN TREND 01–05 ------------------------------------------------ */
.golden-trending-pro{
    padding-bottom:12px;
}
.golden-trending-pro header{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    margin-bottom:4px;
}
.golden-trending-pro header>span{
    font-size:13px;
    letter-spacing:.12em;
    font-weight:900;
}
.golden-trending-pro header>small{
    color:#8a8a8a;
    font-size:10px;
    white-space:nowrap;
}
.golden-trending-pro ol{
    margin:0;
    padding:0;
}
.golden-trending-pro li{
    display:grid;
    grid-template-columns:54px 1fr;
    align-items:start;
    gap:10px;
    min-height:62px;
    padding:8px 0;
    border-bottom:1px solid #ececec;
}
.golden-trending-pro li:last-child{
    border-bottom:0;
}
.golden-trending-pro li>b{
    font-size:35px;
    line-height:.95;
    letter-spacing:-.07em;
    color:#d9d9d9;
    font-weight:950;
    transition:color .18s ease;
}
.golden-trending-pro li:hover>b{
    color:#d71920;
}
.golden-trending-pro li>div{
    min-width:0;
}
.golden-trending-pro li>div>span{
    display:block;
    margin-bottom:3px;
    color:#d71920;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.golden-trending-pro li>div>a{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#111;
    font-size:13px;
    line-height:1.24;
    font-weight:800;
    text-decoration:none;
}
.golden-trending-pro li>div>a:hover{
    color:#d71920;
}
.golden-trending-pro li small{
    display:block;
    margin-top:3px;
    color:#8a8a8a;
    font-size:9px;
}

/* --- ULTIMELE ȘTIRI LIVE ------------------------------------------- */
.golden-live-wire{
    width:min(100% - 40px,1480px);
    margin:18px auto 26px;
    border-top:3px solid #111;
    border-bottom:1px solid #dcdcdc;
    background:#fff;
}
.golden-live-wire>header{
    display:grid;
    grid-template-columns:10px auto 1fr;
    align-items:center;
    gap:10px;
    padding:10px 0 9px;
    border-bottom:1px solid #ececec;
}
.golden-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#d71920;
    box-shadow:0 0 0 5px rgba(215,25,32,.10);
    animation:golden-live-pulse 1.7s ease-in-out infinite;
}
@keyframes golden-live-pulse{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(.82);opacity:.58}
}
.golden-live-wire>header>div{
    display:flex;
    align-items:baseline;
    gap:10px;
}
.golden-live-wire>header strong{
    font-size:13px;
    letter-spacing:.09em;
}
.golden-live-wire>header small{
    color:#808080;
    font-size:10px;
}
.golden-live-wire>header>a{
    justify-self:end;
    color:#111;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}
.golden-live-wire>header>a:hover{
    color:#d71920;
}
.golden-live-wire-track{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.golden-live-wire-track article{
    position:relative;
    display:grid;
    grid-template-columns:48px 1fr;
    grid-template-areas:
        "time cat"
        "time title";
    column-gap:10px;
    min-height:76px;
    padding:12px 16px 12px 0;
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
}
.golden-live-wire-track article:nth-child(3n){
    border-right:0;
}
.golden-live-wire-track article:nth-last-child(-n+3){
    border-bottom:0;
}
.golden-live-wire-track time{
    grid-area:time;
    color:#d71920;
    font-size:14px;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}
.golden-live-wire-track span{
    grid-area:cat;
    color:#838383;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.golden-live-wire-track a{
    grid-area:title;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#111;
    font-size:13px;
    line-height:1.3;
    font-weight:800;
    text-decoration:none;
}
.golden-live-wire-track a:hover{
    color:#d71920;
}

/* --- 88MEDIA VIDEO ------------------------------------------------- */
.golden-video-section{
    width:min(100% - 40px,1480px);
    margin:42px auto 46px;
    padding:24px 0 0;
    border-top:4px solid #111;
}
.golden-video-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}
.golden-video-head span{
    color:#d71920;
    font-size:11px;
    font-weight:950;
    letter-spacing:.12em;
}
.golden-video-head h2{
    margin:1px 0 0;
    font-size:31px;
    letter-spacing:-.04em;
}
.golden-video-head>a{
    color:#111;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}
.golden-video-head>a:hover{
    color:#d71920;
}
.golden-video-grid{
    display:grid;
    grid-template-columns:minmax(0,1.618fr) minmax(320px,1fr);
    gap:24px;
}
.golden-video-lead{
    display:grid;
    grid-template-columns:minmax(0,1.618fr) minmax(240px,1fr);
    gap:20px;
    align-items:start;
}
.golden-video-image,
.golden-video-thumb{
    position:relative;
    display:block;
    overflow:hidden;
    background:
        linear-gradient(180deg,transparent 40%,rgba(0,0,0,.28)),
        var(--video-image) center/cover no-repeat;
}
.golden-video-image{
    min-height:360px;
}
.golden-video-thumb{
    min-height:128px;
}
.golden-play{
    position:absolute;
    left:22px;
    bottom:22px;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#d71920;
    color:#fff;
    font-size:20px;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.golden-play.small{
    left:12px;
    bottom:12px;
    width:36px;
    height:36px;
    font-size:13px;
}
.golden-video-lead>div>span,
.golden-video-side article>div>span{
    color:#d71920;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.golden-video-lead h3{
    margin:7px 0 9px;
    font-size:27px;
    line-height:1.05;
    letter-spacing:-.035em;
}
.golden-video-lead h3 a,
.golden-video-side h3 a{
    color:#111;
    text-decoration:none;
}
.golden-video-lead h3 a:hover,
.golden-video-side h3 a:hover{
    color:#d71920;
}
.golden-video-lead p{
    color:#555;
    font-size:13px;
    line-height:1.5;
}
.golden-video-lead small,
.golden-video-side small{
    color:#888;
    font-size:10px;
}
.golden-video-side{
    display:grid;
    gap:16px;
}
.golden-video-side article{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:14px;
    padding-bottom:16px;
    border-bottom:1px solid #e8e8e8;
}
.golden-video-side article:last-child{
    border-bottom:0;
}
.golden-video-side h3{
    margin:5px 0 8px;
    font-size:17px;
    line-height:1.15;
    letter-spacing:-.025em;
}

/* Responsive */
@media(max-width:1080px){
    .golden-live-wire-track{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .golden-live-wire-track article:nth-child(3n){
        border-right:1px solid #ececec;
    }
    .golden-live-wire-track article:nth-child(2n){
        border-right:0;
    }
    .golden-live-wire-track article:nth-last-child(-n+3){
        border-bottom:1px solid #ececec;
    }
    .golden-live-wire-track article:nth-last-child(-n+2){
        border-bottom:0;
    }
    .golden-video-grid,
    .golden-video-lead{
        grid-template-columns:1fr;
    }
    .golden-video-side{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .golden-live-wire{
        width:calc(100% - 24px);
        margin-top:14px;
    }
    .golden-live-wire>header{
        grid-template-columns:10px 1fr auto;
    }
    .golden-live-wire>header>div{
        display:block;
    }
    .golden-live-wire>header small{
        display:block;
        margin-top:2px;
    }
    .golden-live-wire-track{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }
    .golden-live-wire-track::-webkit-scrollbar{
        display:none;
    }
    .golden-live-wire-track article{
        flex:0 0 82%;
        min-height:84px;
        border-right:1px solid #ececec!important;
        border-bottom:0!important;
        scroll-snap-align:start;
    }

    .golden-video-section{
        width:calc(100% - 24px);
        margin-top:34px;
    }
    .golden-video-head h2{
        font-size:27px;
    }
    .golden-video-head>a{
        max-width:130px;
        text-align:right;
    }
    .golden-video-image{
        min-height:240px;
    }
    .golden-video-lead h3{
        font-size:23px;
    }
    .golden-video-side{
        grid-template-columns:1fr;
    }
    .golden-video-side article{
        grid-template-columns:120px 1fr;
    }
    .golden-video-thumb{
        min-height:90px;
    }
}

@media(prefers-reduced-motion:reduce){
    .golden-live-dot{
        animation:none;
    }
}


/* =====================================================================
   V5.11.11 — EDITORIAL POLISH
   Inspirat din principiile bune ale publicațiilor mature:
   etichete editoriale, ierarhie, spațiu alb, metadate și separatoare fine.
   Fără copiere de identitate vizuală.
   ===================================================================== */

.editorial-label,
.article-editorial-label{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:20px;
    padding:3px 7px 2px;
    border:1px solid rgba(215,25,32,.38);
    background:rgba(215,25,32,.045);
    color:#c91620;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    line-height:1;
    font-style:normal;
    font-weight:950;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.editorial-label.on-dark{
    border-color:rgba(255,255,255,.5);
    background:rgba(0,0,0,.28);
    color:#fff;
}

/* Hero: mai multă respirație în copy, fără a pierde impactul */
.golden-slide-copy{
    max-width:min(860px,88%);
}
.golden-slide-copy h1{
    margin-top:9px;
    letter-spacing:-.035em;
}
.golden-slide-copy p{
    max-width:760px;
    opacity:.92;
}
.golden-meta{
    gap:7px;
    flex-wrap:wrap;
}

/* Cardurile secundare: metadata mai discretă */
.golden-mobile-secondary article>div{
    align-content:start;
}
.golden-mobile-secondary article>div>small,
.golden-category-grid article>small,
.golden-latest-list article small{
    color:#858585;
    font-size:10px;
}

/* Categorii: mai puțin "card", mai multă pagină editorială */
.golden-category-grid{
    column-gap:22px;
    row-gap:30px;
}
.golden-category-grid article{
    padding-bottom:18px;
    border-bottom:1px solid #e6e6e6;
    background:transparent;
}
.golden-category-grid article>span{
    margin-top:8px;
}
.golden-category-grid .editorial-label{
    margin-top:11px;
}
.golden-category-grid .editorial-label + span{
    margin-top:6px;
}
.golden-category-grid h2{
    margin-bottom:10px;
}

/* Ultimele știri: separatoare foarte fine + mai mult spațiu alb */
.golden-latest-list{
    border-top:1px solid #111;
}
.golden-latest-list>article{
    padding-top:24px;
    padding-bottom:24px;
    border-bottom:1px solid #e4e4e4;
}
.golden-list-copy{
    align-self:start;
}
.golden-list-kicker{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:7px;
}
.golden-list-kicker>span{
    color:#d71920;
    font-size:10px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.golden-latest-list h3{
    margin-top:0;
    margin-bottom:9px;
    letter-spacing:-.025em;
}
.golden-latest-list p{
    max-width:760px;
    margin-top:0;
    color:#555;
    line-height:1.48;
}

/* OPINII 88 */
.golden-opinions{
    width:min(100% - 40px,1480px);
    margin:46px auto;
    padding:24px 0 28px;
    border-top:4px solid #111;
    border-bottom:1px solid #dedede;
    background:linear-gradient(180deg,#fafafa 0,#fff 75%);
}
.golden-opinions>header{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:22px;
}
.golden-opinions>header span{
    color:#d71920;
    font-size:10px;
    font-weight:950;
    letter-spacing:.12em;
}
.golden-opinions>header h2{
    margin:2px 0 0;
    font-size:31px;
    letter-spacing:-.045em;
}
.golden-opinions>header>small{
    max-width:410px;
    color:#777;
    font-size:11px;
    line-height:1.4;
    text-align:right;
}
.golden-opinions-grid{
    display:grid;
    grid-template-columns:1.618fr 1fr 1fr;
    gap:0;
}
.golden-opinions-grid article{
    min-width:0;
    padding:6px 24px 6px 22px;
    border-left:1px solid #dedede;
}
.golden-opinions-grid article:first-child{
    padding-left:0;
    border-left:0;
}
.golden-opinion-author{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
}
.golden-opinion-author>span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    flex:none;
    border-radius:50%;
    background:#111;
    color:#fff;
    font-size:16px;
    font-weight:950;
}
.golden-opinion-author>div{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.golden-opinion-author strong{
    overflow:hidden;
    color:#111;
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.golden-opinion-author small{
    margin-top:2px;
    color:#d71920;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
}
.golden-opinions-grid h3{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.12;
    letter-spacing:-.025em;
}
.golden-opinions-grid article.lead h3{
    font-size:27px;
}
.golden-opinions-grid h3 a{
    color:#111;
    text-decoration:none;
}
.golden-opinions-grid h3 a:hover{
    color:#d71920;
}
.golden-opinions-grid p{
    margin:0 0 12px;
    max-width:620px;
    color:#555;
    font-size:13px;
    line-height:1.48;
}
.golden-opinions-grid time{
    color:#888;
    font-size:10px;
}

/* Articol: eticheta editorială stă alături de BREAKING și categorie */
.article-kicker-row{
    flex-wrap:wrap;
}
.article-editorial-label{
    min-height:23px;
    padding-inline:8px;
}

/* Legătura cromatică rămâne disciplinată:
   negru pentru structură, roșu pentru semnal editorial. */
.golden-latest-head,
.golden-video-head,
.golden-opinions>header{
    text-rendering:optimizeLegibility;
}

@media(max-width:920px){
    .golden-opinions-grid{
        grid-template-columns:1fr 1fr;
    }
    .golden-opinions-grid article:nth-child(3){
        grid-column:1/-1;
        margin-top:20px;
        padding-top:20px;
        padding-left:0;
        border-top:1px solid #dedede;
        border-left:0;
    }
}

@media(max-width:720px){
    .golden-slide-copy{
        max-width:92%;
    }

    .golden-opinions{
        width:calc(100% - 24px);
        margin:34px auto;
    }
    .golden-opinions>header{
        display:block;
    }
    .golden-opinions>header>small{
        display:block;
        margin-top:7px;
        text-align:left;
    }
    .golden-opinions-grid{
        grid-template-columns:1fr;
    }
    .golden-opinions-grid article,
    .golden-opinions-grid article:first-child,
    .golden-opinions-grid article:nth-child(3){
        grid-column:auto;
        margin:0;
        padding:18px 0;
        border-left:0;
        border-top:1px solid #e4e4e4;
    }
    .golden-opinions-grid article:first-child{
        padding-top:4px;
        border-top:0;
    }
    .golden-opinions-grid article.lead h3{
        font-size:23px;
    }

    .golden-latest-list>article{
        padding-top:19px;
        padding-bottom:19px;
    }
}


/* =====================================================================
   V5.11.12 — VISIBLE EDITORIAL REDESIGN
   Schimbări intenționat vizibile chiar dacă articolele NU au etichete.
   Principii: ierarhie clară, mai mult alb, titluri puternice, reguli fine,
   negru structural + roșu doar pentru semnale editoriale.
   ===================================================================== */

/* ----- Container / ritm general ----------------------------------- */
.golden-desktop-hero,
.golden-mobile-secondary,
.golden-live-wire,
.golden-category-tabs,
.golden-category-grid,
.golden-opinions,
.golden-video-section,
.golden-latest-head,
.golden-latest-layout{
    width:min(calc(100% - 48px),1480px);
}

.golden-desktop-hero{
    margin-top:22px;
    margin-bottom:28px;
    gap:28px;
}

/* ----- HERO: mai premium, mai editorial ---------------------------- */
.golden-slider{
    border-radius:0;
    box-shadow:none;
    background:#111;
}
.golden-slide{
    min-height:525px;
}
.golden-slide::after{
    background:
        linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 47%,rgba(0,0,0,.08) 72%),
        linear-gradient(0deg,rgba(0,0,0,.42),transparent 58%);
}
.golden-slide-copy{
    left:38px;
    bottom:36px;
    max-width:760px;
}
.golden-slide-copy h1{
    max-width:720px;
    margin:10px 0 12px;
    font-size:clamp(34px,3.1vw,54px);
    line-height:.98;
    letter-spacing:-.045em;
    text-wrap:balance;
}
.golden-slide-copy p{
    max-width:660px;
    font-size:14px;
    line-height:1.48;
}
.golden-slide-copy small{
    margin-top:13px;
    font-size:10px;
    letter-spacing:.025em;
}

/* Linia roșie sub hero devine semn editorial constant */
.golden-slider::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:38.2%;
    height:4px;
    z-index:8;
    background:#d71920;
}

/* ----- RAIL dreapta: aspect de coloană editorială ----------------- */
.golden-desk-rail{
    padding-left:22px;
    border-left:1px solid #d9d9d9;
}
.golden-trending-pro{
    padding:0;
    border:0;
    background:transparent;
}
.golden-trending-pro header{
    padding:0 0 10px;
    border-bottom:3px solid #111;
}
.golden-trending-pro ol{
    padding-top:2px;
}
.golden-trending-pro li{
    grid-template-columns:58px 1fr;
    min-height:72px;
    padding:11px 0;
}
.golden-trending-pro li>b{
    font-size:40px;
    color:#e0e0e0;
}
.golden-trending-pro li>div>a{
    font-size:14px;
    line-height:1.23;
}
.golden-newsletter{
    margin-top:20px;
    padding:18px;
    border:0;
    border-top:4px solid #d71920;
    background:#f3f3f3;
    box-shadow:none;
}
.golden-editorial{
    margin-top:16px;
    padding:18px 0 4px;
    border:0;
    border-top:1px solid #111;
    background:transparent;
}

/* ----- 3 știri secundare: carduri mult mai vizibile --------------- */
.golden-mobile-secondary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:6px;
    margin-bottom:34px;
    padding-top:24px;
    border-top:1px solid #111;
}
.golden-mobile-secondary article{
    display:block;
    padding:0 0 20px;
    border:0;
    border-bottom:1px solid #dcdcdc;
    background:#fff;
}
.golden-secondary-img{
    width:100%;
    aspect-ratio:16/9;
    min-height:0;
    margin:0 0 13px;
}
.golden-mobile-secondary article>div>span{
    display:block;
    margin:7px 0 5px;
    color:#d71920;
    font-size:9px;
    font-weight:950;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.golden-mobile-secondary h2{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.08;
    letter-spacing:-.028em;
}
.golden-mobile-secondary article:first-child h2{
    font-size:24px;
}
.golden-mobile-secondary article>div>small{
    display:block;
    margin-top:8px;
}

/* ----- Ultimele știri LIVE: arată ca un adevărat news wire -------- */
.golden-live-wire{
    margin-top:10px;
    margin-bottom:36px;
    border-top:4px solid #111;
}
.golden-live-wire>header{
    padding:12px 0;
}
.golden-live-wire>header strong{
    font-size:14px;
}
.golden-live-wire-track{
    background:#fafafa;
    border-left:1px solid #ececec;
}
.golden-live-wire-track article{
    min-height:88px;
    padding:15px 18px;
    grid-template-columns:52px 1fr;
    background:#fff;
}
.golden-live-wire-track time{
    font-size:15px;
}
.golden-live-wire-track a{
    font-size:14px;
}

/* ----- Categorii: prima știre domină, următoarele sunt mai compacte */
.golden-category-tabs{
    margin-top:34px;
    padding:0 0 12px;
    border-bottom:3px solid #111;
    gap:16px;
}
.golden-category-tabs a{
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#555;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.golden-category-tabs a:hover{
    color:#d71920;
    background:none;
}

.golden-category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px 22px;
    margin-top:22px;
}
.golden-category-grid article{
    padding:0 0 20px;
    border:0;
    border-bottom:1px solid #dedede;
}
.golden-category-grid article:first-child{
    grid-column:span 2;
}
.golden-category-grid article:first-child .golden-cat-img{
    aspect-ratio:16/8.7;
}
.golden-category-grid article:first-child h2{
    max-width:720px;
    font-size:30px;
    line-height:1.02;
}
.golden-cat-img{
    aspect-ratio:16/10;
}
.golden-category-grid h2{
    font-size:18px;
    line-height:1.1;
    letter-spacing:-.025em;
}

/* ----- Titluri de secțiune mai puternice --------------------------- */
.golden-latest-head{
    margin-top:48px;
    padding:0 0 13px;
    border-bottom:4px solid #111;
}
.golden-latest-head h2,
.golden-video-head h2,
.golden-opinions>header h2{
    font-size:34px;
    line-height:1;
    letter-spacing:-.05em;
}

/* ----- Lista finală: primul material primește ierarhie vizuală ----- */
.golden-latest-list>article{
    grid-template-columns:260px minmax(0,1fr);
    gap:24px;
    min-height:180px;
    padding:25px 0;
}
.golden-latest-list>article:first-child{
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
    padding-top:28px;
    padding-bottom:32px;
}
.golden-latest-list>article:first-child .golden-list-img{
    min-height:285px;
}
.golden-latest-list>article:first-child h3{
    max-width:760px;
    font-size:32px;
    line-height:1.02;
}
.golden-latest-list>article:not(:first-child) h3{
    font-size:22px;
    line-height:1.08;
}
.golden-latest-list>article p{
    max-width:780px;
    font-size:13px;
}
.golden-list-kicker{
    margin-bottom:9px;
}

/* ----- Publicitate: mai puțină senzație de "cutie" ----------------- */
.golden-ad{
    margin-top:28px;
    margin-bottom:34px;
    border-color:#e5e5e5;
    background:#fbfbfb;
}

/* ----- Hover subtil pe titluri, nu pe întregul card ---------------- */
.golden-mobile-secondary h2 a,
.golden-category-grid h2 a,
.golden-latest-list h3 a{
    transition:color .16s ease;
}
.golden-mobile-secondary h2 a:hover,
.golden-category-grid h2 a:hover,
.golden-latest-list h3 a:hover{
    color:#d71920;
}

/* ----- Tabletă ------------------------------------------------------ */
@media(max-width:1100px){
    .golden-desktop-hero{
        gap:20px;
    }
    .golden-slide{
        min-height:480px;
    }
    .golden-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .golden-category-grid article:first-child{
        grid-column:span 2;
    }
    .golden-latest-list>article,
    .golden-latest-list>article:first-child{
        grid-template-columns:230px minmax(0,1fr);
    }
    .golden-latest-list>article:first-child .golden-list-img{
        min-height:220px;
    }
}

/* ----- Mobil: păstrăm ierarhia, dar fără aglomerare ---------------- */
@media(max-width:720px){
    .golden-desktop-hero,
    .golden-mobile-secondary,
    .golden-live-wire,
    .golden-category-tabs,
    .golden-category-grid,
    .golden-opinions,
    .golden-video-section,
    .golden-latest-head,
    .golden-latest-layout{
        width:calc(100% - 24px);
    }

    .golden-slide{
        min-height:440px;
    }
    .golden-slide-copy{
        left:18px;
        right:18px;
        bottom:26px;
        max-width:none;
    }
    .golden-slide-copy h1{
        font-size:31px;
        line-height:1;
    }
    .golden-slide-copy p{
        display:none;
    }

    .golden-mobile-secondary{
        grid-template-columns:1fr;
        gap:0;
        padding-top:16px;
    }
    .golden-mobile-secondary article{
        display:grid;
        grid-template-columns:132px 1fr;
        gap:14px;
        padding:15px 0;
    }
    .golden-secondary-img{
        aspect-ratio:4/3;
        margin:0;
    }
    .golden-mobile-secondary h2,
    .golden-mobile-secondary article:first-child h2{
        font-size:17px;
    }

    .golden-category-grid{
        grid-template-columns:1fr;
        gap:22px;
    }
    .golden-category-grid article:first-child{
        grid-column:auto;
    }
    .golden-category-grid article:first-child h2{
        font-size:25px;
    }

    .golden-latest-list>article,
    .golden-latest-list>article:first-child{
        display:block;
        min-height:0;
        padding:20px 0;
    }
    .golden-latest-list>article .golden-list-img,
    .golden-latest-list>article:first-child .golden-list-img{
        display:block;
        width:100%;
        min-height:0;
        aspect-ratio:16/9;
        margin-bottom:14px;
    }
    .golden-latest-list>article:first-child h3{
        font-size:25px;
    }
    .golden-latest-list>article:not(:first-child) h3{
        font-size:20px;
    }
}

/* Layout mic: linii și aer, fără carduri grele */
@media(max-width:420px){
    .golden-slide-copy h1{
        font-size:28px;
    }
    .golden-mobile-secondary article{
        grid-template-columns:112px 1fr;
        gap:12px;
    }
}

/* =====================================================================
   88MEDIA V5.12.2 — LATEST FIRST ITEM DESKTOP FIT HOTFIX
   Motiv: primul articol din „Ultimele știri” avea simultan:
   - containerul părinte într-o coloană îngustă (raport 1 / 1.618);
   - imagine cu aspect-ratio 1.618/1;
   - min-height:285px.
   Combinația impunea imaginii o lățime minimă de ~461px și comprima
   coloana de text la câteva zeci de pixeli. Hotfix-ul face primul material
   să ocupe lățimea secțiunii pe desktop, păstrând ierarhia editorială.
   ===================================================================== */
@media(min-width:1101px){
    .golden-latest-list>article:first-child{
        grid-column:1 / -1;
        grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);
        align-items:stretch;
        min-width:0;
    }

    .golden-latest-list>article:first-child .golden-list-img{
        width:100%;
        min-width:0;
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .golden-latest-list>article:first-child .golden-list-copy{
        min-width:0;
        align-self:center;
    }

    .golden-latest-list>article:first-child h3,
    .golden-latest-list>article:first-child h3 a{
        overflow-wrap:normal;
        word-break:normal;
        hyphens:none;
    }
}