/* Add custom CSS styles below */ 
.s-product-card-vertical {
    border: 1px solid #cfcfcf;
    filter: drop-shadow(1px 9px 7px #818181);
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-center {
    background-color: #ea0a7f!important;
    /* filter: drop-shadow(0px 7px 5px #818181); */
    border: 0px;
    font-weight: bolder!important;
   
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    display: none;
}

.khayal-contacts-footer.flex.flex-col.gap-0.md\:justify-start.md\:items-start.rtl\:md\:text-right.ltr\:md\:text-left.items-center.justify-center.text-center {
    display: none;
}
.mb-6.flex.flex-col.justify-center.items-center {
    display: none;
}
.w-full.h-full.py-5.border-b-\[1px\].first\:border-t-\[1px\]:nth-child(3) {
    display: none;
}
.px-5.py-4.duration-300.ease-in-out img {
    width: 48px;
}

.px-5.py-4.duration-300.ease-in-out div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
}

.px-5.py-4.duration-300.ease-in-out {
    padding-right: .5rem;
    padding-left: .5rem;
}
.s-product-card-content {
    height: 100%;
}

.s-product-card-content-main {
    height: 100%;
}
@media (min-width: 640px) {
    .s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
        flex: 1 1 0%;
        flex: 130%;
    }
}
section.s-block--fixed-banner.wide-placeholder .container.mx-auto .lg\:px-10.px-1.lg\:py-10.py-5 {
    padding-top: 5px;
    padding-bottom: 0px;
}

.lg\:py-3.lg\:px-10.px-1.py-4.flex.justify-between.items-center.w-full.relative.gap-2 {
    padding-top: 1px;
    padding-bottom: 2px;
}
.khayal-store-footer .khayal-copyright-footer .copyright-text p a:hover {
       color: white!important;
       opacity: 1;
}
.flex.rtl\:space-x-reverse.space-x-2.md\:justify-start.justify-center.items-end.mt-2 {
    display: none;
}
section.flex.md\:mb-5 {
    display: none;
}

.khayal-main-content .s-add-product-button-main salla-button button {
    background-color: #ffa41c;
    color: #000000;
}
div#free-shipping {
    display: none;
}
.show_header_bf .khayal-store-header  {
    transform: translateY(-100%); /* Slide in */
}
.show_header .khayal-store-header  {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0); /* Slide in */
    transition: transform 0.3s ease-out; /* Smooth transition */
}
.show_header{
    padding-top: 75px;
}


.show_header .top-navbar.khayal-top-navbar {
    height: 50px;
}

.show_header img.w-full.h-full.object-cover {
    height: 45px;
    width: auto;
}
.show_header .s-user-menu-trigger-avatar {
    height: 2rem;
    width: 2rem;  
}
.show_header .sicon-shopping-bag2:before,.show_header .sicon-search:before,.show_header .sicon-brightness-low:before{
    font-size:22px;
}


span.lg\:hidden {
    margin-top: 4px;
}
.show_header div#mainnav {
    display: none;
}
salla-product-card .s-product-card-content .s-product-card-content-title a, custom-salla-product-card .s-product-card-content .s-product-card-content-title a {
    font-size: 14px !important;
    line-height: 23px !important;
}
salla-product-card .s-product-card-content, custom-salla-product-card .s-product-card-content {
    padding: 5px 7px ;
}
salla-product-card .s-product-card-content .s-product-card-content-sub, custom-salla-product-card .s-product-card-content .s-product-card-content-sub {
    margin-bottom: 2px !important;
}
.s-products-list-wrapper {
    margin-bottom: .5rem;
}
.s-block--marquee .marquee__content li {
    display: none!important;
}
.s-block--marquee .marquee__content li:first-child {
    display: flex!important;
    justify-content: center;
    font-size: 15px;
}
@media (max-width: 900px) {
.s-block--marquee .marquee__content li:first-child {
 
    font-size: 13px;
}
}
.s-block--marquee .marquee__content {
    animation: unset !important;
}
.s-block--marquee .marquee__content li:first-child::after {
    content: '✨';
    font-family: "sallaicons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        margin-top: 3px;
    margin-right: 4px;
}
.khayal-main-content .s-add-product-button-main {
    flex-direction: row-reverse!important;
}
salla-add-product-button.mt-5.w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar.hydrated .s-button-primary {
    background-color: #ffffff !important;
    border: 1px solid !important;
    color: #f4017b !important;
}

.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main {
    width: 93%;
    margin: 0 auto;
}

.is-sticky-product-bar .sticky-product-bar salla-add-product-button {
    width: 100%!important;
}

