@font-face {
    font-family: "geologica-regular";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/Geologica-Regular.woff") format("woff"), url("/themes/default/fonts/Geologica-Regular.ttf") format("truetype"), url("/themes/default/fonts/Geologica-Regular.eot") format("eot");
}
@font-face {
    font-family: "geologica-light";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/Geologica-Light.woff") format("woff"), url("/themes/default/fonts/Geologica-Light.ttf") format("truetype"), url("/themes/default/fonts/Geologica-Light.eot") format("eot");
}
@font-face {
    font-family: "geologica-medium";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/Geologica-Medium.woff") format("woff"), url("/themes/default/fonts/Geologica-Medium.ttf") format("truetype"), url("/themes/default/fonts/Geologica-Medium.eot") format("eot");
}
@font-face {
    font-family: "geologica-bold";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/Geologica-Bold.woff") format("woff"), url("/themes/default/fonts/Geologica-Bold.ttf") format("truetype"), url("/themes/default/fonts/Geologica-Bold.eot") format("eot");
}
@font-face {
    font-family: "open-sans-regular";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/open-sans-regular.woff") format("woff"), url("/themes/default/fonts/open-sans-regular.ttf") format("truetype"), url("/themes/default/fonts/open-sans-regular.eot") format("eot");
}
@font-face {
    font-family: "open-sans-bold";
    font-style: normal;
    font-weight: normal;
	src: local("☺"), url("/themes/default/fonts/open-sans-bold.woff") format("woff"), url("/themes/default/fonts/open-sans-bold.ttf") format("truetype"), url("/themes/default/fonts/open-sans-bold.eot") format("eot");
}
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    font-family: "geologica-regular";
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	scroll-behavior: smooth;
}
a {
	outline: none;
	-moz-outline: 0;
	border: none;
	border-width: 0px;
}
a:active {
	outline: none;
	-moz-outline: 0;
}
a:focus {
	outline: none;
	-moz-outline: 0;
}
img {
	border: none;
	border-width: 0px;
}
*html #main {
	height: 100%;
}
p {
	margin: 12px 0px ;
}
a {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
}
h1 {
	color: #000;
	font-size: 25px;
	font-style: none;
	font-weight: normal;
	text-transform: uppercase;
    font-family: "geologica-regular";
}
h2, h3, h4 {
	font-size: 18px;
	margin: 15px 0;
	font-weight: normal;
    font-family: "geologica-regular";
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
table {
	border-collapse: collapse;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
html {
}
body {
	height:auto;
}
body.no-scroll {
	height: 100%;
	overflow: hidden;
}
#pagewrap {
	width:100%;
	max-width: 1920px;
	padding: 0;
	margin: 0 auto;
	background: #fafafa;
}
/* мобильное меню лежит на z-index 20, поэтому всплывающая форма
   и затемнение под ней должны быть выше, иначе форма открывается
   под меню и её не видно */
#blackwrap {
	z-index: 40;
}
#show_form {
	z-index: 41;
}
header {
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
header.scrolled {
}
#header-top-menu {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	box-shadow: 4px 4px 7px 0px #52525226;
}
#header-top-menu-container {
	position: relative;
	width: 90%;
	max-width: 1600px;
	height: 50px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#header-top-menu-close {
	display: none;
}
#header-top-menu ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#header-top-menu ul li {
	padding: 0px;
	margin: 0px;
}
#header-top-menu ul li a {
	padding: 10px 0px;
	margin: 0px 48px 0px 0px;
	font-family: "geologica-regular";
	font-weight: normal;
	font-size: 16px;
	color: #525252;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	opacity: 1.0;
}
#header-top-menu ul li a:hover {
	color: #171310;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-top-menu-phone {
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px auto;
}
#header-top-menu-phone a {
	display: block;
	margin: 0px;
	padding: 10px 0px 10px 30px;
	font-family: "geologica-regular";
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #171310;
	background: url("/themes/default/images/header-top-menu-phone-3x.png") no-repeat 0px 50%;
	background-size: 25px;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-top-menu-phone a:hover {
	color: #b8863c;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-top-menu-call {
	padding: 0px;
	margin: 0px;
}
#header-top-menu-call a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	flex-basis: 150px;
	height: 30px;
	background: linear-gradient(90deg, #171310 0%, #2a221d 100%);
	font-family: "geologica-light";
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-top-menu-call a:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
#header-main {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#header-main-container {
	position: relative;
	width: 90%;
	max-width: 1600px;
	height: 89px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
/* сортировка внутри фильтра нужна только на мобильных */
.catalog-cat-sidebar-sorting {
	display: none;
}
/* Мобильное меню: гамбургер слева от логотипа и блок ссылок внутри
   выпадающего меню каталога. На десктопе оба не нужны. */
#header-mobile-burger {
	display: none;
}
.header-catalog-menu-extra {
	display: none;
}
/* Логотип крупнее самой шапки (250x139 при высоте строки 89px).
   Пока он лежал в потоке, его высота задавала высоту flex-строки,
   и слоган, иконки и кнопка VK уезжали вниз примерно на 17px.
   Выносим логотип из потока: рисуется он ровно там же, но на
   раскладку остальных элементов больше не влияет.
   left/top отсчитываются от #header-main-container (у него
   position: relative), -30px по горизонтали ставят видимую часть
   логотипа вровень с левым краем контента. */
#header-main-logo {
	display: block;
	position: absolute;
	left: -30px;
	top: -15px;
	width: 250px;
	flex-basis: auto;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	opacity: 1.0;
	transition: opacity 500ms ease-out;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-ms-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
}
#header-main-logo:hover {
	opacity: 0.7;
	transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
}
#header-main-logo img {
	display: block;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* 262px = 197px (место, которое занимал логотип в потоке: 162 + 35
   отступ) + прежние 65px до слогана. Логотип теперь абсолютный,
   поэтому место под него держит отступ слогана. */
#header-main-slogan {
	padding: 0%;
	margin: 0% 0px 0px 262px;
	max-width: 330px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 18px;
	color: #000;
	transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
}
#header-main-slogan.active {
	color: #171310;
	transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
}
#header-main-panel {
	padding: 0px;
	margin: 0px 0px 0px auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.header-user {
	position: relative;
	width: 33px;
	flex-basis: 33px;
	height: 33px;
	display: block;
	background: url("/themes/default/images/header-user-3x.png") no-repeat 50% 50%;
	background-size: 33px;
	padding: 0px;
	margin: 0px 15px;
}
.header-user:hover {
	background: url("/themes/default/images/header-user-hover-3x.png?1") no-repeat 50% 50%;
	background-size: 33px;
}
/* меню пользователя в шапке: ссылки прячутся под иконку и
   выпадают при наведении (раньше «Войти» висело текстом рядом) */
.header-user-menu {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.header-user-drop {
	display: none;
	position: absolute;
	top: 100%;
	right: 0px;
	padding: 14px 0px 0px 0px;
	margin: 0px;
	z-index: 5;
}
.header-user-menu:hover .header-user-drop {
	display: block;
}
.header-user-drop-inner {
	min-width: 190px;
	padding: 12px 0px;
	margin: 0px;
	background: #171310;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.3);
}
.header-user-drop-links {
	padding: 0px;
	margin: 0px;
}
.header-user-drop-links a {
	display: block;
	padding: 8px 20px;
	margin: 0px;
	font-family: "geologica-regular";
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.header-user-drop-links a:hover {
	color: #e4b764;
}
.header-user-drop-links a.logout {
	margin: 6px 0px 0px 0px;
	padding-top: 12px;
	border-top: 1px solid #2a221d;
	color: #cfc7b8;
}
.header-user-drop-links a.logout:hover {
	color: #e4b764;
}
.header-wish {
}
.header-wish  a{
	position: relative;
	width: 33px;
	flex-basis: 33px;
	height: 33px;
	display: block;
	background: url("/themes/default/images/header-wish-3x.png") no-repeat 50% 50%;
	background-size: 33px;
	padding: 0px;
	margin: 0px 15px;
}
/* ховер висел на обёртке .header-wish, а картинку рисует вложенная
   ссылка — её собственный фон перекрывал подмену, и сердечко при
   наведении не менялось вообще. Вешаем на саму ссылку. */
.header-wish a:hover {
	background: url("/themes/default/images/header-wish-hover-3x.png?1") no-repeat 50% 50%;
	background-size: 33px;
}
.header-wish span{
	position: absolute;
	top: -10px;
	right: -10px;
	color: #ffffff;
	background: #171310;
	font-family: "geologica";
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	padding: 1px 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	min-width: 8px;
}
.header-basket {
	position: relative;
	width: 33px;
	flex-basis: 33px;
	height: 33px;
	display: block;
	background: url("/themes/default/images/header-basket-3x.png") no-repeat 50% 50%;
	background-size: 33px;
	padding: 0px;
	margin: 0px 15px;
}
.header-basket:hover {
	background: url("/themes/default/images/header-basket-hover-3x.png?1") no-repeat 50% 50%;
	background-size: 33px;
}
#header-main-vk {
	padding: 0px;
	margin: 0px 0px 0px 80px;
}
#header-main-vk a {
	width: 100px;
	flex-basis: 100px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #171310 0%, #2a221d 100%);
	font-family: "geologica-medium";
	font-size: 14px;
	line-height: normal;
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-main-vk a:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
.header-basket .basket_header_items {
	position: absolute;
	top: -10px;
	right: -10px;
	color: #ffffff;
	background: #171310;
	font-family: "geologica";
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	padding: 1px 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	min-width: 8px;
}
#header-catalog-menu {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 61px;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
}
#header-catalog-menu-fon {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url("/themes/default/images/header-catalog-menu-fon-3x.png?1") repeat-x 0px 100%;
	background-size: 29px;
}
#header-catalog-menu-container {
	position: relative;
	width: 90%;
	max-width: 1600px;
	height: 61px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#header-catalog-menu-nav {
	width: 68%;
	padding: 0px;
	margin: 0px;
	z-index: 3;
}
#header-catalog-menu-ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
#header-catalog-menu-ul li {
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
	z-index: 2;
}
#header-catalog-menu-ul li a {
	display: block;
	padding: 20px 0px;
	margin: 0%;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	color: #171310;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-catalog-menu-ul li a:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header-catalog-menu-ul li ul {
	position: absolute;
	top: 58px;
	left: 0px;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	background: #171310 url("/themes/default/images/header-catalog-menu-ul-3x.png") repeat-x 0px 0%;
	background-size: 29px;
	display: none;
	width: 240px;
	flex-basis: 240px;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	z-index: 3;
	box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.3);
}
#header-catalog-menu-ul li ul li {
}
#header-catalog-menu-ul li ul li a {
	margin: 0px;
	padding: 5px 20px;
	font-size: 16px;
	font-family: "geologica-regular";
	color: #ffffff;
}
#header-catalog-menu-ul li ul li ul {
	display: none;
}
#header-catalog-menu-ul li:hover ul {
	display: block;
}
#header-catalog-menu-close {
	display: none;
}
.header-catalog-menu-search {
	width: 28%;
	flex-basis: 28%;
	padding: 0px;
	margin: 0px 0px 0px auto;
	height: 31px;
	background-color: #ffffff;
	border: 1px solid #909090;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 2px 1px 3px -2px #00000026;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.header-catalog-menu-search:hover {
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#header_catalog_menu_search_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
.header-catalog-menu-search-input {
	width: 60%;
	flex-basis: 60%;
	padding: 5px 0px;
	margin: 0px 5%;
	font-family: "geologica-light";
	font-weight: normal;
	font-size: 16px;
	color: #3A362B;
	border:none;
}
.header-catalog-menu-search-input:active,
.header-catalog-menu-search-input:hover,
.header-catalog-menu-search-input:focus {
	outline: 0;
	outline-offset: 0;
}
.header-catalog-menu-search-input::placeholder {
	font-family: "geologica-light";
	font-weight: normal;
	font-size: 16px;
	color: #757575;
}
.header-catalog-menu-search-ok {
	position: relative;
	top: 0px;
	right: auto;
	width: 40px;
	flex-basis: 40px;
	height: 31px;
	background: #F3E4D1 url("/themes/default/images/header-catalog-menu-search-ok-3x.png") no-repeat 50% 50%;
	background-size: 31px;
	border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
}
.header-catalog-menu-search-ok:hover {
	background: #D9D9D9 url("/themes/default/images/header-catalog-menu-search-ok-3x.png") no-repeat 50% 50%;
	background-size: 31px;
}
#swiper-on-main,
#swiper-on-main-mobile {
	display: block;
	position: relative;
	width: 90%;
	max-width: 1600px;
	padding: 0px;
	margin: 20px auto 0px auto;
}
.mainSwiper,
.mainSwiper-mobile {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.mainSwiper .swiper-wrapper,
.mainSwiper-mobile .swiper-wrapper {
}
.mainSwiper .swiper-slide,
.mainSwiper-mobile .swiper-slide {
}
.main-swiper-block {
	width: 100%;
	position: relative;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.main-swiper-img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.main-swiper-block-info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.main-swiper-block-text {
	padding: 0px;
	margin: 0px;
}
.main-swiper-block-text-logo {
	width: 160px;
	height: 80px;
	padding: 0px;
	margin: 0px auto;
}
.main-swiper-block-text-logo img {
	display: block;
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 100%;
}
.main-swiper-block-text-title {
	margin: 18px auto 22px auto;
	padding: 0px 20px 0px 20px;
	text-align: center;
	background: #2A271690;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.main-swiper-block-text-title h2 {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-bold";
	/* Размер тянется за шириной экрана, чтобы заголовок всегда оставался
	   в одну строку: 53.5px - прежний размер на больших экранах, 4.3vw -
	   плавное уменьшение, 14px - нижняя граница для узких телефонов.
	   Раньше размер переключался ступеньками в style-mobile.css (30px
	   на 1100 и 18px на 500) - обе строки убраны оттуда, иначе они
	   перекрывали бы эту. */
	font-size: clamp(14px, 4.3vw, 53.5px);
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 3.07px 1.53px 6.13px #000000F5;
}
.main-swiper-block-text-title h2 a {
	color: #F9EDC5;
	text-decoration: none;
}
.main-swiper-block-text-more {
	max-width: 400px;
	width: 90%;
	padding: 4px 1px 5px 1px;
	margin: 0px auto 40px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background: linear-gradient(90deg, #F0B859 0%, #EEB959 100%);
}
.main-swiper-block-text-more h3 {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-weight: normal;
	font-size: 20.5px;
	color: #160000;
	text-shadow: 1.19px 0.59px 2.38px #16000055;
	text-transform: uppercase;
	text-align: center;
}
.main-swiper-block-text-more h3 a {
	color: #160000;
	text-decoration: none;
}
#swiper-on-main .swiper-pagination-bullet-active,
#swiper-on-main-mobile .swiper-pagination-bullet-active,
#oneImgSwiper-container .swiper-pagination-bullet-active {
	background: #171310;
}
#swiper-on-main .swiper-pagination,
#swiper-on-main-mobile .swiper-pagination-mobile {
	z-index: 3;
}
#cats-on-main {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#cats-on-main-container {
	/* ширина как у баннера, чтобы края совпадали */
	width: 90%;
	max-width: 1600px;
	padding: 0px;
	margin: 0px auto;
}
#cats-on-main h3 {
	padding: 15px 0px 35px 0px;
	margin: 0px 0px 0px 0%;
	font-family: "geologica-regular";
	font-size: 32px;
	font-weight: normal;
	color: #171310;
	text-align: center;
}
/* ============================================================
   Одна сетка на все списки карточек: категории и хиты на главной,
   список категорий в каталоге, товары внутри категории.
   repeat(auto-fill, minmax(230px, 1fr)) вместо фиксированного числа
   колонок — контейнеры разной ширины (в категории слева ещё меню),
   и число карточек в ряду подбирается само. Карточки тянутся на 1fr,
   поэтому ряд всегда ровный, а не с дырой справа.
   ============================================================ */
