/* BASIC css start */
    --color-text: #000000;
    --color-bordered-items: #293c7b;
    --color-text-8-percent: rgba(0, 0, 0, 0.08);
    --color-text-alpha: rgba(0, 0, 0, 0.35);
    --color-text-meta: rgba(0, 0, 0, 0.6);
    --color-text-link: #0b9247;
    --color-text-error: #D02F2E;
    --color-text-success: #478947;
    --color-background: #ffffff;
    --color-background-semi-transparent-80: rgba(255, 255, 255, 0.8);
    --color-background-semi-transparent-90: rgba(255, 255, 255, 0.9);
    --color-background-transparent: rgba(255, 255, 255, 0);
    --color-border: #000000;
    --color-border-meta: rgba(0, 0, 0, 0.6);
    --color-overlay: rgba(0, 0, 0, 0.7);
    --color-background-meta: #f5f5f5;
    --color-background-meta-alpha: rgba(245, 245, 245, 0.6);
    --color-background-darker-meta: #e8e8e8;
    --color-background-darker-meta-alpha: rgba(232, 232, 232, 0.6);
    --color-background-placeholder: #e8e8e8;
    --color-background-placeholder-lighter: #f0f0f0;
    --color-foreground-placeholder: rgba(0, 0, 0, 0.4);
    --color-border-input: #000000;
    --color-border-input-alpha: rgba(0, 0, 0, 0.25);
    --color-text-input: #000000;
    --color-text-input-alpha: rgba(0, 0, 0, 0.04);
    --color-text-button: #ffffff;
    --color-background-button: #0b9247;
    --color-background-button-alpha: rgba(11, 146, 71, 0.6);
    --color-background-outline-button-alpha: rgba(11, 146, 71, 0.1);
    --color-background-button-hover: #043319;
    --color-icon: rgba(0, 0, 0, 0.4);
    --color-icon-darker: rgba(0, 0, 0, 0.6);
    --color-background-menu-badge: #0b9247;
    --color-text-menu-badge: #fff;
    --color-text-sale-badge: #0b9247;
    --color-background-sold-badge: #0b9247;
    --color-text-sold-badge: #ffffff;
    --color-text-header: #000000;
    --color-text-header-half-transparent: rgba(0, 0, 0, 0.5);
    --color-background-header: #ffffff;
    --color-background-header-transparent: rgba(255, 255, 255, 0);
    --color-icon-header: #000000;
    --color-shadow-header: rgba(0, 0, 0, 0.15);
    --color-background-footer: #0b9247;
    --color-text-footer: #ffffff;
    --color-text-footer-subdued: rgba(255, 255, 255, 0.7);
    --color-products-sale-price: #000000;
    --color-products-rating-star: #000000;
    --color-products-stock-good: #0b9247;
    --color-products-stock-medium: #000000;
    --color-products-stock-bad: #0b9247;
    --font-logo: Futura, sans-serif;
    --font-logo-weight: 400;
    --font-logo-style: normal;
    --logo-text-transform: none;
    --logo-letter-spacing: 0.0em;
    --font-heading: Futura, sans-serif;
    --font-heading-weight: 400;
    --font-heading-style: normal;
    --font-heading-text-transform: none;
    --font-heading-base-letter-spacing: 0.025em;
    --font-heading-base-size: 28px;
    --font-body: Futura, sans-serif;
    --font-body-weight: 400;
    --font-body-style: normal;
    --font-body-italic: oblique;
    --font-body-bold-weight: 700;
    --font-body-base-letter-spacing: 0.04em;
    --font-body-base-size: 12px;
    --line-height-heading: 1.4;
    --line-height-subheading: 1.4;
    --line-height-body: 1.5;
    --logo-font-size: clamp(2.8125rem, 2.8125rem + 0.0vw, 2.8125rem);
    --font-size-navigation-base: 12px;
    --font-navigation-base-letter-spacing: 0.01em;
    --font-navigation-base-text-transform: none;
    --font-size-heading-display-1: clamp(2.3625rem, 2.253729281767956rem + 0.4640883977900552vw, 2.625rem);
    --font-size-heading-display-2: clamp(2.099475rem, 2.00281408839779rem + 0.4124198895027624vw, 2.33275rem);
    --font-size-heading-display-3: clamp(1.837395rem, 1.7528003867403315rem + 0.36093701657458566vw, 2.04155rem);
    --font-size-heading-0-base: clamp(1.96875rem, 1.8781077348066297rem + 0.3867403314917127vw, 2.1875rem);
    --font-size-heading-1-base: clamp(1.575rem, 1.502486187845304rem + 0.30939226519337015vw, 1.75rem);
    --font-size-heading-2-base: clamp(1.378125rem, 1.3146754143646409rem + 0.27071823204419887vw, 1.53125rem);
    --font-size-heading-3-base: clamp(1.18125rem, 1.126864640883978rem + 0.2320441988950276vw, 1.3125rem);
    --font-size-heading-4-base: clamp(0.918225rem, 0.8759494475138122rem + 0.1803756906077348vw, 1.02025rem);
    --font-size-heading-5-base: clamp(0.7875rem, 0.751243093922652rem + 0.15469613259668508vw, 0.875rem);
    --font-size-heading-6-base: clamp(0.6552rem, 0.6250342541436464rem + 0.12870718232044198vw, 0.728rem);
    --font-size-body-400: clamp(1.2495rem, 1.2495rem + 0.0vw, 1.2495rem);
    --font-size-body-350: clamp(1.16625rem, 1.16625rem + 0.0vw, 1.16625rem);
    --font-size-body-300: clamp(1.083rem, 1.083rem + 0.0vw, 1.083rem);
    --font-size-body-250: clamp(0.99975rem, 0.99975rem + 0.0vw, 0.99975rem);
    --font-size-body-200: clamp(0.9165rem, 0.9165rem + 0.0vw, 0.9165rem);
    --font-size-body-150: clamp(0.83325rem, 0.83325rem + 0.0vw, 0.83325rem);
    --font-size-body-100: clamp(0.75rem, 0.75rem + 0.0vw, 0.75rem);
    --font-size-body-75: clamp(0.666rem, 0.666rem + 0.0vw, 0.666rem);
    --font-size-body-60: clamp(0.61665rem, 0.61665rem + 0.0vw, 0.61665rem);
    --font-size-body-50: clamp(0.58275rem, 0.58275rem + 0.0vw, 0.58275rem);
    --font-size-body-25: clamp(0.5415rem, 0.5415rem + 0.0vw, 0.5415rem);
    --font-size-body-20: clamp(0.4995rem, 0.4995rem + 0.0vw, 0.4995rem);
    --button-padding-multiplier: 0.7;
    --font-size-button: var(--font-size-body-80);
    --font-size-button-x-small: var(--font-size-body-60);
    --font-button-text-transform: none;
    --button-letter-spacing: 0.04em;
    --line-height-button: 1.45;
    --font-size-product-badge: var(--font-size-body-75);
    --font-product-badge-text-transform: uppercase;
    --font-size-listing-title: var(--font-size-body-100);
    --font-product-listing-title-text-transform: none;
    --font-product-listing-title-base-letter-spacing: 0.01em;
    --payment-terms-background-color: #f5f5f5;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --media-below-480: (max-width: 479px);
    --media-above-480: (min-width: 480px);
    --media-below-720: (max-width: 719px);
    --media-above-720: (min-width: 720px);
    --media-below-960: (max-width: 959px);
    --media-above-960: (min-width: 960px);
    --media-below-1200: (max-width: 1199px);
    --media-above-1200: (min-width: 1200px);
    --media-below-1400: (max-width: 1399px);
    --media-above-1400: (min-width: 1400px);
    --max-width: 1600px;
    --max-width-narrow: 747px;
    --flyout-mobile-gap: var(--spacing-9);
    --flyout-width: 375px;
    --spacing-unit: 4px;
    --spacing-unit-half: 2px;
    --spacing-1: calc(var(--spacing-unit) * 1);
    --spacing-2: calc(var(--spacing-unit) * 2);
    --spacing-3: calc(var(--spacing-unit) * 3);
    --spacing-4: calc(var(--spacing-unit) * 4);
    --spacing-5: calc(var(--spacing-unit) * 5);
    --spacing-6: calc(var(--spacing-unit) * 6);
    --spacing-7: calc(var(--spacing-unit) * 7);
    --spacing-8: calc(var(--spacing-unit) * 8);
    --spacing-9: calc(var(--spacing-unit) * 9);
    --spacing-10: calc(var(--spacing-unit) * 10);
    --spacing-11: calc(var(--spacing-unit) * 11);
    --spacing-12: calc(var(--spacing-unit) * 12);
    --spacing-15: calc(var(--spacing-unit) * 15);
    --spacing-16: calc(var(--spacing-unit) * 16);
    --spacing-17: calc(var(--spacing-unit) * 17);
    --spacing-18: calc(var(--spacing-unit) * 18);
    --spacing-20: calc(var(--spacing-unit) * 20);
    --spacing-25: calc(var(--spacing-unit) * 25);
    --spacing-30: calc(var(--spacing-unit) * 30);
    --box-shadow: 0px 4px 6px rgba(0, 0, 0, .06);
    --box-shadow-darker: 0px 4px 6px rgba(0, 0, 0, .15);
    --box-shadow-double: 0px 1px 2px rgba(0, 0, 0, .09), 0px 3px 8px rgba(0, 0, 0, .14);
    --box-shadow-offset-bottom: 4px;
    --z-index-bar: 300;
    --z-index-header: 500;
    --z-index-announcement-bar: 510;
    --z-index-drawers: 520;
    --z-index-filter-bar-wash: 400;
    --z-index-filter-bar: 450;
    --z-index-popup: 400;
    --z-index-modal-wash: 1200;
    --z-index-modal: 1300;
    --z-index-theme-editor-offset: 2000;
    --z-index-page-transition-overlay: 2100;
    --z-index-quick-search: 480;
    --space-outer: 3.3vw;
    --height-input: 48px;
    --quick-buy-button-height: 60px;
    --easing: cubic-bezier(.33, 0, 0, 1);
    --duration-ultra-fast: .1s;
    --duration-fast: .3s;
    --duration-normal: .5s;
    --duration-slow: 1.2s;
    --delay-small: 33ms;
    --delay-normal: 67ms;
    --delay-long: 133ms;
    --announcement-height: 0px;
    --vh: 8.52px;
    --height-header: 60px;
    --header-desktop-sticky-position: -60px;
    --header-desktop-sticky-height: 0px;
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    font-size: var(--font-size-body-100);
    line-height: var(--line-height-body);
    color: var(--color-text);
    letter-spacing: var(--font-body-base-letter-spacing);
    -webkit-font-smoothing: antialiased;
    --header-width: 800px;
    --article-width: 540px;
    --content-width: 700px;
    box-sizing: border-box;
/* BASIC css end */