section.sticky-product-bar.mt-5.bg-\[var\(--color-background\)\] {
    width: 100%;
    margin: 0 auto!important;
    margin-right: 8.5px!important;
    left: -5px!important;
}
.s-button-solid .s-button-loader:before {
    border-top-color: rgb(244 16 123);
    border-top-color: rgb(244 16 123);
    --tw-border-opacity: 1;
    border-right-color: rgb(244 16 123);
    border-right-color: rgb(244 16 123);
    border-bottom-color: rgba(244 ,16, 123,.2);
    border-left-color: rgba(244 ,16 ,123,.2);
 margin-top: 1rem;
    margin-left: 1rem;
}
.sticky-product-bar__quantity.mb-5 {
    display: none;
}
.khayal-slider-simple  img.w-full.h-full.object-cover {
    width: 100%;
    height: unset;
    max-width: 800px;
}
.khayal-slider-simple a{display:flex;justify-content: center;}


salla-slider .swiper-pagination-bullet {
    background-color: #ff0682;
    opacity: .5;
}
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -3px;
}
salla-slider .swiper-pagination-bullet {
    width: 12px;
    height: 5px;
}
salla-slider .swiper-pagination-bullet-active {
    background: #f5288f;
    opacity: 1;
}

.show_header .khayal-store-header {
    z-index: 2;
}
section.s-block.s-block--categories.merge-with-top-component {
    display: none;
}
.s-block--features .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: .5rem;
    gap: .5rem;
}

.s-block--features__item {
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.lg\:px-10.px-1.lg\:py-10.py-5 {
    padding-bottom: 0.75rem;
    padding-top: .75rem;
}

.s-reviews-container .swiper-slide-active .s-reviews-testimonial {
    padding: 1.5rem .5rem;
}

.s-reviews-container .swiper-slide-active .s-reviews-testimonial__avatar:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: .2rem;
    height: 4rem;
    width: 4rem;
}

.s-reviews-testimonial__rating {
    margin-left: 0px;
}

.s-reviews-testimonial__icon svg {
    top: .8rem;
    height: 1.55rem;
    width: 1.55rem;
}
.sicon-shopping-bag:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAh1AAAIdQHePhi6AAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDMgNzkuOTY5MGE4NywgMjAyNS8wMy8wNi0xOToxMjowMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjggKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0xMC0wN1QxODowMDoyNSswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMTAtMDdUMTg6MDU6MTcrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMTAtMDdUMTg6MDU6MTcrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NzgxMjc0LWE4NzMtY2I0NS1iYzNkLTE0ODI5NDY2NTRkZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM0ZjU2MGUyLTU5N2MtMzE0Zi04OTI4LWU2Y2EzNGRkOGY2ZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjRiZjFlNTc5LTkyM2YtNjU0My04NTg2LTkzNWNkM2E2OGM1OSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGJmMWU1NzktOTIzZi02NTQzLTg1ODYtOTM1Y2QzYTY4YzU5IiBzdEV2dDp3aGVuPSIyMDI1LTEwLTA3VDE4OjAwOjI1KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuOCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NzgxMjc0LWE4NzMtY2I0NS1iYzNkLTE0ODI5NDY2NTRkZSIgc3RFdnQ6d2hlbj0iMjAyNS0xMC0wN1QxODowNToxNyswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI2LjggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYn2fMAAADDSURBVEiJ7ZbBCcJAFERfEixA8eLBrrQQFQuIFqAFpIN0lKsYBEULEBkPu17MBj+yQYQM/MvwZwd29n8WSRgqk7SVVPvaeO6j1nI4ktZqYmXRptgwC3Bzi9BqMAxwo5gGX6M3+L1BIikDlrinOG7pmwKDN+4OHFr6L0AJ7PAT2hXyRFINTCLcRginrjN4pEDRoUHxCnmB2y2xQj7jQt5bt2kVCLCyaP9/0HqDaAa3AHeNaVAauSaMc5DJfVWOvnIZvy1PBcypD5BAddgAAAAASUVORK5CYII=);
    width: 18px;
    height: 18px;
    display: block;
    background-size: 18px;
}
.s-product-card-out-of-stock .s-product-card-image::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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));
    font-size: 1.875rem;
    line-height: 2.25rem;
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, 1);
    color: rgba(229, 231, 235, var(--tw-text-opacity, 1));
    background-image: url(https://tareksamir.github.io/first/soldout.png);
    width: 100%;
    height: 100%;
    z-index: 7;
    background-size: 61%;
    background-repeat: no-repeat;
    background-position: 46%;
    opacity: 0.7;
}
.s-block--features__item:first-child {
    grid-column: unset;
}