#cats-on-main-list,
#hits-on-main-list,
.catalog-all-cats-list,
#catalog-cat-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	align-items: start;
	gap: 16px;
}
/* в сетке ширину задаёт колонка, собственная ширина карточки мешает */
#cats-on-main-list .cats-on-main-item,
#hits-on-main-list .catalog-list-one,
.catalog-all-cats-list .cats-on-main-item,
#catalog-cat-list .catalog-list-one {
	width: auto;
	flex-basis: auto;
	margin: 0px;
}
.cats-on-main-item {
	width: 298px;
	flex-basis: 298px;
	/* геометрия как у карточек хитов: тот же размер, тот же отступ снизу */
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 18px 0px;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.cats-on-main-item:hover {
	box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.18);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.cats-on-main-item-img {
	display: block;
	overflow: hidden;
	/* отступы и радиус как у фото в карточке хита, вместо жирной
	   золотой подложки — тонкая обводка того же цвета */
	width: 86.5%;
	padding: 0px;
	margin: 20px auto 17px auto;
	background: none;
	border: 1px solid #e4b764;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	box-sizing: border-box;
}
.cats-on-main-item-img img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.cats-on-main-item h4 {
	padding: 0px 5% 8px 5%;
	width: 90%;
	margin: 0px 0px;
	text-align: center;
	font-family: "geologica-regular";
	font-size: 20px;
	font-weight: normal;
	color: #525252;
}
/* плитки-вкладки в блоке «Категории»: у них нет фотографии,
   поэтому вместо неё — золотое поле со значком, размер тот же */
.cats-on-main-item-extra {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	text-decoration: none;
	box-sizing: border-box;
}
.cats-on-main-item-extra-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 86.5%;
	/* ровно пропорции реальных фото категорий (462×418) */
	aspect-ratio: 462 / 418;
	margin: 20px auto 17px auto;
	background: linear-gradient(135deg, #e8bf6d 0%, #e4b764 100%);
	border: 1px solid #e4b764;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
}
.cats-on-main-item-extra-icon svg {
	width: 62%;
	height: 62%;
	display: block;
	overflow: visible;
}
.cats-on-main-item-extra h4 {
	color: #171310;
}
/* анимация иконок: у всех элементов точка отсчёта — их собственный центр,
   иначе SVG вращает относительно начала координат холста */
.cats-on-main-item-extra-icon svg * {
	transform-box: fill-box;
	transform-origin: center;
}
.cx-spark-main {
	animation: cx-spin 9s linear infinite;
}
.cx-spark-a {
	animation: cx-twinkle 2.4s ease-in-out infinite;
}
.cx-spark-b {
	animation: cx-twinkle 2.4s ease-in-out 1.2s infinite;
}
/* «Хиты продаж»: столбики (.cx-bar) намеренно оставлены статичными —
   двигается только звезда, иначе в иконке слишком много движения */
.cx-star {
	animation: cx-pulse 2.8s ease-in-out infinite;
}
.cx-tag {
	animation: cx-swing 3.2s ease-in-out infinite;
}
.cx-bow {
	animation: cx-bow-breathe 4s ease-in-out infinite;
}
@keyframes cx-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@keyframes cx-twinkle {
	0%, 100% { opacity: 0.25; transform: scale(0.6); }
	50% { opacity: 1; transform: scale(1); }
}
@keyframes cx-pulse {
	0%, 100% { transform: scale(0.86) rotate(-7deg); }
	50% { transform: scale(1.06) rotate(7deg); }
}
@keyframes cx-swing {
	0%, 100% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
}
@keyframes cx-bow-breathe {
	0%, 100% { opacity: 0.55; }
	50% { opacity: 1; }
}
/* если в системе отключены анимации — оставляем иконки статичными */
@media (prefers-reduced-motion: reduce) {
	.cats-on-main-item-extra-icon svg * {
		animation: none;
	}
}

#cats-on-main-more {
	width: 100%;
	padding: 0px;
	margin: 25px 0px 0px 0px;
}
#cats-on-main-more a {
	width: 300px;
	height: 50px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "geologica-light";
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #171310;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#cats-on-main-more a:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
#hits-on-main {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#hits-on-main-container {
	/* ширина как у баннера, чтобы края совпадали */
	width: 90%;
	max-width: 1600px;
	padding: 0px;
	margin: 0px auto;
}
#hits-on-main h3 {
	padding: 30px 0px 28px 0px;
	margin: 0px 0px 0px 0%;
	font-family: "geologica-regular";
	font-size: 32px;
	font-weight: normal;
	color: #171310;
	text-align: center;
}
.catalog-list-one {
	overflow: hidden;
	width: 298px;
	flex-basis: 298px;
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 18px 0px;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one:hover {
	/* была серо-синяя из прежней темы — теперь такая же, как у категорий */
	box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.18);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-img {
	position: relative;
	overflow: hidden;
	/* обводка фото — как в блоке «Категории», чтобы карточки были одинаковыми */
	border: 1px solid #e4b764;
	box-sizing: border-box;
	width: 86.5%;
	flex-basis: 86.5%;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 17px auto;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}
.catalog-list-one-img-a {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.catalog-list-one-img-a img {
	display: block;
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 100%;
}
.catalog-list-one-wish {
	position: absolute;
	top: 8px;
	right: 9px;
	width: 30px;
	flex-basis: 30px;
	height: 30px;
	background: url("/themes/default/images/catalog-list-one-wish-3x.png") no-repeat 50% 50%;
	background-size: 30px;
}
.catalog-list-one-wish:hover {
	background: url("/themes/default/images/catalog-list-one-wish-hover-3x.png") no-repeat 50% 50%;
	background-size: 30px;
}
.catalog-list-one-wish.active {
	background: url("/themes/default/images/catalog-list-one-wish-active-3x.png") no-repeat 50% 50%;
	background-size: 30px;
}
.catalog-list-one-hit {
	position: absolute;
	bottom: 33px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px 5px;
	width: 41px;
	height: 21px;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #171310;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
}
.catalog-list-one-new {
	position: absolute;
	bottom: 7px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px 5px;
	width: 77px;
	height: 21px;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	color: #171310;
	text-transform: uppercase;
	background-color: #e4b764;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
}
.catalog-list-one-sale {
	position: absolute;
	bottom: 7px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px 5px;
	
	height: 21px;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	color: #171310;
	text-transform: uppercase;
	background-color: #e4b764;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
}
.one_stickers{
position: relative;
  top: 40px;
  z-index: 222;
}
.catalog-list-one-articul {
	overflow: hidden;
	height: 20px;
	width: 86.5%;
	flex-basis: 86.5%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	color: #BCBCBC;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
}
.catalog-list-one-articul span {
	color: #333333;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
}
.catalog-list-one-title {
	overflow: hidden;
	/* место всегда под две строки: иначе карточка с коротким названием
	   подтягивает цену и кнопку вверх, и ряд карточек скачет */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 36px;
	min-height: 36px;
	max-height: 36px;
	width: 86.5%;
	flex-basis: 86.5%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	color: #333333;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.catalog-list-one-color {
	overflow: hidden;
	height: 20px;
	width: 86.5%;
	flex-basis: 86.5%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	color: #333333;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
}
.catalog-list-one-price {
	width: 90%;
	flex-basis: 90%;
	padding: 12px 0px 8px 0px;
	margin: 0px auto;
	font-family: "geologica-medium";
	font-size: 18px;
	color: #333333;
}
.catalog-list-one-price-init {
	padding: 0px;
	margin: 0px 0px 0px 7px;
	font-family: "geologica-light";
	font-size: 14px;
	color: #BCBCBC;
}
.catalog-list-one-add {
	width: 90%;
	flex-basis: 90%;
	overflow: hidden;
	height: 30px;
	padding: 0px;
	margin: 0px auto;
}
.catalog-list-one-add-button {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "geologica-light";
	font-size: 16px;
	line-height: 21px;
	padding: 0px;
	margin: 0px auto 0px auto;
	color: #ffffff;
	background: linear-gradient(90deg, #171310 0%, #2a221d 100%);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-add-button:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
.catalog-list-one-add-panel {
	display: none;
}
.catalog-list-one-add.active .catalog-list-one-add-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	height: 30px;
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
}
.catalog-list-one-add.active .catalog-list-one-add-button {
	display: none;
}
.catalog-list-one-add-button-ok {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #171310;
	font-family: "geologica-light";
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-add-button-ok:hover {
	background: #e4b764;
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-add-panel-amount {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #f3e4bf;
	font-family: "geologica-light";
	font-size: 16px;
	line-height: 20px;
	color: #171310;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-add-panel-amount:hover {
	background: #ecd8a8;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-list-one-add-panel-amount-minus {
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	flex-basis: 30px;
	height: 30px;
	font-size: 21px;
	font-weight: normal;
	color: #171310;
	cursor: pointer;
}
.catalog-list-one-add-panel-amount-value {
	width: 45%;
	flex-basis: 45%;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #171310;
	border: none;
	background: none;
	text-align: center;
}
.catalog-list-one-add-panel-amount-plus {
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	flex-basis: 30px;
	height: 30px;
	font-size: 21px;
	font-weight: normal;
	color: #171310;
	cursor: pointer;
}
.catalog-list-one-add-panel-amount-value:active,
.catalog-list-one-add-panel-amount-value:hover,
.catalog-list-one-add-panel-amount-value:focus {
	outline: 0;
	outline-offset: 0;
}
#hits-on-main-more {
	width: 100%;
	padding: 50px 0px 35px 0px;
	margin: 0px auto;
}
#hits-on-main-more a {
	width: 300px;
	height: 50px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	font-family: "geologica-light";
	font-size: 20px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
}
#hits-on-main-more a:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
#advantages-on-main {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 135px 0px;
}
#advantages-on-main-container {
	width: 94%;
	padding: 0px;
	margin: 0px auto;
}
#advantages-on-main h3 {
	padding: 35px 0px 48px 0px;
	margin: 0px 0px 0px 0%;
	font-family: "geologica-regular";
	font-size: 32px;
	font-weight: normal;
	color: #171310;
	text-align: center;
}
#advantages-on-main-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#advantages-on-main-list ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
}
#advantages-on-main-list ul li {
	width: 220px;
	flex-basis: 220px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#advantages-on-main-list ul li img {
	overflow: hidden;
	width: 118px;
	height: auto;
	display: block;
	flex-basis: 118px;
	flex-basis: 118px;
	padding: 0px;
	margin: 0px auto;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#advantages-on-main-list ul li:hover img {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
