/* Add custom CSS styles below */
/* Add custom CSS styles below */

/* تغطية الشاشة وتطبيق البلور */
.blur-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* لدعم Safari */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* الحاوية الخاصة بالصورة فقط — شفافة بدون تأثيرات إضافية */
.blur-overlay .center-image {
  background: transparent;
}

/* الصورة داخل الحاوية */
.blur-overlay .center-image img {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
}




















































.h-full {
    height: 100% !important;
}

.s-product-card-image-contain {
    aspect-ratio: 0 !important;
}

@media (min-width: 768px){
.lazy__bg.lazy_menu {
    height: 2rem!important;
    width: 2rem!important;
    }
.sicon-headphones:before {
    content: "\ec97";
    font-size: 24px;
    font-weight: 500 !important;
    padding-left: 6px;
    }
.sicon-link:before {
    content: "\ed2c";
    font-size: 24px;
    font-weight: 500 !important;
    padding-left: 6px;
    }
[dir=rtl] .me-2 {
    margin-left: 1rem;
    }
}

@keyframes example {
  0%, 7% {transform: rotateZ(0);}
  15% {transform: rotateZ(-15deg);}
  20% {transform: rotateZ(10deg);}
  25% {transform: rotateZ(-10deg);}
  30% {transform: rotateZ(6deg);}
  35% {transform: rotateZ(-4deg);}
  40%, 100% {transform: rotateZ(0);}
}

.header-btn {
    transition: 2s ease!important;
    animation: bouncing-up-down 1.5s ease infinite!important;
}

.header-btn:hover {
    opacity: .8;
    animation-name: example!important;
    animation-duration: 1.5s!important;
}

[dir=rtl] .me-1 {
    margin-left: .25rem;
    transition: 2s ease!important;
    animation: bouncing-up-down 1.5s ease infinite!important;
}

[dir=rtl] .me-1:hover ,[dir=ltr] .me-1:hover {
    animation-name: example!important;
    animation-duration: 1.5s!important;
}

.store-footer .footer-container .contact-links a{
    transition: 2s ease!important;
    animation: bouncing-up-down 1.5s ease infinite!important;
}
.store-footer .footer-container .contact-links a:hover{
    animation-name: example!important;
    animation-duration: 1.5s!important;
}

.dark .sicon-user:before {
    color: #0000;
    content: "\f078";
    background-image: url(https://cdn.salla.sa/form-builder/GqS5kQslWoa5tV1v9BPFAsBYmNfi9Csfl5n7gBYx.jpg);
    background-size: cover;
    font-size: 24px;
}

.sicon-user:before {
    color: #0000;
    content: "\f078";
    background-image: url(https://cdn.salla.sa/form-builder/Y1fVGsWzD0JZqkOO3DefD9LuHxxwkIAhE3lCNc2p.jpg);
    background-size: cover;
    font-size: 24px;
}

.header-btn .sicon-shopping-bag2:before {
    content: "\e906";
    padding-bottom: 0px;
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/L3Re5CcOJoTdvbKjP1Vpt7P30TJ7MjCOsrgUmpWE.jpg);
    background-size: cover;
    font-size: 24px;
    display: block !important;
}
.dark .header-btn  .sicon-shopping-bag2:before {
    content: "\e906";
    padding-bottom: 0px;
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/ZIAHijir3oAQEWTyS78E0pbPNzMxIKdEjOE5C1WL.jpg);
    background-size: cover;
    font-size: 24px;
    display: block !important;
}

.sicon-search:before {
    content: "\ef09";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/XU23EisV3zat1jQT67sZnDu456Mk5ITwbFsSRENf.jpg);
    background-size: cover;
    font-size: 24px;
}
.dark .sicon-search:before {
    content: "\ef09";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/MRsor87Fh0Gu3mGCI7vQdLqJqYvGdj78fpjmn4za.jpg);
    background-size: cover;
    font-size: 24px;
}

.sicon-menu:before {
    content: "\ed7f";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/L3LpBqKrdq8Edvf3VhSpq23KWCYOEjeDaxHnzzCP.jpg);
    background-size: cover;
    font-size: 27px;
}
.dark .sicon-menu:before {
    content: "\ed7f";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/ciWo83fOrEP0RvkhoYtcDhUEzmdX7JI8S3fAt1x5.jpg);
    background-size: cover;
    font-size: 27px;
}

.dark .mode-toggler .light-mode {
    stroke: #ff000000;
}

