:root{
    --pgco-brand:#19284F;
    --pgco-accent:#EF4444;
    --pgco-muted:#6E7A90;
    --pgco-bg:#F7F8FA;
    --pgco-card:#FFFFFF;
    --pgco-text:#1B2748;
    --pgco-border:#E5E8EF;
}

/* ظرف اصلی */
.pg-about-summary{
    width:100%;
    margin:20px auto;
    max-width:1200px;
    background:var(--pgco-card);
    border:1px solid var(--pgco-border);
    border-radius:20px;
    overflow:hidden;
}

/* دو ستون */
.pg-about-summary__inner{
    display:flex;
    min-height:320px;
}

/* ستون متن */
.pg-about-summary__content{
    flex:0 0 50%;
    padding:0 32px 32px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
}
.pg-about-summary__title{
    font-size:22px;
    font-weight:900;
    color:var(--pgco-text);
    margin:20px 0 25px 0;
}
.pg-about-summary__text{
    margin:0;
    line-height:1.7;
    color:var(--pgco-muted);
}
.pg-about-summary__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--pgco-accent);
    color:#fff;
    padding:10px 18px;
    border-radius:12px;
    font-weight:600;
    text-decoration:none;
    transition:opacity .2s ease;
    width:max-content;
}
.pg-about-summary__btn:hover{
    opacity:.85;
}

/* ستون عکس */
.pg-about-summary__media{
    flex:0 0 50%;
    position:relative;
    overflow:hidden; /* مهم: نذار بیرون بزنه */
    min-height:320px;
}

/* خود عکس */
.pg-about-summary__img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover; /* کل ظرف رو پر کنه بدون بیرون زدن */
}

/* حالت placeholder */
.pg-about-summary__img--placeholder{
    width:100%;
    height:100%;
    background:linear-gradient(135deg, rgba(25,40,79,.05), rgba(239,68,68,.3));
}

/* موبایل */
@media (max-width: 900px){
    .pg-about-summary{
        border-radius:16px;
    }

    .pg-about-summary__inner{
        flex-direction:column-reverse;
    }

    /* بخش عکس تو موبایل */
    .pg-about-summary__media{
        width:100%;
        min-height:auto;       /* دیگه مجبورش نکن ارتفاع داشته باشه */
        max-height:none;
    }

    .pg-about-summary__img{
        width:100%;
        height:auto;           /* ارتفاع آزاد */
        object-fit:contain;    /* کل تصویر دیده بشه */
        display:block;
    }

    .pg-about-summary__content{
        padding:20px 16px 24px;
    }

    .pg-about-summary__title{
        font-size:1.25rem;
    }
}