/* Start custom CSS for html, class: .elementor-element-cb04147 */<style>
    /* --- الخطوط والأساسيات --- */
    @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;900&display=swap');

    .finish-ar-container {
        direction: rtl;
        text-align: right;
        font-family: 'Cairo', sans-serif;
        color: #444;
        line-height: 1.8;
        background-color: #fdfdfd;
        max-width: 100%;
        overflow-x: hidden;
    }

    /* --- المتغيرات اللونية --- */
    :root {
        --finish-blue: #2980b9;    /* لون الدهان */
        --finish-gold: #f39c12;    /* لون التغليف */
        --finish-dark: #2c3e50;
        --finish-red: #c0392b;     /* تحذير */
        --finish-green: #27ae60;   /* آمن */
        --bg-light: #ecf0f1;
    }

    /* --- قسم الهيرو (جانب بجانب) --- */
    .finish-hero-ar {
        display: flex;
        flex-wrap: wrap;
        min-height: 500px;
    }
    .hero-text-side-ar {
        flex: 1;
        background: var(--finish-dark);
        color: white;
        padding: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 300px;
    }
    .hero-img-side-ar {
        flex: 1;
        /* الصورة المرفقة */
        background-image: url('https://punalu.com/wp-content/uploads/2026/03/blog-7-2-ARAB.png');
        background-size: cover;
        background-position: center;
        min-width: 300px;
        min-height: 300px;
    }
    .finish-hero-ar h1 {
        font-size: 2.5rem;
        font-weight: 900;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .finish-hero-ar p { font-size: 1.2rem; opacity: 0.95; }

    /* --- المقدمة --- */
    .finish-intro-ar {
        max-width: 800px;
        margin: 60px auto;
        text-align: center;
        padding: 0 20px;
        font-size: 1.1rem;
    }

    /* --- قسم المقارنة (دهان vs تغليف) --- */
    .comparison-wrap-ar {
        display: flex;
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto 60px auto;
        padding: 0 20px;
    }
    .compare-card-ar {
        flex: 1;
        background: white;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        padding: 40px;
        border-top: 6px solid #ccc;
    }
    .card-paint-ar { border-top-color: var(--finish-blue); }
    .card-lam-ar { border-top-color: var(--finish-gold); }

    .compare-card-ar h2 { margin-top: 0; font-weight: 900; font-size: 1.8rem; }
    .card-paint-ar h2 { color: var(--finish-blue); }
    .card-lam-ar h2 { color: var(--finish-gold); }

    /* خطوات العملية */
    .process-step-ar {
        margin-bottom: 15px;
        padding-right: 15px;
        border-right: 3px solid #eee; /* الخط يمين */
    }
    .process-step-ar strong { display: block; color: var(--finish-dark); font-size: 1.1rem; }

    /* قوائم المسموح والممنوع */
    .do-dont-list-ar { list-style: none; padding: 0; }
    .do-dont-list-ar li { margin-bottom: 10px; padding-right: 25px; position: relative; font-weight: 600; }
    .li-good-ar::before { content: '✔'; position: absolute; right: 0; color: var(--finish-green); font-weight: bold; }
    .li-bad-ar::before { content: '✘'; position: absolute; right: 0; color: var(--finish-red); font-weight: bold; }

    /* --- منطقة التحذير (القسم 4) --- */
    .warning-zone-ar {
        background: #fff5f5;
        border-right: 10px solid var(--finish-red); /* الخط يمين */
        padding: 50px;
        max-width: 1000px;
        margin: 0 auto 60px auto;
    }
    .warning-zone-ar h2 { color: var(--finish-red); margin-top: 0; font-weight: 800; }
    .warning-grid-ar {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin-top: 20px;
    }
    .warn-item-ar {
        background: white;
        padding: 15px;
        border: 1px solid #ffcccc;
        font-weight: bold;
        text-align: center;
        color: #c0392b;
    }

    /* --- شبكة النصائح (القسم 3) --- */
    .tips-section-ar {
        background: var(--bg-light);
        padding: 60px 20px;
        text-align: center;
    }
    .tips-grid-ar {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 30px;
        max-width: 1100px;
        margin: 40px auto 0 auto;
    }
    .tip-box-ar {
        background: white;
        padding: 30px;
        border-radius: 8px;
        transition: transform 0.3s;
    }
    .tip-box-ar:hover { transform: translateY(-5px); }
    .tip-icon-ar { font-size: 2rem; margin-bottom: 15px; display: block; color: var(--finish-green); }
    .tip-box-ar strong { display: block; margin-bottom: 10px; font-size: 1.1rem; }

    /* --- الأسئلة الشائعة --- */
    .finish-faq-ar {
        max-width: 800px;
        margin: 60px auto;
        padding: 0 20px;
    }
    .finish-faq-ar h2 { text-align: center; color: var(--finish-dark); margin-bottom: 40px; font-weight: 800; }
    
    details.finish-details-ar {
        background: white;
        border-bottom: 1px solid #ddd;
        padding: 20px;
        transition: 0.3s;
    }
    details.finish-details-ar:hover { background: #f9f9f9; }
    summary.finish-summary-ar { font-weight: 700; cursor: pointer; color: var(--finish-dark); list-style: none; }
    .finish-ans-ar { margin-top: 15px; color: #666; font-size: 1rem; }

    /* --- الفوتر --- */
    .finish-footer-ar {
        background: var(--finish-dark);
        color: white;
        text-align: center;
        padding: 50px;
    }
    .finish-footer-ar h3 { font-size: 1.8rem; margin-bottom: 10px; }

    /* --- التجاوب مع الموبايل --- */
    @media (max-width: 768px) {
        .finish-hero-ar { flex-direction: column-reverse; } /* عكس الاتجاه للموبايل */
        .hero-img-side-ar { min-height: 250px; }
        .hero-text-side-ar { padding: 40px 20px; }
        .finish-hero-ar h1 { font-size: 1.8rem; }
        .comparison-wrap-ar { flex-direction: column; }
    }
</style>/* End custom CSS */