@media (min-width: 768px){
.s-cart-summary-wrapper .s-cart-summary-content:after {
    font-size: 1.25rem!important;
}
.justify-end {
    justify-content: flex-end !important;
    grid-template-columns: repeat(1,minmax(0,1fr))!important;
    width: -webkit-fill-available;
    }
}

.s-cart-summary-wrapper {
    color: var(--color-text);
    display: flex;
    position: relative;
    text-decoration: none;
    transition: all .5s cubic-bezier(.2,1,.3,1);
    align-items: center;
}

.dark .store-header .mode-toggler .dark-mode {
    stroke: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/IJtUZ3I41SRgUtKbMQ4w4JplHn5GDnda9aeKxlB9.jpg);
    background-size: cover;
}

.light-mode {
    stroke: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/sX14oybVE67KRBh25gNdbwdM8JvqYqKT7Ax7LSzD.png);
    background-size: 100%;
    color: #0000;
    background-position: center;
    background-repeat: no-repeat;
}


@media (min-width: 768px){
.md\:block {
    display: block;
    height: 2px;
    margin-top: 2px;
    }
[dir=rtl] .s-cart-summary-wrapper .s-cart-summary-content {
    line-height: 2;
    height: 43px;
    }
[dir=ltr] .s-cart-summary-wrapper .s-cart-summary-content {
    line-height: 2;
    height: 34px;
    }
}

.is_large .header-btn {
    padding: 4px;
}

.header-btn {
    display: flex;
    height: 2rem;
    padding: .5rem;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 2rem;
    align-items: center;
    justify-content: center;
}

.navbar-brand {
    align-items: center;
    display: flex;
    margin-bottom: -10px;
    margin-top: -10px;
}

.navbar-brand img {
    max-height: 6.5rem;
    max-width: 165px;
    width: auto;
    content: url(https://media.giphy.com/media/ubIZKTMeO2WeDmKZ7z/giphy.gif)!important;
}

.dark .navbar-brand img {
    max-height: 6.5rem;
    max-width: 165px;
    width: auto;
    content: url(https://media.giphy.com/media/7Lem2mv00wggMIu9hz/giphy.gif)!important;
}

@media (min-width: 1024px){
.navbar-brand img {
    max-height: 9.5rem !important;
    max-width: 278px!important;
    }
}

.dark .s-cart-summary-total {
    color: #0000 !important;
}

.store-header .s-user-menu-trigger img {
    height: 100%;
    width: 100%;
    border: #f25a3a solid 2px;
}

[dir=rtl] .s-cart-summary-wrapper .s-cart-summary-content:after{
    content: "ر.س";
    font-weight: 500 !important;
    color : #23232f;
    font-size: 13px;
}

[dir=rtl].dark .s-cart-summary-wrapper .s-cart-summary-content:after{
    content: "ر.س";
    font-weight: 500 !important;
    color : #fff;
    font-size: 13px;
}

[dir=ltr] .s-cart-summary-wrapper .s-cart-summary-content:after{
    content: "SAR";
    font-weight: 500 !important;
    color : #23232f;
    font-size: 13px;
}

[dir=ltr].dark .s-cart-summary-wrapper .s-cart-summary-content:after{
    content: "SAR";
    font-weight: 500 !important;
    color : #fff;
    font-size: 13px;
}

.s-cart-summary-total {
    display: none;
}

.justify-end {
    justify-content: flex-start;
    grid-template-columns: repeat(1,minmax(0,1fr))!important;
    width: -webkit-fill-available;
}

/*                 =======              */
@media only screen and (min-width: 1024px){
.inner.nav-header .container {
    border-width: 0;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    }
.inner.nav-header .main-menu {
    margin: 0;
    justify-content: center;
    }
}

/*      ======      SEARCH      ======      */
.dark .s-search-modal .s-search-results {
    background: #2e2e3d!important;
}

.dark .s-search-modal .s-search-results .s-search-product {
    border-color: #4b5563;
}

.dark .s-search-results {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 36%),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    margin: auto;
    max-height: 24rem;
    max-width: 100%;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}

.dark .s-search-inline .s-search-input {
    background: #2e2e3d!important;
    border: #4b5563 solid 1px !important;
    border-radius: .375rem;
}

.s-search-inline {
    min-width: 1260px!important;
    MARGIN-BOTTOM: 20px;
}

.justify-start {
    justify-content: flex-start;
    width: 100%;
}

/*      ======      BANNERS      ======      */
.btn-primary {
    background-color: #23232f;
    transform: translateY(20px);
}

@media (min-width: 768px){
.md\:px-32 {
    padding-left: 0rem;
    padding-right: 0rem;
    justify-content: center;
    flex-direction: column;
    }
.max-h-60 {
    max-height: 35rem;
    transform: translateY(-20px);
    }
.md\:gap-16 {
    gap: 0rem;
    }
.md\:text-lg {
    font-size: 17px;
    line-height: 1.75rem;
    border: #2e2e3d solid 0px;
    margin-bottom: 1rem;
    }
    .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transform: translateY(-40px);
}
.gap-4 {
    gap: 0rem;
    }
}

