/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/roftechstore.css); .salla-advertisement .container h2 a {
    font-family: apple!important
}

.salla-advertisement .center-between {
    text-align: center!important
}

section.s-block--photos-slider .carousel-slider .swiper {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important
}

@media(max-width: 767px) {
    .product-entry__image a img {
        height:auto!important
    }
}

@media(max-width: 767px) {
    .s-block--deals .product-entry .content-wrap {
        padding-top:150px!important
    }
}

header.page-header.h-24 {
    background-color: #fff!important
}

.s-block--tabs-produtcs .tab-trigger {
    color: #fff!important
}

.text-sm {
    display: block!important;
    color: #3e4857 !important
}

.cart-item .space-y-1 .item-regular-price {
    display: none!important
}

salla-button .s-button-btn {
    border-radius: 8px!important
}

.product-entry .btn--add-to-cart:not(.deal) button:not(:hover) {
    background: var(--1) !important;
    color: #fff!important
}

.s-button-btn {
    background: var(--1)!important;
    color: #d6f0ff!important
}

.s-button-primary-outline:hover {
    background: #fff!important;
    color: var(--1)!important;
    border: 2px solid var(--1)!important
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
}

.header-mainbar .search-bar--mobile .s-search-input {
    --tw-border-opacity: 0.5 !important;
    border-color: #ececec!important
}

.header-mainbar .sides-wrap {
    padding-bottom: 8px!important;
    padding-top: 8px!important
}

.bg-darker {
    background-color: #f3f4f6!important
}

.promotion-badge,.s-cart-summary-count {
    background-color: #ec1c42!important
}

.text-red-500 {
    color: #ec1c42!important
}

.navbar-brand img {
    max-height: 3rem!important;
    content: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/dWpmr/uGLQzmE02nGsizcchJCVwSlGCYMlXmAG15Onk6ss.png)!important
}

.s-offer-modal-btn-wrap {
    width: fit-content!important
}

@media(min-width: 1025px) {
    .main-menu li.root-level>.sub-menu,.main-menu .sub-menu ul>li:not(:first-child)>.sub-menu {
        background:var(--1)!important
    }
}

@media(min-width: 1025px) {
    .main-menu li li>a {
        color:#fff!important
    }
}

@media(max-width: 1024px) {
    .grid-flow-row {
        grid-auto-flow:unset;
        display: inline-block
    }
}

.slide--cat-entry i {
    border-radius: 5px;
    height: auto;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 68% 0;
}

.slide--cat-entry h4 {
    color: rgb(255 255 255)
}

@media(max-width: 1024px) {
    .product-entry--vertical .product-entry__content {
        padding-top:25px;
        margin-bottom: -3.75rem
    }

    .grid-flow-row .product-entry--vertical {
        position: inherit!important;
        display: inline-block!important;
        width: 49%!important
    }
}

@media(max-width: 1024px) {
    .s-block--banners .container .has-2-photos {
        display:-webkit-box!important
    }
}

@media(max-width: 1024px) {
    .s-block--banners .container .has-2-photos .banner-entry {
        width:49%!important
    }
}

@media(max-width: 1024px) {
    #mainnav li>a {
        line-height:.8rem!important
    }
}

@media(max-width: 1024px) {
    #mainnav .inner {
        padding-bottom:100px!important
    }
}

.center-between {
    display: flex;
    align-items: center;
    justify-content: center
}

#mainnav li:first-child {
    background-color: #e2211b!important
}

#mainnav li:first-child a {
    color: #fff!important;
    font-weight: 700!important
}

#mainnav li.root-level:last-child {
    background-color: var(--1)!important
}

#mainnav li.root-level:last-child>a {
    color: #fff!important;
    font-weight: 700!important
}

#licenceImage {
    height: 140px!important;
    display: block;
    margin: 0 auto
}

.carousel-slider .swiper-wrapper>div {
    padding: 0!important;
    margin-left: 13px!important
}

.slide--cat-entry h4 {
    display: none!important
}

