.elementor-688 .elementor-element.elementor-element-5ca0bea{--display:flex;}body.elementor-page-688:not(.elementor-motion-effects-element-type-background), body.elementor-page-688 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0F2D;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9afaedb */:root {
        --radco-navy: #0A0F2D;
        --radco-gold: #F79D13;
        --radco-accent: #1E2A78;
        --white: #ffffff;
    }

    /* کانتینر اصلی */
    .radco-story-container {
        direction: rtl;
        font-family: "IRANYekanX", Tahoma, sans-serif;
        background: var(--radco-navy);
        overflow-x: hidden;
    }

    /* هر سکشن با خاصیت Sticky */
    .story-page {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--radco-navy);
        padding: 10px 20px;
        box-sizing: border-box;
    }

    /* باکس محتوا */
    .page-box {
        width: 100%;
        max-width: 1100px;
        display: flex;
        align-items: center;
        gap: 40px;
        background: rgba(255, 255, 255, 0.02);
        padding: 30px;
        border-radius: 24px;
        backdrop-filter: blur(10px);
    }

    .visual-part {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .visual-part img {
        width: 100%;
        max-width: 450px;
        border-radius: 12px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        object-fit: cover;
    }

    .info-part {
        flex: 1.2;
    }

    .info-part h2 {
        font-size: 28px;
        color: var(--radco-gold);
        margin: 0 0 15px 0;
        font-weight: 800;
    }

    .info-part .description {
        font-size: 15px;
        line-height: 1.9;
        color: #d1d5db;
        text-align: justify;
    }

    /* تگ‌های فنی */
    .tag-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .tag-pill {
        background: rgba(247, 157, 19, 0.1);
        color: var(--radco-gold);
        border: 1px solid var(--radco-gold);
        padding: 4px 12px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: bold;
    }

    /* عدد پس‌زمینه هوشمند */
    .page-num-bg {
        position: absolute;
        left: 30px;
        bottom: 10px;
        font-size: 120px;
        font-weight: 900;
        color: rgba(255, 255, 255, 0.03);
        z-index: -1;
    }

    /* موبایل ریپانسیو عالی */
    @media (max-width: 768px) {
        .story-page {
            padding: 0px 0px;
            min-height: 0vh; /* تغییر از height به min-height */
            align-items: flex-start; /* جلوگیری از بریدن محتوا در گوشی‌های کوتاه */
        }
        .page-box {
            flex-direction: column;
            gap: 20px;
            padding: 20px;
            margin-top: 5px;
        }
        .info-part h2 { font-size: 20px; text-align: center; }
        .visual-part img { max-width: 100%; }
        .page-num-bg { font-size: 80px; left: 15px; }
        .info-part .description { font-size: 14px; }
    }/* End custom CSS */