/** Shopify CDN: Minification failed Line 34:16 All "@import" rules must come first **/ /*// ============================================================================= // Ella Custom CSS - Customize The Style For Layout // ============================================================================= // ============================================================================= // // IMPORTANT DISCLAIMER // Shopify is notifying shop owners about the need to convert scss files to css files. // Please use only CSS to style the layout. // // =============================================================================*/ @font-face { font-family: 'TT Rounds Neue Bold'; src: url('/cdn/shop/files/TT-Rounds-Neue-Bold.woff2?v=1761163686') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @import url('https://fonts.googleapis.com/css?family=Bebas+Neue:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap'); :root { --font-family-1: Bebas Neue; --font-family-2: Bebas Neue; /* Settings Body */ --font-body-family: Bebas Neue; --font-body-size: 16px; --font-body-weight: 400; --body-line-height: 22px; --body-letter-spacing: .02em; /* Settings Heading */ --font-heading-family: Bebas Neue; --font-heading-size: 16px; --font-heading-weight: 700; --font-heading-style: normal; --heading-line-height: 24px; --heading-letter-spacing: .05em; --heading-text-transform: uppercase; --heading-border-height: 2px; /* Menu Lv1 */ --font-menu-lv1-family: Bebas Neue; --font-menu-lv1-size: 16px; --font-menu-lv1-weight: 700; --menu-lv1-line-height: 22px; --menu-lv1-letter-spacing: 0.1em; --menu-lv1-text-transform: uppercase; /* Menu Lv2 */ --font-menu-lv2-family: Bebas Neue; --font-menu-lv2-size: 12px; --font-menu-lv2-weight: 400; --menu-lv2-line-height: 22px; --menu-lv2-letter-spacing: .02em; --menu-lv2-text-transform: capitalize; /* Menu Lv3 */ --font-menu-lv3-family: Bebas Neue; --font-menu-lv3-size: 12px; --font-menu-lv3-weight: 400; --menu-lv3-line-height: 22px; --menu-lv3-letter-spacing: .02em; --menu-lv3-text-transform: capitalize; /* Mega Menu Lv2 */ --font-mega-menu-lv2-family: Bebas Neue; --font-mega-menu-lv2-size: 12px; --font-mega-menu-lv2-weight: 600; --font-mega-menu-lv2-style: normal; --mega-menu-lv2-line-height: 22px; --mega-menu-lv2-letter-spacing: .02em; --mega-menu-lv2-text-transform: uppercase; /* Mega Menu Lv3 */ --font-mega-menu-lv3-family: Bebas Neue; --font-mega-menu-lv3-size: 12px; --font-mega-menu-lv3-weight: 400; --mega-menu-lv3-line-height: 22px; --mega-menu-lv3-letter-spacing: .02em; --mega-menu-lv3-text-transform: capitalize; /* Product Card Title */ --product-title-font: Bebas Neue; --product-title-font-size : 16px; --product-title-font-weight : 400; --product-title-line-height: 22px; --product-title-letter-spacing: .02em; --product-title-line-text : 2; --product-title-text-transform : capitalize; --product-title-margin-bottom: 10px; /* Product Card Vendor */ --product-vendor-font: Bebas Neue; --product-vendor-font-size : 15px; --product-vendor-font-weight : 400; --product-vendor-font-style : normal; --product-vendor-line-height: 22px; --product-vendor-letter-spacing: .02em; --product-vendor-text-transform : uppercase; --product-vendor-margin-bottom: 0px; --product-vendor-margin-top: 0px; /* Product Card Price */ --product-price-font: Bebas Neue; --product-price-font-size : 14px; --product-price-font-weight : 600; --product-price-line-height: 22px; --product-price-letter-spacing: .02em; --product-price-margin-top: 0px; --product-price-margin-bottom: 13px; /* Product Card Badge */ --badge-font: Bebas Neue; --badge-font-size : 12px; --badge-font-weight : 400; --badge-text-transform : capitalize; --badge-letter-spacing: .02em; --badge-line-height: 20px; --badge-border-radius: 0px; --badge-padding-top: 0px; --badge-padding-bottom: 0px; --badge-padding-left-right: 8px; --badge-postion-top: 0px; --badge-postion-left-right: 0px; /* Product Quickview */ --product-quickview-font-size : 12px; --product-quickview-line-height: 23px; --product-quickview-border-radius: 1px; --product-quickview-padding-top: 0px; --product-quickview-padding-bottom: 0px; --product-quickview-padding-left-right: 7px; --product-quickview-sold-out-product: #e95144; --product-quickview-box-shadow: none; /* Blog Card Tile */ --blog-title-font: Bebas Neue; --blog-title-font-size : 20px; --blog-title-font-weight : 700; --blog-title-line-height: 29px; --blog-title-letter-spacing: .09em; --blog-title-text-transform : uppercase; /* Blog Card Info (Date, Author) */ --blog-info-font: Bebas Neue; --blog-info-font-size : 14px; --blog-info-font-weight : 400; --blog-info-line-height: 20px; --blog-info-letter-spacing: .02em; --blog-info-text-transform : uppercase; /* Button 1 */ --btn-1-font-family: Bebas Neue; --btn-1-font-size: 16px; --btn-1-font-weight: 700; --btn-1-text-transform: uppercase; --btn-1-line-height: 22px; --btn-1-letter-spacing: .05em; --btn-1-text-align: center; --btn-1-border-radius: 0px; --btn-1-border-width: 1px; --btn-1-border-style: solid; --btn-1-padding-top: 10px; --btn-1-padding-bottom: 10px; --btn-1-horizontal-length: 0px; --btn-1-vertical-length: 0px; --btn-1-blur-radius: 0px; --btn-1-spread: 0px; --btn-1-all-bg-opacity-hover: rgba(0, 0, 0, 0.5); --btn-1-inset: ; /* Button 2 */ --btn-2-font-family: Bebas Neue; --btn-2-font-size: 16px; --btn-2-font-weight: 700; --btn-2-text-transform: uppercase; --btn-2-line-height: 22px; --btn-2-letter-spacing: .05em; --btn-2-text-align: center; --btn-2-border-radius: 0px; --btn-2-border-width: 1px; --btn-2-border-style: solid; --btn-2-padding-top: 13px; --btn-2-padding-bottom: 13px; --btn-2-horizontal-length: 0px; --btn-2-vertical-length: 0px; --btn-2-blur-radius: 0px; --btn-2-spread: 0px; --btn-2-all-bg-opacity-hover: rgba(0, 0, 0, 0.5); --btn-2-inset: ; /* Button 3 */ --btn-3-font-family: Bebas Neue; --btn-3-font-size: 16px; --btn-3-font-weight: 700; --btn-3-text-transform: uppercase; --btn-3-line-height: 22px; --btn-3-letter-spacing: .05em; --btn-3-text-align: center; --btn-3-border-radius: 0px; --btn-3-border-width: 1px; --btn-3-border-style: solid; --btn-3-padding-top: 10px; --btn-3-padding-bottom: 10px; --btn-3-horizontal-length: 0px; --btn-3-vertical-length: 0px; --btn-3-blur-radius: 0px; --btn-3-spread: 0px; --btn-3-all-bg-opacity: rgba(0, 0, 0, 0.1); --btn-3-all-bg-opacity-hover: rgba(0, 0, 0, 0.1); --btn-3-inset: ; /* Footer Heading */ --footer-heading-font-family: Bebas Neue; --footer-heading-font-size : 15px; --footer-heading-font-weight : 600; --footer-heading-line-height : 22px; --footer-heading-letter-spacing : .05em; --footer-heading-text-transform : uppercase; /* Footer Link */ --footer-link-font-family: Bebas Neue; --footer-link-font-size : 12px; --footer-link-font-weight : ; --footer-link-line-height : 28px; --footer-link-letter-spacing : .02em; --footer-link-text-transform : capitalize; /* Page Title */ --font-page-title-family: Bebas Neue; --font-page-title-size: 20px; --font-page-title-weight: 700; --font-page-title-style: normal; --page-title-line-height: 20px; --page-title-letter-spacing: .05em; --page-title-text-transform: uppercase; /* Font Product Tab Title */ --font-tab-type-1: Bebas Neue; --font-tab-type-2: Bebas Neue; /* Text Size */ --text-size-font-size : 10px; --text-size-font-weight : 400; --text-size-line-height : 22px; --text-size-letter-spacing : 0; --text-size-text-transform : uppercase; --text-size-color : #787878; /* Font Weight */ --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-bolder: 800; --font-weight-black: 900; /* Radio Button */ --form-label-checkbox-before-bg: #fff; --form-label-checkbox-before-border: #cecece; --form-label-checkbox-before-bg-checked: #000; /* Conatiner */ --body-custom-width-container: 1600px; /* Layout Boxed */ --color-background-layout-boxed: #f8f8f8; /* Arrow */ --position-horizontal-slick-arrow: 0; /* General Color*/ --color-text: #232323; --color-text2: #969696; --color-global: #232323; --color-white: #FFFFFF; --color-grey: #868686; --color-black: #202020; --color-base-text-rgb: 35, 35, 35; --color-base-text2-rgb: 150, 150, 150; --color-background: #ffffff; --color-background-rgb: 255, 255, 255; --color-background-overylay: rgba(255, 255, 255, 0.9); --color-base-accent-text: ; --color-base-accent-1: ; --color-base-accent-2: ; --color-link: #232323; --color-link-hover: #232323; --color-error: #D93333; --color-error-bg: #FCEEEE; --color-success: #5A5A5A; --color-success-bg: #DFF0D8; --color-info: #202020; --color-info-bg: #FFF2DD; --color-link-underline: rgba(35, 35, 35, 0.5); --color-breadcrumb: #999999; --colors-breadcrumb-hover: #232323; --colors-breadcrumb-active: #999999; --border-global: #e6e6e6; --bg-global: #fafafa; --bg-planceholder: #fafafa; --color-warning: #fff; --bg-warning: #e0b252; --color-background-10 : #e9e9e9; --color-background-20 : #d3d3d3; --color-background-30 : #bdbdbd; --color-background-50 : #919191; --color-background-global : #919191; /* Arrow Color */ --arrow-color: #323232; --arrow-background-color: #fff; --arrow-border-color: #ccc; --arrow-color-hover: #323232; --arrow-background-color-hover: #f8f8f8; --arrow-border-color-hover: #f8f8f8; --arrow-width: 35px; --arrow-height: 35px; --arrow-size: px; --arrow-size-icon: 17px; --arrow-border-radius: 50px; --arrow-border-width: 1px; --arrow-width-half: -17px; /* Pagination Color */ --pagination-item-color: #3c3c3c; --pagination-item-color-active: #3c3c3c; --pagination-item-bg-color: #fff; --pagination-item-bg-color-active: #fff; --pagination-item-border-color: #fff; --pagination-item-border-color-active: #ffffff; --pagination-arrow-color: #3c3c3c; --pagination-arrow-color-active: #3c3c3c; --pagination-arrow-bg-color: #fff; --pagination-arrow-bg-color-active: #fff; --pagination-arrow-border-color: #fff; --pagination-arrow-border-color-active: #fff; /* Dots Color */ --dots-color: transparent; --dots-border-color: #323232; --dots-color-active: #323232; --dots-border-color-active: #323232; --dots-style2-background-opacity: #00000050; --dots-width: 12px; --dots-height: 12px; /* Button Color */ --btn-1-color: #FFFFFF; --btn-1-bg: #232323; --btn-1-border: #232323; --btn-1-color-hover: #232323; --btn-1-bg-hover: #ffffff; --btn-1-border-hover: #232323; --btn-2-color: #232323; --btn-2-bg: #FFFFFF; --btn-2-border: #727272; --btn-2-color-hover: #FFFFFF; --btn-2-bg-hover: #232323; --btn-2-border-hover: #232323; --btn-3-color: #FFFFFF; --btn-3-bg: #e9514b; --btn-3-border: #e9514b; --btn-3-color-hover: #ffffff; --btn-3-bg-hover: #e9514b; --btn-3-border-hover: #e9514b; --anchor-transition: all ease .3s; --bg-white: #ffffff; --bg-black: #000000; --bg-grey: #808080; --icon: var(--color-text); --text-cart: #3c3c3c; --duration-short: 100ms; --duration-default: 350ms; --duration-long: 500ms; --form-input-bg: #ffffff; --form-input-border: #c7c7c7; --form-input-color: #232323; --form-input-placeholder: #868686; --form-label: #232323; --new-badge-color: #232323; --new-badge-bg: #FFFFFF; --sale-badge-color: #ffffff; --sale-badge-bg: #e95144; --sold-out-badge-color: #ffffff; --sold-out-badge-bg: #c1c1c1; --custom-badge-color: #ffffff; --custom-badge-bg: #ffbb49; --bundle-badge-color: #ffffff; --bundle-badge-bg: #232323; --product-title-color : #232323; --product-title-color-hover : #232323; --product-vendor-color : #969696; --product-price-color : #232323; --product-sale-price-color : #e95144; --product-compare-price-color : #969696; --product-countdown-color : #c12e48; --product-countdown-bg-color : #ffffff; --product-swatch-border : #cbcbcb; --product-swatch-border-active : #232323; --product-swatch-width : 40px; --product-swatch-height : 40px; --product-swatch-border-radius : 0px; --product-swatch-color-width : 40px; --product-swatch-color-height : 40px; --product-swatch-color-border-radius : 20px; --product-wishlist-color : #000000; --product-wishlist-bg : #ffffff; --product-wishlist-border : transparent; --product-wishlist-color-added : #ffffff; --product-wishlist-bg-added : #000000; --product-wishlist-border-added : transparent; --product-compare-color : #000000; --product-compare-bg : #FFFFFF; --product-compare-color-added : #D12442; --product-compare-bg-added : #FFFFFF; --product-hot-stock-text-color : #d62828; --product-quick-view-color : #000000; --product-cart-image-fit : contain; --product-title-variant-font-size: 16px; --product-quick-view-bg : #FFFFFF; --product-quick-view-bg-above-button: rgba(255, 255, 255, 0.7); --product-quick-view-color-hover : #FFFFFF; --product-quick-view-bg-hover : #000000; --product-action-color : #232323; --product-action-bg : #ffffff; --product-action-border : #000000; --product-action-color-hover : #FFFFFF; --product-action-bg-hover : #232323; --product-action-border-hover : #232323; /* Multilevel Category Filter */ --color-label-multiLevel-categories: #232323; --bg-label-multiLevel-categories: #fff; --color-button-multiLevel-categories: #fff; --bg-button-multiLevel-categories: #ff8b21; --border-button-multiLevel-categories: transparent; --hover-color-button-multiLevel-categories: #fff; --hover-bg-button-multiLevel-categories: #ff8b21; --cart-item-bg : #ffffff; --cart-item-border : #e8e8e8; --cart-item-border-width : 1px; --cart-item-border-style : solid; --w-product-swatch-custom: 30px; --h-product-swatch-custom: 30px; --w-product-swatch-custom-mb: 20px; --h-product-swatch-custom-mb: 20px; --font-size-product-swatch-more: 12px; --swatch-border : #cbcbcb; --swatch-border-active : #232323; --variant-size: #232323; --variant-size-border: #e7e7e7; --variant-size-bg: #ffffff; --variant-size-hover: #ffffff; --variant-size-border-hover: #232323; --variant-size-bg-hover: #232323; --variant-bg : #ffffff; --variant-color : #232323; --variant-bg-active : #ffffff; --variant-color-active : #232323; --fontsize-text-social: 12px; --page-content-distance: 64px; --sidebar-content-distance: 40px; --button-transition-ease: cubic-bezier(.25,.46,.45,.94); /* Loading Spinner Color */ --spinner-top-color: #fc0; --spinner-right-color: #4dd4c6; --spinner-bottom-color: #f00; --spinner-left-color: #f6f6f6; /* Product Card Marquee */ --product-marquee-background-color: ; --product-marquee-text-color: #FFFFFF; --product-marquee-text-size: 14px; --product-marquee-text-mobile-size: 14px; --product-marquee-text-weight: 400; --product-marquee-text-transform: none; --product-marquee-text-style: italic; --product-marquee-speed: ; --product-marquee-line-height: calc(var(--product-marquee-text-mobile-size) * 1.5); } :lang(ru) { --font-family-1: "TT Rounds Neue Bold"; --font-family-2: "TT Rounds Neue Bold"; --font-body-family: "TT Rounds Neue Bold"; --font-heading-family: "TT Rounds Neue Bold"; --font-menu-lv1-family: "TT Rounds Neue Bold"; --font-menu-lv2-family: "TT Rounds Neue Bold"; --font-menu-lv3-family: "TT Rounds Neue Bold"; --font-mega-menu-lv2-family: "TT Rounds Neue Bold"; --font-mega-menu-lv3-family: "TT Rounds Neue Bold"; --product-title-font: "TT Rounds Neue Bold"; --product-vendor-font: "TT Rounds Neue Bold"; --product-price-font: "TT Rounds Neue Bold"; --badge-font: "TT Rounds Neue Bold"; --blog-title-font: "TT Rounds Neue Bold"; --blog-info-font: "TT Rounds Neue Bold"; --btn-1-font-family: "TT Rounds Neue Bold"; --btn-2-font-family: "TT Rounds Neue Bold"; --btn-3-font-family: "TT Rounds Neue Bold"; --footer-heading-font-family: "TT Rounds Neue Bold"; --footer-link-font-family: "TT Rounds Neue Bold"; --font-page-title-family: "TT Rounds Neue Bold"; } /* Optional: direct fallback if some areas ignore variables */ :lang(ru) body, :lang(ru) h1, :lang(ru) h2, :lang(ru) h3, :lang(ru) h4, :lang(ru) h5, :lang(ru) h6, :lang(ru) .button, :lang(ru) .product__title { font-family: "TT Rounds Neue Bold", sans-serif !important; } .template-index .header-navigation-wrapper .header__iconItem.header__search { display: none; } body.show-header-search .header-navigation-wrapper .header__iconItem.header__search { display: block; } .chero-search-container{ position: absolute; bottom: 25px; width: 30%; left: 50%; transform: translateX(-50%); z-index: 20; } .customSearchWidget{ border-radius: 50px; } html { scroll-behavior: smooth; } .customSearchWidget .search__input{ border-radius: 50px; border: 1px solid white!important; } .customSearchWidget .search__button{ border-radius: 0px 50px 50px 0px; border: 1px solid white!important; position: absolute; right: 0; } @media screen and (max-width: 768px){ .chero-search-container{ width: 100%; } } .header-item span, .menu-lv-1__action{ font-family: var(--font-menu-lv1-family)!important; font-size: calc(var(--font-menu-lv1-size) * 1.2) !important; font-weight: var(--font-menu-lv1-weight)!important; line-height: var(--menu-lv1-line-height); letter-spacing: var(--menu-lv1-letter-spacing)!important; text-transform: var(--menu-lv1-text-transform)!important; } @media screen and (min-width: 1025px) { .header-navigation .header__icon > .text { font-size: calc(var(--font-menu-lv1-size) * 1.2) !important; } } .footer-block__column .footer-block__heading, .footer-block__column .list-menu__item--link{ font-size: 19px!important; } .template-index .header__heading-logo { opacity: 1!important; transition: opacity 0.3s ease!important; } .template-index.hide-header-logo .header__heading-logo { opacity: 0!important; pointer-events: none!important; } .shopify-policy__container{ max-width: 1200px; } .slideshow-wrapper .adaptive_height.image.slide-mobile{ min-height: 550px; } .customSearchWidget input[placeholder]{ text-align: center; }