#advantages-on-main-list ul li span {
	display: block;
	width: 90%;
	padding: 0px 5%;
	margin: 15px auto;
	text-align: center;
	font-family: "geologica-light";
	font-size: 16px;
	font-weight: normal;
	color: #525252;
	text-align: center;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#advantages-on-main-list ul li:hover span {
	color: #000000;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
footer {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	background-color: #171310;
	border-top: 2px solid #e4b764;
}
#footer-main {
	width: 94%;
	padding: 0px;
	margin: 0px auto;
}
#footer-main-container {
	width: 100%;
	min-height: 310px;
	padding: 0px;
	margin: 0%;
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
}
.footer-main-block h3 {
	margin: 0px;
	padding: 36px 0px 10px 0px;
	font-family: "open-sans-bold";
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #e4b764;
	text-decoration: none;
}
.footer-main-block-1 ul,
.footer-main-block-2 ul,
.footer-main-block-3 ul {
	padding: 0px;
	margin: 0px;
}
.footer-main-block-1 ul li,
.footer-main-block-3 ul li,
.footer-main-block-2 ul li {
	padding: 0px;
	margin: 0px;
}
.footer-main-block-1 ul li a,
.footer-main-block-2 ul li a,
.footer-main-block-3 ul li a {
	display: block;
	padding: 5px 0px 5.5px 0px;
	margin: 0px;
	font-family: "open-sans-regular";
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #cfc7b8;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-block-1 ul li a:hover,
.footer-main-block-2 ul li a:hover,
.footer-main-block-3 ul li a:hover {
	color: #e4b764;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-block-1 {
	width: 200px;
	flex-basis: 200px;
	padding: 0px;
	margin: 0px 0px 0px 3%;
}
.footer-main-block-2 {
	width: 200px;
	flex-basis: 200px;
}
.footer-main-block-3 {
	width: 200px;
	flex-basis: 200px;
}
.footer-main-block-4 {
	width: 270px;
	flex-basis: 270px;
	padding: 0px;
	margin: 0px 2.5% 0px 0px;
}
.footer-main-block-5 {
	width: 225px;
	flex-basis: 225px;
	padding: 0px;
	margin: 0px 2% 0px 0px;
}
.footer-main-block-5 h3,
.footer-main-block-5 h4 {
	margin: 0px;
	padding: 36px 0px 10px 0px;
	font-family: "open-sans-bold";
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #e4b764;
	text-decoration: none;
}
#footer-main-mailing {
	width: 100%;
	flex-basis: 100%;
	padding: 0px;
	margin: 7px 0px 0px 0px;
	border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-main-mailing:hover {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.18);
	-moz-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.18);
	box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.18);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-main-mailing form{
	color:#fff;
	font-size:11px;
}
#footer-main-mailing .show_form_all_fields {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}


#footer-main-mailing .form_accept_area a{
	color:#fff;
}

#footer-main-mailing form input.form_field_one {
	width: 100%;
	flex-basis: 100%;
	height: 40px;
	/* слева воздух, справа место под кнопку-стрелку (она 39px, absolute);
	   раньше padding был нулевой и текст лип к самой рамке */
	padding: 0px 47px 0px 14px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	flex-wrap: wrap;
	border:1px solid #e4b764;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#footer-main-mailing form input.form_field_one1 {
	padding: 5px 5%;
	width: 50%;
	flex-basis: 50%;
	border: none;
	background: none;
	font-family: "open-sans-regular";
	font-weight: normal;
	font-size: 13px;
	color: #757575;
}
#footer-main-mailing form input.form_field_one::placeholder {
	font-family: "open-sans-regular";
	font-weight: normal;
	font-size: 13px;
	color: #757575;
}
#footer-main-mailing form a.main_form_send {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	flex-shrink: 0;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	/* кнопка золотая и в покое, и при наведении: тёмная заливка совпадала
	   с фоном подвала, и кнопка пропадала. При наведении просто темнее
	   оттенок золота — видно, что нажимается, но кнопка не исчезает */
	background: linear-gradient(270deg, #e4b764 0%, #e8bf6d 100%);
	border: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	top: 0;
	right:0;
}
#footer-main-mailing form a.main_form_send:hover {
	opacity: 1.0;
	background: linear-gradient(270deg, #c99338 0%, #d9a94f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-main-mailing form a img {
	display: none;
}
#footer-main-mailing form a.main_form_send::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171310' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='12' x2='20' y2='12'/><polyline points='13 5 20 12 13 19'/></svg>") no-repeat center / contain;
}
#footer-main-mailing form input:focus,
#footer-main-mailing form input:hover,
#footer-main-mailing form input:active {
	outline: 0;
	outline-offset: 0;
}
.footer-main-block-4 h4 {
	margin: 0px;
	padding: 36px 0px 17px 0px;
	font-family: "open-sans-bold";
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #e4b764;
	text-decoration: none;
}
#footer-main-soc {
	padding: 0px;
	margin: 0px;
}
#footer-main-soc ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#footer-main-soc ul li {
	width: 40px;
	flex-basis: 40px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}
#footer-main-soc ul li a {
	display: block;
	width: 100%;
	flex-basis: 100%;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-main-soc ul li a:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-main-soc ul li a img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.footer-main-phone {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0px;
	margin: 12px 0px 20px 0px;
}
.footer-main-phone img {
	width: 12px;
	height: auto;
	display: block;
	padding: 0px;
	/* 2 + 12 + 20 = 34px - столько же, сколько у почты и адреса
	   (16 + 18), чтобы три строки начинались по одной вертикали */
	margin: 0px 20px 0px 2px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.footer-main-phone a {
	padding: 0px;
	margin: 0px;
	font-family: "open-sans-bold";
	font-size: 14px;
	line-height: 18px;
	color: #e4b764;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-phone a:hover {
	opacity: 0.7;
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-phone-hours {
	width: 100%;
	flex-basis: 100%;
	padding: 4px 0px 0px 0px;
	/* было 30px - часы начинались на 2px левее самого номера */
	margin: 0px 0px 0px 34px;
	font-family: "open-sans-regular";
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #9a9285;
}
.footer-main-mail {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.footer-main-mail img {
	width: 16px;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px 18px 0px 0px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.footer-main-mail a {
	padding: 0px;
	margin: 0px;
	font-family: "open-sans-regular";
	font-size: 14px;
	line-height: 22px;
	color: #cfc7b8;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-mail a:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-address {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.footer-main-address img {
	width: 16px;
	height: auto;
	display: block;
	padding: 0px;
	margin: 5px 18px 0px 0px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.footer-main-address span {
	padding: 0px;
	margin: 0px;
	/* Без этих двух строк длинный адрес не помещался рядом с иконкой,
	   flex-wrap переносил его целиком на следующую строку, и текст
	   начинался под значком, а не справа от него. flex: 1 1 0 разрешает
	   блоку сжаться, min-width: 0 снимает запрет сжиматься уже
	   содержимого - тогда переносится сам текст, внутри своей колонки. */
	flex: 1 1 0;
	min-width: 0;
	font-family: "open-sans-regular";
	font-size: 14px;
	line-height: 22px;
	color: #cfc7b8;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-main-address span:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#footer-law {
	width: 96%;
	max-width: 1600px;
	padding: 0px;
	margin: 0px auto;
}
#footer-law-container {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 125px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-top: 1px solid #2a221d;
}
.footer-law-block-1 {
	padding: 0px;
	margin: 0px;
	font-family: "open-sans-regular";
	font-size: 14px;
	line-height: 22px;
	color: #9a9285;
}
.footer-law-block-2 {
	width: 150px;
	height: 50px;
	padding: 6px 10px;
	margin: 0px 0px 0px 19%;
	text-decoration: none;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-sizing: border-box;
}
.footer-law-block-2 img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.footer-law-block-3 {
	padding: 0px;
	margin: 0px 0px 0px auto;
	font-family: "open-sans-regular";
	font-size: 14px;
	line-height: 22px;
	color: #9a9285;
}
.footer-law-block-3 a {
	color: #e4b764;
	font-family: "open-sans-regular";
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.footer-law-block-3 a:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
/* ============================================================
   Форма «Заказать звонок».
   Разметку не трогаем: строки таблицы генерирует движок из секции
   [show-form-fields], она общая для всплывающей и встроенной формы.
   Поэтому всё лечится стилями.
   ============================================================ */

/* Само окно */
#show_form {
	position: fixed;
	left: 50%;
	top: 100px;
	width: 360px;
	max-width: calc(100% - 32px);
	max-height: calc(100vh - 130px);
	overflow-y: auto;
	margin: 0px 0px 0px -180px;
	transform: translateX(0px);
	padding: 0px;
	border: none!important;
	background: #ffffff;
	z-index: 41;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	-webkit-box-shadow: 0px 24px 60px -18px rgba(20, 16, 12, 0.45);
	-moz-box-shadow: 0px 24px 60px -18px rgba(20, 16, 12, 0.45);
	box-shadow: 0px 24px 60px -18px rgba(20, 16, 12, 0.45);
}
#show_form .show_form_inner,
.show_form_page .show_form_inner {
	padding: 24px 26px 26px 26px;
	box-sizing: border-box;
}
#show_form h1,
.show_form_page h1 {
	padding: 0px 34px 0px 0px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	font-family: "geologica-medium";
	font-size: 19px;
	line-height: 25px;
	color: #171310;
}

/* Крестик: был голой буквой X, стал кружком с зоной нажатия 32px */
#show_form_close {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 1;
	color: #8a8175;
	background: #f6f2ea;
	border-radius: 50%;
	text-decoration: none;
	z-index: 100000;
	/* в шаблоне стоит заглавная буква X — прячем её и рисуем настоящий
	   знак умножения, он ровнее садится в кружок. Текст остаётся
	   в разметке, его читает программа для незрячих. */
	font-size: 0px;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
}
#show_form_close:before {
	content: "\00d7";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	display: block;
}
#show_form_close:hover {
	color: #ffffff;
	background: #171310;
}

/* Таблица движка разворачивается в столбик: подпись над полем.
   В две колонки длинная подпись вроде «Удобное время звонка»
   переносилась на две строки, сжимала колонку с полем, и строки
   разъезжались по высоте. В столбик ширина подписи ни на что
   не влияет — работает с любым числом полей и любыми названиями. */
#show_form .show_form_table,
#show_form .show_form_table tbody,
#show_form .show_form_table tr,
#show_form .show_form_table th,
#show_form .show_form_table td,
.show_form_page .show_form_table,
.show_form_page .show_form_table tbody,
.show_form_page .show_form_table tr,
.show_form_page .show_form_table th,
.show_form_page .show_form_table td {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
#show_form .show_form_table tr,
.show_form_page .show_form_table tr {
	margin: 0px 0px 16px 0px;
}
#show_form .show_form_table th,
.show_form_page .show_form_table th {
	padding: 0px 0px 7px 0px;
	text-align: left;
	font-family: "geologica-regular";
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #6b6259;
}
#show_form .show_form_table th p,
#show_form .show_form_table td p,
.show_form_page .show_form_table th p,
.show_form_page .show_form_table td p {
	padding: 0px;
	margin: 0px;
}
#show_form .show_form_text,
.show_form_page .show_form_text {
	font-size: 12px;
	line-height: 16px;
	color: #9a9285;
}
#show_form .show_form_table input,
#show_form .show_form_table textarea,
.show_form_page .show_form_table input,
.show_form_page .show_form_table textarea {
	width: 100%;
	height: 46px;
	padding: 0px 14px;
	margin: 0px;
	box-sizing: border-box;
	font-family: "geologica-regular";
	font-size: 15px;
	color: #171310;
	background: #ffffff;
	border: 1px solid #ded5c6!important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
	-webkit-transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
	-moz-transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
	-ms-transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
	-o-transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
#show_form .show_form_table textarea,
.show_form_page .show_form_table textarea {
	height: 104px;
	padding: 12px 14px;
	resize: vertical;
}
#show_form .show_form_table input::placeholder,
#show_form .show_form_table textarea::placeholder,
.show_form_page .show_form_table input::placeholder,
.show_form_page .show_form_table textarea::placeholder {
	color: #a79e93;
}
#show_form .show_form_table input:hover,
#show_form .show_form_table textarea:hover,
.show_form_page .show_form_table input:hover,
.show_form_page .show_form_table textarea:hover {
	border-color: #c9bfae!important;
}
#show_form .show_form_table input:focus,
#show_form .show_form_table textarea:focus,
.show_form_page .show_form_table input:focus,
.show_form_page .show_form_table textarea:focus {
	outline: 0;
	outline-offset: 0;
	border-color: #e4b764!important;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
	-moz-box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
	box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
}

/* Кнопка — золотая, как «Показать ещё» на главной. Была чёрная 100px,
   на фоне золотых полей читалась как второстепенная. */
#show_form .show_form_send,
.show_form_page .show_form_send {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0px;
	font-family: "geologica-light";
	font-size: 17px;
	color: #171310!important;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%)!important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#show_form .show_form_send:hover,
.show_form_page .show_form_send:hover {
	background: linear-gradient(90deg, #171310 0%, #2a221d 100%)!important;
	color: #ffffff!important;
}

/* ============================================================
   «Вопрос-ответ» и «Отзывы».
   Обе страницы собраны из одного набора классов: слева список,
   справа карточка с формой. На экране уже 1000px - одна колонка,
   форма сверху, список под ней (как было до правки).
   ============================================================ */
.inner-feedback {
	padding: 0px;
	margin: 0px auto;
	width: 90%;
	max-width: 1600px;
}
#inner-feedback-container {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.inner-feedback h1 {
	padding: 7px 0px 26px 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 32px;
	color: #2d2d2d;
	font-weight: normal;
	text-transform: none;
}
/* 1180px - предел ширины: дальше строки ответов становятся
   слишком длинными, глазу тяжело возвращаться к началу строки */
.fb-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 40px;
	align-items: start;
	width: 100%;
	max-width: 1180px;
	padding: 0px 0px 50px 0px;
	margin: 0px;
}
/* порядок в разметке - форма, потом список; на широком экране
   раскладываем явно, чтобы список оказался слева */
.fb-main {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
}
.fb-aside {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}
.fb-card {
	width: 100%;
	box-sizing: border-box;
	padding: 24px 24px 20px 24px;
	margin: 0px;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	-webkit-box-shadow: 0px 10px 30px -18px rgba(23, 19, 16, 0.35);
	-moz-box-shadow: 0px 10px 30px -18px rgba(23, 19, 16, 0.35);
	box-shadow: 0px 10px 30px -18px rgba(23, 19, 16, 0.35);
}
#feedback_form_0 h4,
#faq_form_0 h4 {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	font-family: "geologica-medium";
	font-size: 19px;
	line-height: 24px;
	color: #171310;
	font-weight: normal;
	text-transform: none;
}
.fb-card-note {
	padding: 0px;
	margin: 0px 0px 18px 0px;
	font-family: "open-sans-regular";
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #9a9285;
}
/* сообщение после отправки: пока пустое - его не видно */
#inner-feedback-form-alert {
	padding: 14px 16px;
	margin: 0px 0px 16px 0px;
	background: #f4f8f4;
	border: 1px solid #cfe1cf;
	border-radius: 12px;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 21px;
	color: #2f5d34;
}
#inner-feedback-form-alert:empty {
	display: none;
}
#feedback_form_0 .catalog_user_data,
#faq_form_0 .catalog_user_data {
	padding: 0px;
	margin: 0px;
	/* та же форма стоит на карточке товара, во вкладке «Задать вопрос»,
	   а там места намного больше - без ограничения поля растянулись бы
	   на всю ширину вкладки */
	max-width: 520px;
	border: none;
}
.inner-feedback-block {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 14px 0px;
}
.inner-feedback-block label {
	display: block;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	color: #6b6259;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 16px;
}
/* только текстовые поля: кнопка «Отправить» - тоже input,
   и общее правило красило бы и её */
