@import "../../../../packages/css-tokens/src/tokens.css";
@import url('../fonts/font.css');


/* Стандартные сбросы */
	
*, *::before, *::after {margin: 0; padding: 0; box-sizing: border-box; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; line-height: 100%; position: relative; }
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
svg {width: 100%; height: 100%;}
img {width: 100%;}
:has(> img) {line-height: 0;}
audio, canvas, video {display: block; max-width: 100%;}
audio:not([controls]) {display: none;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
summary {list-style-type: none;} 
summary::-webkit-details-marker {display: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}
		

:root {

/*  — — — — — — — — — — — — —  Стандартные цвета */

--red: #ff0000; --orange: #ffa500; --yellow: #f7b501; --green: #008000; --light-blue: #4292ee; --blue: #0000ff; --violet: #8b00ff; --black: #000; --white: #fff; --gray: #758495; --light-gray: #ecedef; --deep-gray: #121317;
	
/*  — — — — — — — — — — — — —  Цвета темы */
	
--main: #313131; --base: #191f31; --accent: #a4b6c2; --add: #05619f; --hover: #05609c;

/*  — — — — — — — — — — — — —  Фоны и градиенты */

--bg: #0172be; --bg-light: #f5f5f7; --bg-deep: #05609c; --bg-dark-line:	repeating-linear-gradient(#0f1423, #191f31 2px); --bg-white-line: repeating-linear-gradient(#fff, #f2f3f5 2px); --bg-gray-line: repeating-linear-gradient(#D1D9E6, #90A0B7 2px);

/*  — — — — — — — — — — — — —  Шрифты и их размеры */

--light: light, sans-serif; --regular: regular, sans-serif; --medium: medium, sans-serif; --bold: bold, sans-serif; --Black: black, sans-serif;
	
--xs: 50%; --s: 75%; --m: 100%; --l: 125%; --xl: 150%; --2xl: 175%; --3xl: 200%; --4xl: 225%; --5xl: 250%; --6xl: 275%; --7xl: 300%; --8xl: 350%; --9xl: 375%; --10xl: 400%; --11xl: 425%; --12xl: 450%; --13xl: 475%; --14xl: 500%; --15xl: 525%; --16xl: 550%; --17xl: 575%; --18xl: 600%; --19xl: 625%; --20xl: 650%; --21xl: 675%; --22xl: 700%; --23xl: 725%; --24xl: 750%; --25xl: 775%; --26xl: 800%; --27xl: 825%; --28xl: 850%; --29xl: 875%; --30xl: 900%; --31xl: 925%; --32xl: 950%; --33xl: 975%; --monster: 1000%; --zombie: 1500%;
	
/*  — — — — — — — — — — — — —  трансформации */

--tr-bg:  background 0.5s; --tr-height:  height 0.5s; --tr-width: width 0.5s; --tr-border: border-color 0.5s; --tr-all: all 0.5s; --tr-opacity: opacity 0.5s; --tr-vis: visibility 0.5s; --tr-X0: translateX(0); --tr-X100: translateX(100%); --tr-Y0: translateY(0); --tr-Y100: translateY(100%); --transform: transform 0.5s; --tr-fill: fill 0.5s; --tr-color: color 0.5s; --tr-display: display 0.5s; --tr-bottom: bottom 0.5s;

/*  — — — — — — — — — — — — —  линии и бордюры */

--b05s:  0.05vw solid; --b1s:  0.1vw solid; --b15s:  0.15vw solid; --b05d:  0.05vw dashed; --b1d:  0.1vw dashed; --b15d:  0.15vw dashed; --b05do:  0.05vw dotted; --b1do:  0.1vw dotted; --b15do:  0.15vw dotted;

/*  — — — — — — — — — — — — —  Z-index */

/* фоны */ --z-bg:  -1000; /* псевдоэлементы ПОД */ --z-under:  -100; /* стандартный z */ --z-base:  0; /* псевдоэлементы над */ --z-over:  100; /* выпадающие меню и списки */ --z-dropdown: 200; /* header */ --z-header: 300; /* подсказки */ --z-tooltip: 400; /* модальные окна */ --z-modal: 500; /* попапы */ --z-popup: 600; /* уведомления */ --z-modal: 700; /* прелоадер */ --z-modal: 1000; 

/*  — — — — — — — — — — — — —  отступ при клике на табы */

--tab-scroll-offset: 16vw;}
	

/*  — — — — — — — — — — — — — основные свойства HTMP и BODY */
	
html {width: 100vw; height: 100vh;}
body {width: 100vw; height: auto; min-height: 100vh; color: var(--black); font-family: var(--regular); font-size: 4vw; font-style: normal; background: var(--white);}

h1 {font-size: var(--xl); font-family: var(--medium);}
h2 {font-size: var(--l); font-family: var(--medium);}


input {background: var(--white); color: var(--gray); border-radius: 0.5vw; padding: 0.5vw 1vw 0.65vw 1vw;}
input:focus::placeholder, input:active::placeholder, input:hover::placeholder {color: var(--gray);}
::placeholder {color: var(--light-gray);}

button {border-radius: 0.5vw; color: var(--white); background: var(--gray); padding: 0.55vw 1.5vw 0.65vw 1.5vw; cursor: pointer;}
button:hover {background: var(--deep-gray);}


a {color: var(--light-blue); text-decoration: none;}
a:hover {color: var(--red);}















/*  — — — — — — — — — — — — — header */
	
header {position: fixed; width: 100vw; height: 25vw; z-index: var(--z-header); left: 0; top: 0; background: var(--light-gray); color: var(--black); transition: var(--tr-all) !important;}
header.small {background: var(--light-gray);}

header .header_top_nav {width: 100vw; height: 2.5vw; background: var(--black); color: var(--white); font-size: var(--s); transition: var(--tr-all) !important;}
header.small .header_top_nav {margin: -2.5vw 0 0 0; transition: var(--tr-all) !important;}
header .header_top_nav .header_top_city {float: left; padding: 0.65vw 0 0 2vw;}
header .header_top_nav .header_top_city .cms-geo {display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 0.75rem; width: auto;}
header .header_top_nav .header_top_city .cms-geo__city {width: auto !important; display: inline-flex; align-items: center; gap: 0.35rem; flex: 0 0 auto; height: auto;}
header .header_top_nav .header_top_city .cms-geo__icon,
header .header_top_nav .header_top_city .cms-geo svg {width: 1vw !important; height: 1vw !important; flex-shrink: 0;}
header .header_top_nav .header_top_city .cms-geo__city-text {white-space: nowrap;}
header .header_top_nav .header_top_city .cms-geo__date,
header .header_top_nav .header_top_city .cms-geo__time {flex: 0 0 auto; white-space: nowrap;}

header .header_top_nav .header_top_nav_menu {float: right; width: 75vw; padding: 0.65vw 2vw 0 0; overflow: hidden;}
header .header_top_nav .header_top_nav_menu ul li {float: left; margin: 0 2vw 0 0;}
header .header_top_nav .header_top_nav_menu ul li:last-child {float: right; margin: 0;}
header .header_top_nav .header_top_nav_menu ul li a {color: var(--white);}
header .header_top_nav .header_top_nav_menu ul li a:hover {color: var(--accent);}
header .header_top_nav .header_top_nav_menu ul li a i {padding: 0 0.5vw 0 0;}
header .header_top_nav .header_top_nav_menu ul li a i.fa.fa-heart.mod-menu__icon {color: var(--red);}
header .header_top_nav .header_top_nav_menu ul li a i.fa.fa-barcode.mod-menu__icon {color: var(--green);}



header .header_bottom_nav {position: absolute; width: 100vw; left: 0; bottom: 0.6vw; background: var(--light-gray); font-size: var(--s);}

header .header_bottom_nav .header_bottom_nav_menu {width: 100vw; padding: 1vw 0 0 0; border-top: 1px dotted var(--accent);}
header .header_bottom_nav .header_bottom_nav_menu ul li {position: static; float: left; margin: 0 2.5vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_10 {margin: 0 2.5vw 0 2vw;}
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_13 {border-right: 1px solid var(--gray); padding: 0 2.5vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_52 {margin: 0 0.5vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_52 a {display: inline-block; margin: -0.5vw 0 0 0; padding: 0.5vw 1vw; background: #394452; color: var(--white); border-radius: 0.5vw;} 
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_52 a:hover {background: var(--black); color: var(--white);} 
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_14 a {display: inline-block; margin: -0.5vw 0 0 0; padding: 0.5vw 1vw; background: #630030; color: var(--white); border-radius: 0.5vw;} 
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_14 a:hover {background: var(--black); color: var(--white);} 
header .header_bottom_nav .header_bottom_nav_menu ul li.menu_58 {float: right; margin: 0 2vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu ul li a {color: var(--black); font-family: var(--medium);}
header .header_bottom_nav .header_bottom_nav_menu ul li a:hover {color: var(--red);}
header .header_bottom_nav .header_bottom_nav_menu ul li a i {padding: 0 0.5vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu ul li a i.fa.fa-heart.mod-menu__icon {color: var(--red);}
header .header_bottom_nav .header_bottom_nav_menu ul li a i.fa.fa-barcode.mod-menu__icon {color: var(--green);}




/* Подменю первого уровня */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu {position: absolute; top: 1vw; left: 0; width: 100vw; background: var(--light-gray); opacity: 0; visibility: hidden; transform: translateY(1vw); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; padding: 3vw 2vw;}
/* Только прямой потомок: иначе hover по li модуля (обёртка embed) открывает ВСЕ .mod-menu 2-го уровня */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu > li:hover > .mod-menu,
header .header_bottom_nav .header_bottom_nav_menu .mod-menu > li:focus-within > .mod-menu {opacity: 1; visibility: visible; transform: translateY(0);}

/* Пункты подменю первого уровня*/
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li.menu_60 {width: 8vw; margin: 0 22vw 0 0;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li ul li {float: none; margin: 0 0 1vw 0;}
/* стрелка на <a> (li без position:relative — иначе L2 уезжает); display:block = стрелки в одну вертикаль */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li ul > li:has(> .mod-menu) > a {position: relative; display: block; box-sizing: border-box; padding-right: 1.5vw;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li ul > li:has(> .mod-menu) > a:after {position: absolute; content: '🢒'; right: 1vw; top: 50%; transform: translateY(-50%);}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li ul li:last-child {margin: 0;}







header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li a {white-space: nowrap; }
header .header_bottom_nav .header_bottom_nav_menu .mod-menu__icon {display: inline-block; vertical-align: middle; flex-shrink: 0;}



/* Подменю второго уровня: top:0 относительно .mod-menu-embed (= напротив первого пункта), не относительно своего li */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu-embed {position: relative;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu-embed .mod-menu {position: absolute; top: 0; left: 8vw; width: auto; opacity: 0; visibility: hidden; transform: translateY(1vw); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; padding: 0;}
/* При открытом L1 сразу показать L2 первого пункта; если наведён другой пункт со своим L2 — не держать дефолт */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu > li:hover > .mod-menu .mod-menu-embed:not(:has(> li:hover > .mod-menu)) > li:has(> .mod-menu):first-child > .mod-menu,
header .header_bottom_nav .header_bottom_nav_menu .mod-menu > li:focus-within > .mod-menu .mod-menu-embed:not(:has(> li:focus-within > .mod-menu)) > li:has(> .mod-menu):first-child > .mod-menu {opacity: 1; visibility: visible; transform: translateY(0);}
/* Наведение / фокус на конкретный пункт — его L2 */
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu-embed > li:hover > .mod-menu,
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu-embed > li:focus-within > .mod-menu {opacity: 1; visibility: visible; transform: translateY(0);}




header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu li {margin: 0 0 1vw 0; width: auto;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu li .site-nav__text.mod-menu__text {display: flex; overflow: hidden;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu li .site-nav__desc.mod-menu__desc {float: left; color: var(--light-blue); font-size: var(--s); margin: 0 0 0 0.25vw;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu li .site-nav__label.mod-menu__label {float: left;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu .mod-menu li.menu_64 .site-nav__label.mod-menu__label {font-size: var(--xl);}




header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li.menu_66 {float: right; width: 62vw; margin: 0; padding: 0;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li.menu_66 .nav_banners {float: right; width: 20vw; margin: 0 0 0 1vw;}
header .header_bottom_nav .header_bottom_nav_menu .mod-menu .mod-menu li.menu_66 .nav_banners:last-child {margin: 0;}









header .header_logo {float: left; width: 25vw; margin: 5vw 0 0 5vw; Z-index: var(--z-over);}

header .header_search {position: absolute; top: 15vw; left: 5vw; width: 90vw;}
header .header_search input.site-search__input {width: 100%; z-index: var(--z-base);}
header .header_search button.site-search__submit {position: absolute; z-index: var(--z-over); top: 0.25vw; right: 0.5vw !important; width: 2vw; padding: 0; color: var(--accent); background: transparent;}
header .header_search button.site-search__submit:hover {color: var(--base);}

header .header_search .site-search__panel {position: absolute; background: var(--white); width: 100vw; top: 3.5vw; left: -12vw; overflow-y: auto !important; Z-index: var(--z-popup);}
header .header_search .site-search__panel .site-search__block {padding: 2vw 0  0 12vw; overflow: hidden;}
header .header_search .site-search__panel .site-search__block .site-search__title {color: var(--gray); font-size: var(--s); padding: 0 0 1vw 0;}
header .header_search .site-search__panel .site-search__block .site-search__tags a {display: inline-block; border-radius: 0.5vw; color: var(--gray); background: var(--light-gray); padding: 0.5vw 1vw 0.5vw 1vw; margin: 0 0.75vw 0 0; font-family: var(--medium); font-size: var(--s);}
header .header_search .site-search__panel .site-search__block .site-search__tags a:hover {color: var(--white); background: var(--gray);}

header .header_search .site-search__panel .site-search__block a.site-search__product {display: inline-block; float: left; width: 10vw; margin: 0 1vw 4vw 0;}

header .header_search .site-search__panel .site-search__block a.site-search__material {display: inline-block; margin: 0 1vw 4vw 0;}
header .header_search .site-search__panel .site-search__block a.site-search__material .site-search__num {margin: 0 1vw 0 0; color: var(--gray);}
header .header_search .site-search__panel .site-search__block a.site-search__material .site-search__info .site-search__name {margin: 0 1vw 0 0;}
header .header_search .site-search__panel .site-search__block a.site-search__material .site-search__info .site-search__date { color: var(--gray);}

header .header_tel {float: right; margin: 1.55vw 0 0 2vw;}
header .header_tel a {color: var(--light-blue);}
header .header_tel a:hover {color: var(--deep-gray);}

header .header_address {float: right; margin: 1.55vw 0 0 2vw;}
header .header_address a {color: var(--deep-gray);}
header .header_address a:hover {color: var(--light-blue);}

header .navigation {float: right; margin: 1.15vw 2vw 0 2vw; transition: var(--tr-all);}
header .navigation a.open-button {z-index: var(--z-popup); width: 2vw; height: 2vw; transition: var(--tr-bg); overflow: hidden; display: inline-block;}
header .navigation a.open-button span {z-index: var(--z-base); display: inline-block; width: 100%; height: 100%;}
header .navigation a.open-button span:before {position: absolute; z-index: var(--z-over); top: 0.75vw; left: 0; content: ''; width: 2vw; height: 2px; background: var(--deep-gray); transition: var(--tr-all);}
header .navigation a.open-button span:after {position: absolute; z-index: var(--z-over); top: 1.125vw; left: 1vw; content: ''; width: 1vw; height: 2px; background: var(--light-blue); transition: var(--tr-all);}
header .navigation a.open-button:hover span:after {width: 2vw; left: 0; transition: var(--tr-all);}
	
header .header_cart {float: left; padding: 1.55vw 0 0 0; cursor: pointer;}

header .header_cart .cms-cart__label {position: absolute; width: 2vw; top: -0.5vw;}
header .header_cart .cms-cart__count {position: absolute; top: -0.75vw; left: 1.25vw; font-size: var(--s); padding: 0.15vw 0.4vw 0.25vw 0.4vw; color: var(--white); background: var(--black); border-radius: 0.5vw;}
header .header_cart .cms-cart__sum {padding: 0 0 0 3.5vw; color: var(--black);}





.cms-cart-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
}
.cms-cart-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.cms-cart-modal__panel {
  position: relative;
  z-index: 1;
  width: min(420px, calc(100vw - 2rem));
  max-height: min(80vh, 560px);
  overflow: auto;
  background: #fff;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}
.cms-cart-modal__head,
.cms-cart-modal__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.cms-cart-modal__list {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.cms-cart-modal__list li {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
  font-size: 0.9rem;
}





















/*  — — — — — — — — — — — — — хлебные крошки */
.mod--breadcrumbs {padding: 11vw 2vw 2vw 2vw; font-size: var(--s); color: var(--accent);}
.mod--breadcrumbs .cms-bc__sep {padding: 0 0.5vw;}

	




#post-home {padding: 11vw 2vw 5vw 2vw;}
#post-home .home_tags {width: 96vw; padding: 1vw 0;}
#post-home .home_tags a {display: inline-block; padding: 0.45vw 0.75vw 0.6vw 0.75vw; border-radius: 0.5vw; border: var(--b1s) var(--light-gray); font-size: var(--s); white-space: nowrap; margin: 0 0.5vw 0.5vw 0; color: var(--accent);}
#post-home .home_tags a:hover {background: var(--light-gray); color: var(--black);}


#post-home .home_catalog_section {overflow: hidden; padding: 0.25vw 0 0 0;}
#post-home .home_catalog_section .home_catalog_section_item {float: left; margin: 0 1vw 1vw 0; height: 14.5vw; border-radius: 1vw; bottom: 0; transition: var(--tr-bottom);}
#post-home .home_catalog_section .home_catalog_section_item:hover {bottom: 0.25vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(1) {width: 22vw; height: 30vw; margin: 0 1vw 0 0; background: linear-gradient(180deg, #92545d, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(2) {width: 20vw; background: linear-gradient(180deg, #557c83, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(3) {width: 29vw; background: linear-gradient(180deg, #e36c3a, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(4) {width: 22vw; margin: 0 0 1vw 0; background: linear-gradient(180deg, #a5a7a9, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(5) {width: 35vw; margin: 0 1vw 0 0; background: linear-gradient(180deg, #baa79c, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(6) {width: 18vw; margin: 0 1vw 0 0; background: linear-gradient(180deg, #a0a0b8, #eef1fc);}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(7) {width: 18vw; margin: 0; background: linear-gradient(180deg, #7fa4cb, #eef1fc);}

#post-home .home_catalog_section .home_catalog_section_item:nth-child(1) .home_catalog_section_item_img {width: 16vw; margin: 3vw 0 0 3vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(2) .home_catalog_section_item_img {width: 16vw; margin: -3vw 0 0 3vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(3) .home_catalog_section_item_img {width: 10.2vw; margin: -5vw 0 0 14vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(4) .home_catalog_section_item_img {width: 15vw; margin: -3vw 0 0 6vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(5) .home_catalog_section_item_img {width: 27vw; margin: -3vw 0 0 6vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(6) .home_catalog_section_item_img {width: 15vw; margin: -2vw 0 0 2vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(7) .home_catalog_section_item_img {width: 10vw; margin: -3vw 0 0 8vw;}


#post-home .home_catalog_section .home_catalog_section_item .home_catalog_section_item_title {font-size: var(--s); color: var(--white); margin: 2vw;}
#post-home .home_catalog_section .home_catalog_section_item:nth-child(6) .home_catalog_section_item_title {margin: 2vw 0 2vw 12vw;}




.cms-body--category {padding: 12vw 2vw 5vw 2vw;}

.cms-body--category .mod--breadcrumbs {padding: 0 0 1vw 0; font-size: var(--s); color: var(--accent);}
.cms-body--category .mod--breadcrumbs .cms-bc__sep {padding: 0 0.5vw;}

.cms-body--category h1 {padding: 0 0 1vw 0;}
.cms-body--category h1 span {color: var(--light-blue);}
.cms-body--category .catalog-cats {padding: 0 0 1vw 0;}
.cms-body--category .catalog-cats a {display: inline-block; margin: 0 0.5vw 0.5vw 0; padding: 0.5vw 1vw; font-size: var(--s); background: var(--light-gray); color: var(--gray); border-radius: 0.5vw; font-family: var(--medium);}
.cms-body--category .catalog-cats a:hover {background: var(--light-blue); color: var(--white);}

.cms-body--category .catalog-layout {width: 100%; overflow: hidden;}
.cms-body--category .catalog-layout .catalog-layout_product {float: left; width: 75vw; overflow: hidden;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] {width: 25vw; height: 36vw; float: left;}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card {border: var(--b1s) var(--white); border-radius: 1vw;}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card:hover {border: var(--b1s) var(--light-gray);}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__labels {position: absolute; z-index: var(--z-over); margin: 1vw 0 0 1vw;}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__labels .product-card__label {display: table; margin: 0 0 0.25vw; padding: 0.5vw; border-radius: 0.5vw; font-size: var(--xs); color: #fff; background: var(--label-color, var(--cms-color-accent));}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__labels:empty {visibility: hidden;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__sku {position: absolute; top: 1vw; right: 1vw; font-size: var(--xs); z-index: var(--z-over);}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__photo {display: block; aspect-ratio: 1 / 1; overflow: hidden; z-index: var(--z-base); margin: 1vw 3vw;}

.product-card__img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: opacity var(--cms-duration) var(--cms-ease);}
.product-card__img--hover {opacity: 0;}
.product-card__photo.has-hover:hover .product-card__img:not(.product-card__img--hover) {opacity: 0;}
.product-card__photo.has-hover:hover .product-card__img--hover {opacity: 1;}
.product-card__noimg {position: absolute; inset: 0;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__title {display: block; margin: 0 2vw 1vw 2vw; line-height: 125%; color: var(--black);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__title:hover {color: var(--light-blue);}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__stock {padding: 0 0 1vw 2vw; float: left; font-size: var(--xs); color: var(--accent); font-family: var(--medium);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__stock.is-in {color: var(--green);}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__warranty {padding: 0 2vw 1vw 0; float: right; font-size: var(--xs); color: var(--accent); font-family: var(--medium);}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__prices {width: 21vw; margin: 2.5vw 0 0 2vw; padding: 1vw 0 0 0; border-top: var(--b1s) var(--light-gray);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__prices .product-card__old {font-size: var(--l); color: var(--light-gray);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__prices .product-card__price {font-size: var(--l); color: var(--gray); float: left; margin: 0 1vw 0 0;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__actions {position: absolute; bottom: 1.5vw; left: 2vw; width: 21vw;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__actions .product-card__btn {font-size: var(--s); padding: 0.55vw 1vw 0.65vw 1vw; background: var(--green); border-radius: 0.5vw; color: var(--white);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__actions .product-card__btn:nth-child(1) {background: var(--accent);}
.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__actions .product-card__btn:last-child {float: right;}

.cms-body--category .catalog-layout .catalog-layout_product [class^='product_'] .product-card .product-card__actions .product-card__btn:hover {background: var(--black); color: var(--white);}

.product-card--full {height: 100%;}






.cms-body--category .catalog-layout .catalog-layout_filter {float: right; width: 19vw; overflow: hidden; background: var(--light-gray); border-radius: 1vw; padding: 2vw 3vw;}


.cms-body--category .category-description.muted {width: 96vw; padding: 5vw 0; line-height: 125%;}






.cms-body--product .mod--breadcrumbs {padding: 0 0 1vw 0; font-size: var(--s); color: var(--accent);}
.cms-body--product .mod--breadcrumbs .cms-bc__sep {padding: 0 0.5vw;}

.cms-body--product h1 {padding: 0 0 1vw 0;}
.cms-body--product h1 span {color: var(--light-blue);}

.cms-body--product .product-info-line {width: 100%; overflow: hidden; font-size: var(--s); padding: 1vw 0; Z-index: var(--over);}
.cms-body--product .product-info-line .product-card__labels {float: right; margin: 0 0.75vw 0 0;}
.cms-body--product .product-info-line .product-card__labels .product-card__label {margin: 0 0.25vw 0 0; padding: 0.25vw 0.5vw 0.35vw 0.5vw; border-radius: 0.5vw; color: #fff; background: var(--label-color, var(--cms-color-accent));}
.cms-body--product .product-info-line .product-card__labels:empty {visibility: hidden;}
.cms-body--product .product-info-line .product-availability {float: left; margin: 0 3.5vw 0 0; font-family: var(--medium);}
.cms-body--product .product-info-line .product-availability.product-availability--in {color: var(--green);}
.stock-delivery-hint {position: absolute; width: auto; height: auto; margin: -0.15vw 0 0 0.35vw; cursor: help; outline: none;}
.stock-delivery-hint svg {display: block; width: 1vw !important; height: 1vw !important; flex: none;}
.stock-delivery-hint::after {position: absolute; top: 0; left: 1.25vw; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.15s ease, visibility 0.15s ease; z-index: 1000; content: attr(data-tip); width: 15vw; padding: 1vw 1.5vw; border-radius: 0.5vw; background: var(--main); color: var(--white); font-size: vr(--s); line-height: 125%; font-family: var(--regular);}
.stock-delivery-hint:hover::after, .stock-delivery-hint:focus::after {opacity: 1; visibility: visible;}


.cms-body--product .product-info-line .product-info-line__warranty {float: left; margin: 0 2vw 0 0;}
.cms-body--product .product-info-line .product-info-line__sku {float: left; margin: 0 2vw 0 0; color: var(--accent);}
.cms-body--product .product-info-line .product-info-line__reviews {float: left; margin: 0 1vw 0 0;}
.cms-body--product .product-info-line .product-info-line__reviews span {color: var(--yellow); margin: 0 0.25vw 0 0;}
.cms-body--product .product-info-line .product-info-line__bonus {float: right; margin: -0.35vw 0 0 0; padding: 0.35vw 0.75vw 0.45vw 0.75vw; border-radius: 0.5vw; color: #fff; background: var(--green);}



.cms-body--product .product-col {overflow: hidden;}
.cms-body--product .product-col .product-col_left {float: left; width: 42vw; padding: 0 5vw 0 0;}

.cms-body--product .product-col .product-col_left .product-gallery {width: 40vw; overflow: hidden;}
.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__thumbs {float: left; margin: 1vw 2vw 0 0;}
.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__thumbs .product-gallery__thumb {display: block; width: 5vw; height: 5vw; margin: 0 0 0.5vw 0; padding: 0; border: var(--b1s) var(--light-gray); cursor: pointer; overflow: hidden;}
.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__thumbs .product-gallery__thumb.is-active {border: var(--b1s) var(--light-blue);}
.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__thumbs .product-gallery__thumb:hover {border: var(--b1s) var(--light-blue);}
.product-gallery__thumb img, .product-gallery__main img {object-fit: cover; display: block;}

.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__main {display: block; width: 30vw; height: 30vw; padding: 0; border: var(--b1s) var(--light-gray); cursor: zoom-in; overflow: hidden; aspect-ratio: 4 / 3;}
.cms-body--product .product-col .product-col_left .product-gallery .product-gallery__main .product-gallery__main img {object-fit: contain;}

.product-lightbox {position: fixed; inset: 0; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: var(--white);}
.product-lightbox__inner {position: relative; display: flex; flex-direction: column; align-items: center; gap: 2vw; max-width: min(960px, 100%); max-height: 100%;}
.product-lightbox__img {max-width: 100%; max-height: min(70vh, 720px); object-fit: contain; background: var(--white);}
.product-lightbox__close {position: absolute; top: -5vw; right: -5vw; z-index: 2; border: 0; cursor: pointer; font-size: var(--l); line-height: 1; color: var(--black); background: var(--white);}
.product-lightbox__close:hover {background: var(--white); color: var(--light-blue);}
.product-lightbox__nav {position: absolute; top: 40%; transform: translateY(-50%); border: 0; background: var(--white); cursor: pointer; font-size: var(--l); color: var(--black);}
.product-lightbox__nav:hover {background: var(--white); color: var(--light-blue);}
.product-lightbox__nav--prev {left: -5vw;}
.product-lightbox__nav--next {right: -5vw;}
.product-lightbox__thumbs {display: flex; flex-wrap: wrap; justify-content: center; gap: 1vw; max-width: 100%;}
.product-lightbox__thumb {width: 5vw; height: 5vw; padding: 0; border: var(--b1s) var(--light-gray); cursor: pointer; overflow: hidden;}
.product-lightbox__thumb.is-active {border: var(--b1s) var(--light-blue);}
.product-lightbox__thumb img {object-fit: cover; display: block;}







.cms-body--product .product-col .product-col_center {float: left; width: 25vw;}
.cms-body--product .product-col .product-col_center .product-purchase__options {padding: 1vw 0 0 0;}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis {padding: 0 0 2vw 0;}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__label {padding: 0 0 1vw 0; color: var(--accent);}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list {list-style: none; display: flex; flex-wrap: wrap; gap: 0.5vw;}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item {display: flex; flex-direction: column; align-items: flex-start; gap: 0.1vw;}



.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item .product-variants__current {padding: 0.5vw 0.75vw; border-radius: 0.5vw; border: var(--b15s) var(--light-blue);}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item .product-variants__link {padding: 0.5vw 0.75vw; border: var(--b15s) var(--light-gray); border-radius: 0.5vw;}
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item .product-variants__link:hover {border: var(--b15s) var(--light-blue);}

.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item .product-variants__current.product-variants__option--swatch,
.cms-body--product .product-col .product-col_center .product-purchase__options .product-variants__axis .product-variants__list .product-variants__item .product-variants__link.product-variants__option--swatch {padding: 0; border: none;}


.product-filters__swatch {display: inline-block; width: 2vw; height: 2vw; border-radius: 50%; background: var(--swatch-color, transparent); vertical-align: middle; margin: 0 0.5vw 0 0;}
.product-filters__option--swatch {position: relative; display: inline-flex; cursor: pointer;}
.product-filters__swatch-input {position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer;}
.product-filters__swatch-input:checked + .product-filters__swatch, .product-variants__current .product-variants__swatch {box-shadow: 0 0 0 0.15vw var(--white), 0 0 0 0.3vw var(--light-blue);}
.product-filters__swatch-input:focus-visible + .product-filters__swatch {outline: 0.1vw solid var(--red); outline-offset: 10px;}
.product-filters__option--swatch.is-disabled .product-filters__swatch {opacity: 0.35;}
.product-variants__option--swatch {display: inline-flex; text-decoration: none;}
.product-variants__link.product-variants__option--swatch:hover .product-variants__swatch {box-shadow: 0 0 0 0.15vw var(--white), 0 0 0 0.3vw var(--light-gray);}







.cms-body--product .product-col .product-col_right {float: right; width: 25vw;}

.cms-body--product .product-col .product-col_right .product-col_right_title {padding: 1vw 0; font-size: var(--s); color: var(--accent);}

.cms-body--product .product-col .product-col_right .product-col_right_price {width: 25vw; height: 6.5vw; padding: 0 0 0.5vw 0;} 
.cms-body--product .product-col .product-col_right .product-col_right_price .product-col_right_price_old_price {position: absolute; top: 3vw; left: 1.65vw; color: var(--accent); text-decoration: line-through; text-decoration-color: var(--accent); text-decoration-thickness: 0.1vw; text-decoration-style: solid;}
.cms-body--product .product-col .product-col_right .product-col_right_price .product-col_right_price_add {position: absolute; top: 1.25vw; left: 13vw; width: 11vw; line-height: 125%; color: var(--accent); font-size: var(--xs);}
.product-price-options__item {display: block; width: 100%; height: 100%; border: var(--b15s) var(--light-gray); border-radius: 0.5vw; cursor: pointer;}
.product-price-options__item + br {display: none;}
.product-price-options__item input[type="radio"] {position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;}
.product-price-options__item .product-price-options__price {display: inline-block; font-size: var(--l); font-family: var(--medium); margin: 1vw 0 0 1.5vw; color: var(--accent);}
.product-price-options__item.is-selected .product-price-options__price  {color: var(--light-blue); background: var(--white);}
.product-price-options__item:hover {border-color: var(--light-gray); background: var(--white);}
.product-price-options__item.is-selected {border-color: var(--light-blue); background: var(--white);}
.product-price-options__item:has(input:focus-visible) {outline: 0.15vw solid var(--add); outline-offset: 0.15vw;}

.cms-body--product .product-col .product-col_right .product-col_right_add_cart {padding: 1vw 0; overflow: hidden;}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-purchase__qty {float: left; margin: 0 1vw 0 0; Z-index: var(--over);}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-purchase__qty button {padding: 0.5vw; background: transparent; color: var(--accent);}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-purchase__qty input {padding: 0.5vw 0 0.5vw 1.25vw; background: var(--light-gray); color: var(--accent); width: 3.25vw;}


.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-col_right_add_cart_summ {float: left; Z-index: var(--base);}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-col_right_add_cart_summ .product-col_right_add_cart_summ_add {font-size: var(--xs); color: var(--accent); margin: 0 0 0.25vw 0;}

.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-col_right_add_cart_btn {float: right;}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-col_right_add_cart_btn button {padding: 0.5vw 3vw; background: var(--green); border-radius: 0.25vw;}
.cms-body--product .product-col .product-col_right .product-col_right_add_cart .product-col_right_add_cart_btn button:hover {background: var(--black);}


.cms-body--product .product-col .product-col_right .product-col_right_order {padding: 0 0 1vw 0;}
.cms-body--product .product-col .product-col_right .product-col_right_order button {border-radius: 0.25vw; color: var(--gray); background: var(--light-gray); padding: 1vw 0; cursor: pointer; font-size: var(--s); width: 100%;}
button:hover {background: var(--deep-gray);}

.cms-body--product .product-col .product-col_right .product-col_right_order a {float: right; border-radius: 0.25vw; color: var(--white); background: var(--gray); margin: 0 0 0.5vw 0; padding: 1vw 0; cursor: pointer; font-size: var(--s); width: 100%; text-align: center;}
button:hover {background: var(--deep-gray);}






.cms-body--product .tabs-container {position: relative; width: 100vw; height: 100%; margin: 2vw 0 5vw 0; display: flex; flex-direction: column;}
.cms-body--product .tabs-container .tabs-header {width: 100vw; overflow: hidden; position: sticky; top: 0; z-index: 100; margin: 0 0 4vw -2vw; padding: 0 0 0 2vw; background: var(--light-gray);} 
.cms-body--product .tabs-container .tabs-header .tabs-scroll {display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.cms-body--product .tabs-container .subtabs-header .subtabs-scroll {display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; white-space: nowrap;}
		
.cms-body--product .tab-button {cursor: pointer; margin: 0 3vw 0 0; white-space: nowrap; padding: 1vw 0; background: transparent; border: none; font-size: var(--s); color: var(--gray);}
.cms-body--product .tab-button:last-child {margin: 0;}

.cms-body--product .tab-button:hover {color: var(--light-blue);}
.cms-body--product .tab-button.active {color: var(--light-blue);}


        .cms-body--product .tabs-content {flex: 1; overflow: auto; margin: 0; padding: 0; position: relative; overflow: hidden;}
        .cms-body--product .tab-pane,
		.cms-body--product .subtab-pane
		{opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.5s ease-in-out; position: absolute; width: 100%;}
        .cms-body--product .tab-pane.active,
		.cms-body--product .subtab-pane.active
		{opacity: 1; visibility: visible; position: relative; }
        .cms-body--product .subtabs-container { margin: 0; padding: 0;}
        .cms-body--product .subtabs-content {padding: 1vw;}



























.mod--products {padding: 2vw 0;}
.mod--products .mod__title {padding: 0 0 1vw 0; font-size: var(--l); font-family: var(--medium);}

.mod--products .mod-products__list {width: 100%; overflow: hidden;}

.mod--products .mod-products__list .mod-products__item {width: 18.4vw; height: 31vw; float: left; border: var(--b1s) var(--white); border-radius: 1vw; margin: 0 1vw 0 0;}
.mod--products .mod-products__list .mod-products__item:last-child {margin: 0; float: right;}
.mod--products .mod-products__list .mod-products__item:hover {border: var(--b1s) var(--light-gray);}

.mod--products .mod-products__list .mod-products__item .cms-mod-product__labels {position: absolute; z-index: var(--z-over); margin: 1vw 0 0 1vw;}
.mod--products .mod-products__list .mod-products__item .cms-mod-product__labels .cms-mod-product__label {display: table; margin: 0 0 0.25vw; padding: 0.5vw; border-radius: 0.5vw; font-size: var(--xs); color: #fff; background: var(--label-color, var(--cms-color-accent));}
.mod--products .mod-products__list .mod-products__item .cms-mod-product__labels:empty {visibility: hidden;}

.mod--products .mod-products__list .mod-products__item .cms-mod-product__sku {position: absolute; top: 1vw; right: 1vw; font-size: var(--xs); z-index: var(--z-over);}

.mod--products .mod-products__list .mod-products__item .cms-mod-product__photo {overflow: hidden; padding: 1vw;}


.mod--products .mod-products__list .mod-products__item .cms-mod-product__title {display: block; margin: 0 2vw 1vw 2vw; line-height: 125%; color: var(--black); font-size: var(--s);}
.mod--products .mod-products__list .mod-products__item .cms-mod-product__title:hover {color: var(--light-blue);}

.mod--products .cms-mod-product__stock.product-card__stock {padding: 0 0 1vw 2vw; float: left; font-size: var(--xs); color: var(--accent); font-family: var(--medium);}
.mod--products .cms-mod-product__stock.product-card__stock .stock-delivery-hint {right: -1.25vw; top: -0.1vw;}
.mod--products .cms-mod-product__stock.product-card__stock.is-in {color: var(--green);}

.mod--products .cms-mod-product__warranty.product-card__warranty {padding: 0 2vw 1vw 0; float: right; font-size: var(--xs); color: var(--accent); font-family: var(--medium);}

.mod--products .cms-mod-product__prices {width: 14.4vw; margin: 2.5vw 0 0 2vw; padding: 1vw 0 0 0; border-top: var(--b1s) var(--light-gray);}
.mod--products .cms-mod-product__prices .cms-mod-product__old-price {color: var(--light-gray);}
.mod--products .cms-mod-product__prices .cms-mod-product__price {color: var(--gray); float: left; margin: 0 1vw 0 0;}

.mod--products .cms-mod-product__actions {position: absolute; bottom: 1.5vw; left: 2vw; width: 14.4vw;}

.mod--products .cms-mod-product__actions .product-card__btn {font-size: var(--s); padding: 0.55vw 1vw 0.65vw 1vw; background: var(--green); border-radius: 0.5vw; color: var(--white); margin: 0 0.25vw 0 0;}
.mod--products .cms-mod-product__actions .product-card__btn:nth-child(1) {background: var(--accent);}
.mod--products .cms-mod-product__actions .product-card__btn:last-child {float: right;}

.mod--products .cms-mod-product__actions .product-card__btn:hover {background: var(--black); color: var(--white);}

.product-card--full {height: 100%;}






.mod--products .catalog-layout .catalog-layout_filter {float: right; width: 19vw; overflow: hidden; background: var(--light-gray); border-radius: 1vw; padding: 2vw 3vw;}


.mod--products .category-description.muted {width: 96vw; padding: 5vw 0; line-height: 125%;}








































































.product-card__cat,
.post-card__tag {
  font-size: var(--cms-text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cms-color-accent);
}


.product-card__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--cms-space-4);
  margin-top: auto;
  font-size: var(--cms-text-sm);
}










.catalog-layout__aside {
  position: sticky;
  top: 1rem;
  padding: var(--cms-space-4);
  border: 1px solid var(--cms-color-border);
  background: var(--cms-color-surface);
}



.cms-body--product {padding: 12vw 2vw 5vw 2vw;}
.cms-body--system {padding: 12vw 2vw 5vw 2vw;}






























	
/*  — — — — — — — — — — — — — модальные окна */
	
body:has(.__modal:target) {overflow: hidden;}
.__modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--z-popup); background: rgba(0,0,0,.75); opacity: 0; visibility: hidden; transition: var(--tr-opacity), var(--tr-vis); overflow-y: auto;}
.__modal:target {opacity: 1; visibility: visible;}
.__modal:target [class^="modal_"] {transform: var(--tr-Y0);}
.__modal .close-button {position: fixed; z-index: var(--z-popup); top: 1.15vw; right: 1.4vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center; transition: var(--tr-all);}
.__modal .close-button:hover {transform: rotate(90deg); transition: var(--tr-all);}
.__modal .close-button a {color: var(--black); font-size: var(--2xl); line-height: 1; font-family: var(--light);}
.__modal .modal-content {padding: 3vw;}
.__modal:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.__modal .overlay-close {position: absolute; width: 100%; height: 100%; cursor: url(../../../images/icons/icon-modal-cursor.svg) 32 32, auto;} 
.__modal [class^="modal_"] {z-index: var(--z-over); transform: var(--tr-Y100); transition: var(--transform); background: var(--bg-white-line);}
	
/*  — — — — — — — — — — — — — варианты модальных окон */
	
.__modal .modal_full {width: 100%; height: 100%; top: 0; left: 0;}
.__modal .modal_left_30 {width: 30vw; height: 100%; top: 0; left: 0;}
.__modal .modal_right_25 {width: 25vw; height: 100%; top: 0; left: 75vw; overflow-y: auto;}
.__modal .modal_right_30 {width: 30vw; height: 100%; top: 0; left: 70vw;}
.__modal .modal_left_50 {width: 50vw; height: 100%; top: 0; left: 0;}
.__modal .modal_right_50 {width: 50vw; height: 100%; top: 0; left: 50vw;}
.__modal .modal_center {width: 30vw; height: auto; top: 10%; left: 35vw;}
.__modal .modal_product {width: 50vw; height: auto; top: 10%; left: 25vw;}
.__modal .modal_nav {width: 98vw; height: calc(100vh - 2vw); top: 1vw; left: 1vw; bottom: 1vw; right: 1vw; background: var(--gray); border-radius: 0.5vw;}
	
/*  — — — — — — — — — — — — — настройки различных модальных окон */
			
#modal_navigation.__modal {background: var(--white);}
#modal_navigation .close-button {top: 2.5vw; right: 2.5vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center;}
#modal_navigation .close-button a {color: var(--white);} 

	

/*  — — — — — — — — — — — — — прелоадер (BootSplash + SitePreloader) */
/* Динамика с конфига: --cms-pre-bg, --cms-pre-ms, --cms-pre-from, --cms-pre-to, --cms-pre-p */

.cms-preloader {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	margin: 0;
	background: var(--cms-pre-bg, #ffffff);
	transition: opacity var(--cms-pre-ms, 420ms) ease, visibility var(--cms-pre-ms, 420ms) ease;
}
.cms-preloader.is-exit {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.cms-preloader__inner {
	display: grid;
	gap: 1rem;
	justify-items: center;
	min-width: min(18rem, 86vw);
	text-align: center;
}
.cms-preloader__fill {
	display: inline-block;
	font-size: clamp(1.25rem, 3vw, 2rem);
	font-weight: 650;
	letter-spacing: 0.04em;
	line-height: 1.2;
	background-image: linear-gradient(
		90deg,
		var(--cms-pre-to) 0%,
		var(--cms-pre-to) var(--cms-pre-p),
		var(--cms-pre-from) var(--cms-pre-p),
		var(--cms-pre-from) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.cms-preloader__logo {position: relative; width: 20vw; height: auto; color: var(--cms-pre-from);}

.cms-preloader__logo-base,
.cms-preloader__logo-fill {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
}
.cms-preloader__logo-base svg,
.cms-preloader__logo-fill svg {
	width: 100%;
	height: 100%;
	display: block;
}
.cms-preloader__logo-fill {
	color: var(--cms-pre-to);
	clip-path: inset(0 calc(100% - var(--cms-pre-p)) 0 0);
}
.cms-preloader__bar {
	display: block;
	width: min(16rem, 72vw);
	height: 0.35rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--cms-pre-from) 35%, transparent);
	overflow: hidden;
}
.cms-preloader__bar-fill {
	height: 100%;
	width: var(--cms-pre-p);
	border-radius: inherit;
	background-image: linear-gradient(90deg, var(--cms-pre-from) 0%, var(--cms-pre-to) 100%);
	background-size: 16rem 100%;
}


.cms-container {width: 96vw;}
	
	
	
	
	
.mod-articles__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.mod-articles--cols-2 .mod-articles__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mod-articles--cols-3 .mod-articles__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mod-articles--cols-4 .mod-articles__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mod-articles__item {
  display: flex;
  gap: 0.75rem;
}
.mod-articles__img img {
  width: 96px;
  height: 72px;
  object-fit: cover;
  display: block;
}
.mod-articles__title {
  font-weight: 600;
}
.mod-articles__meta {
  font-size: 0.8rem;
  opacity: 0.7;
}

.cms-fx__row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.2rem 0;
}
.cms-geo {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  width: auto;
  line-height: 1.2;
}
.cms-geo__city {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  width: auto !important;
  max-width: none;
  height: auto;
}
.cms-geo__city-text {
  display: inline;
  white-space: nowrap;
}
.cms-geo__date,
.cms-geo__time {
  flex: 0 0 auto;
  white-space: nowrap;
}
.cms-geo__icon,
.cms-geo svg.cms-geo__icon {
  width: 1vw !important;
  height: 1vw !important;
  max-width: none;
  max-height: none;
  flex-shrink: 0;
  display: block;
  opacity: 0.9;
  overflow: visible;
}
/* Theme had width:1vw on city — keep override if old CSS cached */
header .header_top_nav .header_top_city .cms-geo__city {
  width: auto !important;
  max-width: none;
  flex: 0 0 auto;
  height: auto;
}
header .header_top_nav .header_top_city .cms-geo__icon,
header .header_top_nav .header_top_city .cms-geo svg {
  width: 1vw !important;
  height: 1vw !important;
  max-width: none;
  max-height: none;
}
.cms-newsletter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.cms-newsletter input[type="email"] {
  min-width: 12rem;
  flex: 1;
}

.cms-slide-article a,
.cms-slide-product a {
  display: grid;
  gap: 0.5rem;
  text-decoration: none;
  color: inherit;
}
.cms-slide-article img,
.cms-slide-product img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.swiper-modules,
.swiper-articles,
.swiper-category,
.swiper-products {
  position: relative;
  padding-bottom: 2rem;
}

	
	
	
	
	


.post-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0; }
.post-tags a { border: 1px solid var(--cms-color-border); border-radius: 2rem; padding: .35rem .85rem; text-decoration: none; }
.post-navigation { display: flex; justify-content: space-between; gap: 2rem; padding: 1.5rem 0; border-block: 1px solid var(--cms-color-border); margin-block: 2rem; }
.post-navigation a { max-width: 48%; }
.post-comments { margin-top: 3rem; }
.post-comment { padding: 1.25rem 0; border-bottom: 1px solid var(--cms-color-border); }
.post-comment header { display: flex; flex-wrap: wrap; gap: 1rem; align-items: baseline; }
.post-comment time { font-size: .875rem; color: var(--cms-color-muted); }
.post-comment p { white-space: pre-wrap; overflow-wrap: anywhere; }
.post-comment-form { display: grid; gap: 1rem; margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--cms-color-border); border-radius: 1rem; background: var(--cms-color-surface); }
.post-comment-form label { display: grid; gap: .5rem; }
.post-comment-form input, .post-comment-form textarea { width: 100%; padding: .75rem; font: inherit; color: inherit; background: var(--cms-color-bg); border: 1px solid var(--cms-color-border); border-radius: .4rem; }
.post-comment-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.post-comment-form button { justify-self: start; }
@media (max-width: 600px) { .post-comment-form__row { grid-template-columns: 1fr; } .post-navigation { gap: 1rem; } }








.site-nav {
  display: flex;
  gap: var(--cms-space-6);
  font-size: var(--cms-text-sm);
  align-items: flex-start;
}


.product-filters {
  display: flex;
  flex-direction: column;
  gap: var(--cms-space-4);
}

.product-filters.is-pending {
  opacity: 0.72;
  pointer-events: none;
}

.product-filters__facet {
  margin: 0;
  padding: 0;
  border: none;
  max-height: 14rem;
  overflow: auto;
}

.product-filters__facet legend {
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.product-filters__option {
  display: flex;
  gap: 0.45rem;
  align-items: flex-start;
  margin-bottom: 0.3rem;
  font-size: var(--cms-text-sm);
}

.product-filters__option.is-disabled {
  opacity: 0.45;
}

.product-filters__hint {
  margin: 0 0 0.4rem;
  font-size: var(--cms-text-sm);
}

.product-filters__price {
  display: grid;
  gap: 0.4rem;
}

.product-filters__price label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: var(--cms-text-sm);
}

.product-filters__actions {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  font-size: var(--cms-text-sm);
}



.search-sort {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: var(--cms-space-4);
}

.search-sort label {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: var(--cms-text-sm);
}

.search-materials {
  margin-top: var(--cms-space-10);
}

.search-slot {
  margin-block: var(--cms-space-4);
}

.search-slot--mid {
  grid-column: 1 / -1;
}

@media (max-width: 860px) {
  .search-layout {
    grid-template-columns: 1fr;
  }

  .search-layout__aside {
    position: static;
    order: -1;
  }

  .site-search {
    max-width: none;
    width: 100%;
  }

  .site-search__panel {
    min-width: 0;
    left: 0;
    right: 0;
  }
}

.site-nav__label-wrap {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.4rem;
}

.site-nav__icon {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  object-fit: contain;
  margin-top: 0.1rem;
  text-align: center;
  line-height: 1;
  font-size: 1rem;
  color: inherit;
}

i.site-nav__icon {
  width: auto;
  height: auto;
  display: inline-block;
}

.site-breadcrumbs {
  padding-block: var(--cms-space-3);
  border-bottom: 1px solid color-mix(in srgb, var(--cms-color-border) 70%, transparent);
}



.block-hero {
  padding-block: var(--cms-space-16);
}

.block-hero h1 {
  margin: 0 0 var(--cms-space-4);
  font-family: var(--cms-font-display);
  font-size: clamp(2rem, 5vw, var(--cms-text-2xl));
  letter-spacing: -0.03em;
  line-height: 1.1;
  max-width: 14ch;
}

.block-hero p {
  margin: 0 0 var(--cms-space-8);
  color: var(--cms-color-muted);
  max-width: 36rem;
}

.block-image {
  padding-block: var(--cms-space-8);
}

.block-image__figure {
  margin: 0;
}

.block-image__figure img {
  display: block;
  width: 100%;
  max-height: 28rem;
  object-fit: cover;
  background: var(--cms-color-surface);
}

.block-image__figure figcaption {
  margin-top: var(--cms-space-3);
  font-size: var(--cms-text-sm);
}

.block-gallery__grid {
  list-style: none;
  margin: var(--cms-space-6) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: var(--cms-space-4);
}

.block-gallery__grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--cms-color-surface);
}

.block-rich {
  padding-block: var(--cms-space-8);
}

.site-footer {
  border-top: 1px solid var(--cms-color-border);
  padding-block: var(--cms-space-8);
  color: var(--cms-color-muted);
  font-size: var(--cms-text-sm);
}

.site-footer__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--cms-space-4);
}

.site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cms-space-4);
}

.site-nav__lang {
  margin-left: var(--cms-space-2);
  font-size: var(--cms-text-sm);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cms-color-muted);
}

.site-nav__children {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 10rem;
  padding: var(--cms-space-2);
  background: var(--cms-color-surface);
  border: 1px solid var(--cms-color-border);
  flex-direction: column;
  gap: var(--cms-space-2);
  z-index: 5;
}

.site-nav__item:hover .site-nav__children,
.site-nav__item:focus-within .site-nav__children {
  display: flex;
}

.site-nav__sep-label {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  cursor: default;
  opacity: 0.85;
}

.site-nav__children .site-nav__sep-label {
  padding: 0.25rem 0.5rem;
  opacity: 0.7;
  font-size: 0.85em;
}

.section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--cms-space-4);
  margin-bottom: var(--cms-space-6);
}

.section-head h2 {
  margin: 0;
  font-size: var(--cms-text-xl);
  letter-spacing: -0.02em;
}

.section--alt {
  background: color-mix(in srgb, var(--cms-color-surface) 70%, transparent);
  border-block: 1px solid var(--cms-color-border);
}

.cta-band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--cms-space-6);
  padding: var(--cms-space-8);
  background: var(--cms-color-surface);
  border: 1px solid var(--cms-color-border);
}

.cta-band h2 {
  margin: 0 0 var(--cms-space-2);
}

.form-title {
  margin-bottom: var(--cms-space-6);
}

.demo-form {
  max-width: 32rem;
  padding: var(--cms-space-6);
  background: var(--cms-color-surface);
  border: 1px solid var(--cms-color-border);
}

.demo-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--cms-space-2);
  font-size: var(--cms-text-sm);
}

.demo-form__field input,
.demo-form__field textarea,
.demo-form__field select {
  font: inherit;
  padding: var(--cms-space-3);
  border: 1px solid var(--cms-color-border);
  background: #fff;
  color: inherit;
}

.form-success {
  padding: var(--cms-space-6);
  background: color-mix(in srgb, var(--cms-color-success) 12%, white);
  border: 1px solid var(--cms-color-success);
  max-width: 32rem;
}

.form-error {
  color: #8b1a1a;
  font-size: var(--cms-text-sm);
}

.site-nav__cart {
  font-weight: 600;
}

.product-buy {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cms-space-3);
  align-items: flex-start;
  margin: var(--cms-space-6) 0;
}

.product-buy .product-purchase {
  flex: 1 1 100%;
}

.add-to-cart {
  display: flex;
  gap: var(--cms-space-3);
  align-items: center;
}

.cart-table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--cms-space-6) 0;
  background: var(--cms-color-surface);
}

.cart-table th,
.cart-table td {
  padding: var(--cms-space-3);
  border-bottom: 1px solid var(--cms-color-border);
  text-align: left;
  font-size: var(--cms-text-sm);
}

.cart-qty {
  display: flex;
  gap: var(--cms-space-2);
  align-items: center;
}

.cart-qty input {
  width: 4rem;
  font: inherit;
  padding: var(--cms-space-2);
}

.cart-total {
  font-size: var(--cms-text-lg);
}

.cart-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cms-space-3);
  align-items: center;
  margin-top: var(--cms-space-4);
}

.article-body {
  margin-block: var(--cms-space-8);
  max-width: 40rem;
}

.article-body p {
  margin-top: 0;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  align-items: center;
}

.post-meta > * + *::before {
  content: "·";
  margin-right: 0.75rem;
  opacity: 0.55;
}

.post-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: var(--cms-space-6) 0;
  padding-top: var(--cms-space-4);
  border-top: 1px solid var(--cms-color-border, #ddd);
}

.post-share__label {
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: 0.25rem;
}

.post-share__btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  font: inherit;
  font-size: 0.8125rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--cms-color-border, #ddd);
  background: var(--cms-color-surface, #fff);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
}

.post-share__btn:hover {
  border-color: currentColor;
}

.cms-layout-sidebar {
  display: grid;
  gap: var(--cms-space-8);
  grid-template-columns: minmax(0, 1fr);
  padding-inline: var(--cms-space-6);
  max-width: 72rem;
  margin-inline: auto;
}

@media (min-width: 900px) {
  .cms-layout-sidebar {
    grid-template-columns: minmax(0, 1fr) 16rem;
  }
}

.cms-view--landing .block-hero {
  padding-block: var(--cms-space-16);
}

.cms-view--product-wide .section .cms-container,
.tpl-product-wide .section > .cms-container {
  max-width: 72rem;
}

.cms-view--blank {
  min-height: 100vh;
}


.account-layout {
  display: grid;
  gap: var(--cms-space-8);
}

@media (min-width: 800px) {
  .account-layout {
    grid-template-columns: 14rem minmax(0, 1fr);
    align-items: start;
  }
}

.account-nav {
  display: flex;
  flex-direction: column;
  gap: var(--cms-space-4);
}

.account-nav__user {
  display: flex;
  gap: var(--cms-space-3);
  align-items: center;
}

.account-nav__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.account-nav__avatar--ph {
  display: grid;
  place-items: center;
  background: var(--cms-color-border, #ddd);
  font-weight: 600;
}

.account-nav nav {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.account-nav__link {
  text-align: left;
  padding: 0.35rem 0;
}

.account-auth-form,
.account-main .demo-form {
  max-width: 28rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.avatar-cropper {
  max-width: 28rem;
}

.avatar-cropper__preview-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.avatar-cropper__current img,
.avatar-cropper__placeholder {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
}

.avatar-cropper__placeholder {
  display: grid;
  place-items: center;
  background: #e8e4df;
  font-size: 2rem;
}

.avatar-cropper__stage {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background: #1a1a1a;
  margin: 0 auto 1rem;
  touch-action: none;
  cursor: grab;
}

.avatar-cropper__stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  pointer-events: none;
  user-select: none;
}

.avatar-cropper__mask {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  pointer-events: none;
}

.avatar-cropper__actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.site-nav__account {
  white-space: nowrap;
  display: flex;
  align-items: center;
}


.site-chrome__account {
  margin-left: auto;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
}

.site-chrome__account--bar {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--cms-color-border, #ddd);
}

.account-header {
  position: relative;
  display: flex;
  align-items: center;
}

.account-header--guest {
  gap: 0.35rem;
  font-weight: 600;
  font-size: 0.9rem;
}

.account-header__text-link {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  color: inherit;
}

.account-header__sep {
  opacity: 0.45;
}

.account-header__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 2px solid var(--cms-color-border, #c8c8c8);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.account-header__trigger:focus-visible {
  outline: 2px solid var(--cms-color-accent, #2563eb);
  outline-offset: 2px;
}

.account-header__avatar {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.account-header__avatar--ph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cms-color-muted-bg, #e8e8e8);
  color: var(--cms-color-text, #222);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

.account-header__dropdown {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  z-index: 80;
  min-width: 14rem;
  padding: 0.65rem 0;
  background: #fff;
  border: 1px solid var(--cms-color-border, #ddd);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.account-header__who {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.15rem 0.9rem 0.55rem;
  border-bottom: 1px solid var(--cms-color-border, #eee);
}

.account-header__who strong {
  font-size: 0.95rem;
}

.account-header__who .muted {
  font-size: 0.8rem;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-header__links {
  display: flex;
  flex-direction: column;
  padding: 0.35rem 0;
}

.account-header__links a {
  display: block;
  padding: 0.4rem 0.9rem;
  color: inherit;
  text-decoration: none;
  font-size: 0.9rem;
}

.account-header__links a:hover {
  background: var(--cms-color-muted-bg, #f3f3f3);
}

.account-header__logout {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.5rem 0.9rem 0.15rem;
  border: 0;
  border-top: 1px solid var(--cms-color-border, #eee);
  background: transparent;
  text-align: left;
  font: inherit;
  font-size: 0.9rem;
  cursor: pointer;
  color: #a11;
}

.account-header__logout:hover:not(:disabled) {
  background: #fff5f5;
}

.account-header__logout:disabled {
  opacity: 0.6;
  cursor: wait;
}
.review-rating { border: 0; padding: 0; margin: 0; }
.review-rating__stars { display: flex; gap: .35rem; }
.review-rating__stars label { position: relative; cursor: pointer; color: var(--cms-color-muted); font-size: 2rem; }
.review-rating__stars label.is-selected { color: #b77900; }
.review-rating__stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.review-rating__stars label:focus-within { outline: 2px solid currentColor; outline-offset: 3px; border-radius: .2rem; }

	







/*  — — — — — — — — — — — — —  Мобильная ландшафт _ml */ @media (orientation: landscape) and (pointer: coarse) and (hover: none) {



} /*  — — — — — — — — — — — — —  Конец медиа-запроса "Мобильная ландшафт"  */








/*  — — — — — — — — — — — — —  Десктоп ландшафт _dl */ @media (orientation: landscape) and (pointer: fine) and (hover: hover) {



	/*  — — — — — — — — — — — — —  Пользовательские свойства */
	
		:root {
			
			/*  — — — — — — — — — — — — —  линии и бордюры */
			
			--b05s:  0.05vw solid; --b1s:  0.1vw solid; --b15s:  0.15vw solid; --b05d:  0.05vw dashed; --b1d:  0.1vw dashed; --b15d:  0.15vw dashed; --b05do:  0.05vw dotted; --b1do:  0.1vw dotted; --b15do:  0.15vw dotted;
			
			/*  — — — — — — — — — — — — —  отступ при клике на табы */
			
			--tab-scroll-offset: 16vw;}
			
	/*  — — — — — — — — — — — — — основные свойства HTMP и BODY */
	
	body {font-size: 1.25vw;}

	/*  — — — — — — — — — — — — — header */
	
	header {height: 10vw;}
	header.small {height: 7.5vw;}
	header .header_logo {width: 8vw; margin: 1.25vw 2vw 0 2vw;}
	
	header .header_search {position: relative; float: left; top: 0; left: 0; margin: 0.95vw 2vw 0 0; width: 40vw;}
	header .header_search input.site-search__input {width: 100%; z-index: var(--z-base);}
	header .header_search button.site-search__submit {position: absolute; z-index: var(--z-over); right: 0;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
} /*  — — — — — — — — — — — — —  Конец медиа-запроса "Десктоп ландшафт"  */



 /*  — — — — — — — — — — — — —  Слайдер - Главная - модули  */
.mod--home_slider {width: 100vw; margin: 0 0 0 -2vw; overflow: hidden;}
.mod--home_slider .cms-mod-swiper {width: 152vw; overflow: hidden; margin: 0 0 0 -26vw;}
.mod--home_slider .swiper-slide {flex-shrink: 0; width: 50vw !important; height: 25vw !important; position: relative; transition-property: transform; display: block; border-radius: 1vw; overflow: hidden; background: var(--light-gray);}

.mod--home_slider .slider_info_img {position: absolute; Z-index: var(--z-base); width: 100%;}
.mod--home_slider .slider_info_price {font-size: var(--s); color: var(--accent); padding: 3vw 0 0.5vw 2vw;}
.mod--home_slider .slider_info_title {font-size: var(--xl); font-family: var(--medium); padding: 0 0 1.5vw 2vw; width: 25vw;}
.mod--home_slider .slider_info_text {font-size: var(--s); padding: 0 0 0 2vw; width: 25vw; line-height: 125%;}
.mod--home_slider .slider_info_btn {position: absolute; top: 19vw; left: 2vw;}
.mod--home_slider .slider_info_btn a {padding: 0.75vw 1.5vw 0.8vw 1.5vw; border-radius: 0.5vw; background: var(--light-blue); color: var(--white); font-size: var(--s);}
.mod--home_slider .slider_info_btn a:hover {background: var(--red);}
.mod--home_slider .slider_info_add {position: absolute; top: 18.5vw; left: 14vw; width: 35vw; font-size: var(--xs); line-height: 125%; color: var(--gray);}

#slide-home_slider-module-slide_iphone_duo .slider_info_title {color: var(--white);}
#slide-home_slider-module-slide_iphone_duo .slider_info_text {color: var(--white);}

#slide-home_slider-module-slide_pr_smart .slider_info_price {color: var(--white);}
#slide-home_slider-module-slide_pr_smart .slider_info_text {color: var(--white);}


.mod--home_slider .cms-swiper-numbering {position: absolute; z-index: 10; bottom: 1.5vw; left: 53vw; font-size: var(--s); color: var(--white);}
.mod--home_slider .swiper-button-prev {position: absolute; z-index: 10; opacity: 0.25; bottom: 1.5vw; left: 92vw; width: 3vw; height: 1vw; background: url("/media/raw/29") center center; background-size: cover; transition: var(--tr-opacity);}
.mod--home_slider .swiper-button-next {position: absolute; z-index: 10; opacity: 0.25; bottom: 1.5vw; left: 96vw; width: 3vw; height: 1vw; background: url("/media/raw/30") center center; background-size: cover; transition: var(--tr-opacity);}
.mod--home_slider .swiper-button-prev:hover, .mod--home_slider .swiper-button-next:hover {cursor: pointer; opacity: 1;}
.mod--home_slider .swiper-pagination {position: absolute; bottom: 1.6vw; left: 56.5vw; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10;}







.swiper-modules, .swiper-articles, .swiper-category, .swiper-products {width: 100%; overflow: hidden;}
.cms-mod-swiper .swiper-wrapper {box-sizing: border-box;}
.cms-mod-swiper .swiper-slide {box-sizing: border-box; height: auto;}








.swiper-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform;   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box;}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-horizontal {touch-action: pan-y;}
.swiper-vertical {touch-action: pan-x;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-autoheight, .swiper-autoheight .swiper-slide {height: auto;}
.swiper-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform, height;}
.swiper-backface-hidden .swiper-slide {transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {display: none !important;}



.swiper-pagination-bullet {width: 0.4vw; height: 0.4vw; display: inline-block; border-radius: 1vw; background: var(--white); opacity: 0.5;}
button.swiper-pagination-bullet {border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet:only-child {display: none !important;}
.swiper-pagination-bullet-active {width: 1.5vw; opacity: 1; background: var(--white);}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {right: 1vw; left: 1vw; top: 1vw;}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 1vw 0 0; display: block;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.5vw 0 0;}
.swiper-pagination-progressbar {background: var(--gray); position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--gray); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal {width: 100%; height: 1vw; left: 0; top: 0;}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical {width: 1vw; height: 100%; left: 0; top: 0;}
.swiper-pagination-lock {display: none;}
.swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-fade .swiper-slide {pointer-events: none; transition-property: opacity;}
.swiper-fade .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-fade .swiper-slide-active {pointer-events: auto;}
.swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}