/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* 
       جميع التعديلات الخاصة بتنسيق المتجر  تمت اضافتها من قبل المهندس
                              محمد شيخ موسى 
        mobile : +963992318670
        email :  mohammad.al.laith.mousa@gmail.com
*/
/************************************************************************************/
/************************************************************************************/
/************************لا أحلل أخذ أي جزء من الكود *******************************/
/************************************************************************************/
/************************************************************************************/
html {
    transition: 0.3s all linear;
}
section,
section *,
footer,
header * {
    transition: 0.3s all linear !important;
}

@keyframes logobg {
    0% {
        transform: rotate(0deg) scale(1);
    }
    20% {
        transform:rotate(0deg) scale(1);
    }
    78% {
        transform:rotate(0deg) scale(1);
    }
    100% {
        transform:rotate(0deg) scale(0);
    }
}
body.salla-y::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999999999999999999999!important;
    transform: scale(0);
    animation-name: logobg;
    animation-duration: 1.5s;
    background: url(https://cdn.salla.sa/bZWwx/ulYUB3BOFEoHjA1LwsQUSIQ41ZCGxmsBiAMyBVVX.png) , linear-gradient(to right bottom, #ddd,#fff,#ddd) ;
    background-size:260px , 100%;
    background-repeat: no-repeat;
    background-position: center!important;
}
@media screen and (min-width:992px){
    .app.d-flex.flex-column.visible:after {
        background-size: 220px , 100% !important;
    }
}
.nav-mobile{
    z-index: 999999999 !important;
}
.title {
    color: #333 !important;
    letter-spacing: 1px;
    font-weight: bold !important;
    text-shadow: 1px 1px 1px #dcbc62;
}
.top-header__info i.sicon-phone-talking::before,
.top-header__info i.sicon-mail::before {
    opacity: 0;
}
.top-header__info i.sicon-phone-talking {
    background: url(https://img.icons8.com/external-prettycons-flat-prettycons/17/000000/external-phone-call-commerce-prettycons-flat-prettycons.png);
    height: 17px;
    width: 17px;
}
.top-header__info i.sicon-mail {
    background: url(https://img.icons8.com/color/20/000000/gmail-new.png);
    height: 20px;
    width: 20px;
}
.top-header__info li a span {
    margin: 0 5px;
    color: #444 !important;
    transition: 0.5s all linear;
}
.top-header__info li:hover span {
    color: #000 !important;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.store-about {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
}
.side-panel .store-about img {
    margin-bottom: 15px;
}
.side-panel.mobile-side-panel .side-panel__content {
    padding-top: 0;
}
@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}
img[alt="main-logo"] {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform-origin: 0 100%;
}
img[alt="main-logo"]:hover,
img[alt="main-logo"]:focus {
    animation-name: hvr-wobble-top;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
.form--search .form-group .form-control {
    border: 2px solid #ddd;
}
.nav-mobile .main-nav {
    /*border: 2px solid #ccc;*/
    border: 2px solid #dcbc62;
    border-bottom: 0;
    background: linear-gradient(to bottom left, #dcbc62, #e6d091, #dcbc62) !important;
}
.header-block--nav-wrapper {
    background-color: white !important;
    border: 0;
}
.hero__content .nav-desktop.nav-desktop--horizontal > ul {
    justify-content: center;
}
.nav-desktop ul .menu-item .offers-link {
    background-color: #fff !important;
    font-weight: bold;
}
.nav-desktop ul .menu-item:not(.mega-menu) .sub-menu ul #offers:hover a {
    color: #ff443a !important;
}
@keyframes hvv {
    0% {
        box-shadow: 0 0 0 0 #ff443a;
    }
    100% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
    }
}
#mobile-nav-menu > .mm-spn--open > li:first-of-type,
.nav-desktop ul .menu-item .offers-link {
    padding-right: 30px !important;
    overflow: hidden;
    color: #ff443a;
}
#mobile-nav-menu > .mm-spn--open > li:first-of-type {
    padding-right: 8px !important;
}
#mobile-nav-menu > .mm-spn--open > li:first-of-type::after,
.nav-desktop ul .menu-item .offers-link::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background-color: #ff443a;
    border-radius: 50%;
    z-index: 110;
    right: 10px;
    top: calc(50% - 4px);
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    animation: hvv 1200ms infinite;
    opacity: 1;
}
.nav-desktop ul .menu-item a {
    transition: 0.2s all ease !important;
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.nav-desktop ul .menu-item a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 2px;
    background: #333;
    height: 3px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.nav-desktop ul .menu-item .offers-link::before {
    background: #ff443a;
}
.nav-desktop ul li a:focus:before,
.nav-desktop ul li a:hover:before,
.nav-desktop ul li a:active:before {
    left: 0;
    right: 0;
    font-weight: bold !important;
}
.nav-desktop ul .menu-item:hover > a,
.nav-desktop ul .menu-item:not(.mega-menu) .sub-menu ul li:hover > a,
.nav-desktop ul .menu-item > a:hover {
    font-weight: bold;
    color: #000;
    background-color: white;
}
.nav-desktop .sub-menu__inner li {
    text-align: center;
}
.nav-desktop ul .menu-item .sub-menu__inner li:hover a {
    background-color: RGBA(220, 188, 98, 0.6) !important;
}
.nav-desktop ul .menu-item.active > a {
    background-color: white !important;
}
.splide--main-slider {
    position: relative;
}
.splide--main-slider .splide__track {
    padding-bottom: 50px;
}
.splide--main-slider .splide__pagination {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    flex-direction: row;
    bottom: auto;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 5px 30px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.5);
    top: initial !important;
    bottom: 5px;
    left: 50%;
    width: fit-content !important;
    transform: translateX(-50%);
    background: white;
}
.splide--main-slider .splide__pagination li {
    width: fit-content !important;
    margin: 0 5px;
    display: flex;
}
.splide--main-slider .splide__pagination button {
    height: 15px;
    width: 15px;
    background: #ccc;
    border-radius: 50%;
}
figure.banner-effect-1:before {
    display: none;
}
body > .home-block--square-images {
    padding: 0 !important;
}
body > .home-block--square-images .row {
    justify-content: center;
}
body > .home-block--square-images .row > div {
    padding: 3px !important;
}
body > .home-block--square-images .row > div .banner--square {
    margin: 3px;
    transition: 0.3s all linear;
    background: white;
    box-shadow: 1px 1px 3px #ccc, -1px -1px 3px #ccc, -1px 1px 3px #ccc, 1px -1px 3px #ccc !important;
}
figure.banner-effect-1:hover img {
    transform: initial !important;
    opacity: 1;
}
body > .home-block--square-images .row > div .banner--square:hover {
    transform: scale(0.95);
    box-shadow: 2px 2px 4px #dcbc62, -2px -2px 4px #dcbc62, -2px 2px 4px #dcbc62, 2px -2px 4px #dcbc62 !important;
}
body > .home-block--square-images .row > div .banner--square a::before {
    display: none;
}
body > .home-block--square-images .row > div .banner--square figure {
    overflow: visible;
    background-size: cover;
}
body > .home-block--square-images .row > div .banner--square figure::after {
    transition: 0.2s all linear;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
body > .home-block--square-images .row > div .banner--square.has-title figcaption:after {
    display: none;
}
body > .home-block--square-images .row > div .banner--square h2 {
    background: white;
    color: #444;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: initial;
    font-size: 15px;
    z-index: 1;
    transition: all 0.3s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-weight: bold;
}
body > .home-block--square-images .row > div .banner--square:hover h2 {
    color: black;
}
@media (max-width: 991px) {
    body > .home-block--square-images .row > div {
        display: inline-block;
        max-width: calc(100% / 2) !important;
        width: calc(100% / 2) !important;
    }
    body > .home-block--square-images .row > div .banner--square {
        /*height: 240px !important;*/
         height: 205px !important;
    }
    body > .home-block--square-images .row > div .banner--square figure {
        height: 205px !important;
    }
    body > .home-block--square-images .row > div .banner--square h2 {
        font-size: 12px;
        height: 35px;
        display:none;
    }
}
@media (min-width: 992px) {
    body > .home-block--square-images .row > div {
        display: inline-block;
        max-width: calc(100% / 6) !important;
        width: calc(100% / 6) !important;
    }
    body > .home-block--square-images .row > div .banner--square {
        margin: 7.5px;
        /*height: 250px !important;*/
        height: 210px !important;
        box-shadow: 2px 2px 4px #ccc, -2px -2px 4px #ccc, -2px 2px 4px #ccc, 2px -2px 4px #ccc !important;
    }
    body > .home-block--square-images .row > div .banner--square figure {
        height: 210px !important;
    }
    body > .home-block--square-images .row > div .banner--square h2 {
        height: 55px !important;
        display:none;
    }
}
@keyframes nabed {
    0%,
    100% {
        background-color: #ddd;
        color: #000;
        border: 1px solid #aaa;
    }
    50% {
        background-color: #dcbc62;
        color: #444;
        border: 1px solid #aaa;
    }
}
div.title {
    font-weight: bold !important;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #dcbc62;
}
.title--has-dash:before {
    display: none !important;
}
.btn--primary.outlined {
    background: red;
    color: white;
    background-color: #222;
    text-shadow: initial;
    line-height: initial !important;
    top: 20px !important;
    transition: 0.3s all linear !important;
    box-shadow: 1px 1px 1px #dcbc62, -1px -1px 1px #dcbc62, -1px 1px 1px #dcbc62, 1px -1px 1px #dcbc62 !important;
}
.btn--primary.outlined:hover {
    background-color: #111;
    opacity: 1;
    transform: scale(1.05) translateY(-50%) !important;
}
@media screen and (min-width: 768px) {
    .btn--primary.outlined {
        top: 41% !important;
    }
}
.home-block--slide-products {
    background-color: white !important;
}
.product-block {
    border: 2px solid #ccc;
    transition: 0.3s all linear;
    border-radius: 3px 25px 3px 25px !important;
    overflow: hidden;
    box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd, -1px 1px 3px #ddd, 1px -1px 3px #ddd !important;
}
.badge--ribbon.reverse,
.product-block__thumb .badge.badge--ribbon {
    top: 0;
    font-weight: bold;
    z-index: 5;
    animation-direction: reverse;
    animation: nabed 3.8s infinite linear;
}
.product-block:hover {
    transform: translateY(-8px) !important;
    border: 2px solid #dcbc62;
}
.product-block h2 {
    transition: 0.3s all linear;
}
.product-block h2.title {
    text-shadow: initial;
    letter-spacing: initial !important;
}
.product-block:hover h2 {
    font-weight: bold;
}
.splide__arrow {
    background-color: #dcbc62;
    color: white;
    opacity: 1 !important;
    transition: 0.3s all linear;
    box-shadow: 1px 1px 1px #dcbc62, -1px -1px 1px #dcbc62, -1px 1px 1px #dcbc62, 1px -1px 1px #dcbc62 !important;
}
.splide__arrow:hover {
    transform: scale(1.08);
}
.splide__arrow svg {
    fill: white;
}
@media only screen and (min-width: 0) and (max-width: 1439px) {
    .home-block--slide-products.show-all .splide--products-slider .splide__arrows {
        margin: 0 10px;
    }
}
.btn--add-to-cart.disabled {
    color: red !important;
    border: 2px solid red;
}
.btn--add-to-cart.disabled i {
    opacity: 1;
}
.btn--add-to-cart.disabled:before {
    border-bottom: 2px solid red;
}
.product-block.contain .product-block__thumb .thumb-wrapper img {
    height: auto !important;
}
.product-block .product-block .btn--add-to-cart {
    transform: initial !important;
    position: relative;
    background: #dcbc62;
    border-radius: 5px;
    color: white;
    transition: 0.3s all linear;
    display: block;
    width: fit-content;
    margin: 0 auto 0;
    padding: 13px;
    font-size: 18px;
    font-weight: 100;
}
.product-block .product-block:hover .btn--add-to-cart {
    transform: initial !important;
}
.product-block  i.sicon-shopping-bag{
    display:block;
    margin-bottom:5px !important;
}
.product-block .sicon-shopping-bag:before {
    content: "أضف للسلة";
    color: #222;
    font-weight: bold;
    font-family: 'Apple';
}

.product-block .btn--add-to-cart {
    border-radius: 30px !important;
    transition: 0.3s all linear !important;
    display: block !important;
    width: fit-content;
    margin: -3.5px auto 15px;
    padding: 20px;
    font-family: dinnextltarabic-regular !important;
    font-size: 16px;
    font-weight: 100;
    position: relative;
    transform: initial !important;
    left: initial;
    bottom: initial;
    min-width: 50%;
    background: #dcbc62c9;
    background-size: contain;
    box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd, -1px 1px 3px #ddd, 1px -1px 3px #ddd;
}
}!important;

}
.store-feature__icon {
    border: 2px solid #dcbc62;
    background: white !important;
    transition: 0.3s all linear;
    box-shadow: 1px 1px 1px #dcbc62, -1px -1px 1px #dcbc62, -1px 1px 1px #dcbc62, 1px -1px 1px #dcbc62 !important;
}
.store-feature__icon i {
    opacity: 0.85;
    font-weight: bold !important;
}
.store-feature p {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .home-block--store-features .row > div {
        padding: 5px !important;
    }
    .home-block--store-features .store-feature {
        display: grid;
        grid-template: 50px 50px /32% auto;
        grid-template-areas: " one two two " "one three three ";
        justify-content: flex-start;
        align-content: center;
        text-align: right;
        margin-bottom: 20px;
        background: #f5f7f9;
        border-radius: 10px 50px 10px 45px;
        border: 0.3px solid #dcbc62;
        box-shadow: 1px 1px 1px #dcbc62, -1px -1px 1px #dcbc62, -1px 1px 1px #dcbc62, 1px -1px 1px #dcbc62 !important;
    }
    .home-block--store-features .store-feature__icon {
        grid-area: one;
        margin: auto;
    }
    .store-feature .title {
        margin-bottom: 0 !important;
        grid-area: two;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        font-size: 16px;
    }
    .store-feature p {
        grid-area: three;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .store-feature__icon {
        transform: scale(1.3);
    }
    .store-feature:hover .store-feature__icon {
        transform: rotate(360deg) scale(1.35);
    }
    .store-feature .title {
        margin: 25px 0 5px;
    }
}

footer{
    overflow-x:hidden;
}
.footer__block > :first-child {
    width: 100%;
}
footer.footer .title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border: 0;
    text-align: center;
    background: #f5f7f9;
    padding: 5px 0;
    border-radius: 3px 20px 3px 20px !important;
    box-shadow: 1px 1px 3px #dcbc62, -1px -1px 3px #dcbc62, -1px 1px 3px #dcbc62, 1px -1px 3px #dcbc62 !important;
    margin-bottom: 30px;
}
footer.footer .row > div:nth-of-type(2) > div {
    display: block;
}
footer .footer__block .footer-list,
footer .footer__block .store-about p,
footer .footer__block .footer-list--social-links {
    padding: 0 20px !important;
}
@media screen and (max-width: 576px) {
    footer .footer__block .footer-list--social-links {
        padding: 0 !important;
    }
}
footer.footer .store-about {
    margin: 0 !important;
    text-align: center;
}
footer.footer .store-about + .footer-list {
    justify-content: center;
    margin: 25px auto 10px;
}
.footer ul.footer-list--social-links li:hover a {
    color: initial;
    background: initial;
}
.footer .footer-list li a,
.footer .footer-list li a span {
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.footer .footer-list li a:hover {
    color: black !important;
}
footer.footer .row > div:nth-of-type(1) > div li a {
    padding: 5px 0 !important;
}
footer.footer .row > div:nth-of-type(1) > div li a:hover {
    color: black !important;
    font-weight: bold;
    letter-spacing: 0.65px;
}
footer.footer .row > div:nth-of-type(3) > div li a:hover span {
    color: black !important;
    font-weight: bold;
    letter-spacing: 2px;
}
body ul.footer-list--social-links li a {
    transition: 0.3s all linear;
    border: 0 !important;
    width: 48px !important;
    height: 48px !important;
    background-size: cover;
}
.footer-list--social-links a i {
    width: 48px;
    height: 48px;
    opacity: 0;
}
.footer-list--social-links > li:first-of-type > a {
    background: url("https://img.icons8.com/fluency/48/000000/instagram-new.png") !important;
}
.footer-list--social-links > li:nth-of-type(2) > a {
    background: url("https://img.icons8.com/fluency/48/000000/twitter.png") !important;
}
.footer-list--social-links > li:nth-of-type(3) > a {
    background: url("https://img.icons8.com/fluency/50/000000/snapchat.png") !important;
}
.footer-list--social-links > li:nth-of-type(4) > a {
    background: url("https://img.icons8.com/fluency/48/000000/youtube-play.png") !important;
}
.footer-list--social-links > li:nth-of-type(5) > a {
    background: url("https://img.icons8.com/fluency/48/000000/facebook-new.png") !important;
}
footer .footer-list--social-links a * {
    color: transparent !important;
}
.footer-list--social-links a:hover,
.footer-list--social-links a:active,
.footer-list--social-links a:focus {
    transform: scale(1.1) !important;
}
footer.footer i.sicon-whatsapp2::before,
footer.footer i.sicon-iphone::before,
footer.footer i.sicon-phone::before,
footer.footer i.sicon-mail::before {
    opacity: 0;
}
footer.footer i.sicon-whatsapp2 {
    background: url(https://img.icons8.com/color/26/000000/whatsapp--v5.png);
    height: 26px;
    width: 26px;
    transform: translateY(-3px) translateX(2px);
}
footer.footer i.sicon-iphone {
    background: url(https://img.icons8.com/color/24/000000/blackberry.png);
    height: 24px;
    width: 24px;
    transform: translateY(-2px) translateX(1px);
}
footer.footer i.sicon-iphone + span {
    margin: 0 2px;
}
footer.footer i.sicon-phone {
    background: url(https://img.icons8.com/external-prettycons-flat-prettycons/17/000000/external-phone-call-commerce-prettycons-flat-prettycons.png);
    height: 17px;
    width: 17px;
    transform: translateY(-2px) translateX(-2px);
}
footer.footer i.sicon-phone + span {
    margin: 0 9px;
}
footer.footer i.sicon-mail {
    background: url(https://img.icons8.com/color/20/000000/gmail-new.png);
    height: 20px;
    width: 20px;
    transform: translateY(-3px);
}
footer.footer i.sicon-mail + span {
    margin: 0 5px;
}
.footer__mid {
    padding: 0;
    border: 0;
}
.footer__mid .col-md-4 {
    display: none;
}
.footer__mid .col-md-8 {
    width: 100%;
    justify-content: center;
    margin: auto;
}
.footer .footer__mid .footer-list--payment-methods {
    justify-content: center;
}
.footer__bottom .container {
    justify-content: center;
}
.footer__bottom .container span {
    font-weight: bold;
    text-shadow: 0.5px 0.5px 0.5px #dcbc62;
    letter-spacing: 1px;
}
.footer__bottom .container {
    justify-content: center;
}
@keyframes hvr-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}
.q8c6tt-2.jxPOhn {
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.q8c6tt-0.jvFDcV:hover,
.q8c6tt-0.jvFDcV:focus,
.q8c6tt-0.jvFDcV:active {
    animation-name: hvr-buzz-out;
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}
.sc-8eqc3y-0.fXBuHm,
.iILOR::after,
.iILOR::before {
    background-color: #ddd !important;
}
.sc-7dvmpp-1.gCdMUP {
    display: none;
}
.nav-mobile {
    z-index: 100 !important;
}
body:after,
.mm-ocd__content,
.mm-ocd {
    z-index: 25 !important;
}
.nav-mobile .main-nav li:nth-child(2) a,
.open-slide-menu i,
.open-slide-menu {
    /*color: white !important;*/
    color:black !important;
    font-weight: 700 !important;
}
.nav-mobile .main-nav li:nth-child(2) a,
.open-slide-menu {
    background-image: linear-gradient(to bottom left, #dcbc62, #e6d091, #dcbc62) !important;
    /*background-image: linear-gradient(to bottom left, #ddd, #f5f7f9, #ddd) !important;*/
}


/**********/
.sticky-buy-button {
  position: fixed !important;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}