:root {
    --bg: #fff;
    --header-color: var(--color-primary);
}

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

/* ================= HEADER ================= */
#mainnav, #mainnav i:before, #mainnav b {
    color: #000 !important;
}

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

#mainnav i {
    border: 0 !important;
}

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

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

/* Desktop Header */
@media (min-width: 992px) {
    .navbar-brand img {
        max-height: 4rem;
    }

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

    .main-nav-container.fixed-pinned .main-menu > li > a {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .top-navbar, .main-nav-container {
        /* position: absolute !important; */
        left: 0;
        right: 0;
        width: 100%;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 8!important;
    }

    .top-navbar {
        top: 0;
    }

    .main-nav-container {
        top: 32px;
    }

    #mainnav, #mainnav .container, .main-nav-container .container, .main-nav-container .navbar, .main-nav-container .navbar-wrapper {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .top-navbar .s-search-input {
        background: rgba(255,255,255,.92) !important;
    }
}

/* Mobile Header */
@media (max-width: 991px) {
    .top-navbar {
        /* display: none !important; */
    }

    .main-nav-container {
        /* position: absolute !important; */
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 5 !important;
    }

    #mainnav, .main-nav-container .container, .main-nav-container .navbar {
        /* background: transparent !important; */
        /* border: 0 !important; */
        /* box-shadow: none !important; */
    }

    .navbar-brand, .main-nav-container button, .main-nav-container .sicon-menu, .main-nav-container i {
        position: relative;
        z-index: 99999 !important;
    }
}

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

.s-block--photos-slider {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-block--photos-slider .s-slider-block__title-nav, .carousel-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, .s-block--photos-slider .swiper-wrapper, .s-block--photos-slider .swiper-slide {
    width: 100% !important;
}

#main-content > section:nth-child(2) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: -90px !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* ================= CATEGORIES ================= */
.slide--cat-entry {
    height: 18rem;
    padding: 0;
    background: transparent;
    border-color: transparent;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    transition: transform .3s ease;
}

.slide--cat-entry:hover {
    transform: scale(1.05);
    background: unset !important;
    box-shadow: unset;
}

.slide--cat-entry:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 120deg, transparent, rgba(255,255,255,.4), transparent );
    transform: translateX(-100%);
    transition: .6s;
}

.slide--cat-entry:hover:before {
    transform: translateX(100%);
}

.slide--cat-entry h2 {
    font-size: 20px;
    color: #000;
}

.rounded-full {
    border-radius: 0;
}

.w-16 {
    width: 14rem;
}

.h-16 {
    height: auto;
}

.sm\:py-16 {
    background: #fff;
}

@media (max-width: 768px) {
    salla-slider .slide--one-sixth {
        width: 50% !important;
    }
}

@media (min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 25.666667%;
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .s-block--categories .swiper-wrapper {
        display: flex;
        justify-content: space-evenly;
    }
}

/* ================= SECTION TITLES ================= */
.s-slider-block__title, .s-block__title {
    justify-content: center;
    padding-bottom: 24px;
}

.s-slider-block__title h2, .s-block__title h2 {
    position: relative;
    padding: 0;
    font-size: 24px !important;
    color: #000;
}

.s-slider-block__title-left {
    display: none !important;
}

.s-slider-block__title-right, .s-slider-block__title-right:where([dir=rtl],[dir=rtl] *), .s-slider-block__title-right:where([dir=ltr],[dir=ltr] *) {
    padding-left: 0 !important;
}

.s-slider-block__title-right::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 14px;
    margin-top: 14px;
    background: url("https://cdn.files.salla.network/homepage/1576672650/187a3122-c133-481a-b762-f9f71dc16936-original.webp") no-repeat center bottom;
    background-size: contain;
}

.s-block__title .right-side:where([dir=ltr],[dir=ltr] *) {
    padding-right: 0 !important;
}

#main-links-1 .swiper-wrapper {
    display: flex;
    justify-content: center;
}

/* ================= SLIDER ================= */
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) > div:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important;
    padding-bottom: 1rem;
}

/* ================= PRODUCT CARD ================= */
.s-product-card-entry {
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Product Image */
.s-product-card-image, .s-product-card-fit-height .s-product-card-image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: .72 / 1 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

.s-product-card-entry img, .s-product-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    transition: transform .3s ease !important;
}

.s-product-card-entry:hover img {
    transform: scale(1.03) !important;
}

