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

:root {
    --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/wWrpqN/NzW5UtzhI1ZJu7unZYN8H9lyz9JMaccuAWFPX8dF.png");
    --bg: #FFF;
    --header-bg: #FFF;
    --header-color: 000 ;
    --cat-num: 2;
    --feat-bg: #000;
    --feat-color: #fff;
    --footer-bg: #bf98a9 ;
}

body {
    background-color: var(--bg) !important;
}


.top-navbar .s-search-input {
    background-color: #FFF;
}

.s-block--photos-slider {
    transition: all 0.4s;
}

.s-block--photos-slider:hover {
    filter: brightness(0.8);
}

.main-nav-container {
    min-height: 0;
}

@media (min-width: 992px) {
    .navbar-brand img {
        max-height: 7rem;
    }

    .main-nav-container.fixed-pinned .navbar-brand img {
        max-height: 70px;
    }
}

.top-navbar {
    background-color: #bf98a9 !important;
}
.container.flex.justify-between {
    color: black;
}
 #mainnav, .inner, .sub-menu {
    background: #FFF !important;
}

#mainnav,
#mainnav i:before,
#mainnav b {
    color: var(--header-color) !important;
}

#mainnav a:hover {
    color: var(--header-color) !important;
    opacity: 0.7;
}

.sicon-shopping-bag:before {
    content: "\ef39" !important;
}

.sicon-user-circle:before {
    content: "\f078";
}

/* Carousel */

.s-block:nth-of-type(1) {
    margin-top: 0 !important;
}

.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}

.s-block--photos-slider * {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.s-block--photos-slider .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* Categories */

.s-block--banners .grid {
    grid-template-columns: repeat(var(--cat-num), 1fr);
}

.s-block--banners .banner-entry {
    height: 300px;
}

@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .s-block--banners .banner-entry {
        height: 100px;
    }
}

.s-block--banners .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-row: span 1 / span 1;
    }
}

/* Products */

.s-product-card-entry {
    background-color: #fbfafa !important;
    border: none !important;
    border-radius: 0.8rem !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.s-product-card-entry:hover {
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
}

.s-product-card-image {
    background-color: #fff !important;
}

.s-product-card-entry:hover img {
    scale: 1.2;
}

.s-product-card-entry img {
    transition: all 0.3s;
}

.slider-bannars-moving h2,
.s-product-card-content-title {
    text-align: center !important;
}

.s-product-card-content-sub {
    justify-content: center;
}

.s-product-card-content-title a {
    color: #000 !important;
}

body:not(body.product-single)
    .s-button-element:not(.s-product-card-wishlist-btn) {
    background: #bf98a9 ;
    color: #fff !important;
    border-radius: 0.5rem;
}

.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
    background-color: #bf98a9 !important;
}

.s-product-card-vertical
    .s-product-card-wishlist-btn
    button:hover
    .sicon-heart {
    color: #fff !important;
}

@media (max-width: 600px) {
    .s-products-slider-card {
        width: 55%;
    }
}

/* Transparent Banner */
.banner-entry,
.banner--fixed img {
    background-color: transparent !important;
}

/* Features */

.s-block--features__item .feature-icon {
    background-color: var(--feat-bg);
}

.s-block--features__item .feature-icon i {
    color: var(--feat-color) !important;
}

/* Footer */

.store-footer,
.store-footer__inner {
    background-color: var(--footer-bg) !important;
}