/*      ======      RIGHT MENU      ======      *//*
.h-16{
    backface-visibility: hidden;
    background-image: url(https://media.giphy.com/media/ubIZKTMeO2WeDmKZ7z/giphy.gif)!important;
    background-size:60%!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
        margin-right: 1.5rem;
}

.dark .h-16 {
    backface-visibility: hidden;
    background-image: url(https://media.giphy.com/media/7Lem2mv00wggMIu9hz/giphy.gif)!important;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
        margin-right: 1.5rem;
}
*/
h1, h2, h3, h4, h5, h6, strong {
    font-family: var(--font-main);
    font-weight: 100 !important;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

.mm-spn a.has-max {
    width: calc(100% - 2rem);
}

.mm-spn li a {
    padding: .75rem 0rem;
    color: #23232f;
    width: calc(100% - 0rem);
}

.dark .mm-spn li a {
    padding: .75rem 0rem;
    color: #fff;
    width: calc(100% - 3rem);
}

.mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    text-align: right;
    padding: .75rem 5px;
    font-weight: 100 !important;
    display: flex;
    align-items: center;
}

[dir=ltr] .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {    text-align: left;
    padding: .75rem 5px;
    font-weight: 100 !important;
}

[dir=rtl] .mm-spn li:before{
    border: 0px solid;
    color: inherit;
    margin-right: 5px;
    --tw-content: "︾";
    content: var(--tw-content);
    display: inline-block;
    font-family: sallaicons;
    font-size: .75rem;
    line-height: 1rem;
    rotate: 45deg;
    border-right: none;
    border-top: none;
    left: calc(var(--mm-spn-item-height)/2);
    right: auto;
    top: 50%;
    opacity: 1;
}

[dir=ltr] .mm-spn li:before {
    border-right: 0px solid;
    border-top: 0px solid;
    display: block;
    --tw-content: "︾";
    content: var(--tw-content);
    opacity: 1;
    position: absolute;
    right: calc(var(--mm-spn-item-height)/2);
    top: ;
    top: calc(var(--mm-spn-item-height)/2);
    transform: rotate(270deg) translateY(-50%);
    z-index: 0;
}

/*      ======      PR      ======      */
.sicon-shopping-bag2:before {
    content: "\e906";
    display: none;
}
.product-entry__image img.loaded {
    opacity: 1;
    position: relative;
    background: #fff;
}
.product-entry__title a {
    --tw-text-opacity: 1;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 1.25rem;
}

.border-2 {
    border-width: 1px;
    border-radius: 0.375rem !important;
}

.product-entry salla-add-product-button.rounded-full .s-button-element {
    border-radius: 0px;
    border: 0;
    height: 30px;
    color: #fff;
    background: #2e2e3d !important;
}

.product-entry salla-add-product-button.rounded-full .s-button-element:hover {
    border-radius: 0px;
    border: 0;
    height: 30px;
    background: #fff;
    opacity: 1;
    color: #fff;
    background: #f25a3a !important;
}

.dark .product-entry salla-add-product-button.rounded-full .s-button-element {
    border-radius: 0px;
    box-shadow: -2px 0px 0px #2e2e3d, -4px 0px 0px #fff, 2px 0px 0px #2e2e3d, 4px 0px 0px #fff;
    border: 0;
    height: 30px;
    color: #fff;
    background: #f25a3a !important;
}

.dark .product-entry salla-add-product-button.rounded-full .s-button-element:hover {
    border-radius: 0px;
    box-shadow: -2px 0px 0px #2e2e3d, -4px 0px 0px #fff, 2px 0px 0px #2e2e3d, 4px 0px 0px #fff;
    border: 0;
    height: 30px;
    background: #fff !important;
    opacity: 1;
    color: #2e2e3d;
}

