:root { --main-color: #4627b0; --footer-bg: #131324; --main-bg: #0F0F0F; --shadow: #4627b078; --dark: #000; --light: #fff; } .navbar-brand img { content: url(https://i.ibb.co/cXc4Ktw8/image-1135.webp); } body, .top-navbar, .main-nav-container { background: var(--main-bg) !important; } footer.store-footer { background: var(--footer-bg) !important; } .top-navbar input.s-search-input, .header-buttons button { background: var(--light) !important; } .s-block--features__item p, header .s-contacts-title, .store-footer__inner .grid > div:nth-of-type(1) > a h3, .s-block--photos-slider .s-slider-block__title-nav { display: none; } .main-menu li.root-level > a, .s-reviews-testimonial *, b.s-cart-summary-total, .s-contacts-icon:hover, .store-footer .s-social-link a:hover, .sicon-menu, .s-block__display-all, .s-slider-block__display-all, nav.breadcrumbs *, .top-navbar, .header-btn__icon, .slide--cat-entry h2, .s-product-card-content-main *, .s-product-card-content-sub *, .s-block--features__item p, .s-block--features__item h2, .s-product-card-starting-price h4, s-product-card-content-sub, s-product-card-content-title, s-product-card-content-main, .s-product-card-content-subtitle, .s-product-card-price, .product-index label[for="product-filter"], button.s-infinite-scroll-btn, button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center, footer > div:not(.store-footer__inner) p, footer > div:not(.store-footer__inner) p a:hover, body:not(.product-single, .cart) .main-content h1 { color: var(--light) !important; } .header-btn__icon:hover, .slide--cat-entry:hover h2, .main-menu li.root-level > a:hover { color: var(--main-color) !important; } .top-navbar input.s-search-input, .s-search-container input, .s-search-container input::placeholder, .header-buttons button, .s-block--features__item .feature-icon i { color: var(--dark) !important; } .s-search-icon svg { fill: var(--dark); } .s-breadcrumb-arrow svg { fill: var(--light); } .navbar-brand img, .main-nav-container.fixed-pinned .navbar-brand img { max-height: 65px; padding: 5px 0; animation: beat 1.3s ease-in-out infinite !important; } .header-btn__icon, .s-contacts-icon, .store-footer .s-social-link a { border: 0 !important; } .main-menu li.root-level > a, .header-btn__icon, .s-product-card-entry, .slide--cat-entry img, .slide--cat-entry h2, .s-contacts-icon, .store-footer .s-social-link a, .s-product-card-horizontal button.s-product-card-wishlist-btn, button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center { transition: all .5s; } .header-btn__icon:hover { box-shadow: 0 0 0 1px var(--main-color), 0 0 0 3px var(--main-bg), 0 0 4px 4px var(--main-color); transform: scale(1.05); } .s-slider-nav-arrow { border: 2px solid var(--light) !important; } .s-slider-nav-arrow svg { fill: var(--light) !important; } .s-slider-block__title h2, .s-block__title h2, .s-reviews-header { font-size: 23px; text-shadow: 0 3px 7px var(--main-color); } .s-reviews-header, .s-block__title h2, .s-slider-block__title h2 { text-transform: uppercase; background-image: linear-gradient(-225deg, var(--main-color) 50%, var(--light) 60%, var(--main-color) 100%); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; font-weight: bold; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block; font-size: 21px; } @keyframes textclip { to { background-position: 200% center; } } header + .s-block--fixed-banner, header + .s-block--photos-slider, .s-block--photos-slider salla-slider.photos-slider .swiper-slide { margin: 0; } .s-block--photos-slider salla-slider.photos-slider .swiper-slide { width: 100%; } .s-block--fixed-banner .container { max-width: 100% !important; } .s-block--fixed-banner .container, .s-block--photos-slider salla-slider.photos-slider .swiper-slide, .s-block--photos-slider salla-slider.photos-slider .swiper, .s-slider-block__title-right, .s-slider-block__title h2, .s-block__title .right-side { padding: 0 !important; } salla-slider.photos-slider .swiper-slide, salla-slider.photos-slider .swiper-slide img, .banner--fixed img, .banner-entry, .s-block--features__item .feature-icon, .slide--cat-entry img { border-radius: 0 !important; } .s-product-card-image, .s-slider-nav-arrow, .banner--fixed img, .banner-entry, .slide--cat-entry, .s-product-card-entry, .s-block--features__item, .s-block--features__item .feature-icon, .s-reviews-testimonial, .store-footer__inner, .s-product-card-horizontal button.s-product-card-wishlist-btn, .s-user-menu-trigger, .s-comments-product { background-color: transparent !important; } .s-product-card-content-main, footer.store-footer * { text-align: center; } .s-product-card-starting-price, .s-product-card-content-sub, .s-social-list, .store-footer__inner ul, .store-footer__inner > div, .store-footer a, .store-footer__inner > div div:last-child { justify-content: center; } .s-product-card-entry { box-shadow: 0 2px 4px 2px #393639; } .s-product-card-entry:hover { box-shadow: 0 2px 11px 3px var(--shadow); } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover { box-shadow: inset 0 -100px 0 0 var(--main-color); color: var(--light) !important; background: var(--main-color); opacity: 1; } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center, button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center { padding: 10px 8px; border-radius: 8px; } [product-status="out"] { cursor: no-drop; } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center { opacity: 1; background: #e6e6e6; } .s-block--features__item { border: 1px solid #FFFFFFCC; box-shadow: 0 4px 8px 0 #FFFFFF40; } .s-block--features__item h2 { font-size: 20px } .s-block--features__item .feature-icon i { font-size: 60px !important; } .s-block--features__item .feature-icon i::before { color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; } .s-block--features__item:nth-of-type(1) .feature-icon i::before { background-image: url("https://i.ibb.co/7J1QVrvR/truck-fast-solid.webp"); } .s-block--features__item:nth-of-type(2) .feature-icon i::before { background-image: url("https://i.ibb.co/MxMFmj00/money-check-solid.webp"); } .s-block--features__item:nth-of-type(3) .feature-icon i::before { background-image: url("https://i.ibb.co/zWYVTKT4/shield-halved-solid.webp"); } .s-reviews-testimonial { border: 1px solid #4A21B466; box-shadow: 0px 0px 4px 0px #FFE1DB40 !important; border-radius: 0; } .s-block--testimonials .s-slider-block__title-nav button { box-shadow: unset !important; border-color: var(--main-color) !important; } .s-block--testimonials .s-slider-block__title-nav button svg { fill: var(--main-color) !important; } .store-footer__inner .grid > div:nth-of-type(1) > a::after { content: ""; background: url(https://i.ibb.co/cXc4Ktw8/image-1135.webp) center center/ contain no-repeat; display: block; width: 100%; height: 60px; animation: beat 1.3s ease-in-out infinite !important; } @keyframes beat { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } .store-footer__inner a + p { margin: 0 auto 5px; } .s-social-list { margin-top: 10px; } .s-contacts-icon:hover, .store-footer .s-social-link a:hover { border-color: transparent; background-color: var(--main-color); box-shadow: 0 0 0 1px var(--main-color), 0 0 0 2px var(--main-bg), 0 0 0 3px var(--main-color); transform: rotate(360deg) scale(1.1); } .s-products-list { padding: 20px 10px; } .s-block--testimonials .swiper-wrapper, .s-block--best-offers .swiper-wrapper, .product-single .s-products-slider-slider .swiper-wrapper { padding: 20px 0; } nav.breadcrumbs * { font-size: 16px; } section.cart-item { box-shadow: var(--shadow) 0 1px 9px 1px; } .content.content--single-page { box-shadow: var(--shadow) 0 2px 8px 0; } .index .s-products-list-wrapper { margin-bottom: 0; } .product-single .main-content { background: var(--light) !important; padding: 20px; border-radius: 7px; } .store-footer__inner > div div:nth-of-type(1) { padding-left: 0; grid-column: span 1/span 2; } @media(min-width:992px) { .store-footer__inner > div { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width:992px) { .mobile-menu { background: var(--dark) !important; } .mobile-menu, .mobile-menu li a { color: var(--light) !important; } .s-block--features__item h2 { font-size: 15px } } @media(max-width:600px) { .s-search-inline { min-width: 200px; } b.s-cart-summary-total { display: none; } .s-slider-block__title h2, .s-block__title h2, .s-reviews-header { font-size: 15px; } button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center, button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center { padding: 8px 6px; } .s-products-list-vertical-cards .s-product-card-content { padding: 12px 9px; } .s-product-card-starting-price { gap: 2px; } .s-products-list-vertical-cards .s-product-card-sale-price { display: flex; align-items: center; } .s-product-card-starting-price, .s-products-list-vertical-cards .s-product-card-sale-price, .s-reviews-testimonial__inner { flex-direction: column !important; } .is-sticky-product-bar .sticky-product-bar { justify-content: center; } }