/* P541 COMMERCIAL SHARED */

.pcm-page{
    direction:rtl;
    background:#f5f7f7;
    color:#102c36;
}

.pcm-shell{
    width:min(1180px,calc(100% - 48px));
    margin-inline:auto;
}

.pcm-hero{
    position:relative;
    overflow:hidden;
    padding:clamp(90px,10vw,150px) 0 clamp(70px,8vw,120px);
    background:
        radial-gradient(circle at 18% 10%,rgba(32,126,133,.22),transparent 34%),
        linear-gradient(135deg,#071f29,#0b3540 58%,#104a53);
    color:#fff;
}

.pcm-hero:after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-140px;
    bottom:-230px;
    border:1px solid rgba(216,170,98,.34);
    border-radius:50%;
}

.pcm-eyebrow{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:28px;
    color:#d8aa62;
    font-size:.9rem;
    letter-spacing:.02em;
}

.pcm-eyebrow span+span:before{
    content:"/";
    margin-left:12px;
    opacity:.5;
}

.pcm-hero h1{
    max-width:900px;
    margin:0;
    font-size:clamp(2.6rem,5.5vw,5.2rem);
    line-height:1.12;
    font-weight:650;
}

.pcm-lead{
    max-width:760px;
    margin:32px 0 0;
    font-size:clamp(1.05rem,1.5vw,1.3rem);
    line-height:2;
    color:#dce7e9;
}

.pcm-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:38px;
}

.pcm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 24px;
    border-radius:8px;
    text-decoration:none!important;
    font-weight:600;
    transition:.2s ease;
}

.pcm-btn-primary{
    background:#d8aa62;
    color:#102c36!important;
}

.pcm-btn-secondary{
    border:1px solid rgba(255,255,255,.28);
    color:#fff!important;
}

.pcm-btn:hover{
    transform:translateY(-2px);
}

.pcm-content{
    padding:clamp(65px,8vw,110px) 0;
}

.pcm-reading{
    max-width:940px;
}

.pcm-reading > *:first-child{
    margin-top:0;
}

.pcm-reading h2{
    margin:64px 0 20px;
    color:#0d4450;
    font-size:clamp(1.65rem,3vw,2.35rem);
    line-height:1.5;
}

.pcm-reading h3{
    margin:38px 0 14px;
    color:#17606a;
    font-size:1.3rem;
}

.pcm-reading p,
.pcm-reading li{
    font-size:1.05rem;
    line-height:2.05;
    color:#334e57;
}

.pcm-reading ul,
.pcm-reading ol{
    padding-right:1.4rem;
}

.pcm-reading blockquote{
    margin:40px 0;
    padding:24px 28px;
    border-right:3px solid #d8aa62;
    background:#fff;
    border-radius:10px;
}

.pcm-final{
    padding:64px 0;
    background:#0a2732;
    color:#fff;
}

.pcm-final-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
}

.pcm-final-label{
    color:#d8aa62;
    font-size:.9rem;
}

.pcm-final h2{
    max-width:730px;
    margin:12px 0 0;
    font-size:clamp(1.5rem,3vw,2.3rem);
    line-height:1.55;
}

@media(max-width:760px){
    .pcm-shell{
        width:min(100% - 30px,1180px);
    }

    .pcm-hero{
        padding:75px 0 70px;
    }

    .pcm-hero h1{
        font-size:2.45rem;
    }

    .pcm-final-inner{
        align-items:flex-start;
        flex-direction:column;
    }

    .pcm-btn{
        width:100%;
    }
}

/* P543 — B2B COMMERCIAL BODY V2
   Scope: page ID 77 only.
   Hero / final CTA / footer untouched. */

body.page-id-77 .pcm-content{
    padding:clamp(70px,7vw,105px) 0 clamp(85px,8vw,120px);
}

body.page-id-77 .pcm-reading{
    max-width:1040px;
}

/* Intro */
body.page-id-77 .pcm-reading > p:first-child{
    max-width:900px;
    margin:0 auto 64px;
    padding:28px 34px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:12px;
    box-shadow:0 12px 35px rgba(8,42,51,.06);
    font-size:1.08rem;
    line-height:2.1;
}