@media(min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 21.4% !important
    }
}

@media(max-width: 767px) {
    salla-slider .slide--one-sixth {
        width: 15vw;
    }

    .slide--cat-entry i {
        border-radius: 5px;
        height: 12rem;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.slide--one-sixth .slide--cat-entry {
    padding: 0!important
}

@media(max-width: 767px) {
    .banner-entry {
        height:7.2rem!important;
        border-radius: 0!important
    }
}

@media(max-width: 767px) {
    .s-block--banners,.s-block--fixed-banner {
        margin-top:5px!important
    }
}

@media(max-width: 767px) {
    .banner-entry .lazy__bg {
        background-size:contain!important;
        background-repeat: no-repeat
    }
}

@media(max-width: 767px) {
    .banner-entry:first-child>a.lazy__bg {
        margin-left:5px
    }
}

@media(max-width: 767px) {
    .banner-entry:last-child>a.lazy__bg {
        margin-left:0!important
    }
}

@media(max-width: 1024px) {
    .s-block--banners .container .has-2-photos .banner-entry {
        width:50%!important
    }
}

.android-device .s-block--banners .container .has-2-photos {
    padding-right: 10px!important
}

:root {
    --color-primary: #0d70ae;
    --color-primary-dark: #004a88;
    --color-primary-light: #3396d4;
    --color-primary-reverse: #d9ffff;
    --1: var(--color-primary);
}

.s-product-card-content:before,.product-entry .content-wrap:before {
    background: url(https://cdn.salla.sa/form-builder/QzCJDG24H0kkHioCxiiYVL5H4S0RP7rkPIRCkz4j.png);
    content: '';
    width: 100%;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

@media(max-width: 767px) {
    .header-mainbar .sides-wrap {
        padding:.75rem 6px;
        gap: 0
    }
}

salla-slider .slide--one-fourth {
    padding: 8px
}

.s-product-card-entry,.product-card.product-entry.product-entry--vertical {
    box-shadow: 0 4px 11px 0 rgba(0,0,0,.2),0 2px 1px -1px rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14);
    padding: 8px;
    border-radius: 8px;
    background-color: #fff
}

.s-block__title h2,.s-slider-block__title h2 {
    font-size: 1.5rem
}

@media(min-width: 1024px) {
    salla-slider .slide--one-fourth {
        width:21%
    }
}

salla-slider[type]:not(.hydrated)>div>div,salla-slider[type]:not(.hydrated) .swiper>div>div>div,.carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 11px;
    padding-right: 5px;
    padding-top: 17px;
    padding-bottom: 15px
}

custom-salla-product-card.s-product-card-entry salla-add-product-button button:disabled {
    color: rgb(51 51 51)
}

.s-button-light-outline {
    background-color: var(--1)
}

custom-salla-product-card.s-product-card-entry salla-add-product-button button:disabled {
    color: rgb(255 255 255)
}

@media(max-width: 767px) {
    .s-products-slider-card {
        max-width:50%;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

salla-social-share.hydrated .s-button-light-outline {
    fill: #fff;
    color: #fff
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background: var(--1)
}

.s-add-product-button-mini-checkout-content,button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    background: var(--1)!important;
    color: #fff!important
}

.s-fast-checkout-button.rtl {
    padding: 22px
}

.s-add-product-button-mini-checkout-content,button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    --color-primary: var(--1) !important;
    border-radius: 4px
}

button.l_search-results-module_addToCartBtn {
    background: var(--1)!important
}

custom-salla-product-card.s-product-card-entry salla-add-product-button button.s-button-outline {
    border-color: rgba(229,231,235,.7);
    --tw-text-opacity: 1;
    color: rgb(255 255 255)
}

@import "https://raw.githack.com/elwa2/cssres/main/iblackstores.css";[dir=rtl] salla-slider[type]:not(.hydrated)>div,[dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div,[dir=rtl] .carousel-slider .swiper {
    padding-left: 0;
    padding: 20px;
}

@media(max-width: 767px) {
    .header-mainbar .sides-wrap {
        padding:.75rem 20px;
        gap: 0
    }

    salla-slider .slide--one-fourth {
        max-width: 200px
    }
}

.s-block__title h2,.s-slider-block__title h2 {
    font-size: 1rem
}

button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    border: 0!important
}

.s-button-primary {
    color: var(--color-primary-reverse);
    border: 0!important
}

.s-button-primary-outline,.product-entry .btn--add-to-cart:not(.deal) button:not(:hover),button.btn--wishlist.animated.hidden.sm\:flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background: var(--1);
    color: #fff
}

salla-slider .slide--one-sixth {
    width: 13.666667%
}

@media(max-width: 767px) {
    salla-slider .slide--one-fourth {
    }

    salla-slider .slide--one-sixth {
        width: 38vw;
    }

    .slide--cat-entry i {
        height: 15vw;
        width: 100%;
        border-radius: 5px;
        height: auto;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 68% 0;
    }

    .slide--cat-entry h4 {
        font-size: .8rem;
        width: 74px
    }
}

salla-slider .slide--one-fourth {
    padding: 8px
}

.s-product-card-entry,.product-card.product-entry.product-entry--vertical {
    box-shadow: 0 4px 11px 0 rgba(0,0,0,.2),0 2px 1px -1px rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14);
    padding: 8px;
    border-radius: 8px;
    background-color: #fff
}