@media (min-width: 1024px) {
    footer .grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Social Icons */

a[href*="instagram"] {
    background: -o-linear-gradient(
        45deg,
        #f09433 0,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    );
    background: linear-gradient(
        45deg,
        #f09433 0,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    );
}

a[href*="tiktok"] {
    background: -o-linear-gradient(330deg, #69c9d0, #000, #ee1d52);
    background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);
}

a[href*="facebook"] {
    background: -o-linear-gradient(45deg, #3776f2, #00b1f7);
    background: linear-gradient(45deg, #3776f2, #00b1f7);
}

a[href*="twitter"] {
    background: #000;
}

a[href*="youtube"] {
    background-color: #c4302b;
}

a[href*="snapchat"] {
    background-color: #ff0;
    color: #000;
}

a[href*="twitter"],
a[href*="snapchat"],
a[href*="facebook"],
a[href*="tiktok"],
a[href*="instagram"] {
    border: unset !important;
}

@media (max-width: 769px) {
    footer * {
        margin: 0 auto;
        text-align: center;
    }
}

/* Loading Screen */

.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--bg) var(--logo);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9 !important;
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

@keyframes logobg {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/* Special Heading */

.s-slider-block__title h2,
.s-block__title h2 {
    font-size: 48px !important;
    position: relative;
    color: #bf98a9  !important;
}
.s-slider-block__title h2:before,
.s-block__title h2:before  {
    display: none !important;
}
@media (max-width: 1024px) {
    .s-slider-block__title h2,
    .s-block__title h2 {
        font-size: 28px !important;
    }
    .s-slider-block__title h2:before,
    .s-block__title h2:before {
        height: 20px;
        transform: translate(10px, 20px);
    }
}

/* Hover Effect */

.banner-entry > div {
    background-repeat: no-repeat;
    display: inline-block;
    transition: 0.3s;
}

.banner-entry > div:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0) 100%
    );
}

.banner-entry > div:hover:after {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

.banner-entry > div:active:after {
    opacity: 0;
}

.banner-entry > div:not(:hover) {
    transform: scale(0.95);
}
::before {
    COLOR: black;
}.footer-is-light .store-footer .store-footer__inner {
    background-image: url(https://i.ibb.co/mrLPGsF2/Untitled-design-2.png);
    background-size: cover;
    padding-top: 150px;
    margin-top: -6%;
    COLOR: aliceblue;
}
footer/
.footer-is-light .store-footer .store-footer__inner,footer.store-footer{background-color:var(--color-primary)!important;color:var(--second-color)}.copyright-text p{color:var(--second-color)}.s-social-link a{color:var(--white-color);border:0;transition:all .5s}.s-social-link a:hover{transform:translateY(-10px);transition:all .5s}a[href*="instagram"]{background:-o-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}a[href*="tiktok"]{background:-o-linear-gradient(330deg,#69c9d0,#000,#ee1d52);background:linear-gradient(120deg,#69c9d0,#000,#ee1d52)}a[href*="facebook"]{background:-o-linear-gradient(45deg,#3776f2,#00b1f7);background:linear-gradient(45deg,#3776f2,#00b1f7)}a[href*="youtube"]{background-color:#c4302b}a[href*=snapchat]{background:#fffc00;color:black;text-shadow:-2px 0 black,0 1px black,1px 0 black,0 -1px black}.s-contacts-icon{border:0;text-align:center}.s-contacts-icon{color:var(--color-primary);display:inline-grid;justify-items:center;margin-right:10px;align-items:stretch;justify-content:center;align-content:center;z-index:1;width:40px;height:40px;border-radius:12px};animation:animate 4s linear infinite;border-radius:12px}@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes animate{0%{--a:0deg}100%{--a:360deg}}.store-footer h3{background-color:white;color:var(--color-primary);border-radius:15px;padding:6px 20px;text-align:center!important}.footer-is-light .store-section.s-block.s-block--fixed-banner{z-index:1}}@media (max-width:767px){.sm\:gap-8{gap:.5rem}.banner-entry,.two-row .banner-entry:first-child{height:150px!important}/slides/
.swiper-slide{width:56%}.store-footer__inner *{text-align:center;justify-content:center}section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-size: inherit;
    background-repeat: no-repeat;
}.s-contacts-icon {
    position: relative;
    z-index: 1;
    background: repeating-conic-gradient(from var(--a), #fff 0%, #fff 5%, rgba(107, 114, 128, 1) 5%, rgba(255, 255, 255, 1) 40%, #fff 50%);
    animation: animate 4s linear infinite;
    border-radius: 12px;
}

.lazy__bg.lazy.entered.loaded {
    transition: transform .5s;
}
.lazy__bg.loaded {
    opacity: 1;
}
.lazy__bg {
    position: absolute;
    top: 30px;
    left: 0px;
    height: 70%;
    width: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}}.s-contacts-icon {
    background-color: aliceblue;
    color: var(--color-primary);
    display: inline-grid
;
    justify-items: center;
    margin-right: 10px;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 12px;
} }.top-navbar {
    background-color: #bf98a9 !important;
}