.inner-feedback .inner-feedback-block input[type="text"],
.inner-feedback .inner-feedback-block textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 44px;
	padding: 0px 14px;
	margin: 0px;
	color: #171310;
	font-family: "geologica-regular";
	font-size: 15px;
	background: #ffffff;
	border: 1px solid #ded5c6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
	-webkit-transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
.inner-feedback .inner-feedback-block textarea {
	height: 112px;
	padding: 11px 14px;
	line-height: 21px;
	resize: none;
}
.inner-feedback .inner-feedback-block input[type="text"]:focus,
.inner-feedback .inner-feedback-block textarea:focus {
	outline: none;
	outline-offset: 0;
	border-color: #e4b764;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
	-moz-box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
	box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.25);
}
.inner-feedback-block input:active,
.inner-feedback-block input:hover,
.inner-feedback-block textarea:active,
.inner-feedback-block textarea:hover {
	outline: 0;
	outline-offset: 0;
}
/* капча и поле кода - в одну строку, одной высоты */
.inner-feedback-block-code .fb-code-row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.inner-feedback-block-code img.captcha {
	display: block;
	width: 120px;
	height: 44px;
	flex: 0 0 auto;
	object-fit: cover;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	border: 1px solid #ded5c6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.inner-feedback .inner-feedback-block-code input.pkod[type="text"],
#faq_form_0 .inner-feedback-block-code input.pkod[type="text"] {
	width: auto;
	flex: 1 1 auto;
	min-width: 0px;
	height: 44px;
	padding: 0px 14px;
	margin: 0px;
	float: none;
	color: #171310;
	font-family: "geologica-regular";
	font-size: 15px;
	border: 1px solid #ded5c6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.inner-feedback .inner-feedback-block-send,
#faq_form_0 .inner-feedback-block-send {
	margin: 0px;
}
/* главное действие на сайте всегда золотое - так же выглядят
   «Отправить» в форме звонка и стрелка подписки в подвале */