.gap-1\.5 {
    gap: 0px;
}

.sicon-heart:before {
    content: "\eca1";
    font-size: 16px;
}

.s-button-light {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #2e2e3d;
}

@keyframes pulse {
    10% {transform: scale(1.1);}
}

.btn--wishlist:hover {
    animation: pulse 1s infinite;
    --tw-text-opacity: 1;
}

.product-entry--vertical salla-button.btn--wishlist {
    display: flex;
    background: #f25a3a !important;
    height: 30px;
    padding: 0px 6px 0px 6px;
}
.dark .product-entry--vertical salla-button.btn--wishlist {
    display: flex;
    background: #FFF !important;
    height: 30px;
    padding: 0px 6px 0px 6px;
    box-shadow: -2px 0px 0px #23232f, -4px 0px 0px #fff, 2px 0px 0px #23232f, 4px 0px 0px #fff !important;
}

.mb-2 {
    margin-bottom: 1rem;
}

.mt-auto {
    margin-top: revert;
}

.gap-1 {
    gap: 0px;
    margin-top: auto;
    justify-content: center;
}

.p-2 {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 0px 10px 8px 10px;
}

.s-block__title {
    height: 32px;
    border-radius: 50px;
}

.dark .s-block__title {
    background-color: #f25a3a ;
    height: 32px;
}

.s-slider-has-notitle .s-slider-block__title {
    margin-bottom: 0;
    display : none !important;
}

h4 {
    font-family: var(--font-main);
    font-weight: 100 !important;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

/*      ======      inter      ======      */
.md\:gap-3{
    display: flex;
    flex-direction: column;
}

[dir=rtl] .pe-3 {
    padding-left: .75rem;
    display: flex;
    justify-content: space-between;
}

[dir="ltr"] .pe-3 {
    padding-right: 0.75rem;
    display: flex;
    justify-content: space-between;
}

.product-entry.rounded-full .s-slider-container {
    border-radius: 0px;
}

.lazy__bg.lazy_menu.cat_profile {
    height: 4rem !important;
    width: 3.3rem!important;
}

[dir=rtl] .me-3 {
    margin-left: 0px;
    background: #f25a3a ;
    height: 40px;
    padding: 0px 13px;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
}
[dir=ltr] .me-3 {
    margin-right: 0px;
    background: #f25a3a ;
    height: 40px;
    padding: 0px 13px;
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
}

.dark .form-input, .dark .s-comment-form-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .tel-input, .dark input, .dark select, .dark textarea {
    --tw-border-opacity: 0.2;
    border-radius: 0.375rem;
}

.product-entry__image:before {
    --tw-translate-x: -50%;
    height: 240px;
    width: 4.3rem!important;
    --tw-translate-y: -50%;
    background-image: url(https://cdn.salla.sa/jKGez/LxTKFWv1W6pcNlzdNE1c5qYGaeq9NliRxjLCfAF1.png);
    opacity: 0.5;
    --tw-text-opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: rgba(229,231,235,var(--tw-text-opacity));
    content: "\ec1f";
    color:#0000;
    display: inline-b;
    font-size: 3.875rem;
    llaicons: ;
    font-size: 1.875rem;
    left: 50%;
    line-height: 2.25rem;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/*      ======      inter inter     ======      */
.dark .dark\:border-opacity-20 {
    --tw-border-opacity: 0.2;
    background: #2e2e3d;
    border: 0;
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229,231,235,var(--tw-border-opacity));
    background: #e5e7eb;
    border: 0;
    border-radius: 6px;
}

.dark .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229,231,235,var(--tw-border-opacity));
    background: #2e2e3d;
    border: 0;
    border-radius: 6px;
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(34,197,94,var(--tw-text-opacity));
    display: none;
}

.font-bold {
    border-radius: 7px;
    /*transform: translateY(22px);*/
    font-weight: 700!important;
    color: #232323f !important;
    --dark-text-main: #f25a3a ;
    text-align: center;
    /*padding: 4px 13px;*/
}

.dark .da-tm {
    color: var(--dark-text-main)!important;    
}

.my-1 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}

.tamara-product-widget {
    background-color: #e5e7eb;
    color: #231f1e;
    /*font-family: "sky" !important;*/
    font-family: 'IBM Plex Sans Arabic' !important;
    border-radius: .375rem !important;
}

.dark.tamara-product-widget {
    background: var(--dark-grey)!important;
    color: var(--dark-text-main)!important;
    /*font-family: "sky" !important;*/
    font-family: 'IBM Plex Sans Arabic' !important;
    border-radius: .375rem !important;
}