.s-block__title h2,.s-slider-block__title h2 {
    font-size: 1.5rem
}

@media(min-width: 1024px) {
    salla-slider .slide--one-fourth {
        width:21%
    }
}

@media(min-width: 1024px) {
    #mainnav.fixed-header .main-menu {
        justify-content:center
    }
}

@media(max-width: 1024px) {
    #mainnav {
        height:85vh!important
    }
}

@media(min-width: 768px) {
    .s-products-list-filters-results {
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap: 1.5rem
    }
}

body.product-index salla-products-list.flex-1.min-w-0.overflow-auto.s-products-list.hydrated {
    overflow: initial
}

.s-product-card-content:before,.product-entry .content-wrap:before {
    background: url(https://cdn.salla.sa/form-builder/QzCJDG24H0kkHioCxiiYVL5H4S0RP7rkPIRCkz4j.png);
    content: '';
    width: 100%;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

@media(max-width: 767px) {
    .header-mainbar .sides-wrap {
        padding:.75rem 6px;
        gap: 0
    }
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    background-color: var(--1);
    color: #fff
}

.s-button-primary-outline:hover {
    background-color: #08a981;
    fill: #fff;
    color: #fff
}

@media(min-width: 767px) {
    section.s-block.s-block--photos-slider.overflow-hidden .swiper-wrapper {
        width:70%;
        height: 100%
    }
}

custom-salla-product-card .s-product-card-promotion-title {
    background-color: var(--1);
}

custom-salla-product-card .s-product-card-promotion-title:before {
    border-left-color: var(--1) !important;
}

custom-salla-product-card .s-product-card-promotion-title {
    font-size: 0.775rem;
}

@media(max-width: 767px) {
    footer.store-footer,.col-span-12.sm\:col-span-6.lg\:col-span-3.flex.flex-col.flex-1.space-y-6 img.img-fluid.max-h-\[70px\].loaded,p.max-w-\[75\%\].leading-6.mb-4,.col-span-6.footer-list.sm\:col-span-3.lg\:col-span-3, .store-footer h3,salla-menu.hydrated,.footer-list a,.s-contacts-item,.store-footer .s-social-list {
        margin-left: auto !important;
        margin-right: auto !important;
        align-content: center !important;
        justify-content: center !important;
        text-align: center;
    }

    .col-span-12.sm\:col-span-6.lg\:col-span-3,.col-span-6.footer-list.sm\:col-span-3.lg\:col-span-3,salla-contacts.s-contacts.hydrated {
        display: flex;
        flex-direction: column;
    }
}