body#app.index {
    background: white; /* خلفية بيضاء لصفحة الهوم */
}

.custom-form::before{content:"ابدأ رحلتك الآن\Aاحجز وتواصل معنا بكل سهولة";display:block;white-space:pre;text-align:center;font-size:18px;font-weight:bold;margin-bottom:20px;color:#fff}.custom-form{background-image:url('https://i.ibb.co/XrvccxZM/a63c0e3dcce3fda11697a3faaed7460af078d0dc.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:80px;border-radius:12px;max-width:700px;width:100%;margin:40px auto;box-shadow:0 8px 32px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.3)}.custom-form input,.custom-form textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;background:rgba(255,255,255,0.8)}.custom-form button{background-color:#000;color:#fff;padding:10px 20px;border:none;border-radius:12px;width:100%;cursor:pointer;font-weight:bold}.custom-form-success{text-align:center;margin-top:10px;color:green}.custom-form input[type="tel"]{direction:rtl;text-align:right}body#app.index{background:white}.lazy__bg.lazy.entered.loaded{background-size:contain;background-repeat:no-repeat}a.banner-entry.square-photos{background:transparent}img{background:transparent!important;border-radius:0}section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1)>.container,section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(3)>.container,section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(5)>.container,section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(6)>.container,section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(7)>.container{max-width:100%;padding:0}section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(9)>.container{max-width:60%;padding:0}section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type{margin-top:0}.s-block--banners .grid.two-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.two-row .banner-entry:first-child{grid-column:span 1/span 1;grid-row:1}.s-block__title{justify-content:center}@media(max-width:768px){.s-block--banners .grid.two-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.s-slider-block__title h2{font-size:1.5rem}.s-button-btn.s-button-primary-outline{background-color:#000;color:#fff}.s-button-btn.s-button-primary-outline:hover{background-color:#000;color:#fff}.s-product-card-price{text-align:center}.s-product-card-content-sub{text-align:center;display:inline-block}.s-product-card-content-title a{font-size:16px;font-weight:bold;text-align:center;display:block}.s-product-card-entry,custom-salla-product-card.s-product-card-entry{border:2px solid #000;border-radius:8px;overflow:hidden;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.s-product-card-entry:hover,custom-salla-product-card.s-product-card-entry:hover{transform:scale(.97);box-shadow:none}.s-block__title h2{border:2px solid #000;border-radius:10px;padding:10px 20px;display:inline-block}.s-slider-block__title-left{display:none}.s-slider-block__title{justify-content:center}.s-slider-block__title h2{border:2px solid #000;border-radius:10px;padding:10px 20px;display:inline-block}.s-slider-block__title-right:where([dir="rtl"],[dir="rtl"]*){padding-left:0}

/* ==============================
   3- إعدادات اللازي لود (Lazy Loading)
============================== */
.lazy__bg.lazy.entered.loaded {
    background-size: contain;      /* ملاءمة الخلفية بدون قص */
    background-repeat: no-repeat;  /* منع التكرار */
}

.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}
/* ==============================
   4- إعدادات الصور والبنرات
============================== */
a.banner-entry.square-photos {
    background: transparent; /* خلفية شفافة */
}

.banner-entry {
    transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),       /* حركة تكبير/تصغير */
        background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* انتقال حجم الخلفية */
        background-position 0.6s ease;                             /* انتقال موضع الخلفية */
}

.banner-entry:hover {
    transform: scale(1.05) translateY(-10px); /* تكبير وتحريك لأعلى عند الهوفر */
}

img {
    background: transparent !important; /* إزالة خلفية الصور */
    border-radius: 0;                   /* إزالة الزوايا الدائرية */
}

.index section.s-block--fixed-banner > .container{
    max-width: 100% !important ; /* تمديد الكونتينر بعرض الصفحة */
    padding: 0;      /* إزالة الهوامش الداخلية */
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin-top: 0;
}
/* موبايل + تابلت */
.rehla-component-3 .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ديسكتوب فقط */
@media (min-width: 1024px) {
  .rehla-component-3 .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
   .s-slider-block__title h2 {
    font-size: 1rem;
}
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    color: white;
}

.store-footer h3 {
    color: black;
}
salla-slider.photos-slider .swiper-slide {
        margin:0;
        width: 100%;
        padding:0;
    }
    
salla-slider.photos-slider .swiper {
    padding: 0;
}
section.s-block.s-block--photos-slider {
    margin-top: 0;
}


salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}

.rehla-services {
    position: relative;
    background-image: url('https://i.ibb.co/TxRCJ3vX/image.png');
    background-size: cover;       /* تغطي كل السكشن */
    background-position: center;   /* تظل مركزة */
    background-repeat: no-repeat;
    min-height: 600px;             /* ارتفاع مبدئي */
    padding: 4rem 0;
    z-index: 1;
}

/* إضافة طبقة تغميق عشان النص يبان */
.rehla-services::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35); /* تغميق خفيف */
    z-index: 0;
}

/* محتوى السكشن */
.rehla-services > .container {
    position: relative;
    z-index: 1; /* فوق الخلفية */
}

/* صناديق الخدمات */
.rehla-services-box {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
    transition: transform 0.3s ease;
}

.rehla-services-box:hover {
    transform: translateY(-5px);
}