/* Product Info */
.s-product-card-content {
    padding: 7px 0 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

.s-product-card-content-title {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.s-product-card-content-title a {
    display: block !important;
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.s-product-card-content-sub {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;
}

.s-product-card-content-sub *, .s-product-card-price {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Wishlist */
.s-product-card-vertical .s-product-card-wishlist-btn {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 30 !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.92) !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
    background: rgba(255,255,255,.92) !important;
    color: #000 !important;
}

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

/* Add To Cart */
.s-product-card-entry .s-product-card-add-to-cart, .s-product-card-entry .s-button-element, .s-product-card-entry button[type="submit"] {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 68px !important;
    width: calc(100% - 16px) !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.94) !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity .25s, visibility .25s, transform .25s, background .25s !important;
    z-index: 25 !important;
}

.s-product-card-entry:hover .s-product-card-add-to-cart, .s-product-card-entry:hover .s-button-element, .s-product-card-entry:hover button[type="submit"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.s-product-card-entry .s-product-card-add-to-cart *, .s-product-card-entry .s-button-element *, .s-product-card-entry button[type="submit"] * {
    color: #000 !important;
}

.s-product-card-entry .s-product-card-add-to-cart:hover, .s-product-card-entry .s-button-element:hover, .s-product-card-entry button[type="submit"]:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.s-product-card-entry .s-product-card-add-to-cart:hover *, .s-product-card-entry .s-button-element:hover *, .s-product-card-entry button[type="submit"]:hover * {
    color: #fff !important;
}

/* ================= PRODUCT GRID ================= */
@media (min-width: 1024px) {
    .s-products-slider-card {
        width: 25% !important;
    }
}

@media (min-width: 601px) and (max-width: 1023px) {
    .s-products-slider-card {
        width: 33.333333% !important;
    }

    .s-product-card-content-title a {
        font-size: 12px !important;
    }
}

/* ================= MOBILE PRODUCTS ================= */
@media (max-width: 600px) {
    .s-products-slider-card {
        width: 50% !important;
    }

    .s-product-card-entry {
        padding: 0 4px !important;
    }

    .s-product-card-content-title a {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    .s-product-card-content-sub *, .s-product-card-price {
        font-size: 11px !important;
    }

    .s-product-card-vertical .s-product-card-wishlist-btn {
        top: 6px !important;
        right: 6px !important;
    }

    .s-product-card-vertical .s-product-card-wishlist-btn button {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
    }

    /* Add to cart always visible */
    .s-product-card-entry .s-product-card-add-to-cart, .s-product-card-entry .s-button-element, .s-product-card-entry button[type="submit"] {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        bottom: 8px !important;
        height: 34px !important;
        background: rgba(255,255,255,.92) !important;
        color: #000 !important;
        border: 0 !important;
        font-size: 11px !important;
    }

    .s-product-card-entry .s-product-card-add-to-cart *, .s-product-card-entry .s-button-element *, .s-product-card-entry button[type="submit"] * {
        color: #000 !important;
        font-size: 11px !important;
    }

    .s-product-card-entry .s-product-card-add-to-cart:hover, .s-product-card-entry .s-button-element:hover, .s-product-card-entry button[type="submit"]:hover {
        background: rgba(255,255,255,.92) !important;
        color: #000 !important;
        border-color: transparent !important;
    }
}

/* ================= BANNERS ================= */
@media (min-width: 992px) {
    .banner-entry, .banner--fixed img {
        background:transparent!important;
        border-radius: 0!important;
        margin-top: -132px!important;
    }
}

.object-cover {
    object-fit: fill;
}

/* ================= FEATURES ================= */
.s-block--features__item {
    border: 2px solid #B7907E;
    border-radius: 12px;
}

.s-block-trust-store-features__grid {
    grid-template-columns: 1fr !important;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    margin-inline: auto; display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* ================= FOOTER ================= */
.store-footer {
    background-color: var(--color-primary) !important;
}

.store-footer__inner {
    background-color: var(--color-primary) !important;
    color: #000;
}

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

.copyright-text p, .copyright-text p a:hover {
    color: #000 !important;
    opacity: 1;
}

.store-footer a h3:nth-child(1) {
    display: none;
}

a.flex.items-center.m-0 {
    justify-content: center;
}

a.flex.items-center.m-0:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 80px;
    background: url( "https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/gKevb/JtA7Ur9WdVFEaeOvr0CnkQTW4qZDdPoGbYmeKme9.jpg" ) center / contain no-repeat;
    border-radius: 6px;
}

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

/* ================= SOCIAL ================= */
li.s-social-link a {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
}

/* ================= FIXED HEADER ================= */
.main-nav-container.fixed-pinned, .main-nav-container.fixed-pinned #mainnav, .main-nav-container.fixed-pinned .container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.s-blocks-wrapper:empty+.container--product-details, .s-blocks-wrapper:empty+.container--products-list {
    margin-top: 2!important;
}

/* Add custom CSS styles below */