/* Add custom CSS styles below */ 
body > div > section:nth-of-type(3), body > div > section:nth-of-type(2) {
    position: relative;
    margin-top: 85px !important;
}body > div > section:nth-of-type(2):before {
    color: #2d1e5e;
    content: "الأكثر مبيعاً";
    font-size: 20px;
    -webkit-text-stroke: 0.4px;
    height: 32px;
    width: calc(100% - 30px);
    position: absolute;
    top: -70px;
    text-align: center;
}body > div > section:nth-of-type(2):after {
    color: #2d1e5e;
    content: "اختيارات مميزة من البطاقات";
    height: 32px;
    width: 100%;
    position: absolute;
    width: calc(100% - 30px);
    top: -40px;
    text-align: center;
}

body > div > section:nth-of-type(3):before {
    color: #2d1e5e;
    content: "تسوق الآن";
    font-size: 20px;
    -webkit-text-stroke: 0.4px;
    height: 32px;
    width: calc(100% - 30px);
    position: absolute;
    top: -70px;
    text-align: center;
}body > div > section:nth-of-type(3):after {
    color: #2d1e5e;
    content: "تشكيلة واسعة من البطاقات";
    height: 32px;
    width: 100%;
    position: absolute;
    width: calc(100% - 30px);
    top: -40px;
    text-align: center;
}

.grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3,minmax(0,1fr));
}.banner-entry {
    padding: 0rem;
    padding-bottom: 180%;
    background-color: #0000;
    border-radius: 8px;
    margin-inline: -5px;
    display: flex;
    justify-content: center;
}.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 0em;
}.has-overlay:hover:after {
    background-color: unset;
}.has-overlay:after {
    background-color: unset;
}
.banner-entry__text {
    padding: 0;
    background-color: #0000;
    border-radius: 8px;
    margin-inline: -5px;
    display: flex;
    justify-content: center;
    height: unset;
    font-size: 15px;
    line-height: 2rem;
}.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry .lazy__bg.lazy.entered.loaded,.grid.one-row.md\:grid-cols-1.grid-flow-row.gap-3.sm\:gap-8 .lazy__bg.lazy.entered.loaded {
    height: 90%;
}.gap-3 {
    gap: 0.45rem;
}body {
    background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExa253ZzhxdWMxMmR2MWphd3gwZnpucmllNzhjNzYzODNlcmFmMGdxayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/JhSxctglAl5pBrWcBf/giphy.gif) !important;
}


.dark .banner-entry__text{
  color: white;
}
.dark body > div > section:nth-of-type(2):before,.dark body > div > section:nth-of-type(3):before {
    color: white;
}.dark body > div > section:nth-of-type(2):after,.dark body > div > section:nth-of-type(3):after {
    color: white;
 }.dark body {
    background: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExa253ZzhxdWMxMmR2MWphd3gwZnpucmllNzhjNzYzODNlcmFmMGdxayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/JhSxctglAl5pBrWcBf/giphy.gif) !important;
    background-color: #1e1c1c ! IMPORTANT;
}.dark #mobile-menu {
    background: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExa253ZzhxdWMxMmR2MWphd3gwZnpucmllNzhjNzYzODNlcmFmMGdxayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/JhSxctglAl5pBrWcBf/giphy.gif) !important;
    background-color: #1e1c1c ! IMPORTANT;
}p.s-cart-summary-content {
    display: none;
}[dir=rtl] .header-btn__icon.icon {
    margin-left: 0px;
}input.s-search-input {
    height: 36px !important;;
}
.main-nav-container {
    padding-bottom: 3rem;
}.main-nav-container {
    min-height: 100px;
    padding-top: 0rem;
}body {
    background-color: white;
}.sicon-menu:before {
    color: white;
}.theme-mode-btn svg {
    stroke: #ffffff;
}span.icon.sicon-mail.text-primary.rtl\:ml-2.ltr\:mr-2 {
    color: white;
}.top-navbar {
    background: #f7a93a;
}.inner.bg-inherit {
    background: #f7a93a;
    box-shadow: 0 5px 2px #8a01d9;
    border-radius: 0rem 0rem 1rem 1rem;
}.top-navbar {
    border: 0;
    color: white;
    border-bottom: 1px solid;
    border-color: #8a01d921;
}.dark .top-navbar {
    background-color: rgb(247 169 58);
}.dark #app .s-search-input {
    background-color: #000000;
    box-shadow: 0 0 6px #8a01d9;
}.s-block {
    margin-top: 0rem;
}salla-slider.photos-slider .swiper-slide {
    margin: 0;
    border-radius: 1rem;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}[dir=rtl] salla-slider.photos-slider .swiper {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0;
}.dark .header-btn__icon {
    border-color: rgba(255,255,255,.1);
    --tw-bg-opacity: 1;
    background-color: #1e1b1c;
    background-color: rgb(30 27 28 / 0%);
}

.header-btn__icon {
    display: flex;
    height: 2.5rem;
    width: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border-width: 0px;
    color: #fff;
    background-color: #0000;
    font-size: 23px;
    transition: all 200ms linear;
}[dir=rtl] .rtl\:mr-4 {
    margin-right: 12px;
}.s-cart-summary-count {
    left: -8px!important;
    right: auto!important;
    color: #ffffff;
    background: #8a01d9;
    border-radius: 6px;
    padding: 0px 0px 1px 0px;
    height: 16px;
    align-items: flex-start;
}#mobile-menu .navbar-brand {
    position: relative;
    z-index: 11;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0rem;
    padding-bottom: 0.2rem;
    background: #f7a93a;
}


