body { background: #7a8e69 !important; } body:after { content: ''; width: 100%; height: 100%; top: 0; position: fixed; z-index: 999999; background: #7a8e69 url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ydxeKy/ICRSaTb0d3I6WXXYcxnrZgzMMgNzeOzyIVkzAwXF.png); left: 0; background-repeat: no-repeat; background-position: center; background-size: 360px; animation-name: fade-in; animation-duration: 1.5s; transform: scale(0); border: none } @keyframes fade-in { 0% { opacity: 1; transform: scale(1) } 75% { opacity: 1; transform: scale(1) } 100% { opacity: 0; transform: scale(.1) } } .top-navbar { background: #7a8e69 !important; } header.store-header { background: #0e1e35 !important; position: relative !important; border-radius: 0 0 50px 50px; } .topnav-link-item, .s-contacts-topnav-link, .s-slider-nav-arrow, .top-navbar .s-contacts-title { display: none } .main-nav-container { background: #7a8e69; color: #ffffff; box-shadow: none; position: relative !important } i.header-btn__icon, .s-contacts-icon { color: #fff; border: 0; } section.s-block.s-block--fixed-banner .container { max-width: 100%; padding: 0; margin: auto } section.s-block.s-block--fixed-banner:nth-of-type(1) .container { margin-top: -27px; } .s-product-card-entry, .s-comments.s-comments-product { background: 0 0 } .s-products-slider-card.swiper-slide { padding-bottom: 30px } .s-product-card-content-title a, .s-product-card-content-subtitle { text-align: center !important; color: #ffffff !important; } h4.s-product-card-price { margin: auto; color: #ebe8ea; } .s-product-card-content-sub { justify-content: center } .s-product-card-content-footer { width: 100% } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center { color: #fff; font-size: 16px; border-radius: 10px; } .store-footer__inner .container > div { border-radius: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; padding-left: 0; padding-bottom: 20px } .store-footer__inner .container { grid-template-columns: repeat(3, minmax(0, 1fr)) } .store-footer__inner { background: #2d452d !important; } .banner--fixed img { background: 0 0 !important } .store-footer__inner + div { max-width: 100%; justify-content: space-around; background: #2d452d; } .store-footer h3, .store-footer * { color: #ffffff; border-width: 0 !important } .s-product-card-sale-price span, .item-price, .item-price + p { color: #0e1e35; border-width: 0 !important } nav.breadcrumbs * { font-size: 17px } .s-products-list-vertical-cards { row-gap: 3.5rem } .s-user-menu-trigger { padding-bottom: 6px; background: 0 0 } section { margin-top: 2rem !important } .s-product-card-entry { box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0; background: #889a79; } salla-slider.photos-slider .swiper { padding-left: 0 !important } .slide--cat-entry:hover { transform: scale(1.1) } .slide--cat-entry { background: transparent; border: 0; height: 16rem; transition: 0.3s ease-out; } .s-block--categories .swiper.s-slider-container { padding-left: 0 !important } .store-footer__inner .grid > div:nth-of-type(1) > a::after { content: ""; background-image: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ydxeKy/ICRSaTb0d3I6WXXYcxnrZgzMMgNzeOzyIVkzAwXF.png"); background-repeat: no-repeat !important; display: block; background-size: contain; width: 125px; height: 70px; } .store-footer__inner > div a h3 { display: none } .store-footer__inner .container > div:nth-of-type(1) { grid-column: span 1/span 2 } .navbar-brand img { max-height: 4rem; animation: heartbeat 2.5s ease-in-out infinite both; } @keyframes heartbeat { 0% { -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(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.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; } } section.s-block.s-block--categories .swiper-wrapper { justify-content: center; } section.s-block.s-block--photos-slider { margin-top: 2px !important } a.slide--cat-entry img { width: fit-content; height: 10rem; border-radius: 0; } .s-slider-block__title h2, .s-slider-block__title-right { padding-left: 0px !important; color: #ffffff; } .slide--cat-entry h2, .store-footer__inner + div *, .s-block__title h2 { color: #fbfbfb; } .content.content--single-page { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } div:has(.s-block--features__item) > div .feature-icon { background-size: cover !important; background-position: center !important; width: 100px; height: 100px; display: flex; border-radius: 0 } div:has(.s-block--features__item) > div:nth-of-type(1) .feature-icon { background: url("https://i.ibb.co/HfqVsDzJ/Background-2.webp") } div:has(.s-block--features__item) > div:nth-of-type(2) .feature-icon { background: url("https://i.ibb.co/HfZ25dLH/Background.webp") } div:has(.s-block--features__item) > div:nth-of-type(3) .feature-icon { background: url("https://i.ibb.co/8LFSYNLn/Background-1.webp") } .sicon-store2:before, .sicon-shipping-fast:before, .sicon-fire:before, .topnav-link-item { display: none } .s-block--features__item { background: #2d452d; border-radius:15px; } .s-block--features__item h2, .s-block--features__item p { color: #ffffff; } @media(max-width: 992px) { .store-footer__inner .container { grid-template-columns: repeat(1, minmax(0, 1fr)) } .sicon-menu:before { color: #ffffff; } a.slide--cat-entry img { height: 8rem; } salla-slider .slide--one-sixth { width: 25% !important; } .slide--cat-entry { height: 23vw; } } @media(max-width: 600px) { section.s-block.s-block--fixed-banner:nth-of-type(1) .container { margin-top: -35px; } .s-cart-summary-total { display: none !important } section.sticky-product-bar { display: flex; flex-direction: column; gap: 5px } .store-footer__inner .container { display: flex; flex-direction: column } .s-search-container.s-search-inline { padding-left: 10px } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center { padding: 3px 5px; font-size: 11px } button.s-button-element.s-button-btn.s-button-outline .sicon-shopping-bag:before { display: none } .swiper.s-slider-container.swiper-initialized { padding-left: 0 !important } salla-slider .slide--one-sixth { width: 41% !important; } section.s-block.s-block--categories .swiper-wrapper { justify-content: flex-start } a.slide--cat-entry img { width: fit-content; height: 25vw !important; } .slide--cat-entry { height: 41vw !important; } }