/* ==========================================================================
   PEKINTAS HOME — BİZDEN HABERLER
   Dynamic latest-news cards. Uses existing news data; no oipanel/upload changes.
   ========================================================================== */

.pekintas-home-news{
    --phn-navy:#012b48;
    --phn-blue:#075b8d;
    --phn-text:#617989;
    --phn-line:#dce6ec;
    --phn-soft:#f3f7f9;
    position:relative;
    padding:82px 0 96px;
    background:linear-gradient(180deg,#f5f8fa 0%,#eef4f7 100%);
    font-family:Inter,Arial,sans-serif;
}

.pekintas-home-news *,
.pekintas-home-news *::before,
.pekintas-home-news *::after{
    box-sizing:border-box;
}

.phn-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:36px;
    margin-bottom:34px;
}

.phn-heading-copy{
    max-width:760px;
}

.phn-kicker{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    color:var(--phn-blue);
    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:.16em;
}

.phn-kicker::before{
    content:"";
    width:28px;
    height:2px;
    background:var(--phn-blue);
}

.phn-heading h2{
    margin:0;
    color:var(--phn-navy);
    font-size:clamp(36px,4vw,58px);
    line-height:1;
    font-weight:800;
    letter-spacing:-.045em;
}

.phn-heading p{
    max-width:640px;
    margin:15px 0 0;
    color:var(--phn-text);
    font-size:15px;
    line-height:1.7;
}

.phn-all-news{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    flex:0 0 auto;
    min-height:48px;
    padding:0 19px;
    border:1px solid rgba(1,43,72,.16);
    border-radius:999px;
    background:#fff;
    color:var(--phn-navy)!important;
    font-size:12px;
    line-height:1;
    font-weight:800;
    text-decoration:none!important;
    transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease;
}

.phn-all-news:hover{
    transform:translateY(-2px);
    border-color:var(--phn-navy);
    background:var(--phn-navy);
    color:#fff!important;
}

.phn-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.phn-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(1,43,72,.11);
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 50px rgba(1,43,72,.065);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.phn-card:hover{
    transform:translateY(-5px);
    border-color:rgba(7,91,141,.27);
    box-shadow:0 28px 68px rgba(1,43,72,.11);
}

.phn-media{
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    aspect-ratio:16/9;
    background:linear-gradient(135deg,#043b61,#0870a7);
}

.phn-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(1,43,72,.14) 100%);
    pointer-events:none;
}

.phn-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .55s ease;
}

.phn-card:hover .phn-media img{
    transform:scale(1.025);
}

.phn-media-placeholder{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.78);
    font-size:20px;
    font-weight:800;
    letter-spacing:.16em;
}

.phn-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:27px 28px 26px;
}

.phn-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 13px;
    margin-bottom:15px;
    color:#8196a4;
    font-size:10px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:.04em;
}

.phn-meta span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 9px;
    border-radius:999px;
    background:#eef4f7;
    color:var(--phn-blue);
}

.phn-card h3{
    margin:0 0 13px;
    color:var(--phn-navy);
    font-size:clamp(21px,1.75vw,27px);
    line-height:1.22;
    font-weight:760;
    letter-spacing:-.035em;
}

.phn-card h3 a{
    color:inherit!important;
    text-decoration:none!important;
}

.phn-card p{
    margin:0 0 25px;
    color:var(--phn-text);
    font-size:13.5px;
    line-height:1.68;
}

.phn-read{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:100%;
    margin-top:auto;
    padding-top:18px;
    border-top:1px solid var(--phn-line);
    color:var(--phn-navy)!important;
    font-size:11.5px;
    line-height:1;
    font-weight:800;
    text-decoration:none!important;
}

.phn-read i{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--phn-navy);
    color:#fff;
    transition:transform .25s ease,background .25s ease;
}

.phn-card:hover .phn-read i{
    transform:translateX(3px);
    background:var(--phn-blue);
}

/* En güncel içerik, referanstaki vurgu kartı gibi koyu bir ton alır. */
.phn-card.is-featured .phn-body{
    background:var(--phn-navy);
}

.phn-card.is-featured .phn-meta{
    color:#b7c8d2;
}

.phn-card.is-featured .phn-meta span{
    background:rgba(255,255,255,.11);
    color:#fff;
}

.phn-card.is-featured h3,
.phn-card.is-featured p,
.phn-card.is-featured .phn-read{
    color:#fff!important;
}

.phn-card.is-featured p{
    color:#c6d4dc!important;
}

.phn-card.is-featured .phn-read{
    border-top-color:rgba(255,255,255,.16);
}

.phn-card.is-featured .phn-read i{
    background:#fff;
    color:var(--phn-navy);
}

.phn-empty{
    padding:55px 30px;
    border:1px solid var(--phn-line);
    border-radius:20px;
    background:#fff;
    color:var(--phn-text);
    text-align:center;
    font-size:14px;
}

@media(max-width:1050px){
    .phn-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .phn-card:first-child{
        grid-column:span 2;
    }

    .phn-card:first-child{
        display:grid;
        grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
    }

    .phn-card:first-child .phn-media{
        height:100%;
        aspect-ratio:auto;
        min-height:360px;
    }
}

@media(max-width:760px){
    .pekintas-home-news{
        padding:58px 0 70px;
    }

    .phn-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
        margin-bottom:25px;
    }

    .phn-heading h2{
        font-size:38px;
    }

    .phn-heading p{
        font-size:14px;
    }

    .phn-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .phn-card:first-child{
        grid-column:auto;
        display:flex;
    }

    .phn-card:first-child .phn-media{
        min-height:0;
        height:auto;
        aspect-ratio:16/9;
    }

    .phn-body{
        padding:23px 22px 22px;
    }

    .phn-card h3{
        font-size:22px;
    }
}

@media(prefers-reduced-motion:reduce){
    .phn-card,
    .phn-media img,
    .phn-read i,
    .phn-all-news{
        transition:none!important;
    }
}