/* Add custom CSS styles below */
:root {
    --font-main: 'Cairo';
    --color-primary: #981c47;
    --color-primary-dark: #981c47;
    --color-primary-light: #981c47;
    --color-primary-reverse: #ccffff;
    --f-color: #981c47;
    --s-color: #951843;
    --t-color: #F4BF96;
    --header: #ffffff;
    --header-color: #951843;
    --bg-header-color: #ffffff;
    --footer-color: #ffffff;
    --main-margin: 112px;
    --mobile-margin: 48px;
}
@media (min-width: 480px) {
    .navbar-brand img {
        display: none;
        max-width: 170px;
    }
}
.banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: unset;
    -o-object-fit: cover;
    object-fit: cover;
}
.navbar-brand {
  background-image: url("https://i.ibb.co/yc5hFCNz/Artboard-2-27.png" );
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
  height: 80px;
  width: 4.5vw;
  display: block;
  animation: heartbeat 2.5s ease-in-out infinite both;
}ِ

@keyframes heartbeat {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  10% {
      -webkit-transform: scale(.91);
      transform: scale(.91);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  17% {
      -webkit-transform: scale(.98);
      transform: scale(.98);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  33% {
      -webkit-transform: scale(.87);
      transform: scale(.87);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  45% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }
}
.main-nav-container.fixed-pinned #cat-in-header span:hover {
    color: #414042;
    color: #ffffff;
}
salla-social .s-social-link a {
    border: 1px solid #ffffff;
    padding: 20px;
}
.max-w-24 {
    max-width: 6rem;
    background-color: #ffffff;
    border-radius: 12px;
}

.bg-\[var\(--f-color\)\] {
    background-color: #9d2a54;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, 1);
    color: rgb(153 34 77);
}

.hover\:bg-\[var\(--f-color\)\]:hover {
    background-color: #961745;
}

.main-nav-container.fixed-pinned #cat-in-header span:hover {
    color: #414042;
    color: #99224d;
}

.main-nav-container #cat-in-header:hover {
    color: #414042;
    color: #ffffff;
}
.main-nav-container.fixed-pinned #cat-in-header span:hover {
    color: #414042;
    color: #ffffff;
}
.main-nav-container.fixed-pinned #cat-in-header {
    color: #951843;
}
.text-\[var\(--f-color\)\] {
    color: #961946;
    border: 1px solid #961946 !important;
}
.top-navbar .s-search-input {
    border-style: none;
    background-color: rgb(255 255 255);
}
@media only screen and (min-width: 1024px) {
    .main-menu {
        margin-right:6rem;
    }
}
@media (min-width: 1024px) {
    .top-navbar {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        background: #951843;
    }
}
@media (min-width: 1024px) {
    .s-menu-topnav-list {
        display: flex
;
        color: #ffffff;
    }
}
@media (min-width: 1024px) {
    .s-contacts-header {
        display: flex
;
        color: white;
    }
}
@media only screen and (min-width: 1024px) {
    /* تعديل خاص إذا كانت القائمة داخل .main-menu-row */
    .main-menu-row .main-menu li.root-level > a {
        padding-bottom: 1rem;
    }
}
    /* إعدادات عامة للرابط داخل العناصر الجذرية */
    .main-menu li.root-level > a {
            color:#951843;

        padding-top: 0;
        padding-bottom: 2rem;
        font-weight: 700;
    }

    /* روابط القائمة بشكل عام */
    .main-menu li > a {
        display: flex;
        align-items: center;
        justify-content: space-between; /* يمكن تغييرها إلى flex-start حسب رغبتك */
        padding: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
transition:
    color 0.3s ease,
    background-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;

    }
    .content, .content2 {
    position: relative;
    display: flex
;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    align-self: stretch;
}

.s-tabs-header * {
 
    color: white;
}

.main-menu li.root-level > a:hover {
display: flex;
        align-items: center;
        justify-content: space-between; /* يمكن تغييرها إلى flex-start حسب رغبتك */
        padding: 0.75rem;

        color: #ffffff;
        background-color: #951843;
        transform: translateY(-5px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 3px 3px 0 0;
    }
}

/* تخصيص إضافي خارج الميديا كويري */
.main-menu li > a {
    justify-content: flex-start;
}

.banner-entry h3.text-with-border {
    border-radius: 0rem;
    border-style: unset;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, 1);
    border-color: rgb(16 30 59);
}


.store-footer__inner * {
    color: var(--footer-color);
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .lg\:block {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
.store-footer__inner {
    border-bottom-width: 0px;
    border-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background-color: var(--s-color);
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.text-gray-400 {
    color: #ffffff !important;
}
/* =============================
   Slider - Photos
============================= */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div {
    padding: 0 !important;
}

section:first-of-type.s-block.s-block--photos-slider {
    margin-top: 0;
}

[dir="rtl"] salla-slider.photos-slider .swiper {
    padding: 0;
}

section.s-block.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}
salla-slider.photos-slider .swiper-slide {
   
    border-radius: 0;
}
.store-footer__inner {
    border-radius: 20px;
    border-bottom-width: 0px;
    border-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background-color: var(--s-color);
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.store-footer a:hover {
    color: #d2d2d2;
}
.footer-is-light .store-footer {
    border-radius: 20px 20px 0 0 !important;
    margin-top: 20px;
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, 1);
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgba(55, 65, 81, var(--tw-text-opacity, 1));
}





/*المدونة*/
@media (min-width: 1024px) {

    .rtl\:lg\:mr-\[200px\]:where([dir="rtl"], [dir="rtl"] *) {
       margin-right: 21rem;

        margin-top: 65rem;
    }
    .mt-\[50px\] {
    margin-top: 50px;
}

.text-white {
   
    color: rgb(177 177 177);
}

.md\:leading-\[100px\] {
       
        width: fit-content;
    }
    
    
    .mb-8 {
    margin-top: 18rem;
}
    
 .bg-\[\#000000A6\] {
    background-color: rgb(0 0 0 / 9%);
}

.md\:h-\[667px\] {
        height: 641px;
    }
    
 }   
    
    
@media (max-width: 639px) {
.bg-\[\#000000A6\] {
    background-color: rgb(0 0 0 / 9%);
}
  .rtl\:pr-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
    margin-top: 37rem;
    padding-right: 10px;
  }

  .mt-\[50px\] {
    margin-top: 222px;
  }

  .text-white {
    color: rgb(177, 177, 177);
  }
}
.bg-white {
    color: #000000;
}
span {font-size:16PX}

a {
    font-size:16PX
}