/* ===========================
   Premium Rounded Header
   =========================== */

.store-header{
    padding: 12px 12px 0;
    background: transparent;
}

.store-header .main-nav-container{
    background: var(--header-bg-color);
    border-radius: 38px;
    overflow: hidden;

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 24px rgba(0,0,0,.18);

    transition: all .35s ease;
}

.store-header .inner{
    border-radius: inherit;
    overflow: hidden;
}

.store-header .top-navbar{
    border-radius: 0 0 38px 38px;
    overflow: hidden;
}


/* موبايل */

@media (max-width:768px){

    .store-header{
        padding: 8px 8px 0;
    }

    .store-header .main-nav-container{
        border-radius: 28px;
    }

    .store-header .top-navbar{
        border-radius: 0 0 28px 28px;
    }

}


/* ========================================
   Desktop Only
======================================== */

@media (min-width:1025px){

    #fullscreen-banner-0{
        max-width: 1440px;
        width: calc(100% - 40px);
        margin: 24px auto 32px !important;
    }

    #fullscreen-banner-0 .bg__image{
        border-radius: 38px;
        overflow: hidden;
    }

    #fullscreen-banner-0 .bg__image img{
        width: 100%;
        height: auto !important;
        object-fit: contain !important;
    }

}


/* ===========================
   Logo Size
=========================== */

.header-logo-wrapper .main-logo{
    width: 220px !important;
    max-width: 220px !important;
    max-height: 75px !important;
    height: auto !important;
    object-fit: contain !important;
}

.header-logo-wrapper .main-logo{
    transform: scale(1.3);
    transform-origin: center;
}


/* ========================================
   Stack & Spread Animation — home-sec-1
======================================== */

.home-sec-1 .banner-outer{

    --stack-x:0px;
    --stack-y:0px;
    --spread-delay:0ms;

    position:relative;
    z-index:1;

    transform:
        translate3d(
            var(--stack-x),
            var(--stack-y),
            0
        )
        scale(.96);

    opacity:0;

    transition:
        transform 5000ms cubic-bezier(.22,1,.36,1)
        var(--spread-delay),
        opacity 2500ms ease var(--spread-delay);

    will-change:transform,opacity;
    backface-visibility:hidden;
}


/* ترتيب البطاقات */

.home-sec-1 .banner-outer:nth-child(1){
    z-index:1;
}

.home-sec-1 .banner-outer:nth-child(2){
    z-index:3;
}

.home-sec-1 .banner-outer:nth-child(3){
    z-index:2;
}


/* بعد الحركة */

.home-sec-1.is-spread .banner-outer{
    transform:translate3d(0,0,0) scale(1);
    opacity:1;
}


/* حماية من أي حركة داخل القالب */

.home-sec-1 .banner-entry,
.home-sec-1 .banner-img{
    animation:none !important;
}


/* تقليل الحركة */

@media (prefers-reduced-motion:reduce){

    .home-sec-1 .banner-outer{
        opacity:1;
        transform:none;
        transition:none;
    }

}


/* ========================================
   FAQ — الأسئلة الشائعة
   Purple Gradient
======================================== */


/* العناصر الرئيسية */

salla-accordion,
salla-accordion-item,

.s-block--faqs,
.s-block--faq,

.faq,
.faqs,
.faq-item,
.faq__item,
.faqs-item,

.accordion,
.accordion-item,
.accordion__item,

[class*="faq-item"],
[class*="faq__item"],
[class*="accordion-item"],
[class*="accordion__item"]{

    --faq-dark:#24164f;
    --faq-mid:#3a235f;
    --faq-purple:#6143a8;
    --faq-light:#9f72df;
    --faq-text:#ddc9fd;

}


/* ========================================
   خلفية بطاقة السؤال
======================================== */

salla-accordion-item,
.faq-item,
.faq__item,
.faqs-item,
.accordion-item,
.accordion__item,

.s-block--faqs .accordion-item,
.s-block--faqs .faq-item,
.s-block--faq .accordion-item,
.s-block--faq .faq-item,

[class*="faq-item"],
[class*="faq__item"],
[class*="accordion-item"],
[class*="accordion__item"]{

    background:
        linear-gradient(
            90deg,
            #24164f 0%,
            #3a235f 50%,
            #6143a8 100%
        ) !important;

    border:1px solid #6143a8 !important;

    border-radius:10px !important;

    overflow:hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 4px 14px rgba(0,0,0,.15);

}


/* ========================================
   العنصر الداخلي للسؤال
======================================== */

salla-accordion-item > *,
.faq-item > *,
.faq__item > *,
.accordion-item > *,
.accordion__item > *,