.details {
    --tw-bg-opacity: 1;
    background-color: #e5e7eb;
    border-radius: .375rem;
    margin-top: 1rem;
    padding: .5rem 1.25rem;
}


/*      ======      all      ======      */
.s-block__display-all:after, .s-slider-block__display-all:after {
    display: none;
}

.s-block__display-all {
    color: #fff;
    background: #f25a3a ;
    padding: 0px 12px;
    height: 32px;
    justify-content: center;
    border-radius: 0px;
}
.dark .s-block__display-all{
    color: #23232f;
    background: #fff;
    padding: 0px 12px;
    height: 32px;
    justify-content: center;
    border-radius: 0px;
}

/*      ======      VISITORS      ======      */
.mt-8 {
    margin-top: 2.5rem;
    margin-bottom: 0px;
    height: 100%;
}
.min--10
.p-4 {
    padding: 0.3rem;
    box-shadow: 1px 3px 9px #00000029;
}

.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -7px;
}

.duration-500 {
    transition-duration: .5s;
    box-shadow: 1px 3px 9px #00000029;
}
.hover\:shadow-default:hover {
    box-shadow: 1px 3px 9px #00000029;
}

.z-1 {
    z-index: 1;
    display: flex!important;
    flex-direction: row !important;
}

.max-h-12 {
    max-height: 1.7rem;
}

.da-cp {
    color: #fff!important;
    font-size: 15px!important;
    font-weight: 700!important;
    padding: 0px 12px;
}
.dark .da-cp {
    color: #fff!important;
    font-size: 15px;
    font-weight: 700!important;
    padding: 0px 12px;
}

.centered-title .s-block__title.divider-title {
    margin: 0;
    height: 32px;
}
.dark .centered-title .s-block__title.divider-title {
    margin: 0;
    height: 32px;
}

/*      ======      BRANDS      ======      */
.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    box-shadow: 1px 3px 9px #00000029;
}

section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.da-bgg.pt-8.sm\:pt-12.pb-8.sm\:pb-20.angel_anime.animate__.animate__fadeIn {
    background-color: #00000000 !important;
}

@media (min-width: 768px){
.min--10 {
    max-width: 16.6666.s-slider-block__title-left667%!important;
    width: 16.6666667% !important;
}
}

salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    fill: #23232f!important;
}

salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg {
    fill: #ffffff!important;
    opacity: 1;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%!important;
}

.max--4 {
    height: auto;
    max-width: 33.33333%;
    width: 33.33333%;
}

.brands-nav.is-sticky {
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 2.5rem;
    padding-top: 4rem;
    position: fixed;
    top: 2.25rem;
    z-index: 10;
}

.dark .brands-nav__item.is-selected {
    background-color: #f25a3a ;
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #fff;
}

.s-slider-block__title h2 {
    color: var(--color-primary);
    --color-primary: #ffffff;
}

[dir=rtl] .s-slider-block__title h2 {
    padding: 0px 12px !important;
}
[dir=ltr] .s-slider-block__title h2 {
    padding: 0px 12px;
}