.inner-feedback .inner-feedback-block-send input,
#faq_form_0 .inner-feedback-block-send input {
	display: block;
	width: 100%;
	max-width: 360px;
	box-sizing: border-box;
	height: 48px;
	padding: 0px;
	margin: 0px;
	background: linear-gradient(270deg, #e4b764 0%, #e8bf6d 100%);
	font-family: "geologica-medium";
	font-size: 15px;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	cursor: pointer;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.inner-feedback .inner-feedback-block-send input:hover,
#faq_form_0 .inner-feedback-block-send input:hover {
	background: linear-gradient(270deg, #c99338 0%, #d9a94f 100%);
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
/* ---------- список вопросов и отзывов ---------- */
.inner-feedback .inner-feedback-list {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}
.inner-feedback-list .one-question {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 22px;
	margin: 0px 0px 14px 0px;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
}
/* ответы на отзывы - со ступенькой */
.inner-feedback-list .one-question.sub_question {
	margin-left: 26px;
}
.one-question-head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
/* кружок с первой буквой имени. Букву считает PHP и отдаёт
   в %initial% - в шаблоне взять первую букву нечем, а CSS
   умеет только ::first-letter внутри самого текста. */
.one-question-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: linear-gradient(135deg, #f0cf94 0%, #e4b764 100%);
	font-family: "geologica-medium";
	font-size: 17px;
	line-height: 1;
	color: #171310;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* имени нет (или в ядре ещё нет %initial%) - кружка тоже нет */
.one-question-avatar:empty {
	display: none;
}
/* ответ магазина в ветке отзыва - кружок тёмный, чтобы отличался
   от кружка покупателя */
.one-question.sub_question .one-question-avatar {
	background: linear-gradient(135deg, #2a221d 0%, #171310 100%);
	color: #e4b764;
}
.one-question-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0px;
}
.one-question-author {
	font-family: "geologica-medium";
	font-size: 15px;
	line-height: 20px;
	color: #171310;
}
/* имени может не быть - тогда не оставляем пустой отступ */
.one-question-author:empty {
	display: none;
}
.one-question-date {
	padding: 0px;
	margin: 0px;
	background: none;
	width: auto;
	font-family: "open-sans-regular";
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	color: #9a9285;
}
.one-question-question {
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: "geologica-regular";
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #171310;
}
.one-question-question p {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	color: #171310;
}
.one-question-question p:last-child {
	margin-bottom: 0px;
}
/* ответ магазина - отдельным блоком, чтобы не путался с вопросом */
.one-question-answer {
	padding: 14px 16px 14px 17px;
	margin: 14px 0px 0px 0px;
	border: none;
	border-left: 3px solid #e4b764;
	border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	background: #faf7f1;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 22px;
	text-align: left;
	color: #4a443d;
}
/* ответа может не быть - тогда блока нет вовсе */
.one-question-answer:empty {
	display: none;
}
.one-question-answer:before {
	content: "Ответ магазина";
	display: block;
	padding: 0px;
	margin: 0px 0px 6px 0px;
	font-family: "geologica-medium";
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #c99338;
}
.one-question-answer p {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	color: #4a443d;
}
.one-question-answer p:last-child {
	margin-bottom: 0px;
}
/* ---------- вкладки на карточке товара ---------- */
/* «Оплата» и «Доставка»: короткая выжимка из одноимённых страниц,
   плашками. Полные условия - по ссылке под плашками. */
.one-info-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 16px;
	padding: 0px;
	margin: 6px 0px 18px 0px;
}
.one-info-block {
	padding: 18px 20px;
	margin: 0px;
	background: #faf7f1;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
}
.one-info-block h4 {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-family: "geologica-medium";
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	text-transform: none;
	color: #171310;
}
.one-info-block p {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 21px;
	color: #5c564e;
}
.one-info-note {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 21px;
	color: #7a736a;
}
.one-info-note a {
	color: #171310;
	text-decoration: none;
	border-bottom: 1px solid #e4b764;
}
.one-info-note a:hover {
	color: #c99338;
}
/* «Отзывы»: своих отзывов у товара движок не хранит, поэтому честная
   заглушка со ссылкой на общий раздел вместо выдуманных отзывов */
.fb-empty {
	padding: 26px 24px;
	margin: 0px;
	background: #faf7f1;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
}
.fb-empty-title {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-family: "geologica-medium";
	font-size: 17px;
	line-height: 23px;
	color: #171310;
}
.fb-empty p {
	padding: 0px;
	margin: 0px 0px 16px 0px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 21px;
	color: #5c564e;
}
.fb-empty-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0px 22px;
	margin: 0px;
	background: linear-gradient(270deg, #e4b764 0%, #e8bf6d 100%);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	font-family: "geologica-medium";
	font-size: 15px;
	color: #171310;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
}
.fb-empty-link:hover {
	background: linear-gradient(270deg, #c99338 0%, #d9a94f 100%);
	color: #171310;
}
/* «Задать вопрос»: слева форма, справа отсылка к общему разделу */
.fb-ask {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 30px;
	align-items: start;
	width: 100%;
}
.fb-ask > #inner-feedback-form-alert {
	grid-column: 1 / -1;
	grid-row: 1;
}
.fb-ask > .fb-card {
	grid-column: 1;
	grid-row: 2;
}
.fb-ask > .fb-ask-side {
	grid-column: 2;
	grid-row: 2;
	padding: 22px;
	background: #faf7f1;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
}
.fb-ask-side-title {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-family: "geologica-medium";
	font-size: 16px;
	line-height: 22px;
	color: #171310;
}
.fb-ask-side p {
	padding: 0px;
	margin: 0px 0px 16px 0px;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 21px;
	color: #5c564e;
}
/* кнопка «Поделиться»: ширина по содержимому - подпись меняется
   на «Ссылка скопирована» и в прежние 165px не помещалась.
   Селектор с родителем - потому что правило с width: 165px стоит
   в файле ниже этого места, и по весу его надо перебить. */
.inner-catalog-one-description .catalog-one-description-link {
	width: fit-content;
	min-width: 165px;
}
.inner-catalog-one-description .catalog-one-description-link h4 {
	white-space: nowrap;
}
.catalog-one-description-link a {
	cursor: pointer;
}
.catalog-one-description-link-done {
	border-color: #e4b764;
}
.inner-catalog-one-description .catalog-one-description-link-done h4 {
	font-size: 13px;
	color: #c99338;
}
@media screen and (max-width: 1000px) {
	.fb-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
		max-width: none;
		padding: 0px 0px 30px 0px;
	}
	.fb-aside {
		grid-column: 1;
		grid-row: 1;
	}
	.fb-main {
		grid-column: 1;
		grid-row: 2;
	}
	.fb-card {
		padding: 20px 18px 18px 18px;
	}
	.inner-feedback-list .one-question {
		padding: 18px 16px;
	}
	.inner-feedback-list .one-question.sub_question {
		margin-left: 14px;
	}
	.fb-ask {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
	.fb-ask > .fb-card {
		grid-column: 1;
		grid-row: 2;
	}
	.fb-ask > .fb-ask-side {
		grid-column: 1;
		grid-row: 3;
	}
}
#main.main-inner {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#main.main-inner .tetext {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#main.main-inner .tetext .static {
	width: 90%;
	padding: 40px 0px;
	margin: 0px auto;
	max-width: 1600px;
	font-family: "geologica-regular";
	font-size: 16px;
	font-weight: normal;
	color: #222222;
}
#main.main-inner .tetext .static h1 {
	font-family: "geologica-bold";
	font-size: 30px;
	color: #2d2d2d;
	text-transform: none;
}
#main.main-inner .tetext .static h2 {
	font-family: "geologica-bold";
	font-size: 25px;
	color: #2d2d2d;
	text-transform: none;
}
#main.main-inner .tetext .static h3 {
	font-family: "geologica-bold";
	font-size: 25px;
	color: #2d2d2d;
	text-transform: none;
}
#inner-catalog-all-cats {
	width: 90%;
	padding: 0% 0px 60px 0px;
	margin: 0% auto;
	max-width: 1600px;
}
#inner-catalog-all-cats h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 33px;
	color: #333;
	font-weight: normal;
	text-transform: none;
}
.inner-pathway {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 22px 0px;
	margin: 0px 0px;
}
.inner-pathway a {
	display: block;
	padding: 5px 0px;
	margin: 0px 0px;
	text-decoration: none;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: 20px;
	color: #949494;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.inner-pathway a:hover {
	color: #000000;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.inner-pathway .inner-pathway-separator {
	display: block;
	padding: 5px 0px;
	margin: 0px 10px;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: 20px;
	color: #949494;
}
#inner-catalog-cat {
	width: 90%;
	padding: 0% 0px 60px 0px;
	margin: 0% auto;
	max-width: 1600px;
}
#inner-catalog-cat-container {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#catalog-cat-sidebar {
	width: 20%;
	flex-basis: 20%;
	padding: 0px;
	margin: 0px;
}
#catalog-cat-sidebar-container {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#catalog-cat-sidebar-scroll {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#catalog-cat-sidebar h3 {
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 15px 0px;
	color: #e8e8e8;
	font-family: "geologica-medium";
	font-size: 16px;
	line-height: 24px;
	color: #2d2d2d;
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px solid #e8e8e8;
}
.catalog-cat-sidebar-categories {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.catalog-cat-sidebar-categories ul {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.catalog-cat-sidebar-categories ul li a {
	width: 77%;
	flex-basis: 77%;
	display: block;
	padding: 19px 11.5%;
	margin: 0px 0px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-categories ul li a:hover {
	background-color: #f2f2f2;
	color: #000000;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}

.catalog-cat-sidebar-categories ul li.active a {
	background-color: #f2f2f2;
	color: #000000;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-sidebar-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.catalog-cat-sidebar-list-block {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.catalog-cat-sidebar-list-block-title {
	padding: 9.5px 0% 10px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "geologica-medium";
	font-size: 15px;
	line-height: 24px;
	color: #2d2d2d;
	cursor: pointer;
	text-transform: none;
	font-weight: normal;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-list-block-title:hover {
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-list-block-title span {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	background: url("/themes/default/images/catalog-cat-sidebar-list-block-title-active-3x.png") no-repeat 100% 50%;
	background-size: 9px;
}
.catalog-cat-sidebar-list-block.active .catalog-cat-sidebar-list-block-title span {
	background: url("/themes/default/images/catalog-cat-sidebar-list-block-title-3x.png") no-repeat 100% 50%;
	background-size: 9px;
}
.catalog-cat-sidebar-buttons {
	width: 100%;
	padding: 20px 0px 30px 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.catalog-cat-sidebar-button {
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
}
.catalog-cat-sidebar-button-1 {
	width: 45%;
	height: 35px;
	display: flex;;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #757575;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-button-1:hover {
	color: #000;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-button-2 {
	width: 55%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #171310;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	padding: 0px;
	margin: 0px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.catalog-cat-sidebar-button-2:hover {
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-cat-sidebar-list-block-content-checkboxes {
	width: 100%;
	padding: 5px 0px 7px 0px;
	margin: 0px;
}
.catalog-cat-sidebar-list-block-content-checkboxes label {
	display: inline-block;
	padding: 0px;
	cursor: pointer;
	margin: 0px 5px 10px 0px;
}
.catalog-cat-sidebar-list-block-content-checkboxes label input {
	display: none;
	cursor: pointer;
}
.catalog-cat-sidebar-list-block-content-checkboxes label span {
	display: inline-block;
	padding: 5px 10px;
	margin: 0px 0px;
	font-family: "geologica-regular";
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #2d2d2d;
	background: #F4F4F4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.catalog-cat-sidebar-list-block-content-checkboxes label span:hover {
	color: #2d2d2d;
	background: #f3efef;
}
.catalog-cat-sidebar-list-block-content-checkboxes label input:checked + span {
	background: #2d2d2d;
	color: #171310;
	background: #171310;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
}
.catalog-cat-sidebar-list-block-content {
	display: none;
}
.catalog-cat-sidebar-list-block.active .catalog-cat-sidebar-list-block-content {
	display: block;
}
.catalog-cat-sidebar-list-block-content-slider {
	width: 100%;
	padding: 5px 0px 7px 0px;
	margin: 0px;
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-handle > i:first-child {
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	background: #FFFFFF;
	box-shadow: 0px 3px 10px 1px #00000059;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-handle > i:first-child:hover,
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-handle.state_hover > i:first-child {
	background: #e4b764;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-bar {
	top: 30px;
	height: 3px;
	background-color: #e4b764;
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-line {
	top: 30px;
	height: 3px;
	background: #dddddd;
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-from,
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-to,
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-single {
	background-color: #171310;
}
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-from::before,
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-to::before,
.catalog-cat-sidebar-list-block-content-slider .irs--flat .irs-single::before {
	border-top-color: #171310;
}
/* Избранное (/wish-list). На страницах каталога верхний отступ даёт
   блок хлебных крошек, здесь его нет — задаём тот же отступ, что у
   статических страниц (40px), иначе заголовок прилипает к шапке. */
/* Селектор с id: у #inner-catalog-cat задан padding одной записью,
   и id перебивал бы любое число классов — отступ сверху обнулялся. */
#inner-catalog-cat.inner-wishlist {
	padding-top: 40px;
}
.inner-wishlist .cabinet-title {
	padding: 0px 0px 22px 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	color: #2d2d2d;
	text-transform: none;
}
.inner-wishlist .cabinet-nav {
	margin: 0px 0px 34px 0px;
}
.inner-wishlist #catalog-cat-content h1 {
	padding-top: 0px;
}
/* ============================================================
   Левая колонка каталога: фильтр и список категорий.
   Раньше блоки лежали на фоне страницы без подложки, а кнопки
   «Сбросить»/«Применить» висели в пустоте отдельно от фильтра.
   Разметку не трогаем — форма #filter_left уже цельный блок.
   ============================================================ */
#catalog-cat-sidebar #filter_left {
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 22px 0px;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	box-sizing: border-box;
}
#catalog-cat-sidebar h3 {
	margin: 0px 0px 2px 0px;
	padding: 18px 0px 14px 0px;
	font-family: "geologica-medium";
	font-size: 17px;
	line-height: 24px;
	color: #171310;
	font-weight: normal;
	text-transform: none;
	border-bottom: 1px solid #ece7dd;
}
/* разделитель — верхней рамкой начиная со второго блока: при нижней
   рамке линия висела и под единственным блоком (например, когда в
   категории остаётся только «Цена») */
#catalog-cat-sidebar .catalog-cat-sidebar-list-block + .catalog-cat-sidebar-list-block {
	border-top: 1px solid #f6f2ea;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block-title {
	padding: 13px 0px 13px 0px;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block.active .catalog-cat-sidebar-list-block-title {
	color: #171310;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block-content {
	padding: 0px 0px 8px 0px;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block-content-checkboxes label span {
	background: #f6f2ea;
	color: #525252;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block-content-checkboxes label span:hover {
	background: #f0e8d8;
	color: #171310;
}
/* выбранное значение фильтра. Селектор с #catalog-cat-sidebar выше по
   весу, чем правило :checked + span ниже по файлу (id бьёт классы),
   поэтому подсветку выбора нужно повторить с той же специфичностью —
   иначе плашка не реагирует на клик */
#catalog-cat-sidebar .catalog-cat-sidebar-list-block-content-checkboxes label input:checked + span {
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
}
/* Пустой блок фильтра. В категориях без заполненных характеристик
   движок всё равно отдаёт одну запись без данных: %title% и %name%
   не находятся и молча исчезают, остаётся кликабельная строка с
   пустым заголовком и пустым списком значений. Прячем два случая:
   блок с пустым именем поля (class оканчивается на «-») и любой блок,
   у которого контейнер значений пуст. Блок «Цена» свёрстан отдельно
   и под эти правила не попадает. */
#catalog-cat-sidebar .catalog-cat-sidebar-list-block[class$="catalog-cat-sidebar-list-block-"] {
	display: none;
}
#catalog-cat-sidebar .catalog-cat-sidebar-list-block:has(.catalog-cat-sidebar-list-block-content-checkboxes:empty) {
	display: none;
}
#catalog-cat-sidebar .catalog-cat-sidebar-buttons {
	padding: 18px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
	justify-content: space-between;
	border-top: 1px solid #ece7dd;
}
#catalog-cat-sidebar .catalog-cat-sidebar-button-1 {
	width: 47%;
	height: 42px;
	color: #7a7264;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
}
#catalog-cat-sidebar .catalog-cat-sidebar-button-1:hover {
	color: #171310;
	border-color: #e4b764;
}
#catalog-cat-sidebar .catalog-cat-sidebar-button-2 {
	width: 47%;
	height: 42px;
	box-sizing: border-box;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories {
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	overflow: hidden;
	box-sizing: border-box;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li a {
	position: relative;
	width: 100%;
	flex-basis: auto;
	padding: 14px 18px;
	margin: 0px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #f6f2ea;
	background: none;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 21px;
	color: #525252;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li:last-child a {
	border-bottom: none;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li a:hover,
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.active a {
	background: #fdfaf3;
	color: #171310;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.active a {
	font-family: "geologica-medium";
}
/* вкладки «Новинки», «Хиты продаж», «Распродажа и акции» в меню каталога:
   это не категории, поэтому выделены цветом и начертанием, а стык с
   обычными категориями отмечен чуть более тёмной линией */
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.catalog-cat-sidebar-extra a {
	font-family: "geologica-medium";
	color: #b8863c;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.catalog-cat-sidebar-extra a:hover {
	color: #171310;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.catalog-cat-sidebar-extra:nth-child(2) a,
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li:has(+ li.catalog-cat-sidebar-extra) a {
	border-bottom-color: #ece7dd;
}
#catalog-cat-sidebar .catalog-cat-sidebar-categories ul li.active a::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 3px;
	background: linear-gradient(180deg, #e8bf6d 0%, #e4b764 100%);
}
#catalog-cat-content {
	width: 78%;
	flex-basis: 78%;
	padding: 0px;
	margin: 0px;
}
#catalog-cat-content h1 {
	padding: 7px 0px 40px 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 32px;
	color: #2d2d2d;
	font-weight: normal;
	text-transform: none;
}
#catalog-cat-sorting {
	width: 100%;
	padding: 3px 0px 30px 0px;
	margin: 0px;
}
#catalog-cat-sorting ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0px 0px 0px 12px;
	padding: 0px;
}
#catalog-cat-sorting ul li {
	padding: 0px;
	margin: 0px;
}
#catalog-cat-sorting ul li a {
	padding: 0px 15px 0px 0px;
	margin: 0px 17px 5px 0px;
	font-family: "geologica-regular";
	font-weight: normal;
	font-size: 14px;
	color: #525252;
	background: url("/themes/default/images/catalog-cat-sorting-a-3x.png") no-repeat 100% 50%;;
	background-size: 8px;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-sorting ul li a:hover {
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-sorting ul li.active a {
	
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-list-more {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px;
}
#catalog-cat-list-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 50px;
	font-family: "geologica-regular";
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: #ffffff;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#catalog-cat-list-more a img {
	display: block;
	width: 30px;
	height: 30px;
	flex-basis: 30px;
	padding: 0px;
	margin: 0px;
}
#catalog-cat-list-more a span {
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
#catalog-cat-list-more a:hover {
	background: #f3f0f0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-list-pages {
	width: 100%;
	padding: 0px;
	margin: 20px 0px 40px 0px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
#catalog-cat-list-pages a {
	width: 32px;
	flex-basis: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px 3px 5px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-family: "geologica-bold";
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #2d2d2d;
	border-radius: 5px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-list-pages a:hover,
#catalog-cat-list-pages a.active {
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#catalog-cat-list .catalog-list-one {
	padding: 0px 0px 15px 0px;
}
#catalog-cat-list .catalog-list-one-img {
	padding: 0px 0px 0px 0px;
  	margin: 0% auto;
  	margin: 10px auto 12px auto;
	width: 88%;
}
#inner-catalog-one {
	width: 90%;
	padding: 0% 0px 60px 0px;
	margin: 0% auto;
	max-width: 1600px;
}
#inner-catalog-one h1 {
	padding: 0px 0px 26px 0px;
	margin: 0px;
	width: 100%;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 32px;
	color: #2d2d2d;
	font-weight: normal;
	text-transform: none;
}
#inner-catalog-one-container {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	/* рамка вокруг всей карточки осталась от прежней темы — убрана,
	   страница товара теперь устроена как страница категории */
	border: none;
}
/* правая колонка: заголовок над галереей и характеристиками,
   слева — то же меню категорий, что и в каталоге */