/* Commercial sections */
body.page-id-77 .pcm-reading > h2{
    position:relative;
    margin:26px 0 0;
    padding:32px 34px 12px;
    background:#fff;
    border-radius:14px 14px 0 0;
    font-size:clamp(1.55rem,2.4vw,2.05rem);
    line-height:1.5;
}

body.page-id-77 .pcm-reading > h2::before{
    display:block;
    margin-bottom:10px;
    color:#d8aa62;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.06em;
}

body.page-id-77 .pcm-reading > h2:nth-of-type(1)::before{content:"01 / شناخت";}
body.page-id-77 .pcm-reading > h2:nth-of-type(2)::before{content:"02 / کاربرد";}
body.page-id-77 .pcm-reading > h2:nth-of-type(3)::before{content:"03 / امکانات";}
body.page-id-77 .pcm-reading > h2:nth-of-type(4)::before{content:"04 / مزایا";}
body.page-id-77 .pcm-reading > h2:nth-of-type(5)::before{content:"05 / مقایسه";}
body.page-id-77 .pcm-reading > h2:nth-of-type(6)::before{content:"06 / راهکار اختصاصی";}

/* Section body */
body.page-id-77 .pcm-reading > h2 + p,
body.page-id-77 .pcm-reading > h2 + ul{
    margin:0 0 24px;
    padding:8px 34px 34px;
    background:#fff;
    border-radius:0 0 14px 14px;
    box-shadow:0 12px 35px rgba(8,42,51,.055);
}

/* Lists become scannable */
body.page-id-77 .pcm-reading > h2 + ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px 30px;
    padding-right:58px;
}

body.page-id-77 .pcm-reading > h2 + ul li{
    margin:0;
    padding:3px 0;
}

/* Final paragraph belongs to section 06 */
body.page-id-77 .pcm-reading > h2:nth-of-type(6) + p + p{
    margin:-24px 0 24px;
    padding:0 34px 34px;
    background:#fff;
    border-radius:0 0 14px 14px;
    box-shadow:0 12px 35px rgba(8,42,51,.055);
}

/* Avoid double rounded block on section 06 first paragraph */
body.page-id-77 .pcm-reading > h2:nth-of-type(6) + p{
    margin-bottom:0;
    padding-bottom:24px;
    border-radius:0;
    box-shadow:none;
}

@media(max-width:760px){

    body.page-id-77 .pcm-reading > p:first-child{
        margin-bottom:38px;
        padding:22px 20px;
    }

    body.page-id-77 .pcm-reading > h2{
        padding:25px 20px 10px;
    }

    body.page-id-77 .pcm-reading > h2 + p,
    body.page-id-77 .pcm-reading > h2 + ul{
        padding:7px 20px 25px;
    }

    body.page-id-77 .pcm-reading > h2 + ul{
        display:block;
        padding-right:40px;
    }

    body.page-id-77 .pcm-reading > h2 + ul li{
        margin-bottom:9px;
    }

    body.page-id-77 .pcm-reading > h2:nth-of-type(6) + p + p{
        padding:0 20px 25px;
    }
}

/* END P543 */

/* P545 — COMMERCIAL BODY V2
   Scope: ID 128 Digital Marketing + ID 131 Strategic Marketing only.
   B2B / Hero / Final CTA / Footer untouched. */

body.page-id-128 .pcm-content,
body.page-id-131 .pcm-content{
    padding:clamp(70px,7vw,105px) 0 clamp(85px,8vw,120px);
}

body.page-id-128 .pcm-reading,
body.page-id-131 .pcm-reading{
    max-width:1040px;
}

/* ---------- INTRO ---------- */

body.page-id-128 .pcm-reading > p:first-child{
    max-width:900px;
    margin:0 auto 64px;
    padding:28px 34px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:12px;
    box-shadow:0 12px 35px rgba(8,42,51,.06);
    font-size:1.08rem;
    line-height:2.1;
}

/* Strategic page has two intro paragraphs */

body.page-id-131 .pcm-reading > p:first-child{
    max-width:900px;
    margin:0 auto;
    padding:28px 34px 12px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:12px 12px 0 0;
    box-shadow:0 12px 35px rgba(8,42,51,.045);
    font-size:1.08rem;
    line-height:2.1;
}

