/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/brushlinesa.css); div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {
    display: none !important;
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: var(--3);
    --color-primary-reverse: #edf5ff;
    --gr: linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 0,var(--color-primary) 39%,var(--color-primary-dark) 100%);
    --gr2: linear-gradient(45deg, var(--1) 0, var(--2) 100%);
    --1: #5d5d5d;
    --2: #f6bf24;
    --3: #5d5d5d;
    --2-2: #fcd8006e;
    --4: #3b3b39;
    --4-4-4: #20201f;
    --4-4: #3131309c;
    --bg: #F2F2F2;
    --ff: #ededed;
    --00: #2d2d2d;
    --bg-g: linear-gradient(134deg ,transparent -183%,#fff 83% ,#fff 200%),url("");
    --bg-f: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat;
    --logo: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 461.15 61.72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23linear-gradient-2); %7D .cls-2 %7B mask: url(%23mask); %7D .cls-3 %7B fill: none; %7D .cls-4 %7B fill: url(%23linear-gradient); %7D .cls-5 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-3' x='198.44' y='24.51' width='146.22' height='11.81'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='284.82' y1='-350.18' x2='285.82' y2='-350.18' gradientTransform='translate(37848.88 46141.34) rotate(-180) scale(131.68 -131.68)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cmask id='mask' x='198.38' y='23.81' width='146.33' height='13.22' maskUnits='userSpaceOnUse'%3E%3Crect class='cls-4' x='198.41' y='24.16' width='146.27' height='12.51' transform='translate(-.14 1.31) rotate(-.28)'/%3E%3C/mask%3E%3ClinearGradient id='linear-gradient-2' x1='284.82' y1='-350.18' x2='285.82' y2='-350.18' gradientTransform='translate(37848.88 46141.34) rotate(-180) scale(131.68 -131.68)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M58.99,48.67H21.69l-6.61,13.05H0L32.71,0h15.43l32.71,61.72h-15.25l-6.61-13.05ZM53.08,37.21l-12.79-25.13-12.78,25.13h25.57Z'/%3E%3Cpath d='M173.02,30.86c0,19.22-14.9,30.86-38.18,30.86h-32.8V0h32.8c23.28,0,38.18,11.64,38.18,30.86M158.64,30.86c0-12.7-10.05-18.87-24.86-18.87h-17.63v37.74h17.63c14.81,0,24.86-6.17,24.86-18.87'/%3E%3Crect x='198.44' y='49.91' width='63.57' height='11.82'/%3E%3Crect x='198.44' y='0' width='62.69' height='11.81'/%3E%3Cg class='cls-5'%3E%3Cg class='cls-2'%3E%3Crect class='cls-1' x='198.41' y='24.16' width='146.27' height='12.51' transform='translate(-.14 1.31) rotate(-.28)'/%3E%3C/g%3E%3C/g%3E%3Crect x='289.99' y='49.91' width='63.57' height='11.82'/%3E%3Crect x='289.99' y='0' width='62.69' height='11.81'/%3E%3Cpolygon points='461.15 0 461.15 61.72 447.05 61.72 447.05 18.78 419.98 51.84 419.27 51.84 392.21 18.78 392.21 61.72 378.54 61.72 378.54 0 393.88 0 419.98 32.62 446.08 0 461.15 0'/%3E%3C/svg%3E");
    --logo: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 583.16 166.58'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23linear-gradient-2); %7D .cls-2 %7B mask: url(%23mask); %7D .cls-3 %7B fill: none; %7D .cls-4 %7B fill: %23fcd800; %7D .cls-5 %7B fill: url(%23linear-gradient); %7D .cls-6 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-3' x='259.44' y='78.04' width='146.22' height='11.81'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='458.15' y1='-476.49' x2='459.15' y2='-476.49' gradientTransform='translate(60734.54 62826.38) rotate(-180) scale(131.68 -131.68)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cmask id='mask' x='259.38' y='77.34' width='146.33' height='13.22' maskUnits='userSpaceOnUse'%3E%3Crect class='cls-5' x='259.41' y='77.69' width='146.27' height='12.51' transform='translate(-.4 1.6) rotate(-.28)'/%3E%3C/mask%3E%3ClinearGradient id='linear-gradient-2' x1='458.15' y1='-476.49' x2='459.15' y2='-476.49' gradientTransform='translate(60734.54 62826.38) rotate(-180) scale(131.68 -131.68)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect class='cls-4' width='583.16' height='166.58'/%3E%3Cg%3E%3Cpath d='M119.99,102.2h-37.3l-6.61,13.05h-15.08l32.71-61.72h15.43l32.71,61.72h-15.25l-6.61-13.05ZM114.08,90.73l-12.79-25.13-12.78,25.13h25.57Z'/%3E%3Cpath d='M234.02,84.39c0,19.22-14.9,30.86-38.18,30.86h-32.8v-61.72h32.8c23.28,0,38.18,11.64,38.18,30.86M219.65,84.39c0-12.7-10.05-18.87-24.86-18.87h-17.63v37.74h17.63c14.81,0,24.86-6.17,24.86-18.87'/%3E%3Crect x='259.44' y='103.43' width='63.57' height='11.82'/%3E%3Crect x='259.44' y='53.53' width='62.69' height='11.81'/%3E%3Cg class='cls-6'%3E%3Cg class='cls-2'%3E%3Crect class='cls-1' x='259.41' y='77.69' width='146.27' height='12.51' transform='translate(-.4 1.6) rotate(-.28)'/%3E%3C/g%3E%3C/g%3E%3Crect x='350.99' y='103.43' width='63.57' height='11.82'/%3E%3Crect x='350.99' y='53.53' width='62.69' height='11.81'/%3E%3Cpolygon points='522.16 53.53 522.16 115.24 508.05 115.24 508.05 72.31 480.98 105.37 480.28 105.37 453.21 72.31 453.21 115.24 439.54 115.24 439.54 53.53 454.88 53.53 480.98 86.15 507.08 53.53 522.16 53.53'/%3E%3C/g%3E%3C/svg%3E");
}