.inner-catalog-one-main {
	width: 78%;
	flex-basis: 78%;
	padding: 0px;
	margin: 0px 0px 0px 2%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.inner-catalog-one-galeries {
	width: auto;
	flex-basis: auto;
	max-width: 58%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#otherImgSwiper-container {
	position: relative;
	width: 55px;
	flex-basis: 55px;
	height: 315px;
	padding: 30px 0px;
	margin: 0px 35px;
	order: 1;
}
.otherImgSwiper {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.otherImgSwiper .swiper-wrapper {
}
.otherImgSwiper .swiper-slide {
}
.otherImgSwiper .swiper-slide-block {
	overflow: hidden;
	width: 50px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	border: 2px solid #ffffff;
	cursor: pointer;
}
.otherImgSwiper .swiper-slide.swiper-slide-thumb-active .swiper-slide-block {
	border: 2px solid #e4b764;
	cursor: pointer;
}
.otherImgSwiper .swiper-slide-block img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	padding: 0px;
	margin: 0px auto;
	display: block;
}
#otherImgSwiper-container .swiper-other-button-prev {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background: url("/themes/default/images/swiper-other-button-prev-3x.png") no-repeat 50% 50%;
	background-size: 15px;
	cursor: pointer;
	opacity: 1.0;
}
#otherImgSwiper-container .swiper-other-button-next {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 30px;
	background: url("/themes/default/images/swiper-other-button-next-3x.png") no-repeat 50% 50%;
	background-size: 15px;
	cursor: pointer;
	opacity: 1.0;
}
#otherImgSwiper-container .swiper-other-button-prev.swiper-button-disabled,
#otherImgSwiper-container .swiper-other-button-next.swiper-button-disabled {
	opacity: 0.7;
}
#oneImgSwiper-container {
	width: 500px;
	flex-basis: 500px;
	position: relative;
	padding: 0px;
	margin: 0px;
	order: 2;
}
.catalog-one-wish {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	flex-basis: 34px;
	height: 34px;
	padding: 0px;
	margin: 0px;
	background: #ffffffe1 url("/themes/default/images/catalog-one-wish-3x.png") no-repeat 50% 50%;
	background-size: 17px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: 2;
}
.catalog-one-wish.active,
.catalog-one-wish:hover {
	background: #ffffffe1 url("/themes/default/images/catalog-one-wish-active-3x.png") no-repeat 50% 50%;
	background-size: 17px;
}
#oneImgSwiper-container .swiper-pagination-one {
	position: relative;
	z-index: 3;
	bottom: 20px;
  	left: 0;
  	width: 100%;
	text-align: center;
}
#oneImgSwiper-container .swiper-slide a img,
#otherImgSwiper-container .swiper-slide .swiper-slide-block img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.oneImgSwiper,
.otherImgSwiper,
.moreSwiper {
	overflow: hidden;
}
.catalog-one-new {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0px 0px;
	padding: 5px 10px;
	background: #e4b764;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px 5px;
	width: 77px;
	height: 21px;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	color: #171310;
	text-transform: uppercase;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
	z-index: 2;
	text-decoration: none;
}
.inner-catalog-one-description {
	width: 36%;
	flex-basis: 36%;
	padding: 0px;
	margin: 0px 0px 0px 4%;
}
/* У колонки характеристик в default.css стоит overflow:hidden — старый
   клирфикс для флоатов. Он обрезал тень блока «цена и в корзину» справа
   и снизу, потому что блок упирается в край колонки. flow-root держит
   флоаты точно так же, но ничего не обрезает. */
#inner-catalog-one .inner-catalog-one-description {
	display: flow-root;
	overflow: visible;
}
.inner-catalog-one-description h3 {
	padding: 0px;
	margin: 0px 0px 12px 0px;
	font-family: "geologica-medium";
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #444444;
	text-transform: none;
}
.catalog-one-description-fields {
	width: 100%;
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 31px 0px;
	border-bottom: 1px solid #F2F2F2;
}
.catalog-one-description-field {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 7px 0px;
}
.catalog-one-description-field div {
	display: inline-block;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 18px;
	color: #888888;
	background-color: #ffffff;
	cursor: pointer;
}
.catalog-one-description-field div span {
	padding: 0px 10px 0px 5px;
	margin: 0px 0px;
}
.catalog-one-description-field p {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px 5px;
	margin: 3px 0px;
	color: #333333;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 18px;
}
.catalog-one-description-field .with-note {
	position: relative;
}
.catalog-one-description-field .with-note::before {
	content: "?";
	font-size: 11px;
	line-height: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 16px;
	flex-basis: 16px;
	height: 16px;
	border: 1px solid #E5E5E5;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.catalog-one-description-field em {
	display: none;
	position: absolute;
	width: 100px;
	bottom: 20px;
	left: 10px;
	margin: 0px;
	padding: 10px;
	background: #eeeeeeec;
	color: #333333;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
.catalog-one-description-field .with-note:hover em {
	display: block;
}
.catalog-one-description-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 165px;
	height: 40px;
	border:1px solid #F2F2F2;
	padding: 0px;
	margin: 0px 0px 31px 0px;
}
.catalog-one-description-link h4 {
	display: block;
	padding: 0px 20px;
	margin: 0px auto;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	text-transform: none;
	color: #222222;
}
.catalog-one-description-link a {
	width: 43px;
	flex-basis: 43px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-left: #f2f2f2 1px solid;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.catalog-one-description-link a img {
	display: block;
	height: auto;
	width: 14px;
	padding: 0px;
	margin: 0px;
}
.catalog-one-description-link a:hover {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.inner-catalog-one-additing {
	position: sticky;
	top: 20px;
	width: 100%;
	max-width: 240px;
	padding: 10px;
	/* зазор справа и снизу: блок упирался в край колонки вплотную,
	   и тень при прокрутке обрезалась с этих двух сторон */
	margin: 0px 6px 14px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
	z-index: 3;
}
.inner-catalog-one-additing.scrolled {
	background: #fafafad5;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
.inner-catalog-one-additing-price {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	color: #1d2029;
}
.inner-catalog-one-additing-available {
	padding: 17px 0px 17px 20px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	background: url("/themes/default/images/inner-catalog-one-additing-available-3x.png") no-repeat 0px 50%;
	background-size: 11px;
}
.inner-catalog-one-button {
	width: 127px;
	height: 40px;
	padding: 0px;
	margin: 10px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: none;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.inner-catalog-one-button:hover {
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
#inner-catalog-one-info {
	width: 100%;
	padding: 0px;
	margin: 30px 0px 20px 0px;
}
#inner-catalog-one-info-buttons {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#inner-catalog-one-info-buttons ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#inner-catalog-one-info-buttons ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 26px;
	margin: 0px;
	height: 55px;
	border: 1px solid #F2F2F2;
	font-family: "geologica-bold";
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	cursor: pointer;
}
#inner-catalog-one-info-buttons ul li.active {
	height: 53px;
	border: 1px solid #F2F2F2;
	border-top: 3px solid #e4b764;
	font-family: "geologica-bold";
	font-size: 14px;
	line-height: 20px;
	color: #171310;
	background-color: #ffffff;
}
.inner-catalog-one-panel {
	display: none;
}
.inner-catalog-one-panel.active {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 10px 0% 65px 0%;
	background: #ffffff;
	border-radius: 0px 38px 38px 38px;
	-webkit-border-radius: 0px 38px 38px 38px;
	-moz-border-radius: 0px 38px 38px 38px;
	-ms-border-radius: 0px 38px 38px 38px;
	-o-border-radius: 0px 38px 38px 38px;
}
.inner-catalog-one-info-panel-text {
	width: 80%;
	margin: 0px 0px;
	padding: 15px 3%;
	color: #616264;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 20px;
}
.inner-catalog-one-info-panel-params {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.inner-catalog-one-info-panel-params h3 {
	margin: 0px 0px;
	padding: 5px 3% 20px 3%;
	color: #383838;
	font-family: "geologica-bold";
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	text-transform: none;
}
.inner-catalog-one-info-panel-params-list {
	width: 76.5%;
	padding: 0px;
	margin: 0px;
}
.inner-catalog-one-info-panel-param {
	width: 100%;
	padding: 21px 0px;
	margin: 0px;
	min-height: 15px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #F2F2F2;
	color: #222222;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 18px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.inner-catalog-one-info-panel-param:nth-child(even) {
	background: #ffffff;
}
.inner-catalog-one-info-panel-param div {
	width: 42%;
	padding: 0px;
	margin: 0px 4%;
}
.inner-catalog-one-info-panel-param p {
	width: 44%;
	padding: 0px;
	margin: 0px 5% 0px 1%;
}
#inner-catalog-one-more-swiper {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	position: relative;
}
#inner-catalog-one-more-swiper h2 {
	margin: 0px 0px;
	padding: 26px 3% 15px 0%;
	color: #383838;
	font-family: "geologica-bold";
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	text-transform: none;
}
.inner-catalog-one-panel .inner-feedback {
	width: 100%;
}
.moreSwiper {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.moreSwiper .more-swiper-block {
	padding: 0px;
	margin: 0px;
}
.moreSwiper .more-swiper-block .catalog-list-one {
	width: 94%;
	padding: 0px 0px 15px 0px;
  	margin: 10px auto 10px auto;
}
.swiper-more-button-next {
	position: absolute;
	top: 20px;
	right: 0px;
	display: block;
	width: 31px;
	flex-basis: 31px;
	height: 33px;
	border:1px solid #e5e5e5;
	background: url("/themes/default/images/swiper-more-button-next-3x.png") no-repeat 50% 50%;
	background-size: 8px;
	cursor: pointer;
	opacity: 1.0;
}
.swiper-more-button-prev {
	position: absolute;
	top: 20px;
	right: 33px;
	display: block;
	width: 31px;
	flex-basis: 31px;
	height: 33px;
	border:1px solid #e5e5e5;
	background: url("/themes/default/images/swiper-more-button-prev-3x.png") no-repeat 50% 50%;
	background-size: 8px;
	cursor: pointer;
	opacity: 1.0;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.swiper-more-button-prev.swiper-button-disabled,
.swiper-more-button-next.swiper-button-disabled {
	opacity: 0.7;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#hits-on-main.inner-catalog-search h1 {
	padding: 2px 0px 27px 0px;
	margin: 0px auto;
	width: 98%;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 32px;
	color: #2d2d2d;
	font-weight: normal;
	text-transform: none;
}
#hits-on-main.inner-catalog-search {
	padding: 0px;
	margin: 0px 0px 30px 0px;
}
#inner-catalog-basket {
	width: 90%;
	padding: 0% 0px 60px 0px;
	margin: 0% auto;
	max-width: 1600px;
}
/* Удаление товара из корзины: вместо картинки delete.png — SVG-корзина */
#inner-catalog-basket a.delete {
	width: 36px;
	height: 36px;
	padding: 0px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #e3ddd2;
	border-radius: 50%;
	background: #ffffff;
	color: #8a8175;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#inner-catalog-basket a.delete svg {
	width: 19px;
	height: 19px;
	display: block;
	overflow: visible;
}
#inner-catalog-basket a.delete:hover {
	border-color: #e4b764;
	background: rgb(232,191,109);
	background: linear-gradient(90deg, rgba(232,191,109,1) 0%, rgba(228,183,100,1) 100%);
	color: #171310;
}
/* при наведении крышка чуть приподнимается */
#inner-catalog-basket a.delete .basket-del-lid {
	transform-box: fill-box;
	transform-origin: 50% 100%;
	transition: transform 0.2s ease;
}
#inner-catalog-basket a.delete:hover .basket-del-lid {
	transform: translateY(-1.6px) rotate(-9deg);
}
@media (prefers-reduced-motion: reduce) {
	#inner-catalog-basket a.delete,
	#inner-catalog-basket a.delete .basket-del-lid {
		transition: none;
	}
	#inner-catalog-basket a.delete:hover .basket-del-lid {
		transform: none;
	}
}
/* Кнопка «Заказать»: в default.css у input стоит float: right, */
/* а у обёртки нет ничего, что этот float удержит, — высота блока */
/* схлопывалась в ноль, и кнопка наезжала на подвал. */
.catalog_send_button {
	display: flow-root;
	width: 100%;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
.catalog_send_button:after {
	content: "";
	display: block;
	clear: both;
}
#inner-catalog-basket-container {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#inner-catalog-basket h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 33px;
	color: #333;
	font-weight: normal;
	text-transform: none;
}
.inner-catalog-one-info-panel-feedback-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.inner-catalog-one-info-panel-feedback-list-block {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dashed #dedefe;
}
.inner-catalog-one-info-panel-feedback-list-user {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0px;
	margin: 0px;
}
.inner-catalog-one-info-panel-feedback-list-name {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	color: #171310;
}
.inner-catalog-one-info-panel-feedback-list-date {
	color: #dedede;
}
.inner-catalog-one-info-panel-feedback-list-text {
	color: #616264;
}
@media screen and (max-width: 1900px) {
}
@media screen and (max-width: 1850px) {
}
@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1750px) {
}
@media screen and (max-width: 1700px) {
}
@media screen and (max-width: 1650px) {
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1450px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1350px) {
}
@media screen and (max-width: 1300px) {
	#header-top-menu-container,
	#header-main-container,
	#header-catalog-menu-container,
	#swiper-on-main,
	#swiper-on-main-mobile,
	#cats-on-main-container,
	#hits-on-main-container,
	#advantages-on-main-container,
	#footer-main,
	.inner-feedback,
	#main.main-inner .tetext .static,
	#inner-catalog-all-cats,
	#inner-catalog-cat,
	#inner-catalog-one,
	#inner-catalog-basket {
		width: 96%;
	}
	#footer-law-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#footer-law {
		width: 90%;
	}
	.footer-law-block-1,
	.footer-law-block-2,
	.footer-law-block-3 {
		padding: 0px;
		margin: 0px;
	}
	.footer-main-block-1,
	.footer-main-block-2,
	.footer-main-block-3,
	.footer-main-block-4,
	.footer-main-block-5 {
		width: auto;
		flex-basis: auto;
		padding: 0px;
		margin: 0px;
	}
}
@media screen and (max-width: 1250px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1000px) {
	/* на узких экранах шапку перестраивает style-mobile.css:
	   там у логотипа свои width/margin/order, поэтому возвращаем
	   его в поток, иначе он останется абсолютным поверх шапки */
	#header-main-logo {
		position: static;
		left: auto;
		top: auto;
	}
}