body.page-id-131 .pcm-reading > p:first-child + p{
    max-width:900px;
    margin:0 auto 64px;
    padding:6px 34px 28px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:0 0 12px 12px;
    box-shadow:0 12px 35px rgba(8,42,51,.06);
    font-size:1.08rem;
    line-height:2.1;
}

/* ---------- MAIN SECTIONS ---------- */

body.page-id-128 .pcm-reading > h2,
body.page-id-131 .pcm-reading > h2{
    position:relative;
    margin:58px 0 18px;
    padding:25px 0 0;
    border-top:1px solid rgba(13,68,80,.14);
    font-size:clamp(1.65rem,2.6vw,2.2rem);
    line-height:1.5;
}

body.page-id-128 .pcm-reading > h2::before,
body.page-id-131 .pcm-reading > h2::before{
    display:block;
    margin-bottom:9px;
    color:#d8aa62;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.04em;
}

/* Digital Marketing */

body.page-id-128 .pcm-reading > h2:nth-of-type(1)::before{
    content:"01 / مزیت";
}
body.page-id-128 .pcm-reading > h2:nth-of-type(2)::before{
    content:"02 / ابزارها";
}
body.page-id-128 .pcm-reading > h2:nth-of-type(3)::before{
    content:"03 / اهمیت";
}
body.page-id-128 .pcm-reading > h2:nth-of-type(4)::before{
    content:"04 / آنلاین و آفلاین";
}
body.page-id-128 .pcm-reading > h2:nth-of-type(5)::before{
    content:"05 / وب‌سایت و بازاریابی";
}

/* Strategic Marketing */

body.page-id-131 .pcm-reading > h2:nth-of-type(1)::before{
    content:"01 / تحلیل";
}
body.page-id-131 .pcm-reading > h2:nth-of-type(2)::before{
    content:"02 / اجزای برنامه";
}
body.page-id-131 .pcm-reading > h2:nth-of-type(3)::before{
    content:"03 / نقش وب‌سایت";
}
body.page-id-131 .pcm-reading > h2:nth-of-type(4)::before{
    content:"04 / بازاریابی اینترنتی";
}
body.page-id-131 .pcm-reading > h2:nth-of-type(5)::before{
    content:"05 / ارتباط با دیجیتال";
}

/* ---------- H3 + PARAGRAPH = SCANNABLE MINI CARD ---------- */

body.page-id-128 .pcm-reading > h3,
body.page-id-131 .pcm-reading > h3{
    margin:18px 0 0;
    padding:21px 25px 7px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:11px 11px 0 0;
    color:#0d4450;
    font-size:1.22rem;
    box-shadow:0 8px 28px rgba(8,42,51,.045);
}

body.page-id-128 .pcm-reading > h3 + p,
body.page-id-131 .pcm-reading > h3 + p{
    margin:0 0 14px;
    padding:3px 25px 22px;
    background:#fff;
    border-right:3px solid #d8aa62;
    border-radius:0 0 11px 11px;
    box-shadow:0 10px 28px rgba(8,42,51,.055);
}

/* Improve ordinary section paragraphs */

body.page-id-128 .pcm-reading > h2 + p,
body.page-id-131 .pcm-reading > h2 + p{
    font-size:1.06rem;
    line-height:2.05;
}

/* ---------- MOBILE ---------- */

@media(max-width:760px){

    body.page-id-128 .pcm-reading > p:first-child,
    body.page-id-131 .pcm-reading > p:first-child{
        padding:22px 20px;
    }

    body.page-id-131 .pcm-reading > p:first-child{
        padding-bottom:10px;
    }

    body.page-id-131 .pcm-reading > p:first-child + p{
        padding:4px 20px 22px;
        margin-bottom:40px;
    }

    body.page-id-128 .pcm-reading > h2,
    body.page-id-131 .pcm-reading > h2{
        margin-top:42px;
        padding-top:21px;
    }

    body.page-id-128 .pcm-reading > h3,
    body.page-id-131 .pcm-reading > h3{
        padding:18px 19px 6px;
    }

    body.page-id-128 .pcm-reading > h3 + p,
    body.page-id-131 .pcm-reading > h3 + p{
        padding:3px 19px 19px;
    }
}

/* END P545 */