@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-ExtraLight.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-ExtraLightItalic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-ExtraLightItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-Light.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-Light.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-LightItalic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-Regular.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-Italic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-Italic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-Medium.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-MediumItalic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-SemiBold.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-Bold.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/Inter-BoldItalic.woff2") format("woff2"), url("https://cdn.newtime.ua/fonts/Inter-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "InterTight";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/InterTight-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "InterTight";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/InterTight-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "InterTight";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/InterTight-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "InterTight";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/InterTight-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/TTFirsNeue-Light.woff") format("woff"), url("https://cdn.newtime.ua/fonts/TTFirsNeue-Light.woff2") format("woff2");
}
@font-face {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/TTFirsNeue-Regular.woff") format("woff"), url("https://cdn.newtime.ua/fonts/TTFirsNeue-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/TTFirsNeue-Medium.woff") format("woff"), url("https://cdn.newtime.ua/fonts/TTFirsNeue-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/TTFirsNeue-DemiBold.woff") format("woff"), url("https://cdn.newtime.ua/fonts/TTFirsNeue-DemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/TTFirsNeue-Bold.woff") format("woff"), url("https://cdn.newtime.ua/fonts/TTFirsNeue-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/NunitoSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/NunitoSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/NunitoSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/NunitoSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdn.newtime.ua/fonts/NunitoSans-Black.ttf") format("truetype");
}
/* line-height */
:root {
  --american-rose: #E83D45;
  --baby-blue: #EBF2FA;
  --black: #000;
  --black-30: rgba(0, 0, 0, 0.30);
  --blush-tint: rgba(232, 61, 69, 0.03);
  --bg-pos-light-16: 0 0;
  --bg-pos-light-24: 0px 0px;
  --bg-pos-light-hover-24: 0px -24px;
  --bg-position-logo-light:0px 0px;
  --cabinet-gradient-light: linear-gradient(90deg, #F2F4F8 0%, rgba(255, 255, 255, 0.00) 82.08%);
  --cadet-blue: #ACADBC;
  --cadet-blue-60: rgba(172, 173, 188, 0.6);
  --cerise-red: #DA4453;
  --chocolate-brown: #524632;
  --cool-gray: rgba(172, 173, 188, 0.16);
  --cultured: linear-gradient(180deg, #FFF0, #F5F5F7);
  --dark-goldenrod: #9F690E;
  --dark-slate-gray-50: rgba(100, 102, 125, 0.50);
  --dark-slate-gray-70: rgba(100, 102, 125, 0.70);
  --dim-gray-30: rgba(100, 102, 125, 0.30);
  --from-transparrent-to-white: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  --frost-gray: #E8E8ED;
  --green-sheen: #69AE8D;
  --gunmetal: #2C2E3F;
  --gunmetal-60:rgba(44, 46, 63, 0.6);
  --hint-blue-80: rgba(245, 245, 247, 0.8);
  --invert-0: invert(0);
  --lavender-gray: #DCDCE3;
  --lavender-mist: rgba(245, 245, 247, 0.70);
  --light-goldenrod: #F4CB86;
  --light-gray-50: rgba(245, 245, 247, 0.50);
  --light-gray-gradient: linear-gradient(270deg, #F5F5F7 0%, #F5F5F7 50%, rgba(245, 245, 247, 0.00) 100%);
  --light-grayish-blue: #F2F4F8;
  --light-grayish-blue-40: rgba(172, 173, 188, 0.40);
  --light-grayish-white: linear-gradient(90deg, #F5F5F7 13.25%, rgba(245, 245, 247, 0) 100%);
  --light-steel-blue: rgba(109, 150, 197, 0.30);
  --medium-sea-green: #41A15B;
  --filter-menu-ico-dark: brightness(1.8) grayscale(1);
  --filter-menu-ico-light: brightness(1) grayscale(0);
  --off-white: #F0F0F0;
  --mist-gray: #E8EAEE;
  --pastel-blue-06: rgba(109, 150, 197, 0.06);
  --pastel-pink: #F6B2AC;
  --pastel-red: #EE6A5F;
  --peach-puff: #FCF3E3;
  --red-orange: #F53A42;
  --red-to-black-gradient: linear-gradient(180deg, #DA4453 0%, #000 100%);
  --rose-red: #ED5565;
  --shadow-blue: #64667D;
  --silvery-gray: #CDCDCD;
  --sky-blue: #6D96C5;
  --soft-transparent-red: rgba(232, 61, 69, 0.10);
  --translucent-white: rgba(255, 255, 255, 0.65);
  --transparrent-light-gray: linear-gradient(0deg, #F5F5F7 20%, rgba(245, 245, 247, 0.00) 135.71%);
  --transparrent-gray-gradient-light: linear-gradient(180deg, rgba(245, 245, 247, 0.00) 0%, #F5F5F7 100%);
  --transparrent-gray-gradient-dark: linear-gradient(180deg, rgba(29, 29, 29, 0.00) 0%, #242424 100%);
  --very-light-salmon: rgba(238, 109, 95, 0.06);
  --vivid-malachite: #28CD41;
  --white: #FFFFFF;
  --white-16: rgba(255, 255, 255, 0.16);
  --white-30: rgba(255, 255, 255, 0.30);
  --white-65: rgba(255, 255, 255, 0.65);
  --white-70: rgba(255, 255, 255, 0.70);
  --white-95: rgba(255, 255, 255, 0.95);
  --white-smoke-main: #F5F5F5;
  --white-smoke: #F5F5F7;
  --alice-blue: #F0F4F9;
  --almost-black: #1D1D1D;
  --ash-gray: #353535;
  --black-16: rgba(0, 0, 0, 0.16);
  --black-65: rgba(29, 29, 29, 0.65);
  --black-95: rgba(0, 0, 0, 0.95);
  --blackest-black: #2B2B2B;
  --bg-pos-dark-16: 0 -16px;
  --bg-pos-dark-24: 0px -48px;
  --bg-pos-dark-24-without-hover: 0px -24px;
  --bg-pos-dark-hover-24: 0px -72px;
  --bg-position-logo-dark:0px -58px;
  --cabinet-gradient-dark: linear-gradient(90deg, #242424 0%, rgba(29, 29, 29, 0.00) 82.08%);
  --charcoal-black: #222;
  --charcoal-gray: #FCE1DF;
  --charleston-green: #262626;
  --coral-pink: #F08076;
  --cool-gray-30: rgba(145, 146, 166, 0.30);
  --crimson-red-10: rgba(218, 68, 83, 0.10);
  --dark-anthracite: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, #242424 100%);
  --dark-brown: #412B06;
  --dark-charcoal: #111;
  --dark-gunmetal: #212930;
  --dark-goldenrod: #856229;
  --dark-gray-50: rgba(38, 38, 38, 0.50);
  --dark-gray-65: rgba(41, 41, 41, 0.64);
  --dark-gray-80: rgba(29, 29, 29, 0.80);
  --dark-slate-blue: rgba(65, 68, 93, 0.40);
  --dim-gray: #323232;
  --eclipse-gray: rgba(56, 56, 56, 0.30);
  --from-transparrent-to-dark: linear-gradient(180deg, rgba(29, 29, 29, 0.00) 0%, #1D1D1D 100%);
  --invert-1: invert(1);
  --gainsboro: #D4D5DD;
  --jet: #373737;
  --jet-black-gradient: linear-gradient(270deg, #242424 -8%, #242424 46%, rgba(29, 29, 29, 0.00) 100%);
  --light-cyan: #D1E6F6;
  --light-red-20: rgba(245, 58, 66, 0.20);
  --light-slate-gray-50: rgba(172, 173, 188, 0.50);
  --light-slate-gray-70: rgba(172, 173, 188, 0.70);
  --light-steel-blue-16: rgba(172, 173, 188, 0.16);
  --midnight-gray: #1F1F23;
  --near-black: linear-gradient(90deg, #111 20.76%, rgba(17, 17, 17, 0.00) 93.33%);
  --onyx-80: rgba(17, 17, 17, 0.80);
  --pale-blue-grey-30: rgba(172, 173, 188, 0.30);
  --pale-gray: #B2B2B2;
  --pitch-black: #242424;
  --red-to-white-gradient: linear-gradient(180deg, #DA4453 0%, #FFF 100%);
  --sanguine: #98333D;
  --satin-sheen-gold: #C89A4C;
  --semi-transparent-dark-blue: rgba(44, 46, 63, 0.70);
  --shadow-gray: rgba(66, 66, 66, 0.16);
  --slate-gray-opacity: rgba(41, 41, 41, 0.64);
  --stormcloud: #7B7D87;
  --stormy-gray: #414B53;
  --translucent-sky-blue: rgba(209, 230, 246, 0.60);
  --transparrent-dark-gray: linear-gradient(0deg, #111 20%, rgba(17, 17, 17, 0.00) 135.71%);
  --tulip: #F18B8F;
  --very-light-transparent-pink: rgba(241, 139, 143, 0.08);
  --blog-dark-ico:url("https://cdn.newtime.ua/images/icons/blog-dark-ico.svg");
  --blog-light-ico:url("https://cdn.newtime.ua/images/icons/blog-light-ico.svg");
  --blog-search-dark: url("/images/icons/blog-search-dark.svg");
  --blog-search-light: url("/images/icons/blog-search-light.svg");
  --cart-ico-light: url("/images/icons/cart.svg");
  --cart-ico-dark: url("/images/icons/cart-add-white.svg");
  --close-ico-dark: url("/images/icons/close-ico-dark.svg");
  --close-ico-light: url("/images/icons/close-ico-light.svg");
  --edit-ico-dark: url("/images/icons/edit-dark.svg");
  --edit-ico-light: url("/images/icons/edit-light.svg");
  --footer-main-ico-dark: url("https://cdn.newtime.ua/images/icons/footer-main-ico-dark.svg");
  --footer-main-ico-light: url("https://cdn.newtime.ua/images/icons/footer-main-ico-light.svg");
  --header-cart-dark-active: url("https://cdn.newtime.ua/images/icons/header-cart-dark-active.svg");
  --header-cart-light-active: url("https://cdn.newtime.ua/images/icons/header-cart-light-active.svg");
  --header-cart-dark-hover: url("https://cdn.newtime.ua/images/icons/header-cart-dark-hover.svg");
  --header-cart-light-hover: url("https://cdn.newtime.ua/images/icons/header-cart-light-hover.svg");
  --header-cart-dark: url("https://cdn.newtime.ua/images/icons/header-cart-dark.svg");
  --header-cart-light:url("https://cdn.newtime.ua/images/icons/header-cart-light.svg");
  --header-compare-dark: url("https://cdn.newtime.ua/images/icons/header-compare-dark.svg");
  --header-compare-light: url("https://cdn.newtime.ua/images/icons/header-compare-light.svg");
  --header-compare-hover-dark: url("https://cdn.newtime.ua/images/icons/header-compare-hover-dark.svg");
  --header-compare-hover-light: url("https://cdn.newtime.ua/images/icons/header-compare-hover-light.svg");
  --header-like-dark: url("https://cdn.newtime.ua/images/icons/header-like-dark.svg");
  --header-like-light: url("https://cdn.newtime.ua/images/icons/header-like-light.svg");
  --header-search-dark: url("https://cdn.newtime.ua/images/icons/header-search-ico-dark.svg");
  --header-search-light: url("https://cdn.newtime.ua/images/icons/header-search-ico-light.svg");
  --header-user-dark: url("https://cdn.newtime.ua/images/icons/header-user-dark.svg");
  --header-user-light: url("https://cdn.newtime.ua/images/icons/header-user-light.svg");
  --header-user-dark-hover: url("https://cdn.newtime.ua/images/icons/header-user-hover-dark.svg");
  --header-user-light-hover: url("https://cdn.newtime.ua/images/icons/header-user-hover-light.svg");
  --logo-light: url("https://cdn.newtime.ua/images/catalog/logo/logo-ua-light.svg");
  --logo-dark: url("https://cdn.newtime.ua/images/catalog/logo/logo-ua-dark.svg");
  --logo-mob-light: url("https://cdn.newtime.ua/images/catalog/logo/logo-mob-light.svg");
  --logo-mob-dark: url("https://cdn.newtime.ua/images/catalog/logo/logo-mob-dark.svg");
  --mic-ico-dark:url("https://cdn.newtime.ua/images/icons/mic-ico-dark.svg");
  --mic-ico-light:url("https://cdn.newtime.ua/images/icons/mic-ico-light.svg");
  --menu-search-ico-light: url("https://cdn.newtime.ua/images/icons/loupe.svg");
  --menu-search-ico-dark: url("https://cdn.newtime.ua/images/icons/loupe-dark.svg");
  --nt-bg-symbol-light: url("/images/categories/nt-symbol.svg");
  --nt-bg-symbol-dark: url("/images/categories/nt-symbol-dark.svg");
  --ok-info-light: url("/images/icons/close-but-ok.svg");
  --ok-info-dark: url("/images/icons/close-but-ok-dark.svg");
  --phone-ico-light:url("https://cdn.newtime.ua/images/icons/phone-ico-light.svg");
  --phone-ico-dark:url("https://cdn.newtime.ua/images/icons/phone-ico-dark.svg");
  --phone-ico-hover-light:url("https://cdn.newtime.ua/images/icons/phone-ico-hover-light.svg");
  --phone-ico-hover-dark:url("https://cdn.newtime.ua/images/icons/phone-ico-hover-dark.svg");
  --red-arrow-light: url("/images/icons/red-arrow-contacts.svg");
  --red-arrow-dark: url("/images/icons/red-arrow-contacts-dark.svg");
  --sale-dark-ico:url("https://cdn.newtime.ua/images/icons/sale-dark-ico.svg");
  --sale-light-ico:url("https://cdn.newtime.ua/images/icons/sale-light-ico.svg");
  --search-ico-dark:url("https://cdn.newtime.ua/images/icons/search-ico-dark.svg");
  --search-ico-light:url("https://cdn.newtime.ua/images/icons/search-ico-light.svg");
  --search-active: url("https://cdn.newtime.ua/images/icons/search-active.svg");
  --search-product-ico-dark:url("https://cdn.newtime.ua/images/icons/search-product-ico-dark.svg");
  --search-product-ico-light:url("https://cdn.newtime.ua/images/icons/search-product-ico-light.svg");
  --search-product-hover-dark:url("https://cdn.newtime.ua/images/icons/search-product-hover-dark.svg");
  --search-product-hover-light:url("https://cdn.newtime.ua/images/icons/search-product-hover-light.svg");
  --tab-del-ico-dark: url("/images/icons/tab-close-dark.svg");
  --tab-del-ico-active: url("/images/icons/tab-close-active.svg");
  --tab-del-ico-dark-hover: url("/images/icons/tab-close-hover-dark.svg");
  --tab-del-ico-light: url("/images/icons/tab-close-light.svg");
  --tab-del-ico-light-hover: url("/images/icons/tab-close-hover-light.svg");
  --ticket-discount-dark: url("/images/cabinet/ticket-discount-dark.svg");
  --ticket-discount-light: url("/images/cabinet/ticket-discount.svg");
  --together-plus-dark: url("/images/icons/together-plus-dark.svg");
  --together-plus-light: url("/images/icons/together-plus-light.svg");
  --together-equal-dark: url("/images/icons/together-equal-dark.svg");
  --together-equal-light: url("/images/icons/together-equal-light.svg");
  --tradein-dark-ico:url("https://cdn.newtime.ua/images/icons/tradein-dark-ico.svg");
  --tradein-light-ico:url("https://cdn.newtime.ua/images/icons/tradein-light-ico.svg");
  --menu-polygon-light: url("/images/icons/polygon.svg");
  --menu-polygon-dark: url("/images/icons/polygon-dark.svg");
  --background-body: var(--white-smoke);
  --bg-primary-body: var(--white-smoke);
  --bg-pos-16: var(--bg-pos-light-16);
  --bg-pos-24: var(--bg-pos-light-24);
  --bg-pos-24-without-hover: var(--bg-pos-light-24);
  --bg-pos-hover-24: var(--bg-pos-light-hover-24);
  --bg-position-logo: var(--bg-position-logo-light);
  --blog-background: var(--dark-charcoal);
  --blog-ico: var(--blog-light-ico);
  --blog-primary-txt: var(--black);
  --blog-productname-txt: var(--gunmetal);
  --blog-search-ico: var(--blog-search-light);
  --blog-secondary-link: var(--sky-blue);
  --blog-secondary-txt: var(--shadow-blue);
  --blog-sidebar-bg: var(--white);
  --blog-stroke-primary: var(--jet);
  --blog-stroke-secondary: var(--mist-gray);
  --blog-substrate-primary: var(--white);
  --blog-quote-bg: var(--white-smoke);
  --button-color-1: var(--pastel-red);
  --button-link-black-icon-tr: var(--gunmetal-60);
  --button-link-btn-fill: var(--cerise-red);
  --button-link-btn-link-primary: var(--pastel-red);
  --button-link-btn-sand: var(--sky-blue);
  --button-link-gray-fill-btn: var(--white-smoke);
  --button-link-gray-fill-tr: var(--light-steel-blue-16);
  --button-link-gray-fill-tr-hover: var(--pale-blue-grey-30);
  --button-link-primary-white: var(--white);
  --button-link-red-fill: var(--american-rose);
  --button-link-red-substrate-nav: var(--very-light-salmon);
  --button-link-red-txt: var(--tulip);
  --button-link-btn-sand-blue: var(--sky-blue);
  --button-link-secodary-gray-tr30: var(--dim-gray-30);
  --button-link-secodary-gray-tr50: var(--dark-slate-gray-50);
  --button-link-secodary-gray-tr70: var(--dark-slate-gray-70);
  --button-link-txt-bnt-primary: var(--white);
  --button-link-txt-lnk-secondary: var(--pitch-black);
  --brand-color-red: var(--american-rose);
  --brand-variant-blue: var(--sky-blue);
  --cabinet-gradient: var(--cabinet-gradient-light);
  --catalog-prod-name: var(--gunmetal);
  --cart-header-shadow: var(--from-transparrent-to-white);
  --cart-ico: var(--cart-ico-light);
  --checkout-substrate-primary: var(--white);
  --close-ico: var(--close-ico-light);
  --comment-input-field-bg: var(--light-grayish-blue);
  --comment-shadow_input: var(--baby-blue);
  --csp-shadow-gradient: var(--light-gray-gradient);
  --delivery-first-bg: var(--white-70);
  --desc-shadow: var(--transparrent-light-gray);
  --edit-ico: var(--edit-ico-light);
  --filter-ico-menu: var(--filter-menu-ico-light);
  --footer-link-hover: var(--black);
  --footer-main-ico: var(--footer-main-ico-light);
  --footer-primary-bg: var(--frost-gray);
  --footer-txt-secondary: var(--stormcloud);
  --gray-txt-secondary: var(--stormcloud);
  --header-bg-main: var(--white);
  --header-cart-ico: var(--header-cart-light);
  --header-cart-ico-active: var(--header-cart-light-active);
  --header-cart-ico-hover: var(--header-cart-light-hover);
  --header-compare-ico: var(--header-compare-light);
  --header-compare-hover: var(--header-compare-hover-light);
  --header-like-ico: var(--header-like-light);
  --header-search-ico: var(--header-search-light);
  --header-icon-bg-main: var(--white);
  --header-icon-bg-gray: var(--white-smoke);
  --header-icon-lang-substarte: var(--light-grayish-blue);
  --header-icon-secondery-icon: var(--silvery-gray);
  --header-icon-stroke-hover: var(--frost-gray);
  --header-icon-stroke-primary: var(--white-smoke);
  --headline-primary: var(--gunmetal);
  --headline-secondary: var(--shadow-blue);
  --hover-blue-t: var(--light-steel-blue);
  --icon-big-icon: var(--green-sheen);
  --icon-device: var(--cadet-blue);
  --icon-device-ac: var(--vivid-malachite);
  --icon-gray-primary-icon: var(--cadet-blue);
  --input-substrate-primary: var(--white-smoke);
  --input-substrate-secondary: var(--white);
  --invert: var(--invert-0);
  --link-btn-primary: var(--pastel-red);
  --link-btn-secondary: var(--cerise-red);
  --links-main-hover: var(--button-link-red-fill);
  --logo-shadow-cabinet: var(--white-65);
  --logo-google-stroke: var(--light-cyan);
  --logo-secondary-red: var(--red-orange);
  --menu-gradient: var(--transparrent-gray-gradient-light);
  --menu-polygon: var(--menu-polygon-light);
  --menu-shadow: var(--cultured);
  --mic-ico: var(--mic-ico-light);
  --nt-bg-symbol: var(--nt-bg-symbol-light);
  --ok-info: var(--ok-info-light);
  --popup-bg: var(--white);
  --phone-ico: var(--phone-ico-light);
  --phone-ico-hover: var(--phone-ico-hover-light);
  --preload-bg: var(--white-95);
  --product-brand-logo-substrate: var(--white);
  --product-brand-logo-substrate-hover: var(--off-white);
  --product-card-bg: var(--white);
  --product-cat-substrate-hover: var(--white-smoke);
  --product-category-bg-tr-menu-2lv: var(--hint-blue-80);
  --product-category-menu-substrate-hover: var(--light-cyan);
  --product-category-menu-text: var(--dark-charcoal);
  --product-filter-primary-red: var(--rose-red);
  --product-menu-cat-substrate: var(--white);
  --product-order-stroke-active: var(--mist-gray);
  --product-order-stroke-def: var(--white-smoke);
  --product-order-substrate-active: var(--white-smoke);
  --product-order-substrate-def: var(--white);
  --product-order-substrate-hover: var(--light-gray-50);
  --product-page-active-tab: var(--medium-sea-green);
  --product-page-background-page: var(--white);
  --product-page-nav-tabs-substrate: var(--white-smoke-main);
  --product-price-primary: var(--cerise-red);
  --product-red-substrate-btn: var(--blush-tint);
  --product-red-sub-btn-hover: var(--soft-transparent-red);
  --product-substrate-tr-secondary: var(--lavender-mist);
  --product-shadow-card: var(--light-grayish-blue-40);
  --red-arrow-contacts: var(--red-arrow-light);
  --sale-ico: var(--sale-light-ico);
  --sale-gradient: var(--red-to-black-gradient);
  --scroll: var(--black-30);
  --search-btn-primary: var(--black);
  --search-btn-primary-hover: var(--cerise-red);
  --search-btn-txt-primary: var(--white);
  --search-gray-bg-stroke: var(--light-grayish-blue);
  --search-gray-solid: var(--mist-gray);
  --search-ico: var(--menu-search-ico-light);
  --search-filter-ico: var(--search-ico-light);
  --search-product-ico: var(--search-product-ico-light);
  --search-product-hover: var(--search-product-hover-light);
  --search-txt-primary: var(--gunmetal);
  --shadow-primary: var(--cool-gray);
  --shadow-secondary: var(--black-16);
  --slider-shadow: var(--light-grayish-white);
  --slider-catalog-active: var(--pastel-pink);
  --small-text: var(--cadet-blue);
  --snackbar-info-txt-primary: var(--chocolate-brown);
  --snackbar-stroke-primary: var(--light-goldenrod);
  --snackbar-substrate-primary: var(--peach-puff);
  --snackbar-sser-account-text-blue: var(--sky-blue);
  --snackbar-user-account-tr-selection-text: var(--pastel-blue-06);
  --snackbar-user-account-substrate-blue: var(--baby-blue);
  --snackbar-user-account-substrate-yellow: var(--light-goldenrod);
  --snackbar-user-account-text-yellow: var(--dark-goldenrod);
  --switch-theme-white: var(--white);
  --tab-del-ico: var(--tab-del-ico-light);
  --tab-del-ico-hover: var(--tab-del-ico-light-hover);
  --tab-del-ico-hover: var(--tab-del-ico-light);
  --tab-stroke-primary: var(--mist-gray);
  --tab-stroke-secondary: var(--white-smoke);
  --tab-substrate-hover: var(--mist-gray);
  --tab-substrate-gray: var(--mist-gray);
  --tab-substrate-red: var(--pastel-red);
  --text-menu: var(--shadow-blue);
  --ticket-discount: var(--ticket-discount-light);
  --together-equal: var(--together-equal-light);
  --together-plus: var(--together-plus-light);
  --tradein-ico: var(--tradein-dark-ico);
  --user-account-substrate-sidebar: var(--white);
  --user-account-substrate-btn-nav: var(--almost-black);
  --white-substrate-tr30: var(--white-30);
  --white-substrate-tr65: var(--translucent-white);
  --logo-ua: var(--logo-light);
  --logo-mob: var(--logo-mob-light);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-body: var(--white-smoke);
    --bg-primary-body: var(--dark-charcoal);
    --bg-pos-16: var(--bg-pos-dark-16);
    --bg-pos-24: var(--bg-pos-dark-24);
    --bg-pos-24-without-hover: var(--bg-pos-dark-24-without-hover);
    --bg-pos-hover-24: var(--bg-pos-dark-hover-24);
    --bg-position-logo: var(--bg-position-logo-dark);
    --blog-background: var(--white-smoke);
    --blog-ico: var(--blog-dark-ico);
    --blog-primary-txt: var(--white);
    --blog-productname-txt: var(--alice-blue);
    --blog-search-ico: var(--blog-search-dark);
    --blog-secondary-link: var(--light-cyan);
    --blog-secondary-txt: var(--cadet-blue);
    --blog-sidebar-bg: var(--charcoal-black);
    --blog-stroke-primary: var(--lavender-gray);
    --blog-stroke-secondary: var(--dim-gray);
    --blog-substrate-primary: var(--almost-black);
    --blog-quote-bg: var(--pitch-black);
    --button-link-black-icon-tr: var(--white-70);
    --button-link-btn-fill: var(--sanguine);
    --button-link-btn-link-primary: var(--charcoal-gray);
    --button-link-gray-fill-btn: var(--pitch-black);
    --button-link-gray-fill-tr: var(--light-steel-blue-16);
    --button-link-gray-fill-tr-hover: var(--cool-gray-30);
    --button-link-primary-white: var(--dark-charcoal);
    --button-link-red-fill: var(--american-rose);
    --button-link-red-substrate-nav: var(--very-light-salmon);
    --button-link-red-txt: var(--american-rose);
    --button-link-btn-sand-blue: var(--light-cyan);
    --button-link-secodary-gray-tr30: var(--pale-blue-grey-30);
    --button-link-secodary-gray-tr50: var(--light-slate-gray-50);
    --button-link-secodary-gray-tr70: var(--light-slate-gray-70);
    --button-link-txt-bnt-black: var(--white);
    --button-link-txt-bnt-primary: var(--white);
    --button-link-txt-lnk-secondary: var(--alice-blue);
    --brand-color-red: var(--american-rose);
    --brand-variant-blue: var(--sky-blue);
    --cabinet-gradient: var(--cabinet-gradient-dark);
    --cart-header-shadow: var(--from-transparrent-to-dark);
    --cart-ico: var(--cart-ico-dark);
    --catalog-prod-name: var(--alice-blue);
    --checkout-substrate-primary: var(--almost-black);
    --close-ico: var(--close-ico-dark);
    --comment-input-field-bg: var(--jet);
    --comment-shadow_input: var(--jet);
    --csp-shadow-gradient: var(--jet-black-gradient);
    --delivery-first-bg: var(--dark-gray-80);
    --desc-shadow: var(--transparrent-dark-gray);
    --edit-ico: var(--edit-ico-dark);
    --filter-ico-menu: var(--filter-menu-ico-dark);
    --footer-link-hover: var(--white);
    --footer-main-ico: var(--footer-main-ico-dark);
    --footer-primary-bg: var(--midnight-gray);
    --footer-txt-secondary: var(--pale-gray);
    --gray-txt-secondary: var(--pale-gray);
    --header-cart-ico: var(--header-cart-dark);
    --header-cart-ico-active: var(--header-cart-dark-active);
    --header-cart-ico-hover: var(--header-cart-dark-hover);
    --header-compare-ico: var(--header-compare-dark);
    --header-compare-hover: var(--header-compare-hover-dark);
    --header-like-ico: var(--header-like-dark);
    --header-search-ico: var(--header-search-dark);
    --header-bg-main: var(--charcoal-black);
    --header-icon-bg-main: var(--charcoal-black);
    --header-icon-bg-gray: var(--almost-black);
    --header-icon-lang-substarte: var(--charleston-green);
    --header-icon-secondery-icon: var(--stormcloud);
    --header-icon-stroke-hover: var(--jet);
    --headline-primary: var(--alice-blue);
    --headline-secondary: var(--gainsboro);
    --header-icon-stroke-primary: var(--blackest-black);
    --hover-blue-t: var(--translucent-sky-blue);
    --icon-big-icon: var(--green-sheen);
    --icon-device: var(--cadet-blue);
    --icon-device-ac: var(--vivid-malachite);
    --icon-gray-primary-icon: var(--cadet-blue);
    --input-substrate-primary: var(--pitch-black);
    --input-substrate-secondary: var(--charcoal-black);
    --invert: var(--invert-1);
    --link-btn-primary: var(--pastel-red);
    --link-btn-secondary: var(--cerise-red);
    --logo-shadow-cabinet: var(--black-65);
    --logo-google-stroke: var(--stormy-gray);
    --logo-secondary-red: var(--red-orange);
    --menu-gradient: var(--transparrent-gray-gradient-dark);
    --menu-polygon: var(--menu-polygon-dark);
    --menu-shadow: var(--dark-anthracite);
    --mic-ico: var(--mic-ico-dark);
    --nt-bg-symbol: var(--nt-bg-symbol-dark);
    --ok-info: var(--ok-info-dark);
    --popup-bg: var(--almost-black);
    --phone-ico: var(--phone-ico-dark);
    --phone-ico-hover: var(--phone-ico-hover-dark);
    --preload-bg: var(--black-95);
    --product-brand-logo-substrate: var(--almost-black);
    --product-brand-logo-substrate-hover: var(--blackest-black);
    --product-card-bg: var(--blackest-black);
    --product-cat-substrate-hover: var(--dark-charcoal);
    --product-category-bg-tr-menu-2lv: var(--onyx-80);
    --product-category-menu-substrate-hover: var(--stormy-gray);
    --product-category-menu-text: var(--white);
    --product-filter-primary-red: var(--tulip);
    --product-menu-cat-substrate: var(--pitch-black);
    --product-order-stroke-active: var(--blackest-black);
    --product-order-stroke-def: var(--charleston-green);
    --product-order-substrate-active: var(--charleston-green);
    --product-order-substrate-def: var(--almost-black);
    --product-order-substrate-hover: var(--dark-gray-50);
    --product-page-active-tab: var(--medium-sea-green);
    --product-page-background-page: var(--black);
    --product-page-nav-tabs-substrate: var(--charcoal-black);
    --product-price-primary: var(--charcoal-gray);
    --product-red-substrate-btn: var(--crimson-red-10);
    --product-red-sub-btn-hover: var(--american-rose);
    --product-substrate-tr-secondary: var(--semi-transparent-dark-blue);
    --product-shadow-card: var(--dark-slate-blue);
    --red-arrow-contacts: var(--red-arrow-dark);
    --sale-ico: var(--sale-dark-ico);
    --sale-gradient: var(--red-to-white-gradient);
    --scroll: var(--white-30);
    --search-btn-primary: var(--light-cyan);
    --search-btn-primary-hover: var(--sanguine);
    --search-btn-txt-primary: var(--black);
    --search-gray-bg-stroke: var(--jet);
    --search-gray-solid: var(--jet);
    --search-ico: var(--menu-search-ico-dark);
    --search-filter-ico: var(--search-ico-dark);
    --search-product-ico: var(--search-product-ico-dark);
    --search-product-hover: var(--search-product-hover-dark);
    --search-txt-primary: var(--white);
    --shadow-primary: var(--shadow-gray);
    --shadow-secondary: var(--white-16);
    --slider-shadow: var(--near-black);
    --slider-catalog-active: var(--pastel-pink);
    --small-text: var(--stormcloud);
    --snackbar-info-txt-primary: var(--peach-puff);
    --snackbar-stroke-primary: var(--dark-goldenrod);
    --snackbar-sser-account-text-blue: var(--light-cyan);
    --snackbar-user-account-tr-selection-text: var(--pastel-blue-06);
    --snackbar-user-account-substrate-blue: var(--dark-gunmetal);
    --snackbar-user-account-substrate-yellow: var(--satin-sheen-gold);
    --snackbar-user-account-text-yellow: var(--dark-brown);
    --snackbar-substrate-primary: var(--dark-brown);
    --switch-theme-white: var(--white);
    --tab-del-ico: var(--tab-del-ico-dark);
    --tab-del-ico-hover: var(--tab-del-ico-dark-hover);
    --tab-stroke-primary: var(--ash-gray);
    --tab-stroke-secondary: var(--blackest-black);
    --tab-substrate-hover: var(--jet);
    --tab-substrate-gray: var(--charleston-green);
    --tab-substrate-red: var(--coral-pink);
    --ticket-discount: var(--ticket-discount-dark);
    --together-equal: var(--together-equal-dark);
    --together-plus: var(--together-plus-dark);
    --tradein-ico: var(--tradein-dark-ico);
    --user-account-substrate-sidebar: var(--almost-black);
    --user-account-substrate-btn-nav: var(--white);
    --white-substrate-tr30: var(--eclipse-gray);
    --white-substrate-tr65: var(--slate-gray-opacity);
    --logo-ua: var(--logo-dark);
    --logo-mob: var(--logo-mob-dark);
  }
}
body {
  background-color: var(--bg-primary-body);
  transition: background-color 0.3s, color 0.3s;
}
body.light-mode {
  --background-body: var(--white-smoke);
  --bg-primary-body: var(--white-smoke);
  --bg-pos-16: var(--bg-pos-light-16);
  --bg-pos-24: var(--bg-pos-light-24);
  --bg-pos-24-without-hover: var(--bg-pos-light-24);
  --bg-pos-hover-24: var(--bg-pos-light-hover-24);
  --bg-position-logo: var(--bg-position-logo-light);
  --blog-background: var(--white-smoke);
  --blog-ico: var(--blog-light-ico);
  --blog-primary-txt: var(--black);
  --blog-productname-txt: var(--gunmetal);
  --blog-search-ico: var(--blog-search-light);
  --blog-secondary-link: var(--sky-blue);
  --blog-secondary-txt: var(--shadow-blue);
  --blog-sidebar-bg: var(--white);
  --blog-stroke-primary: var(--lavender-gray);
  --blog-stroke-secondary: var(--mist-gray);
  --blog-substrate-primary: var(--white);
  --blog-quote-bg: var(--white-smoke);
  --brand-color-red: var(--american-rose);
  --cabinet-gradient: var(--cabinet-gradient-light);
  --catalog-prod-name: var(--gunmetal);
  --cart-ico: var(--cart-ico-light);
  --checkout-substrate-primary: var(--white);
  --comment-input-field-bg: var(--light-grayish-blue);
  --csp-shadow-gradient: var(--light-gray-gradient);
  --button-color-1: var(--pastel-red);
  --button-link-black-icon-tr: var(--gunmetal-60);
  --button-link-btn-fill: var(--cerise-red);
  --button-link-btn-link-primary: var(--pastel-red);
  --button-link-btn-sand: var(--sky-blue);
  --button-link-gray-fill-tr: var(--light-steel-blue-16);
  --button-link-gray-fill-tr-hover: var(--pale-blue-grey-30);
  --button-link-primary-white: var(--white);
  --button-link-red-fill: var(--american-rose);
  --button-link-red-substrate-nav: var(--very-light-salmon);
  --button-link-red-txt: var(--american-rose);
  --button-link-btn-sand-blue: var(--sky-blue);
  --button-link-gray-fill-btn: var(--white-smoke);
  --button-link-secodary-gray-tr30: var(--dim-gray-30);
  --button-link-secodary-gray-tr50: var(--dark-slate-gray-50);
  --button-link-secodary-gray-tr70: var(--dark-slate-gray-70);
  --button-link-txt-bnt-black: var(--black);
  --button-link-txt-bnt-primary: var(--white);
  --button-link-txt-lnk-secondary: var(--pitch-black);
  --brand-variant-blue: var(--sky-blue);
  --cart-header-shadow: var(--from-transparrent-to-white);
  --comment-input-field-bg: var(--light-grayish-blue);
  --comment-shadow_input: var(--baby-blue);
  --close-ico: var(--close-ico-light);
  --delivery-first-bg: var(--white-70);
  --desc-shadow: var(--transparrent-light-gray);
  --edit-ico: var(--edit-ico-light);
  --filter-ico-menu: var(--filter-menu-ico-light);
  --footer-link-hover: var(--black);
  --footer-main-ico: var(--footer-main-ico-light);
  --footer-primary-bg: var(--frost-gray);
  --footer-txt-secondary: var(--stormcloud);
  --gray-txt-secondary: var(--stormcloud);
  --header-cart-ico: var(--header-cart-light);
  --header-cart-ico-active: var(--header-cart-light-active);
  --header-cart-ico-hover: var(--header-cart-light-hover);
  --header-compare-ico: var(--header-compare-light);
  --header-compare-hover: var(--header-compare-hover-light);
  --header-like-ico: var(--header-like-light);
  --header-search-ico: var(--header-search-light);
  --header-bg-main: var(--white);
  --header-icon-bg-main: var(--white);
  --header-icon-bg-gray: var(--white-smoke);
  --header-icon-lang-substarte: var(--light-grayish-blue);
  --header-icon-secondery-icon: var(--silvery-gray);
  --header-icon-stroke-hover: var(--frost-gray);
  --header-icon-stroke-primary: var(--white-smoke);
  --headline-primary: var(--gunmetal);
  --headline-secondary: var(--shadow-blue);
  --hover-blue-t: var(--light-steel-blue);
  --icon-big-icon: var(--green-sheen);
  --icon-device: var(--cadet-blue);
  --icon-device-ac: var(--vivid-malachite);
  --icon-gray-primary-icon: var(--cadet-blue);
  --input-substrate-primary: var(--white-smoke);
  --input-substrate-secondary: var(--white);
  --invert: var(--invert-0);
  --link-btn-primary: var(--pastel-red);
  --link-btn-secondary: var(--cerise-red);
  --logo-shadow-cabinet: var(--white-65);
  --logo-google-stroke: var(--light-cyan);
  --logo-secondary-red: var(--red-orange);
  --menu-gradient: var(--transparrent-gray-gradient-light);
  --menu-polygon: var(--menu-polygon-light);
  --menu-shadow: var(--cultured);
  --mic-ico: var(--mic-ico-light);
  --nt-bg-symbol: var(--nt-bg-symbol-light);
  --ok-info: var(--ok-info-light);
  --popup-bg: var(--white);
  --phone-ico: var(--phone-ico-light);
  --phone-ico-hover: var(--phone-ico-hover-light);
  --preload-bg: var(--white-95);
  --product-brand-logo-substrate: var(--white);
  --product-brand-logo-substrate-hover: var(--off-white);
  --product-card-bg: var(--white);
  --product-cat-substrate-hover: var(--white-smoke);
  --product-category-bg-tr-menu-2lv: var(--hint-blue-80);
  --product-category-menu-substrate-hover: var(--light-cyan);
  --product-category-menu-text: var(--dark-charcoal);
  --product-filter-primary-red: var(--rose-red);
  --product-menu-cat-substrate: var(--white);
  --product-order-stroke-active: var(--mist-gray);
  --product-order-stroke-def: var(--white-smoke);
  --product-order-substrate-active: var(--white-smoke);
  --product-order-substrate-def: var(--white);
  --product-order-substrate-hover: var(--light-gray-50);
  --product-page-active-tab: var(--medium-sea-green);
  --product-page-background-page: var(--white);
  --product-page-nav-tabs-substrate: var(--white-smoke-main);
  --product-price-primary: var(--cerise-red);
  --product-substrate-tr-secondary: var(--lavender-mist);
  --product-red-substrate-btn: var(--blush-tint);
  --product-red-sub-btn-hover: var(--soft-transparent-red);
  --product-shadow-card: var(--light-grayish-blue-40);
  --red-arrow-contacts: var(--red-arrow-light);
  --scroll: var(--black-30);
  --sale-ico: var(--sale-light-ico);
  --sale-gradient: var(--red-to-black-gradient);
  --search-btn-primary: var(--black);
  --search-btn-primary-hover: var(--cerise-red);
  --search-btn-txt-primary: var(--white);
  --search-gray-bg-stroke: var(--light-grayish-blue);
  --search-gray-solid: var(--mist-gray);
  --search-ico: var(--menu-search-ico-light);
  --search-filter-ico: var(--search-ico-light);
  --search-product-ico: var(--search-product-ico-light);
  --search-product-hover: var(--search-product-hover-dark);
  --search-txt-primary: var(--gunmetal);
  --shadow-primary: var(--cool-gray);
  --shadow-secondary: var(--black-16);
  --slider-shadow: var(--light-grayish-white);
  --slider-catalog-active: var(--pastel-pink);
  --small-text: var(--cadet-blue);
  --snackbar-info-txt-primary: var(--chocolate-brown);
  --snackbar-stroke-primary: var(--light-goldenrod);
  --snackbar-sser-account-text-blue: var(--sky-blue);
  --snackbar-user-account-tr-selection-text: var(--pastel-blue-06);
  --snackbar-user-account-substrate-blue: var(--baby-blue);
  --snackbar-user-account-substrate-yellow: var(--light-goldenrod);
  --snackbar-user-account-text-yellow: var(--dark-goldenrod);
  --snackbar-substrate-primary: var(--peach-puff);
  --tab-del-ico: var(--tab-del-ico-light);
  --tab-del-ico-hover: var(--tab-del-ico-light-hover);
  --tab-stroke-primary: var(--mist-gray);
  --tab-stroke-secondary: var(--white-smoke);
  --tab-substrate-hover: var(--mist-gray);
  --tab-substrate-gray: var(--mist-gray);
  --tab-substrate-red: var(--pastel-red);
  --text-menu: var(--shadow-blue);
  --ticket-discount: var(--ticket-discount-light);
  --together-equal: var(--together-equal-light);
  --together-plus: var(--together-plus-light);
  --tradein-ico: var(--tradein-light-ico);
  --user-account-substrate-sidebar: var(--white);
  --user-account-substrate-btn-nav: var(--almost-black);
  --white-substrate-tr30: var(--white-30);
  --white-substrate-tr65: var(--translucent-white);
  --logo-ua: var(--logo-light);
  --logo-mob: var(--logo-mob-light);
}
body.light-mode .light_mode {
  display: flex;
}
body.light-mode .dark_mode {
  display: none;
}
body.dark-mode {
  --background-body: var(--white-smoke);
  --bg-primary-body: var(--dark-charcoal);
  --bg-pos-16: var(--bg-pos-dark-16);
  --bg-pos-24: var(--bg-pos-dark-24);
  --bg-pos-24-without-hover: var(--bg-pos-dark-24-without-hover);
  --bg-pos-hover-24: var(--bg-pos-dark-hover-24);
  --bg-position-logo: var(--bg-position-logo-dark);
  --blog-background: var(--dark-charcoal);
  --blog-ico: var(--blog-dark-ico);
  --blog-primary-txt: var(--white);
  --blog-productname-txt: var(--alice-blue);
  --blog-search-ico: var(--blog-search-dark);
  --blog-secondary-link: var(--light-cyan);
  --blog-secondary-txt: var(--cadet-blue);
  --blog-sidebar-bg: var(--charcoal-black);
  --blog-stroke-primary: var(--jet);
  --blog-stroke-secondary: var(--dim-gray);
  --blog-substrate-primary: var(--almost-black);
  --blog-quote-bg: var(--pitch-black);
  --button-link-black-icon-tr: var(--white-70);
  --button-link-btn-fill: var(--sanguine);
  --button-link-btn-sand: var(--light-cyan);
  --button-link-btn-link-primary: var(--charcoal-gray);
  --button-link-gray-fill-btn: var(--pitch-black);
  --button-link-gray-fill-tr: var(--light-steel-blue-16);
  --button-link-gray-fill-tr-hover: var(--cool-gray-30);
  --button-link-primary-white: var(--dark-charcoal);
  --button-link-red-fill: var(--american-rose);
  --button-link-red-substrate-nav: var(--very-light-salmon);
  --button-link-red-txt: var(--tulip);
  --button-link-btn-sand-blue: var(--light-cyan);
  --button-link-secodary-gray-tr30: var(--pale-blue-grey-30);
  --button-link-secodary-gray-tr50: var(--light-slate-gray-50);
  --button-link-secodary-gray-tr70: var(--light-slate-gray-70);
  --button-link-txt-bnt-black: var(--white);
  --button-link-txt-bnt-primary: var(--white);
  --button-link-txt-lnk-secondary: var(--alice-blue);
  --brand-color-red: var(--american-rose);
  --brand-variant-blue: var(--sky-blue);
  --cabinet-gradient: var(--cabinet-gradient-dark);
  --cart-header-shadow: var(--from-transparrent-to-dark);
  --cart-ico: var(--cart-ico-dark);
  --catalog-prod-name: var(--alice-blue);
  --checkout-substrate-primary: var(--almost-black);
  --close-ico: var(--close-ico-dark);
  --comment-input-field-bg: var(--jet);
  --comment-shadow_input: var(--jet);
  --csp-shadow-gradient: var(--jet-black-gradient);
  --delivery-first-bg: var(--dark-gray-80);
  --desc-shadow: var(--transparrent-dark-gray);
  --edit-ico: var(--edit-ico-dark);
  --filter-ico-menu: var(--filter-menu-ico-dark);
  --footer-link-hover: var(--white);
  --footer-main-ico: var(--footer-main-ico-dark);
  --footer-primary-bg: var(--midnight-gray);
  --footer-txt-secondary: var(--pale-gray);
  --gray-txt-secondary: var(--pale-gray);
  --header-cart-ico: var(--header-cart-dark);
  --header-cart-ico-active: var(--header-cart-dark-active);
  --header-cart-ico-hover: var(--header-cart-dark-hover);
  --header-compare-ico: var(--header-compare-dark);
  --header-compare-hover: var(--header-compare-hover-dark);
  --header-like-ico: var(--header-like-dark);
  --header-search-ico: var(--header-search-dark);
  --header-bg-main: var(--charcoal-black);
  --header-icon-bg-main: var(--charcoal-black);
  --header-icon-bg-gray: var(--almost-black);
  --header-icon-lang-substarte: var(--charleston-green);
  --header-icon-secondery-icon: var(--stormcloud);
  --header-icon-stroke-hover: var(--jet);
  --headline-primary: var(--alice-blue);
  --headline-secondary: var(--gainsboro);
  --hover-blue-t: var(--translucent-sky-blue);
  --icon-big-icon: var(--green-sheen);
  --icon-device: var(--cadet-blue);
  --icon-device-ac: var(--vivid-malachite);
  --icon-gray-primary-icon: var(--cadet-blue);
  --input-substrate-primary: var(--pitch-black);
  --input-substrate-secondary: var(--charcoal-black);
  --invert: var(--invert-1);
  --link-btn-primary: var(--pastel-red);
  --link-btn-secondary: var(--cerise-red);
  --logo-shadow-cabinet: var(--black-65);
  --logo-google-stroke: var(--stormy-gray);
  --logo-secondary-red: var(--red-orange);
  --menu-gradient: var(--transparrent-gray-gradient-dark);
  --menu-polygon: var(--menu-polygon-dark);
  --menu-shadow: var(--dark-anthracite);
  --mic-ico: var(--mic-ico-dark);
  --nt-bg-symbol: var(--nt-bg-symbol-c);
  --ok-info: var(--ok-info-dark);
  --popup-bg: var(--almost-black);
  --phone-ico: var(--phone-ico-dark);
  --phone-ico-hover: var(--phone-ico-hover-dark);
  --preload-bg: var(--black-95);
  --product-brand-logo-substrate: var(--almost-black);
  --product-brand-logo-substrate-hover: var(--blackest-black);
  --product-card-bg: var(--blackest-black);
  --product-cat-substrate-hover: var(--dark-charcoal);
  --product-category-bg-tr-menu-2lv: var(--onyx-80);
  --product-category-menu-substrate-hover: var(--stormy-gray);
  --product-category-menu-text: var(--white);
  --product-filter-primary-red: var(--tulip);
  --product-order-stroke-active: var(--blackest-black);
  --product-order-stroke-def: var(--charleston-green);
  --product-order-substrate-active: var(--charleston-green);
  --product-order-substrate-def: var(--almost-black);
  --product-order-substrate-hover: var(--dark-gray-50);
  --product-menu-cat-substrate: var(--pitch-black);
  --product-page-active-tab: var(--medium-sea-green);
  --product-page-nav-tabs-substrate: var(--charcoal-black);
  --product-page-background-page: var(--black);
  --product-price-primary: var(--charcoal-gray);
  --product-red-substrate-btn: var(--crimson-red-10);
  --product-red-sub-btn-hover: var(--american-rose);
  --product-substrate-tr-secondary: var(--semi-transparent-dark-blue);
  --product-shadow-card: var(--dark-slate-blue);
  --red-arrow-contacts: var(--red-arrow-dark);
  --sale-ico: var(--sale-dark-ico);
  --sale-gradient: var(--red-to-white-gradient);
  --scroll: var(--white-30);
  --search-btn-primary: var(--light-cyan);
  --search-btn-primary-hover: var(--sanguine);
  --search-btn-txt-primary: var(--black);
  --search-gray-bg-stroke: var(--jet);
  --search-gray-solid: var(--jet);
  --search-product-ico: var(--search-product-ico-dark);
  --search-product-hover: var(--search-product-hover-dark);
  --search-txt-primary: var(--white);
  --search-ico: var(--menu-search-ico-dark);
  --search-filter-ico: var(--search-ico-dark);
  --shadow-primary: var(--shadow-gray);
  --shadow-secondary: var(--white-16);
  --slider-shadow: var(--near-black);
  --slider-catalog-active: var(--pastel-pink);
  --small-text: var(--stormcloud);
  --snackbar-info-txt-primary: var(--peach-puff);
  --snackbar-stroke-primary: var(--dark-goldenrod);
  --snackbar-sser-account-text-blue: var(--light-cyan);
  --snackbar-user-account-tr-selection-text: var(--pastel-blue-06);
  --snackbar-user-account-substrate-blue: var(--dark-gunmetal);
  --snackbar-user-account-substrate-yellow: var(--satin-sheen-gold);
  --snackbar-user-account-text-yellow: var(--dark-brown);
  --snackbar-substrate-primary: var(--dark-brown);
  --switch-theme-white: var(--white);
  --tab-del-ico: var(--tab-del-ico-dark);
  --tab-del-ico-hover: var(--tab-del-ico-dark-hover);
  --tab-stroke-primary: var(--ash-gray);
  --tab-stroke-secondary: var(--blackest-black);
  --tab-substrate-hover: var(--jet);
  --tab-substrate-gray: var(--charleston-green);
  --tab-substrate-red: var(--coral-pink);
  --text-menu: var(--shadow-blue);
  --ticket-discount: var(--ticket-discount-dark);
  --together-equal: var(--together-equal-dark);
  --together-plus: var(--together-plus-dark);
  --tradein-ico: var(--tradein-dark-ico);
  --user-account-substrate-sidebar: var(--almost-black);
  --user-account-substrate-btn-nav: var(--white);
  --white-substrate-tr30: var(--eclipse-gray);
  --white-substrate-tr65: var(--slate-gray-opacity);
  --logo-ua: var(--logo-dark);
  --logo-mob: var(--logo-mob-dark);
}
body.dark-mode .light_mode {
  display: none;
}
body.dark-mode .dark_mode {
  display: flex;
}

.page_sidebar_title, .content_text h3 {
  /* Blog/H3 */
  font-family: "InterTight";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.content_text h4 {
  /* Blog/H4 */
  font-family: "InterTight";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

h2 {
  /* Desktop/H3 */
  font-family: "TTFirsNeue";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.psa_title, .cc_title {
  /* Desktop/H4 */
  font-family: "TTFirsNeue";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.psa_bank, .cc_period {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.content_text, .content_text .block-list .bg_number {
  /* Body/body-2 */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  box-sizing: border-box;
  height: -webkit-fill-available;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.02em;
  color: #2c2e3f;
  border-radius: 24px 24px 0 0;
}
body.fixed {
  overflow: hidden;
}
body.active {
  padding: 140px 0 0 0;
}

main {
  background-color: var(--bg-primary-body);
}
@media screen and (max-width: 568px) {
  main.dop_pad {
    padding: 110px 0 0 0;
  }
}

.body_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}
.body_wrap .preloader-bg,
.body_wrap .preloader-icon {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.body_wrap .preloader-bg {
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: var(--preload-bg);
  z-index: 1000;
}
.body_wrap .preloader-icon {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-image: url("/images/preloader.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.body_wrap.preload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 100;
}
.body_wrap.preload .preloader-bg {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.body_wrap.preload .preloader-icon {
  width: 64px;
  height: 64px;
  opacity: 1;
}
@media screen and (max-width: 680px) {
  .body_wrap.inactive {
    position: relative;
    overflow: hidden;
    z-index: 401;
    -webkit-transform: translate3d(265px, 40px, 0px) scale(0.8);
    -moz-transform: translate3d(265px, 40px, 0px) scale(0.8);
    -ms-transform: translate3d(265px, 40px, 0px) scale(0.8);
    transform: translate3d(265px, 40px, 0px) scale(0.8);
    border-radius: 20px;
    box-shadow: -10px 5px 30px rgba(51, 51, 51, 0.4);
    transition: 0.3s;
    height: 745px;
  }
  .body_wrap.inactive main {
    height: 745px;
    background-color: #f5f5f7;
    border-radius: 20px;
  }
}

.page {
  position: relative;
  padding: 10px 20px;
}
@media screen and (max-width: 568px) {
  .page.error_404 {
    padding: 80px 20px 40px;
    overflow: visible;
  }
}
@media screen and (max-width: 568px) {
  .page {
    overflow: hidden;
    padding: 20px 10px 30px;
    width: 100%;
  }
  .page.dop_pad {
    padding: 100px 10px 30px;
  }
  .page.product_page {
    overflow: visible;
  }
  .page.comparison_page {
    overflow: visible;
  }
  .page.page_catalog, .page.checkout_page, .page.blog_page, .page.article_page, .page.info_page, .page.contacts_page, .page.cabinet_page, .page.page_reviews {
    overflow: visible;
  }
}

.info_page h1 {
  color: var(--headline-primary);
  transition: color 0.3s ease;
}

ol {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: var(--button-link-btn-sand-blue);
  line-height: 1.42;
}

a:active,
a:visited,
a:link,
a:hover {
  outline: none;
}

img {
  max-width: 100%;
}

input {
  -webkit-appearance: none;
}

h1, h2, h3 {
  margin-top: 0;
}

a,
a:visited,
a:active {
  text-decoration: none;
}

h1 {
  color: var(--headline-primary);
  transition: color 0.3s ease;
}

h2 {
  color: var(--headline-secondary);
  transition: color 0.3s ease;
}

h1 {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 110%;
  color: var(--headline-primary);
  transition: color 0.3s ease;
}

h2 {
  color: var(--headline-secondary);
  transition: color 0.3s ease;
}

h3 {
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: var(--headline-primary);
  transition: color 0.3s ease;
}

p {
  font-size: 16px;
  padding: 0 0 15px;
}

ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}

ul li {
  margin: 0 0 15px;
}

.container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.875rem;
}
@media screen and (max-width: 800px) {
  .page_wrap {
    flex-wrap: wrap;
  }
}

.page_sidebar {
  display: flex;
  width: 28.75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
}
@media screen and (max-width: 1020px) {
  .page_sidebar {
    width: 20rem;
  }
}
@media screen and (max-width: 800px) {
  .page_sidebar {
    position: relative;
    top: 0;
    width: 100%;
  }
}

.page_sidebar_item {
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 32px;
  border-radius: 1.25rem;
  background-color: var(--blog-substrate-primary);
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 680px) {
  .page_sidebar_item {
    padding: 1.5rem 1.5rem 2rem;
  }
}

.page_sidebar_content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.page_sidebar_title {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.1071428571rem + 0.7142857143vw, 1.75rem);
  color: var(--headline-secondary);
  align-self: stretch;
  transition: color 0.3s ease;
}

.page_sidebar_rows {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 16px 0rem;
  gap: 16px;
  border-top: 1px solid var(--blog-quote-bg);
  border-bottom: 1px solid var(--blog-quote-bg);
  transition: border-top 0.3s ease, border-bottom 0.3s ease;
}

.page_sidebar_atom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px 16px;
  align-self: stretch;
  flex-wrap: wrap;
  transition: all 0.4s ease;
  opacity: 0.5;
  cursor: pointer;
}
.page_sidebar_atom.active {
  opacity: 1;
}
.page_sidebar_atom img {
  filter: var(--invert);
  transition: filter 0.3s ease;
}

.psa_icon {
  width: 2rem;
  height: 2rem;
}
.psa_icon svg {
  width: 100%;
  height: 100%;
}

.psa_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 0 0;
}

.psa_title {
  font-size: 1rem;
  font-size: clamp(1rem, 0.8571428571rem + 0.7142857143vw, 1.5rem);
  color: var(--headline-primary);
  transition: color 0.3s ease;
  align-self: stretch;
}

.psa_bank {
  font-size: 1rem;
  font-size: clamp(1rem, 0.9642857143rem + 0.1785714286vw, 1.125rem);
  color: var(--gray-txt-secondary);
  transition: color 0.3s ease;
  align-self: stretch;
}

.page_sidebar_links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  align-self: stretch;
}

.page_sidebar_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  height: 3.125rem;
  padding: 0.125rem 1.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--blog-quote-bg);
  border-radius: 30px;
  font-family: "TTFirsNeue";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 171%;
  color: var(--headline-secondary);
  transition: color 0.3s ease, border 0.3s ease, all 0.4s ease;
}
@media screen and (max-width: 680px) {
  .page_sidebar_link {
    height: auto;
    padding: 0.25rem 0.75rem;
  }
}
.page_sidebar_link:hover {
  border: 1px solid var(--button-link-btn-link-primary);
}

.page_full_content {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 3.5rem;
  width: calc(100% - 30.625rem);
}
@media screen and (max-width: 1020px) {
  .page_full_content {
    width: calc(100% - 21.875rem);
  }
}
@media screen and (max-width: 800px) {
  .page_full_content {
    width: 100%;
  }
}

.page_full_content_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.75rem;
}

.credit_сonditions {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  align-self: stretch;
  box-shadow: 0rem 0.875rem 1.875rem 0rem var(--shadow-primary);
  transition: box-shadow 0.3s ease;
}

.credit_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  gap: 16px;
  border-radius: 1.25rem;
  background-color: var(--blog-substrate-primary);
  transition: background-color 0.3s ease;
}
.credit_block .content_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 680px) {
  .credit_block {
    padding: 1.5rem;
  }
}

.cс_head {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 16px 32px;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 1.25rem 1.25rem 0rem 0rem;
}

.сс_head_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.сс_head_wrap img {
  width: 2.5rem;
}

.cc_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1 0 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 680px) {
  .cc_text > div {
    width: 100%;
  }
}

.cc_title {
  flex: 1 0 0;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 1.0178571429rem + 0.5357142857vw, 1.5rem);
  color: var(--switch-theme-white);
  transition: color 0.3s ease;
}

.cc_period {
  font-size: 1rem;
  font-size: clamp(1rem, 0.9642857143rem + 0.1785714286vw, 1.125rem);
  color: var(--stormcloud);
  transition: color 0.3s ease;
}

.cc_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  gap: 16px;
  border-radius: 0rem 0rem 1.25rem 1.25rem;
  background-color: var(--blog-substrate-primary);
  transition: background-color 0.3s ease;
}

.content_text {
  align-self: stretch;
  color: var(--headline-secondary);
  transition: color 0.3s ease;
}
.content_text img {
  padding: 0 0 16px;
}
.content_text h3 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 8px;
  gap: 32px;
  align-self: stretch;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.1071428571rem + 0.7142857143vw, 1.75rem);
  color: var(--headline-secondary);
  transition: color 0.3s ease;
}
.content_text h4 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 16px;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.536vw + 1.018rem, 1.5rem);
  color: var(--headline-secondary);
  transition: color 0.3s ease;
}
.content_text p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}
.content_text .block-list {
  display: flex;
  align-items: baseline;
  gap: 12px;
  align-self: stretch;
  color: var(--headline-primary);
  transition: color 0.3s ease;
}
.content_text .block-list .bg_number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 1.875rem;
  padding: 0rem 0.625rem;
  border-radius: 1.375rem;
  background: var(--button-link-btn-link-primary);
  color: var(--button-link-primary-white);
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.content_text .block-list li {
  margin: 0;
  color: var(--headline-primary);
}

/*# sourceMappingURL=promotions.css.map */