/* ============================================================
   Статические страницы (.static) — «О нас», «Оплата», «Доставка» и т.п.
   В теме были оформлены только h1/h2/h3, а глобальный сброс
   ul{list-style:none;padding:0} убивал маркеры списков. Здесь
   типографика содержимого: абзацы, списки, выделения, ссылки, таблицы.
   ============================================================ */
#main.main-inner .tetext .static h1 {
	margin: 0px 0px 22px 0px;
	padding: 0px;
	line-height: 38px;
}
#main.main-inner .tetext .static h2 {
	margin: 34px 0px 14px 0px;
	padding: 0px;
	line-height: 32px;
}
#main.main-inner .tetext .static h3 {
	margin: 26px 0px 12px 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 28px;
}
#main.main-inner .tetext .static p {
	padding: 0px;
	margin: 0px 0px 16px 0px;
	line-height: 25px;
}
/* ограничение длины строки — на широких мониторах текст не растягивается на всю ширину */
#main.main-inner .tetext .static h2,
#main.main-inner .tetext .static h3,
#main.main-inner .tetext .static p,
#main.main-inner .tetext .static ul,
#main.main-inner .tetext .static ol,
#main.main-inner .tetext .static blockquote {
	max-width: 1000px;
}
#main.main-inner .tetext .static strong,
#main.main-inner .tetext .static b {
	font-family: "geologica-medium";
	font-weight: normal;
	color: #171310;
}
#main.main-inner .tetext .static a {
	color: #b8863c;
	text-decoration: underline;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#main.main-inner .tetext .static a:hover {
	color: #171310;
	text-decoration: none;
}
#main.main-inner .tetext .static ul {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style: none;
}
#main.main-inner .tetext .static ul li {
	position: relative;
	padding: 0px 0px 0px 26px;
	margin: 0px 0px 10px 0px;
	line-height: 25px;
}
#main.main-inner .tetext .static ul li::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 6px;
	width: 7px;
	height: 7px;
	background: linear-gradient(135deg, #e8bf6d 0%, #e4b764 100%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
#main.main-inner .tetext .static ol {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style: none;
	counter-reset: static-ol;
}
#main.main-inner .tetext .static ol li {
	position: relative;
	padding: 0px 0px 0px 26px;
	margin: 0px 0px 10px 0px;
	line-height: 25px;
	counter-increment: static-ol;
}
#main.main-inner .tetext .static ol li::before {
	content: counter(static-ol) ".";
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: "geologica-medium";
	color: #b8863c;
}
#main.main-inner .tetext .static img {
	max-width: 100%;
	height: auto;
}
#main.main-inner .tetext .static iframe {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0px 0px 25px 0px;
	border: 1px solid #ece7dd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
/* выделенный блок-рамка внутри статической страницы: адрес, режим работы, важное */
#main.main-inner .tetext .static .info-box {
	width: 100%;
	max-width: 1000px;
	padding: 22px 26px;
	margin: 0px 0px 25px 0px;
	background: #fdfaf3;
	border: 1px solid #e4b764;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	box-sizing: border-box;
}
#main.main-inner .tetext .static .info-box p {
	max-width: none;
	margin: 0px 0px 12px 0px;
}
#main.main-inner .tetext .static .info-box p:last-child {
	margin: 0px;
}
/* блок-рамка с иконкой по смыслу: телефон, почта, адрес, ВК.
   Иконки — инлайновые SVG прямо в CSS, чтобы в тексте страницы
   в админке был только класс (визуальный редактор вырезает <svg>). */
#main.main-inner .tetext .static .info-box.ib-phone,
#main.main-inner .tetext .static .info-box.ib-mail,
#main.main-inner .tetext .static .info-box.ib-address,
#main.main-inner .tetext .static .info-box.ib-vk {
	position: relative;
	padding-left: 88px;
	min-height: 46px;
}
#main.main-inner .tetext .static .info-box.ib-phone::before,
#main.main-inner .tetext .static .info-box.ib-mail::before,
#main.main-inner .tetext .static .info-box.ib-address::before,
#main.main-inner .tetext .static .info-box.ib-vk::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 24px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 50%, 0% 0%;
	background-size: 22px 22px, 100% 100%;
}
#main.main-inner .tetext .static .info-box.ib-phone::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171310' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/></svg>"), linear-gradient(135deg, #e8bf6d 0%, #e4b764 100%);
}
#main.main-inner .tetext .static .info-box.ib-mail::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171310' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='M2 7l10 7 10-7'/></svg>"), linear-gradient(135deg, #e8bf6d 0%, #e4b764 100%);
}
#main.main-inner .tetext .static .info-box.ib-address::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171310' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>"), linear-gradient(135deg, #e8bf6d 0%, #e4b764 100%);
}
#main.main-inner .tetext .static .info-box.ib-vk::before {
	background-image: url("/themes/default/images/footer-main-soc-1-3x.png");
	background-size: 44px 44px;
	background-position: 50% 50%;
}
@media screen and (max-width: 600px) {
	#main.main-inner .tetext .static .info-box.ib-phone,
	#main.main-inner .tetext .static .info-box.ib-mail,
	#main.main-inner .tetext .static .info-box.ib-address,
	#main.main-inner .tetext .static .info-box.ib-vk {
		padding: 74px 18px 18px 18px;
	}
	#main.main-inner .tetext .static .info-box.ib-phone::before,
	#main.main-inner .tetext .static .info-box.ib-mail::before,
	#main.main-inner .tetext .static .info-box.ib-address::before,
	#main.main-inner .tetext .static .info-box.ib-vk::before {
		top: 18px;
		left: 18px;
	}
}
#main.main-inner .tetext .static blockquote {
	padding: 12px 0px 12px 22px;
	margin: 0px 0px 20px 0px;
	border-left: 3px solid #e4b764;
	color: #444444;
	font-style: normal;
}
#main.main-inner .tetext .static table {
	width: 100%;
	/* та же ширина, что у абзацев и блоков-рамок: без этого на широком
	   мониторе таблица уезжала на 300px правее текста */
	max-width: 1000px;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	border-collapse: collapse;
	font-size: 15px;
}
#main.main-inner .tetext .static table th {
	padding: 12px 14px;
	text-align: left;
	font-family: "geologica-medium";
	font-weight: normal;
	color: #171310;
	line-height: 22px;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	border: 1px solid #e4b764;
}
#main.main-inner .tetext .static table td {
	padding: 10px 14px;
	line-height: 22px;
	vertical-align: top;
	border: 1px solid #ece7dd;
}
#main.main-inner .tetext .static table tr:nth-child(even) td {
	background: #faf7f1;
}

/* ============================================================
   Личный кабинет: страницы /my-page, /my-orders (.cabinet)
   Раньше контент выводился без контейнера — прижимался к краю
   окна, а кнопки и вкладки доставались из старой темы (#cc614a).
   ============================================================ */
#main.main-inner .tetext .cabinet {
	width: 90%;
	max-width: 1600px;
	padding: 40px 0px 60px 0px;
	margin: 0px auto;
	font-family: "geologica-regular";
	font-size: 16px;
	color: #222222;
}
#main.main-inner .tetext .cabinet h1 {
	padding: 0px 0px 22px 0px;
	margin: 0px;
	font-family: "geologica-bold";
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	color: #2d2d2d;
	text-transform: none;
}
#main.main-inner .tetext .cabinet h2 {
	padding: 0px 0px 18px 0px;
	margin: 34px 0px 0px 0px;
	font-family: "geologica-bold";
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	color: #2d2d2d;
	text-transform: none;
}
.cabinet-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	border-bottom: 1px solid #ece7dd;
}
.cabinet-nav a,
.cabinet-nav span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0px 22px;
	margin: 0px 10px 8px 0px;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 20px;
	color: #525252;
	text-decoration: none;
	text-transform: none;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.cabinet-nav a:hover {
	color: #171310;
	border-color: #e4b764;
}
.cabinet-nav span {
	cursor: default;
}
/* .personal и .personal.active остались в default.css от старой темы:
   inline-block, uppercase, padding-bottom и vertical-align. Из-за
   display: inline-block активная вкладка переставала быть flex-боксом,
   align-items: center не работал и текст прилипал к верху плашки. */
.cabinet-nav a.active,
.cabinet-nav span.active {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #171310;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	border-color: #e4b764;
	padding-bottom: 0px;
	vertical-align: baseline;
	text-transform: none;
}
.cabinet-nav a.logout {
	margin: 0px 0px 8px auto;
	color: #8a8279;
}
.cabinet-nav a.logout:hover {
	color: #171310;
}
/* Форма кабинета лежит карточкой: без подложки на широком экране
   она висела в пустоте у левого края. */
#main.main-inner .tetext .cabinet .cabinet-form {
	width: 100%;
	max-width: 780px;
	padding: 26px 34px 32px 34px;
	margin: 30px 0px 0px 0px;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	box-shadow: 0px 4px 18px 0px rgba(34, 60, 80, 0.06);
}
#main.main-inner .tetext .cabinet .cabinet-form table.form-question {
	width: 100%;
	border-collapse: collapse;
}
#main.main-inner .tetext .cabinet .cabinet-form th {
	width: 38%;
	padding: 9px 20px 9px 0px;
	text-align: left;
	vertical-align: middle;
	font-family: "geologica-regular";
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	color: #171310;
}
#main.main-inner .tetext .cabinet .cabinet-form td {
	width: 62%;
	padding: 9px 0px;
	vertical-align: middle;
}
#main.main-inner .tetext .cabinet .cabinet-form h4 {
	padding: 0px 0px 6px 0px;
	margin: 26px 0px 0px 0px;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	color: #171310;
	text-transform: none;
}
#main.main-inner .tetext .cabinet .cabinet-form .form-comments {
	padding: 0px;
	margin: 0px;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: 20px;
	color: #7a7264;
}
#main.main-inner .tetext .cabinet .cabinet-form input[type="text"],
#main.main-inner .tetext .cabinet .cabinet-form input[type="password"] {
	float: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	background: #ffffff;
	border: 2px solid #e4b764;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
#main.main-inner .tetext .cabinet .cabinet-form input[type="text"]:focus,
#main.main-inner .tetext .cabinet .cabinet-form input[type="password"]:focus {
	outline: 0;
	outline-offset: 0;
	border-color: #d9a949;
	box-shadow: 0px 0px 0px 3px rgba(228, 183, 100, 0.18);
}
/* Chrome красит автозаполненные поля в бледно-жёлтый — из-за этого
   часть полей выглядела иначе, чем остальные. Перебиваем внутренней
   тенью: цвет фона у autofill другим способом не меняется. */
#main.main-inner .tetext .cabinet .cabinet-form input:-webkit-autofill,
#main.main-inner .tetext .cabinet .cabinet-form input:-webkit-autofill:hover {
	-webkit-text-fill-color: #333333;
	-webkit-box-shadow: 0px 0px 0px 1000px #ffffff inset;
	box-shadow: 0px 0px 0px 1000px #ffffff inset;
	transition: background-color 100000s ease-in-out 0s;
}
#main.main-inner .tetext .cabinet .cabinet-form input:-webkit-autofill:focus {
	-webkit-text-fill-color: #333333;
	-webkit-box-shadow: 0px 0px 0px 1000px #ffffff inset, 0px 0px 0px 3px rgba(228, 183, 100, 0.18);
	box-shadow: 0px 0px 0px 1000px #ffffff inset, 0px 0px 0px 3px rgba(228, 183, 100, 0.18);
}
#main.main-inner .tetext .cabinet .cabinet-form-static {
	display: block;
	padding: 12px 0px;
	font-family: "geologica-medium";
	font-size: 15px;
	line-height: 20px;
	color: #171310;
}
#main.main-inner .tetext .cabinet .cabinet-form input[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 46px;
	padding: 0px;
	margin: 14px 0px 0px 0px;
	font-family: "geologica-medium";
	font-size: 15px;
	color: #171310;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	cursor: pointer;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
#main.main-inner .tetext .cabinet .cabinet-form input[type="submit"]:hover {
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
/* история заказов: каждый заказ — карточка со своей таблицей позиций */
#main.main-inner .tetext .cabinet .my_orders {
	width: 100%;
	padding: 0px;
	margin: 30px 0px 0px 0px;
}
.order-card {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 22px 0px;
	background: #ffffff;
	border: 1px solid #ece7dd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	box-sizing: border-box;
	overflow: hidden;
}
.order-card-head {
	padding: 16px 22px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 17px;
	line-height: 24px;
	color: #171310;
	background: #fdfaf3;
	border-bottom: 1px solid #ece7dd;
}
.order-card-head b {
	font-family: "geologica-medium";
	font-weight: normal;
}
.order-card-body {
	padding: 0px;
	margin: 0px;
	overflow-x: auto;
}
#main.main-inner .tetext .cabinet table.ordercab {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-size: 14px;
}
#main.main-inner .tetext .cabinet table.ordercab th {
	padding: 12px 18px;
	text-align: left;
	vertical-align: middle;
	font-family: "geologica-medium";
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #7a7264;
	text-transform: uppercase;
	background: #ffffff;
	border-bottom: 1px solid #ece7dd;
	white-space: nowrap;
}
#main.main-inner .tetext .cabinet table.ordercab td {
	padding: 12px 18px;
	vertical-align: middle;
	font-family: "geologica-regular";
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #f4f0e9;
}
#main.main-inner .tetext .cabinet table.ordercab tr.in_order_content_summ td {
	padding: 16px 18px;
	font-family: "geologica-medium";
	font-size: 15px;
	color: #171310;
	background: #fdfaf3;
	border-bottom: none;
	border-top: 1px solid #ece7dd;
}
#main.main-inner .tetext .cabinet .orders-empty {
	padding: 22px 26px;
	margin: 0px;
	max-width: 760px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 23px;
	color: #525252;
	background: #fdfaf3;
	border: 1px solid #e4b764;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}