[class*="faq-item"] > *,
[class*="faq__item"] > *,
[class*="accordion-item"] > *,
[class*="accordion__item"] > *{

    background:transparent !important;
}


/* ========================================
   السؤال نفسه
======================================== */

salla-accordion-item button,
salla-accordion-item summary,

.faq-item button,
.faq-item summary,

.faq__item button,
.faq__item summary,

.accordion-item button,
.accordion-item summary,

.accordion__item button,
.accordion__item summary,

[class*="faq-item"] button,
[class*="faq-item"] summary,

[class*="accordion-item"] button,
[class*="accordion-item"] summary{

    background:
        linear-gradient(
            90deg,
            #24164f 0%,
            #3a235f 50%,
            #6143a8 100%
        ) !important;

    color:#ddc9fd !important;

    border:none !important;

}


/* ========================================
   أي عنصر يحمل السؤال
======================================== */

.faq-item .question,
.faq-item .faq-question,
.faq-item .accordion-title,

.faq__item .question,
.faq__item .faq-question,
.faq__item .accordion-title,

.accordion-item .question,
.accordion-item .faq-question,
.accordion-item .accordion-title,

[class*="faq"] .question,
[class*="faq"] .faq-question,
[class*="faq"] .accordion-title{

    color:#ddc9fd !important;

}


/* ========================================
   النصوص داخل السؤال
======================================== */

salla-accordion-item button *,
salla-accordion-item summary *,

.faq-item button *,
.faq-item summary *,

.faq__item button *,
.faq__item summary *,

.accordion-item button *,
.accordion-item summary *,

[class*="faq-item"] button *,
[class*="faq-item"] summary *,

[class*="accordion-item"] button *,
[class*="accordion-item"] summary *{

    color:#ddc9fd !important;

}


/* ========================================
   علامة +
======================================== */

salla-accordion-item svg,
.faq-item svg,
.faq__item svg,
.accordion-item svg,
.accordion__item svg,

[class*="faq-item"] svg,
[class*="accordion-item"] svg{

    color:#ddc9fd !important;
}


/* ========================================
   الإجابة
======================================== */

salla-accordion-item .answer,
salla-accordion-item .faq-answer,
salla-accordion-item .accordion-content,

.faq-item .answer,
.faq-item .faq-answer,
.faq-item .accordion-content,

.faq__item .answer,
.faq__item .faq-answer,
.faq__item .accordion-content,

.accordion-item .answer,
.accordion-item .faq-answer,
.accordion-item .accordion-content,

[class*="faq-item"] .answer,
[class*="faq-item"] .faq-answer,
[class*="accordion-item"] .answer,
[class*="accordion-item"] .accordion-content{

    background:transparent !important;

    color:#ddc9fd !important;

}


/* ========================================
   نص الإجابة
======================================== */

salla-accordion-item .answer *,
salla-accordion-item .faq-answer *,
salla-accordion-item .accordion-content *,

.faq-item .answer *,
.faq-item .faq-answer *,
.faq-item .accordion-content *,

.accordion-item .answer *,
.accordion-item .faq-answer *,
.accordion-item .accordion-content *{

    color:#ddc9fd !important;

}


/* ========================================
   تأثير Hover
======================================== */

salla-accordion-item:hover,
.faq-item:hover,
.faq__item:hover,
.accordion-item:hover,
.accordion__item:hover,

[class*="faq-item"]:hover,
[class*="accordion-item"]:hover{

    border-color:#9f72df !important;

    box-shadow:
        0 8px 22px rgba(97,67,168,.28);

}


/* ========================================
   العنصر المفتوح
======================================== */

salla-accordion-item[open],
details[open].faq-item,
details[open].accordion-item,

.faq-item.active,
.faq-item.open,
.accordion-item.active,
.accordion-item.open{

    background:
        linear-gradient(
            135deg,
            #24164f 0%,
            #4b2b7c 100%
        ) !important;

}


/* ========================================
   موبايل FAQ
======================================== */

@media (max-width:768px){

    salla-accordion-item,
    .faq-item,
    .faq__item,
    .accordion-item,
    .accordion__item,
    [class*="faq-item"],
    [class*="accordion-item"]{

        border-radius:8px !important;

    }

}


/* ========================================
   آراء العملاء — Customer Reviews
======================================== */