.s-slider-block__title-left {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.s-slider-block__display-all {
    display: flex;
    flex-direction: column;
    line-height: 1.25rem;
    width: max-content;
    color: #fff;
    background: #f25a3a ;
    padding: 0px 12px;
    height: 32px;
    justify-content: center;
    border-radius: 50px;
}
.dark .s-slider-block__display-all {
    color: #23232f;
    background: #fff;
}
 
.s-slider-block__title {
    height: 32px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    border-radius: 50px;
} 

.dark .s-slider-block__title {
    background-color: #f25a3a ;
}














/*      ======      BOTTOM      ======      */
[dir=rtl] .rtl\:rounded-l-md {
    border-radius: 0px;
}

.dark .store-footer .da-bgm {
    background-color: #2e2e3e !important;
}

.store-footer {
    position: relative;
    margin-top: 2rem;
    color: rgba(0,0,0,var(--tw-text-opacity));
}

.ksa-national-day .footer-bottom, .ksa-national-day .store-footer .footer-container {
    background-color: #103247;
    border: initial;
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

@media (min-width: 768px){
.ksa-national-day .footer-bottom, .ksa-national-day .store-footer .footer-container {
    background-color: #103247;
    border: initial;
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 2rem;
}
}

[dir=rtl] .rtl\:border-l-0 {
    border-left-width: 0;
    border-radius: 0px;
}

.store-footer h3 {
    color: #fff !important;
    background-color: #f25a3a ;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.bubble-show {
    cursor: pointer;
    position: relative;
    margin-top: 0.5rem;
}

.sicon-youtube2:before {
    content: "\e913";
    background: linear-gradient(45deg, #a20005 , #fe0000 );
    padding: 7px 8px 8px 8px;
    border-radius: .375rem;
    font-size: 24px;
    color :#fff ;
}
.sicon-snapchat:before {
    content: "\e95e";
    background: linear-gradient(45deg, #ffbd35 , #fffa00 );
    padding: 7px 8px 8px 8px;
    border-radius: .375rem;
    font-size: 24px;
    color :#fff ;
}
.sicon-instagram2:before {
    content: "\e905";
    background: linear-gradient(45deg, #4e57da 0%, #e73070 46%, #fabb3a 100%);
    padding: 7px 8px 8px 8px;
    border-radius: .375rem;
    font-size: 24px;
    color :#fff ;
}

.store-footer .footer-container .contact-links a{
    color : #fff ;
} 
.store-footer .footer-container .contact-links a:hover {
    color : #fff !important;
}

.store-footer .footer-container .contact-links a:nth-of-type(1){
        background: linear-gradient(45deg, #319a49, #60fc7c );
}
.store-footer .footer-container .contact-links a:nth-of-type(2){
        background: linear-gradient(45deg, #2b1e99, #4676ed );
}
.store-footer .footer-container .contact-links a:nth-of-type(3){
       background: linear-gradient(45deg, #3dad86, #79ffd0);
}
.store-footer .footer-container .contact-links a:nth-of-type(4){
        background: linear-gradient(45deg, #005fff, #33ccff );  
}
.store-footer .footer-container .contact-links a:nth-of-type(5){
        background: linear-gradient(45deg, #ad0000, #f00 );
}

.s-block--banners+.s-block--banners{
    margin-top: 0px;
}

.s-block {
    padding-bottom: 5px;
    padding-top: 5px;
}

/*      ======      laptop      ======      */
@media (min-width: 768px){
.md\:gap-4 {
    /*display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));*/
}}

@media (min-width: 768px){
.da-brdr {
    border-color: var(--dark-grey)!important;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    }
/*.store-footer:after {
    content: "";
    height: 13rem;
    width: 100%;
    position: absolute;
    top: -13rem;
    background-image: url(https://cdn.salla.sa/form-builder/k8tQyus1VZS9K3eoZsCQWdbdm8GOsypG6phgNJei.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}*/
}

.md\:max-w-xs {
    max-width: none;
    display: grid ;
    grid-column: span 3/span 3;
}

.md\:items-center {
    display: flex;
    flex-direction: column;
}

.store-footer .footer-container {
    border-bottom-width: 1px;
    gap: 2rem;
    justify-content: space-evenly;
    padding-bottom: 2rem;
    padding-top: 2rem;
    text-align: center;
}

@media (min-width: 992px){
.md\:gap-4:nth-of-type(1) {
    gap: 1rem;
    }
.footer-middle .contact-links {
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 34rem;
    }
}

@media (min-width: 768px){
[dir=ltr] .footer-social:before {
    line-height: 32px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    content: "Follow the Cave of Wonders";
    width: 100%;
    color: #fff;
    height: 32px;
    text-align: center;
}
[dir=ltr].dark .footer-social:before {
    line-height: 32px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    content: "Follow the Cave of Wonders";
    width: 100%;
    color: #fff;
    background-color: #f25a3a ;
    height: 32px;
    text-align: center;
}
}

/*      ======      النشرة      ======      */
[dir=rtl] .rtl\:border-l-0 {
    border-left-width: 0;
    border-radius: 0px;
    display: none;
}
[dir=rtl] .md\:text-start {
    text-align: right;
    /*display: none;*/
}
[dir=rtl] .rtl\:rounded-l-md {
    border-radius: 0px;
    /*display: none;*/
}

[dir=ltr] .footer-newsletter .title-mail p {
    text-align: left;
    display: none;
}
[dir=ltr] .footer-newsletter .title-mail h2 {
    text-align: left;
    display: none;
}
[dir=ltr] .ltr\:border-r-0 {
    border-right-width: 0;
    display: none;
}
[dir=ltr] .ltr\:rounded-r-md {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    display: none;
}