.store-footer__curve {
    color: var(--1);
}

.store-footer,.store-footer__inner, .store-footer__newsletter,.store-footer__contacts-row {
    background-color: var(--1);
}

a.footer-logo img,#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a img,.navbar-brand img,body.trans_header .store-header a.navbar-brand img,.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 img {
    height: 0!important
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a ,.footer-logo,.navbar-brand,body.trans_header .store-header a.navbar-brand,.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 3rem;
    width: 9rem;
    max-height: 100%;
    display: block;
    /* filter: brightness(17.5); */
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a {
    /* filter: brightness(17.5); */
    width: 100%;
}
 
.main-nav-container.fixed-pinned.animated.fixed-header .navbar-brand {
    filter: none
}

.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 5rem;
    width: 100%;
    max-height: 100%;
    display: block
}

@media only screen and (max-width: 700px) {
    body.trans_header .store-header a.navbar-brand {
        width:9rem;
        position: relative;
        right: 15px
    }
}

.hydrated[product-status="out"] button.s-button-element,salla-add-product-button.product-card__normal-cart__btn.hydrated[product-status="out"] button,salla-add-product-button.mt-5.w-full.sticky-product-bar__btn.s-add-product-button-with-sticky-bar.hydrated[product-status="out"] button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center {
    background: #ff00004d !important;
    border-radius: 20px !important;
}

.product-card {
    --normal-box-shadow: -8px 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: var(--normal-box-shadow);
    padding: 15px 0;
    border: 0 solid #eee;
    box-shadow: 0 2px 10px -3px #c8c8c8;
    border-radius: 15px;
    margin-top: 10px;
    background-color: #fff
}

@keyframes tournemoi {
    0% {
        transform: rotate(-2deg)
    }

    40% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.product-card:hover {
    animation: tournemoi ease 1s
}

.product-card__normal-cart__btn salla-button button, .product-card__mini-cart salla-button button,.product-card__enhanced-mini-cart button.s-button-element {
    /* justify-content: start; */
    background: var(--2) !important;
    border-color: var(--2) !important;
    /* padding-bottom: .25rem; */
    /* padding-top: 0.5rem; */
    border-radius: 20px !important;
    color: var(--00);
}

.product-card__normal-cart__btn salla-button button:hover, .product-card__mini-cart salla-button button:hover,.product-card__enhanced-mini-cart button.s-button-element:hover {
    /* justify-content: start; */
    background: var(--2) !important;
    border-color: var(--2) !important;
    color: #242424;
}

@media (max-width: 991px) {
    .simplified-products .s-products-slider-card, .simplified-products .offer-slide {
        width: 219px;
    }
}

.s-slider-v-centered .s-slider-block__title-nav button,.scroll-to-top.animated.left.fadeInUp {
    background-color: var(--2-2);
}

.s-slider-nav-arrow svg,.scroll-to-top:after {
    color: var(--2);
    fill: var(--2);
    font-weight: 700;
}

.scroll-to-top.left,.scroll-to-top path {
    fill: hsl(33deg 60% 37% / 16%);
}

.scroll-to-top:after {
    color: var(--1);
    background: var(--2);
}

.promotion-banner {
    background-color: var(--1) !important;
}

.promotion-banner ul li a, .animated-text ul li a {
    color: var(--ff) !important;
}a.offers-link {
    display: none !important;
}