.store-footer, .dark .store-footer {
    text-align: center;
    background: #f7a93a;
    border-radius: 8rem 8rem 0rem 0rem;
    box-shadow: 0px -3px 0px 0px #8806d1;
    color: white;
}.store-footer__inner, .dark .store-footer__inner {
    background-color: rgb(247 169 58);
    border-radius: 8rem 8rem 0rem 0rem
}.store-footer a {
    place-content: center;
}.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
}[dir=rtl] .store-footer h3 {
    border-right-width: 0px;
}
@media (max-width: 1024px) {
    .main-nav-container .header-search {
    position: absolute;
    top: unset;
    right: 4rem;
    bottom: 0.5rem;
    left: 5rem;
}
    input.s-search-input {
    height: 26px !important;
}
}
salla-slider.photos-slider .swiper-slide img.w-full.object-contain.rounded-md {
    border-radius: 1.375rem;
    box-shadow: 0 0px 5px #8a01d9;
}salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
}
.breadcrumbs ol {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #20174712;
    border-radius: 1rem;
}
.dark .breadcrumbs ol {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #151414;
    border-radius: 1rem;
}

.main-nav-container .header-search {
    position: absolute;
    top: auto;
    left: 50px;
    right: 50px;
    bottom: 0px;
    z-index: 1;
    max-width: 1000px;
    margin-inline: auto;
}
@media (min-width: 1024px) {
.dark #mobile-menu {
    background: unset ! IMPORTANT;
    background-color: unset !IMPORTANT;
}
}.product-index .s-products-list-wrapper {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1rem;
}.product-index .product-entry--cat {
    align-items: center;
    gap: 10px;
    padding: 15px;
}.product-index .product-entry--cat .product-entry__image {
    height: auto;
    max-height: fit-content;
    width: auto;
    padding: 0;
}.text-info {
    align-items: center;
    text-align: center;
}.product-entry {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
}.product-index .product-entry--cat .product-entry__image img {
    min-height: 160px;
    -o-object-fit: contain;
    object-fit: contain;
}@media (min-width: 1024px) {
    .product-index .s-products-list-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
.product-entry__image.border.dark\:border-dark.mb-5.md\:mb-0.relative.bg-gray-100.dark\:bg-darker.rounded.h-\[380px\] {
    height: 0;
    margin-bottom: 0px;
}.container.px-2\.5.ms\:px-5.my-10 {
    margin-top: 0.5rem;
}.breadcrumbs.container {
    margin-top: 20px;
}


/*
@media (min-width: 300px) {
.banner-entry{
  height: 160px;
}}@media (min-width: 320px) {
.banner-entry{
  height: 170px;
}}@media (min-width: 330px) {
.banner-entry{
  height: 180px;
}}@media (min-width: 340px) {
.banner-entry{
  height: 190px;
}}@media (min-width: 350px) {
.banner-entry{
  height: 200px;
}}@media (min-width: 370px) {
.banner-entry{
  height: 200px;
}}@media (min-width: 380px) {
.banner-entry{
  height: 210px;
}}@media (min-width: 400px) {
.banner-entry{
  height: 220px;
}}@media (min-width: 420px) {
.banner-entry{
  height: 230px;
}}@media (min-width: 440px) {
.banner-entry{
  height: 240px;
}}@media (min-width: 460px) {
.banner-entry{
  height: 260px;
}}@media (min-width: 490px) {
.banner-entry{
  height: 280px;
}}@media (min-width: 530px) {
.banner-entry{
  height: 300px;
}}@media (min-width: 570px) {
.banner-entry{
  height: 320px;
}}@media (min-width: 610px) {
.banner-entry{
  height: 350px;
}.banner-entry__text {
    font-size: 21px;
    line-height: 3rem;
}}@media (min-width: 670px) {
.banner-entry{
  height: 400px;
}}@media (min-width: 760px) {
.banner-entry{
  height: 450px;
}}@media (min-width: 850px) {
.banner-entry{
  height: 500px;
}}@media (min-width: 940px) {
.banner-entry{
  height: 550px;
}}@media (min-width: 1024px) {
.banner-entry{
  height: 610px;
}.banner-entry__text {
    opacity: 1;
}}@media (min-width: 1150px) {
.banner-entry{
  height: 680px;
}.banner-entry__text {
    line-height: 5rem;
    font-size: 40px;
}}
*/
.banner-entry__text {
    position: absolute;
    bottom: 0;
    opacity: 1;
    color: black;
}
.dark .banner-entry__text {
    color: white;
}
@media (min-width: 610px) {
.banner-entry__text {
    font-size: 21px;
    line-height: 3rem;
}}@media (min-width: 1150px) {
.banner-entry__text {
    line-height: 5rem;
    font-size: 40px;
}}
.main-nav-container.fixed-header .inner .header-search.min-w-\[320px\].flex-1.relative.z-0 {
    visibility: hidden;
}
@media (max-width: 418px) {
.main-nav-container .header-search {
    left: 30px;
    right: 30px;
}}@media (max-width: 370px) {
.main-nav-container .header-search {
    left: 10px;
    right: 10px;
}}

@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        width: 100%;
    }
}

section.s-block.s-block--photos-slider {
    max-width: 1270px;
    align-self: center;
}
.lazy__bg.lazy.entered.loaded {
    transition: all 1s ease;
}

.banner-entry {
  transition: all .2s ease;
}.banner-entry:hover {
    transform: translate(0px, -10px);
}
.product-index .selected-cat-item>span img.lazy.w-9.h-7.object-cover.rounded.loaded {
    height: 3rem;
    width: 4.25rem;
}