.elementor-469 .elementor-element.elementor-element-6f71ad3{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b761736 *//* الحل الجذري لمشكلة التمرير الأفقي */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.site-content, .ast-container, .entry-content, .elementor-section, .elementor-column {
    max-width: 100%;
    overflow-x: hidden;
}

/* هذا الكود يمنع أي عنصر من أن يكون عريضًا جدًا */
* {
    max-width: 100%;
    box-sizing: border-box;
}

/* علاج خاص للصور */
img, .wp-image, .elemento.section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ------------------- توهج ذهبي على البطاقات ------------------- */
.product-card, .service-card, .stat-card, .testimonial-card, .payment-card, .article-card {
    position: relative;
    overflow: hidden;
}
.product-card::before, .service-card::before, .stat-card::before, 
.testimonial-card::before, .payment-card::before, .article-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.15), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
}
.product-card:hover::before, .service-card:hover::before, .stat-card:hover::before, 
.testimonial-card:hover::before, .payment-card:hover::before, .article-card:hover::before {
    left: 100%;
}

/* ------------------- شريط ذهبي سفلي عند hover ------------------- */
.product-card, .service-card, .stat-card, .testimonial-card, .payment-card, .article-card {
    position: relative;
}
.product-card::after, .service-card::after, .stat-card::after, 
.testimonial-card::after, .payment-card::after, .article-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #F7CAC9, #D4AF37);
    transform: scaleX(0);
    transition: transform 0.5s ease;
    transform-origin: left;
}
.product-card:hover::after, .service-card:hover::after, .stat-card:hover::after, 
.testimonial-card:hover::after, .payment-card:hover::after, .article-card:hover::after {
    transform: scaleX(1);
}

/* ------------------- تكبير الصور ------------------- */
.product-card img {
    transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1), filter 0.3s;
}
.product-card:hover img {
    transform: scale(1.03);
    filter: brightness(1.05) saturate(1.1);
}

/* ------------------- العناوين المتوهجة ------------------- */
.section-title {
    position: relative;
    animation: titleGlow 4s infinite alternate;
}
@keyframes titleGlow {
    0% { text-shadow: 0 0 0px rgba(212, 175, 55, 0); letter-spacing: -0.5px; }
    100% { text-shadow: 0 0 15px rgba(212, 175, 55, 0.5); letter-spacing: 1px; }
}

/* ------------------- أيقونات الخدمات والمقالات ------------------- */
.service-card i, .article-card i {
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    display: inline-block;
}
.service-card:hover i, .article-card:hover i {
    transform: scale(1.15) rotate(5deg);
    text-shadow: 0 0 15px #D4AF37;
}

/* ------------------- الأزرار ------------------- */
.btn-gold {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btn-gold::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
    z-index: -1;
}
.btn-gold:hover::before {
    left: 100%;
}
.btn-outline {
    position: relative;
    overflow: hidden;
}
.btn-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,0.2), transparent);
    transition: left 0.5s ease;
}
.btn-outline:hover::before {
    left: 100%;
}

/* ------------------- الأسعار ------------------- */
.price {
    transition: all 0.3s ease;
}
.product-card:hover .price {
    color: #F7CAC9 !important;
    text-shadow: 0 0 5px rgba(247,202,201,0.5);
}

/* ------------------- شهادات العملاء ------------------- */
.testimonial-card i {
    transition: all 0.3s ease;
}
.testimonial-card:hover i {
    transform: scale(1.1);
    text-shadow: 0 0 10px #D4AF37;
}

/* ------------------- الإحصائيات ------------------- */
.stat-number {
    transition: all 0.3s ease;
}
.stat-card:hover .stat-number {
    transform: scale(1.05);
    text-shadow: 0 0 10px #D4AF37;
}

/* ------------------- بطاقات الدفع ------------------- */
.payment-card i {
    transition: all 0.3s ease;
}
.payment-card:hover i {
    transform: scale(1.1);
    text-shadow: 0 0 10px #D4AF37;
}

/* ------------------- أيقونات السوشيال ميديا ------------------- */
.social-icons a {
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
.social-icons a:hover {
    transform: translateY(-8px) scale(1.1);
    background: #D4AF37;
    color: #0A0514;
    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3);
}

/* ------------------- الهيرو (اللوجو والعنوان) ------------------- */
.hero-logo {
    transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
.hero-logo:hover {
    transform: scale(1.02) rotate(2deg);
    filter: drop-shadow(0 0 20px rgba(212,175,55,0.5));
}
.hero h1 {
    animation: titlePulse 3s infinite alternate;
}
@keyframes titlePulse {
    0% { text-shadow: 0 0 0px rgba(212, 175, 55, 0); }
    100% { text-shadow: 0 0 20px rgba(212, 175, 55, 0.5); }
}

/* ------------------- قسم المقالات ------------------- */
.article-card h3 {
    transition: all 0.3s ease;
}
.article-card:hover h3 {
    color: #D4AF37;
}

/* ------------------- قسم CTA الختامي ------------------- */
.cta-section {
    transition: all 0.4s ease;
}
.cta-section:hover {
    transform: scale(1.01);
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15);
}

/* ------------------- الفوتر ------------------- */
footer {
    transition: all 0.3s ease;
}
footer:hover {
    background: #0a0520;
}

/* ------------------- الخلفية المتوهجة ------------------- */
.bg-glow {
    animation: bgSlowDrift 15s infinite alternate;
}
@keyframes bgSlowDrift {
    0% { opacity: 0.6; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.05); }
}

/* ------------------- التمرير السلس ------------------- */
html {
    scroll-behavior: smooth;
}

/* ------------------- تنسيقات الموبايل ------------------- */
@media (max-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 0.8rem;
    }
    .section-title {
        font-size: 1.8rem;
    }
    .product-card img {
        height: 180px;
    }
}

/* ------------------- أنيميشن للسلايدر ------------------- */
.swiper-slide {
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.swiper-slide-active .product-card {
    animation: slidePop 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
@keyframes slidePop {
    from { transform: scale(0.98); opacity: 0.8; }
    to { transform: scale(1); opacity: 1; }
}
.swiper-button-next, .swiper-button-prev {
    transition: all 0.3s ease;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: rgba(212, 175, 55, 0.4);
    transform: scale(1.1);
}
.swiper-pagination-bullet {
    background: rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
    background: #D4AF37;
    transform: scale(1.2);
    box-shadow: 0 0 10px #D4AF37;
}/* End custom CSS */