#main.main-inner .tetext .cabinet .red {
	padding: 14px 18px;
	margin: 0px 0px 20px 0px;
	max-width: 760px;
	box-sizing: border-box;
	color: #a12d2d;
	background: #fdf3f3;
	border: 1px solid #e8bcbc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#main.main-inner .tetext .cabinet .cabinet-form textarea {
	float: none;
	display: block;
	width: 100%;
	height: 90px;
	box-sizing: border-box;
	padding: 12px 14px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	background: #ffffff;
	border: 2px solid #e4b764;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	resize: vertical;
}
#main.main-inner .tetext .cabinet .cabinet-form textarea:focus {
	outline: 0;
	outline-offset: 0;
}
/* шаг 1 регистрации: выбор формы регистрации радиокнопками */
#main.main-inner .tetext .cabinet .cabinet-form > p {
	padding: 0px;
	margin: 0px 0px 12px 0px;
	font-size: 16px;
	line-height: 22px;
}
#main.main-inner .tetext .cabinet .cabinet-form > p label {
	cursor: pointer;
	padding: 0px 0px 0px 6px;
}
#main.main-inner .tetext .cabinet .cabinet-form > p label b {
	font-family: "geologica-regular";
	font-weight: normal;
	color: #171310;
}
/* страница входа: сообщение об ошибке и ссылка «забыли пароль» */
#main.main-inner .tetext .cabinet .auth-message:empty {
	display: none;
}
#main.main-inner .tetext .cabinet .auth-message {
	padding: 14px 18px;
	margin: 0px 0px 24px 0px;
	max-width: 760px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 21px;
	color: #a12d2d;
	background: #fdf3f3;
	border: 1px solid #e8bcbc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#main.main-inner .tetext .cabinet .auth-message a {
	color: #a12d2d;
}
#main.main-inner .tetext .cabinet .login-forgot {
	padding: 0px;
	margin: 14px 0px 0px 0px;
	font-family: "geologica-light";
	font-size: 14px;
	line-height: 20px;
}
#main.main-inner .tetext .cabinet .login-forgot a {
	color: #8a8279;
	text-decoration: underline;
}
#main.main-inner .tetext .cabinet .login-forgot a:hover {
	color: #171310;
	text-decoration: none;
}
@media screen and (max-width: 700px) {
	#main.main-inner .tetext .cabinet .cabinet-form th,
	#main.main-inner .tetext .cabinet .cabinet-form td {
		display: block;
		width: 100%;
		padding: 0px;
	}
	#main.main-inner .tetext .cabinet .cabinet-form th {
		padding: 14px 0px 6px 0px;
	}
	#main.main-inner .tetext .cabinet .cabinet-form {
		padding: 18px 18px 24px 18px;
	}
	.cabinet-nav a.logout {
		margin: 0px 0px 8px 0px;
	}
}

/* ============================================================
   Личный кабинет: вход / регистрация (.need_register)
   Легаси-разметка + CSS из default.css конфликтовали (два
   разных набора правил для .need_register_right/#login_log
   с разной специфичностью), из-за чего поля растягивались на
   всю ширину и половина блока визуально "терялась". Здесь
   переопределяем их одним чистым набором под черно-золотую тему.
   ============================================================ */
.need_register {
	width: 100%;
	padding: 20px 0px 40px 0px;
	margin: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.need_register_left,
.need_register_right {
	width: 47% !important;
	flex-basis: 47%;
	margin: 0px !important;
	float: none !important;
	box-sizing: border-box;
}
.need_register h4 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-family: "geologica-regular";
	font-size: 20px;
	font-weight: normal;
	color: #171310;
}
.need_register p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-family: "geologica-light";
	font-size: 15px;
	line-height: 22px;
	color: #525252;
}
.need_register a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 45px;
	padding: 0px 25px;
	margin: 0px;
	background: linear-gradient(90deg, #171310 0%, #2a221d 100%);
	color: #ffffff;
	font-family: "geologica-light";
	font-size: 15px;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.need_register a.button:hover {
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
.need_register_right .login {
	width: 100%;
	margin: 0px !important;
}
#login_log,
#login_passw,
.need_register_right .input_password {
	display: block !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 4% !important;
	margin: 0px 0px 12px 0px !important;
	font-family: "geologica-regular";
	font-size: 15px;
	color: #333333;
	background: #ffffff !important;
	border: 2px solid #e4b764 !important;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	-o-border-radius: 8px !important;
}
#login_log:focus,
#login_passw:focus {
	outline: 0;
	outline-offset: 0;
}
.need_register_right .login input[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 42px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	background: linear-gradient(90deg, #e8bf6d 0%, #e4b764 100%);
	color: #171310;
	font-family: "geologica-medium";
	font-size: 15px;
	border: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
}
.need_register_right .login input[type="submit"]:hover {
	background: linear-gradient(90deg, #d9a94f 0%, #c9973f 100%);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
}
@media screen and (max-width: 700px) {
	.need_register_left,
	.need_register_right {
		width: 100% !important;
		flex-basis: 100%;
		margin: 0px 0px 25px 0px !important;
	}
}

/* ============================================================
   Согласие на обработку персональных данных.
   Блок одинаковый во всех формах: заказ звонка, оформление заказа,
   обратная связь, регистрация.
   ============================================================ */
.pdn-agree {
	width: 100%;
	padding: 14px 0px 4px 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: "geologica-regular";
	font-size: 13px;
	line-height: 18px;
	color: #6b6259;
	text-align: left;
}
.pdn-agree label {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.pdn-agree input[type="checkbox"] {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	accent-color: #c99338;
	cursor: pointer;
}
.pdn-agree span {
	display: block;
}
.pdn-agree a {
	color: #171310;
	text-decoration: none;
	border-bottom: 1px solid #e4b764;
}
.pdn-agree a:hover {
	color: #c99338;
}
/* подсветка, когда галочку не поставили: ставится из pdn.js */
.pdn-agree.pdn-agree-error {
	padding: 10px 12px;
	margin: 10px 0px 0px 0px;
	background: #fdf3f3;
	border: 1px solid #e3b4b4;
	border-radius: 8px;
	color: #a33a3a;
}
.pdn-agree.pdn-agree-error a {
	color: #a33a3a;
	border-bottom-color: #d58c8c;
}
/* в модалке «Заказать звонок» блок идёт отдельной строкой над кнопкой */
#show_form .pdn-agree,
.show_form_page .pdn-agree {
	padding: 2px 0px 18px 0px;
	font-size: 12.5px;
	line-height: 17px;
}
/* в узком окне ссылка переносится по словам, поэтому чуть больше
   воздуха между галочкой и текстом и подчёркивание не вплотную */
#show_form .pdn-agree label,
.show_form_page .pdn-agree label {
	gap: 10px;
}
#show_form .pdn-agree a,
.show_form_page .pdn-agree a {
	padding-bottom: 1px;
}
/* подсветка ошибки: без этого правила её отступы проигрывают
   селектору с id выше, и текст упирается в рамку */
#show_form .pdn-agree.pdn-agree-error,
.show_form_page .pdn-agree.pdn-agree-error {
	padding: 11px 13px;
	margin: 0px 0px 18px 0px;
}

/* ============================================================
   Согласие под формой подписки в подвале.
   Разметку не трогаем: метка оборачивает чекбокс и текст, между
   ними ещё ссылка. Поэтому flex не годится — он разорвал бы текст
   на три колонки вокруг ссылки. Делаем висячий отступ: чекбокс
   вынут из потока влево, все строки текста выровнены по одной линии.
   ============================================================ */
#footer-main-mailing .form_accept_area {
	display: block;
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 23px;
	margin: 12px 0px 0px 0px;
	box-sizing: border-box;
	cursor: pointer;
	font-family: "open-sans-regular";
	font-size: 11px;
	line-height: 16px;
	color: #9a9285;
}
#footer-main-mailing .form_accept_area .form_accept {
	position: absolute;
	left: 0px;
	top: 1px;
	width: 14px;
	height: 14px;
	padding: 0px;
	margin: 0px;
	accent-color: #c99338;
	cursor: pointer;
}
/* ссылка была белой и сливалась с текстом согласия; в подвале
   ссылки золотые — приводим к общему виду */
#footer-main-mailing .form_accept_area a {
	color: #e4b764;
	text-decoration: none;
	border-bottom: 1px solid rgba(228, 183, 100, 0.45);
}
#footer-main-mailing .form_accept_area a:hover {
	color: #c99338;
	border-bottom-color: rgba(201, 147, 56, 0.7);
}

/* ============================================================
   Скругление баннера на главной.
   Мобильный баннер скруглён давно (style-mobile.css, до 700px,
   радиус 10px), десктопный оставался прямоугольным. Радиус 15px —
   такой же, как у карточек категорий и товаров ниже на этой же
   странице, чтобы блоки читались одной серией.
   Скругляется картинка, а не блок: у .main-swiper-block-info нет
   своего фона, и overflow: hidden на блоке только создал бы риск
   срезать текст поверх баннера на узких экранах.
   ============================================================ */
.main-swiper-img {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

/* ============================================================
   Новинки, хиты и распродажа в подвале — золотым.
   В колонке «Каталог» они стоят первыми и последним, и без цвета
   терялись среди обычных категорий.
   ============================================================ */
.footer-main-block-1 ul li.footer-nav-accent a {
	color: #e4b764;
}
.footer-main-block-1 ul li.footer-nav-accent a:hover {
	color: #ffffff;
}

/* ============================================================
   Старая цена на карточке товара.
   Движок отдаёт её в %show_discount_price% только тогда, когда
   у товара задана цена до скидки, поэтому у обычных товаров
   строка просто не появляется.
   ============================================================ */
.catalog-list-one-price .old_price {
	margin-right: 9px;
	font-family: "geologica-light";
	font-size: 15px;
	color: #9a9285;
	text-decoration: line-through;
	text-decoration-color: #c9bfae;
}
/* Старая цена на странице товара. Текущая цена там 26px, поэтому
   зачёркнутая крупнее каталожной (там 15px при цене 18px). */
.inner-catalog-one-additing-price .old_price {
	margin-right: 12px;
	font-family: "geologica-light";
	font-size: 19px;
	color: #9a9285;
	text-decoration: line-through;
	text-decoration-color: #c9bfae;
}

/* ============================================================
   Омни-виджет и баннер cookie не должны налезать друг на друга.
   Баннер прибит к низу экрана (position: fixed, z-index 1000),
   виджет стоит в том же углу на z-index 19 — без этого правила
   робота наполовину срезает баннером, пока посетитель не ответит
   про cookie.
   Пока баннер показан (класс add_cookie_show), поднимаем виджет
   над ним. Высота баннера зависит от длины текста и ширины экрана:
   67px на десктопе, 121px до 760px, 138px до 520px и 155px уже 414px -
   отсюда три значения (третье в блоке max-width: 500px в конце файла).
   Селектор с id перебивает инлайновый <style> виджета, который
   задаёт --eo-y классом.
   ============================================================ */
#add_cookie_banner.add_cookie_show ~ .eo-omni {
	--eo-y: 93px;
}
@media screen and (max-width: 760px) {
	#add_cookie_banner.add_cookie_show ~ .eo-omni {
		--eo-y: 154px;
	}
}

/* до 500px карточка занимает всю ширину: две в ряд уже не помещаются,
   а одна узкая посреди экрана смотрелась сиротливо */
@media screen and (max-width: 500px) {
	/* id в селекторе обязателен: выше в файле у карточки задана ширина
	   правилом #catalog-cat-list .catalog-list-one, а медиазапрос
	   специфичности не добавляет — без id он проигрывает */
	.catalog-list-one,
	#catalog-cat-list .catalog-list-one,
	#hits-on-main.inner-catalog-search .catalog-list-one {
		width: 100%;
		flex-basis: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	/* #inner-catalog-all-cats-list в разметке нет: контейнер списка
	   категорий называется .catalog-all-cats-list, и правило до него
	   не доходило */
	#cats-on-main-list,
	#hits-on-main-list,
	.catalog-all-cats-list,
	#catalog-cat-list {
		grid-template-columns: 1fr;
	}
	.catalog-list-one-title {
		height: auto;
		min-height: 0px;
		max-height: none;
		-webkit-line-clamp: 3;
	}
	/* на узком экране текст баннера cookie занимает на строку больше
	   (155px вместо 138), и виджет снова упирался в него - поднимаем */
	#add_cookie_banner.add_cookie_show ~ .eo-omni {
		--eo-y: 172px;
	}
	#show_form {
		left: 50%;
		width: 90%;
		max-width: 420px;
		margin: 0px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		top: 70px;
		max-height: calc(100vh - 100px);
	}
}