@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap);@import url(https://site-assets.fontawesome.com/releases/v6.4.0/css/all.css);.sicon-fire:before,.sicon-shipping-fast:before,.sicon-store2:before {
    width: 50px;
    height: 50px;
    display: block
}

.sicon-calendar-check:before,.sicon-check-circle:before,.sicon-shipping-fast:before {
    width: 50px;
    height: 50px;
    display: block;
    content: ""
}

body :not(i) {
    font-family: Cairo,sans-serif
}

:root {
    --main-color: #413941;
    --second-color: #e59382;
    --white-color: #fff;
    --black-color: #000
}
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

body,section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background: var(--second-color)!important
}

.top-navbar {
    background-image: radial-gradient(var(--main-color),var(--second-color))
}

.bg-inherit,.s-block--features__item .feature-icon,.s-product-card-content,.s-product-card-entry {
    background-image: radial-gradient(var(--second-color),var(--main-color))
}

.main-menu li.root-level>a span,.mm-spn a,.mm-spn li a,.mm-spn li span,.s-block__title h2,[dir=rtl] .s-slider-block__title h2,h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\] {
    font-weight: 800;
    background-image: linear-gradient(-225deg,var(--second-color) 0,#55494d 20%,#000 60%,#572c22 100%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 2s linear infinite textclip;
    display: inline-block
}

@keyframes textclip {
    to {
        background-position: 100% center
    }
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
    margin-top:0px 
}
.s-block__title h2,[dir=rtl] .s-slider-block__title h2,h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\] {
    background-image: linear-gradient(-225deg,var(--second-color) 0,#282828 20%,#e28877 60%,#282828 100%)
}

[dir=rtl] .s-cart-summary-count,i.header-btn__icon {
    background: var(--main-color);
    color: var(--second-color)
}

.navbar-brand img,i.header-btn__icon {
    animation: 1.5s ease-in-out infinite both heartbeat
}

i.header-btn__icon {
    border: 2px solid var(--second-color)
}

.s-cart-summary-total {
    color: var(--main-color);
    font-weight: 800
}

.s-product-card-content-sub,.s-product-card-content-title a {
    color: var(--white-color)
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.s-product-card-vertical {
    border: 2px solid var(--main-color)
}

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

.s-product-card-entry .s-button-outline {
    border-radius: 10px 20px!important;
    color: var(--white-color)
}

.s-button-outline .sicon-shopping-bag:before {
    background-image: url(https://i.ibb.co/mvc8GmJ/wired-lineal-950-attract-customers.gif);
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    margin-left: 10px
}

.s-product-card-entry {
    overflow: hidden
}

.s-product-card-content-title a {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.s-product-card-entry .s-button-outline .s-button-text {
    display: flex
}

[dir=rtl] .s-slider-block__title h2:before,h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\]:before {
    background: url("https://i.ibb.co/5ky3LZQ/wired-lineal-615-coffee-machine.gif") 0 0/contain;
    width: 35px;
    height: 35px;
    display: inline-block;
    content: "";
    transform: translateY(20%);
    margin-left: 5px
}

.s-product-card-content-subtitle {
    color: var(--second-color)
}

.s-product-card-content-subtitle,.s-product-card-content-title a {
    text-align: center!important
}

.s-block--features__item,.testimonials-slider .testimonial {
    box-shadow: 10px 10px 5px #423a3ec2!important;
    box-shadow: 10px 10px 5px #563b3ac7!important
}

section.s-block.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/d20cXn5jUIZSBrquvPiBatz9Q2i6xeLk9DPikBOX.png"]) .grid  {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.index>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div .lazy__bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e59382
}

@media(max-width: 992px) {
    .mm-ocd--open .mm-ocd__content,.sicon-menu:before {
        background:var(--second-color)
    }

    .mm-spn li a,.mm-spn li span,.sicon-menu:before {
        color: var(--main-color)
    }

    .mm-spn.mm-spn--navbar ul {
        background-image: radial-gradient(var(--second-color),var(--main-color))
    }

    .mm-ocd--open .mm-ocd__content::before {
        background: var(--main-color) url("https://cdn.salla.sa/zOqaP/73izmyDLh7zvv3weQATcMjAyIL8pnMpDMOERiTak.png");
        border-radius: 50%/100% 100% 0 0;
        font-size: 18px;
        content: "";
        width: 100%;
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: center;
        margin: auto;
        height: 35%;
        justify-content: center;
        display: flex
    }

    :is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after {
        border: none!important;
        background: var(--second-color);
        color: var(--main-color);
        text-align: right
    }

    .mm-spn li {
        background: 0 0!important
    }

    .mm-spn li a:before {
        background: url("https://i.ibb.co/5ky3LZQ/wired-lineal-615-coffee-machine.gif") 0 0/contain;
        width: 35px;
        height: 35px;
        display: inline-block;
        content: "";
        transform: translateY(20%);
        margin-left: 5px
    }

    .sicon-menu:before {
        content: "\ed7f";
        border-radius: 50%;
        padding: 7px
    }

    .mm-spn.mm-spn--navbar:after {
        opacity: 1
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(3)>div>a>img {
        margin-top: -2.2rem
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div .banner-entry {
        height: 100px
    }
}

.sicon-store2:before {
    background: url("https://i.ibb.co/rkVT903/wired-lineal-946-equity-security-3.gif") 0 0/contain;
    content: ""
}

.sicon-shipping-fast:before {
    background: url("https://i.ibb.co/zSH7b60/wired-lineal-497-truck-delivery-1.gif") 0 0/contain;
    content: ""
}

.sicon-fire:before {
    background: url("https://i.ibb.co/546rBNr/wired-lineal-2239-star-of-bethlehem-1.gif") 0 0/contain;
    content: ""
}

.footer-is-light .store-footer .social-link {
    animation: 2s ease-in-out infinite both heartbeat
}

@keyframes heartbeat {
    from {
        transform-origin: center center;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.store-footer a,.store-footer h3,.store-footer p.max-w-sm.leading-6.mb-6 {
    color: var(--second-color);
    text-align: center!important
}

.store-footer ::before,.store-footer a.flex.items-center.m-0,.store-footer a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none {
    justify-content: center;
    color: var(--white-color)
}

.store-footer .contact-social ul,.store-footer__inner .flex {
    margin-bottom: 0;
    justify-content: center
}

.footer-is-light .store-footer .store-footer__inner {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(65%2c 57%2c 65%2c 1)'%3e%3c/rect%3e%3cpath d='M0 0L643.37 0L0 799.64z' filter='url(%23SvgjsFilter1007)' fill='rgba(65%2c 57%2c 65%2c 1)'%3e%3c/path%3e%3cpath d='M0 560L643.37 560L0 -239.64z' filter='url(%23SvgjsFilter1007)' fill='rgba(65%2c 57%2c 65%2c 1)'%3e%3c/path%3e%3cpath d='M1440 560L796.63 560L1440 -239.64z' filter='url(%23SvgjsFilter1007)' fill='rgba(65%2c 57%2c 65%2c 1)'%3e%3c/path%3e%3cpath d='M1440 0L796.63 0L1440 799.64z' filter='url(%23SvgjsFilter1007)' fill='rgba(65%2c 57%2c 65%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cfilter height='130%25' id='SvgjsFilter1007'%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='-5' in='TopLeftG' result='TopLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopLeftO' result='TopLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='-5' in='TopRightG' result='TopRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopRightO' result='TopRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='5' in='BottomLeftG' result='BottomLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomLeftO' result='BottomLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='5' in='BottomRightG' result='BottomRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomRightO' result='BottomRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeMerge%3e%3cfeMergeNode in='TopLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='TopRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='SourceGraphic'%3e%3c/feMergeNode%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover
}

.footer-is-light .store-footer .store-footer__inner .text-sm {
    color: #fff
}

@media(min-width: 992px) {
    #app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(3)>div>a>img {
        margin-top:-4rem
    }

    .store-footer a.flex.items-center.m-0,.store-footer a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none {
        justify-content: start
    }

    .store-footer .contact-social ul,.store-footer__inner .flex {
        margin-bottom: 6px
    }
}

@media (max-width: 992px) {
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p {
        position: relative;
    }

    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p:before {
        position: absolute;
        content: 'جميع الحقوق محفوظة لكافيول';
        background: #f9fafb;
        color: #2a2a2a;
        font-size: 15px;
        top: 0;
        left: 0;
        transform: translateX(50%);
    }
}

@media (min-width: 1024px) {
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p {
        position: relative;
    }

    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p:before {
        position: absolute;
        content: 'جميع الحقوق محفوظة لكافيول';
        background: #f9fafb;
        color: #2a2a2a;
        font-size: 14px;
        top: 0;
        left: 0;
        transform: translateX(0%);
        padding: 0 3px;
    }
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) > div > a:nth-child(4) {
    position: relative;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) > div > a:nth-child(4):before {
    content: "\f3c5";
    font-family: 'fontawesome' !important;
    margin-left: 6px;
}