.s-block--testimonials .testimonial-item,
.s-block--testimonials .testimonials-item,
.s-block--testimonials .testimonial,
.s-block--testimonials .review-item,
.s-block--testimonials .customer-review{

    background:
        linear-gradient(
            90deg,
            #24164f 0%,
            #3a235f 50%,
            #6143a8 100%
        ) !important;

    border:1px solid #6143a8 !important;

    border-radius:12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 6px 18px rgba(0,0,0,.15);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


/* نصوص آراء العملاء */

.s-block--testimonials .testimonial-item *,
.s-block--testimonials .testimonials-item *,
.s-block--testimonials .testimonial *,
.s-block--testimonials .review-item *,
.s-block--testimonials .customer-review *{

    color:#ddc9fd !important;

}


/* النجوم */

.s-block--testimonials svg{

    color:#ffb347 !important;
    fill:#ffb347 !important;

}


/* صور العملاء */

.s-block--testimonials img{

    border-radius:50%;

}


/* Hover */

.s-block--testimonials .testimonial-item:hover,
.s-block--testimonials .testimonials-item:hover,
.s-block--testimonials .testimonial:hover,
.s-block--testimonials .review-item:hover{

    border-color:#9f72df !important;

    transform:translateY(-2px);

    box-shadow:
        0 8px 24px rgba(97,67,168,.25);

}


/* موبايل آراء العملاء */

@media (max-width:768px){

    .s-block--testimonials .testimonial-item,
    .s-block--testimonials .testimonials-item,
    .s-block--testimonials .testimonial,
    .s-block--testimonials .review-item,
    .s-block--testimonials .customer-review{

        border-radius:10px !important;

    }

}

/* NO1 — Footer: contact icons in two compact rows */
.store-footer .footer-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 40px !important;
  align-items: start;
  direction: rtl;
}
.store-footer .footer_top { display: contents !important; }
.store-footer .footer_top > p:empty,
.store-footer .footer__localization:empty { display: none !important; }
.store-footer .footer_logo {
  grid-column: 1;
  grid-row: 1;
  margin: 0 !important;
  align-self: start;
}
.store-footer .footer_top > p:not(:empty) {
  grid-column: 1;
  grid-row: 2;
  max-width: 420px;
  margin: 0 !important;
  line-height: 1.9;
  text-align: start !important;
}
.store-footer .footer-contact {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0 !important;
  min-width: 0;
  text-align: center !important;
  padding-bottom: 60px !important;
}
.store-footer .footer-social-outer {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  justify-self: center !important;
  margin: 100px 0 0 !important;
}
.store-footer .footer-bottom__inside-footer-top {
  grid-column: 1;
  grid-row: 3;
  margin: 0 !important;
  padding: 0 !important;
}
.store-footer .footer-links {
  grid-column: 3;
  grid-row: 1 / span 3;
  margin: 0 !important;
}
.store-footer .s-contacts-title {
  text-align: center !important;
  line-height: 28px !important;
  margin: 0 0 16px !important;
}
.store-footer .s-contacts-list,
.store-footer .s-social-list {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.store-footer .s-social-list { flex-wrap: wrap; }
.store-footer .s-contacts-item {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
/* Keep the phone number accessible without displaying it */
.store-footer .s-contacts-item .unicode {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.store-footer .s-contacts-icon,
.store-footer .s-social-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  box-sizing: border-box;
}
.store-footer .s-contacts-item,
.store-footer .s-social-link,
.store-footer .s-social-link > a {
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .store-footer .footer-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px !important;
    justify-items: center;
  }
  .store-footer .footer_logo {
    grid-area: 1 / 1;
    justify-self: center;
  }
  .store-footer .footer_top > p:not(:empty) {
    grid-area: 2 / 1;
    text-align: center !important;
  }
  .store-footer .footer-contact { grid-area: 3 / 1; }
  .store-footer .footer-social-outer {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
  .store-footer .footer-bottom__inside-footer-top { grid-area: 4 / 1; }
  .store-footer .footer-links {
    grid-area: 5 / 1;
    text-align: center;
  }
}
/* End NO1 Footer */
/* توحيد الأزرار الأربعة */
.store-footer .s-contacts-item,
.store-footer .s-social-link > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #DCC9FD !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #DCC9FD !important;
}

/* إلغاء الإطار والحجم الإضافي داخل الزر */
.store-footer .s-contacts-icon,
.store-footer .s-social-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-footer .s-contacts-icon svg,
.store-footer .s-social-icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* صفّان بعرض واحد ومسافات متساوية */
.store-footer .s-contacts-list,
.store-footer .s-social-list {
  display: grid !important;
  grid-template-columns: repeat(2, 44px) !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.store-footer .s-contacts-list > div,
.store-footer .s-social-link {
  width: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* إعادة إتاحة النقر على روابط السوشيال */
.store-footer .footer-social-outer {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

.store-footer .footer-social-outer a {
  position: relative !important;
  pointer-events: auto !important;
}