* {
box-sizing: border-box;
font-family: var(--main-font);
line-height: 120%;
}
a,
button {
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
:root {
--red: #E03033;
--main-violet: #4F649A;
--main-font: 'Open Sans';
--second-font: 'Onest';
--text-main: #333;
--grey: #F5F5F6;
}
html {
overflow-x: clip;
scroll-behavior: smooth;
scrollbar-gutter: stable;
}
body {
font-family: var(--main-font), sans-serif;
font-variation-settings: 'wght' 400;
background: #fff;
font-size: 16px;
line-height: normal;
overflow-x: clip;
color: var(--text-main);
margin: 0;
position: relative;
}
/* Затемнение фона при открытом каталоге — плавное появление/исчезновение (синхрон с панелью) */
html::before {
content: '';
position: fixed;
inset: 0;
z-index: 8;
background: rgba(24, 24, 24, 0.5);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.38s ease, visibility 0.38s ease;
}
html.is-header-menu-open::before {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
html.is-header-menu-open body {
overflow: hidden;
}
/* Каталог в шапке: как custom-product-tab-panel-in — opacity + translateY(10px), открытие и закрытие */
.header-fixed-menu {
transition: opacity 0.38s ease, transform 0.38s ease, visibility 0.38s ease;
}
.header-fixed-menu:not(.active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(10px);
}
.header-fixed-menu.active {
z-index: 10030;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
main {
overflow-x: clip;
position: relative;
padding: 50px 0;
}
img {
max-width: 100%;
height: auto;
}
a {
transition: .3s;
text-decoration: none;
}
a:hover:not(#wpadminbar a, .pretty_btn),
a:focus:not(#wpadminbar a, .pretty-btn) {
transition: .3s;
color: #4F649A;
text-decoration: none !important;
outline: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
button {
background: none;
border: none;
}
button:focus-visible {
outline: none !important;
}
strong {
font-variation-settings: 'wght' 700;
font-weight: normal;
}
input[type="checkbox"]:focus {
outline: none !important;
border-radius: 0 !important;
}
p {
margin: 0 0 10px 0;
}
p:last-child {
margin: 0;
}
p:empty {
display: none;
}
label {
font-weight: normal;
}
.container {
margin: 0 auto;
padding: 0 20px;
max-width: 1580px;
width: 100%;
}
@media(max-width: 1570px) {
.container {
max-width: calc(100% - 60px);
}
}
section {
position: relative;
margin-bottom: 100px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!Страница!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Кнопки */
.pretty_btn {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
gap: 15px;
padding: 9px 20px;
border: none;
border-radius: 4px;
background: #4F649A;
font-size: 16px;
}
.pretty_btn span {
display: flex;
flex-wrap: wrap;
color: #fff;
font-family: var(--second-font);
font-size: 16px;
font-variation-settings: 'wght' 700;
;
font-variation-settings: 'wght' 700;
line-height: normal;
}
.pretty_btn:hover {
background: #F1F5FF !important;
transition: .3s;
}
.pretty_btn:hover span {
color: var(--text-main) !important;
transition: .3s;
}
/* Сайдбар + контент */
.sidebar_content {
gap: 80px;
margin-bottom: 0;
position: relative;
}
aside.catalog {
width: 360px;
}
aside.catalog>div.sticky {
position: sticky;
top: 0;
height: 100%;
overflow: auto;
max-height: 75vh;
}
.sidebar_content aside.catalog .side_menu_top {
gap: 15px;
padding: 9px 20px;
margin-bottom: 5px;
border-radius: 4px;
background-color: #4F649A;
}
.sidebar_content aside.catalog .side_menu_top h2 {
margin: 0;
color: #fff;
font-size: 18px;
font-variation-settings: 'wght' 600;
text-transform: uppercase;
}
.ul-side-menu {
display: flex;
flex-direction: column;
gap: 5px;
}
.ul-side-menu>li {
border-radius: 4px;
background: linear-gradient(85deg,
#F8F8FA 20.53%,
rgba(250, 250, 255, 0.65) 73.07%);
box-shadow: 0 1px 2px 0 #EBEBEB;
/* cursor: pointer; */
}
.ul-side-menu>li:hover {
background: #fff;
}
.ul-side-menu>li>a {
display: block;
overflow: hidden;
padding: 9px 45px 9px 20px;
white-space: nowrap;
color: rgb(77, 77, 77);
background: linear-gradient(90deg,
rgb(77, 77, 77) 83.5%,
rgb(249, 249, 249) 97.97%) text;
-webkit-text-fill-color: transparent;
width: 360px;
position: relative;
}
/* .sidebar_content aside.catalog .ul-side-menu li a::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
background: #fff;
} */
.ul-side-menu>li.menu-item-has-children>a::after {
content: '';
position: absolute;
top: calc(50% - 6px);
right: 20px;
width: 7px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99999 5.99772C6.99878 6.22098 6.90882 6.43575 6.74808 6.59821L1.47007 11.7597C1.3084 11.9133 1.08931 12 0.860985 12C0.632659 12 0.413569 11.9133 0.251904 11.7597C0.0902428 11.6005 -2.67567e-08 11.3879 -3.644e-08 11.1664C-4.61221e-08 10.9448 0.0902428 10.7322 0.251904 10.573L4.92802 5.99772L0.251903 1.43609C0.0902424 1.27689 -4.78043e-07 1.06363 -4.87727e-07 0.842116C-4.97409e-07 0.620602 0.0902424 0.407996 0.251903 0.248793C0.330376 0.170094 0.425089 0.107301 0.529784 0.0644779C0.634479 0.0216551 0.747049 -3.26546e-08 0.860984 -3.76348e-08C0.97492 -4.26151e-08 1.08783 0.021655 1.19253 0.0644779C1.29722 0.107301 1.39159 0.170093 1.47007 0.248793L6.74808 5.41091C6.82855 5.48813 6.89215 5.57983 6.93539 5.68054C6.97863 5.78125 7.00058 5.88891 6.99999 5.99772Z' fill='%234F649A'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.sidebar_content .front_page_side_content {
width: calc(100% - 405px);
}
.ul-side-menu {
max-width: 360px;
}
.ul-side-menu>li>.sub-menu {
position: absolute;
left: 100%;
right: 0px;
top: 0px;
padding: 29px;
display: none;
z-index: 9;
background: rgb(255, 255, 255);
max-height: calc(var(--side-menu-height, 100%) + 46px);
overflow: auto;
border-radius: 0 4px 4px 0;
box-shadow: rgb(235, 235, 235) 0px 1px 2px 1px;
height: fit-content;
width: max-content;
}
.ul-side-menu>li>.sub-menu>.sub-menu-title {
display: block;
padding: 0;
margin: 0 0 30px 0;
border-bottom: none;
/* font-family: var(--second-font); */
font-size: 20px;
/* font-variation-settings: 'wght' 700; */
color: var(--text-main);
column-span: all;
}
.ul-side-menu>li>.sub-menu>.sub-menu-title a {
font-size: 20px;
color: var(--main-violet);
}
/* Подменю (sub-menu) — оформление как у .brand_term_item ul */
.ul-side-menu .sub-menu {
padding-left: 15px;
}
.ul-side-menu>li>.sub-menu {
column-count: 3;
column-gap: 30px;
}
@media (max-width: 1023px) {
.ul-side-menu>li>.sub-menu {
column-count: 1;
column-gap: 0;
}
.ul-side-menu>li>.sub-menu>li {
break-inside: auto;
margin-bottom: 12px;
}
.ul-side-menu .sub-menu {
display: flex;
flex-direction: column;
gap: 8px;
}
}
.ul-side-menu>li>.sub-menu>li {
break-inside: avoid-column;
margin-bottom: 30px;
}
.ul-side-menu>li>.sub-menu>li:last-child {
margin-bottom: 0;
}
.ul-side-menu .sub-menu li {
display: block;
}
/* Точка — только для последнего уровня вложенности (3-й уровень) */
.ul-side-menu>li>.sub-menu>li>.sub-menu>li {
position: relative;
}
.ul-side-menu>li>.sub-menu>li>.sub-menu>li::before {
content: "";
width: 5px;
height: 6px;
position: absolute;
left: -15px;
top: 8px;
background: rgb(102, 102, 102);
border-radius: 50%;
}
.ul-side-menu .sub-menu li a {
color: #666;
font-family: var(--main-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
-webkit-text-fill-color: initial;
background: none;
}
.ul-side-menu>li>.sub-menu>li:not(.sub-menu-title)>a {
color: var(--text-main);
font-size: 16px;
}
.ul-side-menu .sub-menu li a::after {
display: none;
}
/* Вложенность до 3 уровней */
.ul-side-menu .sub-menu .sub-menu {
margin-top: 6px;
}
.side-menu {
position: static;
}
/* подменю должно позиционироваться относительно всей зоны (sidebar + content) */
.ul-side-menu>li {
/* position: static; */
position: relative;
}
.ul-side-menu>li:hover>.sub-menu {
display: block;
}
.ul-side-menu>li.is-open>.sub-menu {
display: block;
}
/* Главный слайдер */
.front_page_slider_container {
margin: 0 0 90px 35px;
}
.front_page_slide {
display: flex !important;
justify-content: space-between;
}
.front_page_side_content .front_page_slider {
position: relative;
height: auto;
aspect-ratio: 350 / 220;
box-shadow: 0 4px 7px 0 rgba(26, 1, 0, 0.33);
max-height: 415px;
width: 100%;
overflow: hidden;
}
.front_page_slider .front_page_slide {
width: 100%;
height: 100%;
border: 1px solid #E7E7E7;
}
.front_page_slider .front_page_slide .slide_img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.front_page_slider .front_page_slide .slide_desc strong {
margin-bottom: 5px;
display: inline-block;
}
/* .front_page_slider .front_page_slide .slide_text {
position: relative;
display: flex;
flex-direction: column;
width: fit-content;
justify-self: end;
margin-top: 70px;
margin-right: 84px;
} */
.front_page_slider .front_page_slide .slide_text {
position: relative;
display: flex;
flex-direction: column;
width: fit-content;
justify-self: end;
margin-top: 70px;
margin-right: 84px;
max-width: 50%;
background: #ffffff9e;
height: fit-content;
padding: 20px;
border-radius: 8px;
backdrop-filter: blur(8px);
}
.front_page_slider .front_page_slide .slide_desc {
margin-bottom: 15px;
}
.front_page_slider .front_page_slide .slide_desc p {
margin-bottom: 0;
}
.front_page_slider .front_page_slide .slide_button .pretty_btn {
/* можно было бы убрать, но тут оставил явное наследование */
display: flex;
align-items: center;
width: fit-content;
gap: 15px;
padding: 9px 20px;
border-radius: 4px;
background: #4F649A;
}
.front_page_slider .front_page_slide .slide_button .pretty_btn span {
color: #fff;
font-size: 18px;
font-variation-settings: 'wght' 600;
}
.front_page_slider .front_page_slide .slide_button .pretty_btn svg {
margin-top: 3px;
}
.front_page_slider .front_page_slide .slide_button .pretty_btn:hover svg path {
fill: var(--text-main) !important;
transition: .3s !important;
}
.front_page_slider_container .swiper-pagination {
position: absolute;
right: 0;
bottom: 40px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 13px;
padding-right: 40px;
}
.front_page_slider_container .swiper-pagination span {
width: 10px;
height: 10px;
margin: 0;
border-radius: 50%;
border: 2px solid #4F649A;
background-color: transparent;
transition: .3s;
}
.front_page_slider_container .swiper-pagination .swiper-pagination-bullet-active {
width: 12px;
height: 12px;
background-color: #4F649A;
transition: .3s;
}
/* Блоки товаров */
.front_page_new_products {
margin-bottom: 80px;
}
/* Шорткод WPBakery: топ товаров с табами по подкатегориям */
.vc_top_products .top_products_tabs_nav {
gap: 10px;
margin-bottom: 20px;
}
.vc_top_products .top_products_tab_btn {
padding: 10px 16px;
border-radius: 8px;
/* border: 1px solid #E7E7E7; */
background: #F8F8F8;
color: #919191;
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease;
font-size: 14px;
border-radius: 4px;
background: #EBEBEB;
white-space: nowrap;
}
.vc_top_products .top_products_tab_btn.active {
background: var(--main-violet);
color: #fff;
}
/* Панели табов — как на карточке товара (.custom-product-tabs .tab-panel) */
.vc_top_products .top_products_tab_panel {
display: none;
opacity: 0;
}
.vc_top_products .top_products_tab_panel.active {
display: block;
opacity: 1;
animation: custom-product-tab-panel-in 0.38s ease forwards;
}
.recommended-products {
margin-top: 100px;
padding-top: 70px;
background: #F1F5FF;
}
.recommended-products .new_product_block_top {
margin-bottom: 10px;
justify-content: space-between;
}
.recommended-products .new_product_block_top h2.title {
margin: 0;
font-family: var(--second-font);
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
}
.new_product_block_top a {
gap: 7px;
color: #666;
font-size: 16px;
font-family: var(--second-font);
}
.new_product_block_top a span {
color: #666;
}
.product_slider_container {
position: relative;
width: calc(100% + 35px);
margin: 0 0 30px -35px;
padding: 0 0 20px 35px;
}
.product_slider_container>button {
position: absolute;
top: calc(50% - 14px);
width: 30px;
height: 30px;
}
.product_slider_container>button::after {
content: none !important;
}
.product_slider_container>.swiper-button-prev {
left: 0;
}
.recommended-products .product_slider_container>.swiper-button-next {
right: 0;
}
.product_slider_container .slider-scrollbar {
margin-top: 30px;
background: #F1F5FF;
height: 3px;
}
.slider-scrollbar .swiper-scrollbar-drag {
background: var(--main-violet) !important;
}
.product_slider_container .slider-scrollbar .slider-scrollbar-drag {
background: #4F649A;
}
.product_slider {
position: relative;
width: calc(100% - 35px);
padding: 10px 10px 30px;
overflow: hidden;
transition: .2s;
}
/* .product_slide:hover {
.favourite_products>.favorite_products_list>li:hover {
transition: .3s;
background: #D3DBF1;
}
} */
.front_page_recommended_products {
margin-bottom: 0;
background: #F1F5FF;
padding-top: 50px;
padding-bottom: 30px;
}
.front_page_recommended_products .product_slider_container {
margin-bottom: 0;
}
.front_page_recommended_products .product_slider_container .slider-scrollbar {
background: #FFF !important;
}
/* Блок брендов */
.brands_block_grid {
gap: 40px;
padding: 24px 55px;
border-radius: 8px;
box-shadow: 0 0 4px 0 rgba(102, 102, 102, 0.25);
}
.brands_block_container {
margin-bottom: 100px;
}
.brands_block_image img {
width: 100%;
height: 110px;
object-fit: contain;
transition: .3s;
}
.brands_block_image {
width: 100%;
}
.brands_block_item::after {
content: '';
display: block;
width: 1px;
height: 100px;
background: #E7E7E7;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
}
.brands_block_item>a {
display: block;
width: 100%;
}
.brands_block_item:last-child::after {
content: none;
}
.brands_block_item:hover img {
transform: scale(1.01);
transition: .3s;
}
/* Контакты */
.contacts_block_container .contacts_block_widget {
margin-bottom: 0;
padding: 50px;
justify-content: space-between;
border-radius: 8px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(62, 75, 198, 0.15);
}
.contacts_block_widget .contacts_block_left {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(100% - 690px);
gap: 30px;
}
.contacts_block_widget .contacts_block_right {
width: 640px;
}
.contacts_block_left .contacts_block_items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 30px;
row-gap: 20px;
padding: 30px;
border-radius: 12px;
border: 1px solid #E7E7E7;
background: #f5f5f699;
}
.contacts_block_items .contacts_block_item_head {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 10px;
}
.contacts_block_items .contacts_block_item_head>img {
width: 23px;
height: 20px;
object-fit: contain;
}
.contacts_block_items .contacts_block_item_head>span {
color: #4F649A;
font-size: 18px;
font-variation-settings: 'wght' 700;
}
.contacts_block_items .contacts_block_item_text {
padding-left: 45px;
color: #919191;
font-family: var(--second-font);
font-size: 16px;
}
.contacts_block_items .contacts_block_item_text strong {
font-variation-settings: 'wght' 700;
;
}
.contacts_block_items .contacts_block_item_text a {
color: #919191;
font-family: var(--second-font);
}
.contacts_block_items .contacts_block_item_text.phones {
gap: 10px;
}
.contacts_block_items .contacts_block_items_left,
.contacts_block_items .contacts_block_items_right {
gap: 20px;
}
.contacts_block_container .contacts_block_widget .contacts_block_right #map {
width: 100%;
aspect-ratio: 1 / 1;
}
/* !!!!!!!!!!!!!!!!!!!!!!!Страница!!!!!!!!!!!!!!!!!!!!!!!!! */
#breadcrumbs {
margin-bottom: 50px;
}
#breadcrumbs>span>span:first-child a img {
width: 20px;
height: 20px;
object-fit: contain;
}
#breadcrumbs>span>span:first-child a {
width: 20px;
}
#breadcrumbs span {
display: flex;
align-items: center;
gap: 7px;
flex-wrap: wrap;
}
#breadcrumbs span>a:first-child {
display: flex;
text-decoration: none;
}
#breadcrumbs span a {
color: #15254E;
text-decoration: underline;
}
h1.title {
font-family: var(--second-font);
font-variation-settings: 'wght' 700;
;
font-size: 40px;
margin: 0 0 20px 0;
}
h2.title {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 15px;
color: #666;
}
section.main {
width: calc(100% - 440px);
margin-bottom: 50px;
}
main:not(:has(aside.catalog)) section.main {
width: 100%;
}
section.main a {
color: var(--main-violet);
}
.content {
color: #666;
}
.content p:empty {
display: none;
}
.content p {
line-height: 27px;
}
.content ul {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 5px;
}
.content ul li {
position: relative;
}
.content ul li::before {
content: '';
width: 5px;
height: 6px;
background: #666;
position: absolute;
left: -15px;
top: 8px;
border-radius: 50%;
}
/* !!!!!!!!!!!!!!!!!!!!!!!Окно регистрации!!!!!!!!!!!!!!!!!!!! */
#login_form {
/* margin-inline: auto;
inset-inline: 0;
inset-block-start: 50%; */
/* transform: translateY(-50%); */
/* top: 50%; */
border: none;
width: 450px;
min-height: 213px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
padding: 30px 25px;
}
#login_form form[method="dialog"] {
position: absolute;
right: 15px;
top: 15px;
}
#login_form::backdrop {
background: rgba(0, 0, 0, .6);
}
#login_form .form_title {
font-size: 20px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
display: inline-block;
margin-bottom: 10px;
line-height: 23px;
}
#login_form .form_title.open_login {
font-size: 26px;
margin-bottom: 30px;
}
#login_form .form_buttons {
gap: 10px;
}
#login_form .form_buttons.hidden {
display: none;
}
#login_form .form_buttons #login {
width: 100%;
display: flex;
justify-content: center;
padding: 10px;
border-radius: 8px;
background: #4F649A;
gap: 10px;
transition: .3s;
}
#login_form .form_buttons #login:hover {
background: #f1f5ff;
transition: .3s;
}
#login_form .form_buttons #login span {
color: #fff;
font-family: var(--second-font);
font-variation-settings: 'wght' 700;
;
font-size: 16px;
}
#login_form .form_buttons #login:hover span {
color: var(--text-main);
transition: .3s;
}
#login_form .form_buttons #register {
width: 100%;
display: flex;
justify-content: center;
padding: 10px;
border-radius: 8px;
border: 2px solid #4F649A;
background: #FFF;
gap: 10px;
color: var(--main-violet);
}
#login_form .form_buttons #register span {
color: #4F649A;
font-family: var(--second-font);
font-variation-settings: 'wght' 700;
;
font-size: 16px;
}
#login_form .form_buttons #register a {
color: var(--main-violet);
font-family: var(--second-font);
}
#login_form .login_block {
display: none;
width: 100%;
}
#login_form .login_block form {
width: 100%;
}
#login_form .login_block.active {
display: flex;
}
#login_form .login_block .user_login,
#login_form .login_block .user_password {
position: relative;
margin-bottom: 25px;
width: 100%;
}
#login_form .login_block .user_login input,
#login_form .login_block .user_password input {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 9px 12px;
width: 100%;
font-family: var(--second-font);
}
#login_form .login_block .user_login input::placeholder,
#login_form .login_block .user_password input::placeholder {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
transition: .3s;
}
#login_form .login_block .user_login input~label,
#login_form .login_block .user_password input~label {
position: absolute;
transform: translateY(0px);
left: 10px;
font-size: 14px;
color: #919191;
background: #fff;
padding: 0 5px;
opacity: 0;
transition: .3s;
}
#login_form .login_block .user_login input:focus-visible,
#login_form .login_block .user_password input:focus-visible {
outline: none;
}
#login_form .login_block .user_login input:focus-visible::placeholder,
#login_form .login_block .user_password input:focus-visible::placeholder {
opacity: 0;
transition: .3s;
}
#login_form .login_block .user_login input:focus-visible~label,
#login_form .login_block .user_password input:focus-visible~label {
position: absolute;
transform: translateY(-10px);
opacity: 1;
transition: .3s;
}
#login_form .login_block .pretty_btn {
width: 100%;
text-align: center;
justify-content: center;
font-family: var(--second-font);
font-size: 16px;
font-variation-settings: 'wght' 700;
;
}
#login_form .login_block .forgot_password {
color: #4F649A;
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
display: block;
margin-bottom: 25px;
margin-top: 5px;
}
#login_form .login_block .registration_link {
color: #4F649A;
text-align: center;
font-family: var(--second-font);
font-size: 16px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
/* !!!!!!!!!!!!!!!!!!!!!!Страница регистрации!!!!!!!!!!!!!!!!!!!! */
.main.registration_page h1.title {
margin-bottom: 10px
}
.main.registration_page {
margin-bottom: 0;
}
.registration_title {
font-size: 26px;
font-variation-settings: 'wght' 700;
;
color: var(--text-main);
font-family: var(--second-font);
margin-bottom: 30px;
display: inline-block;
}
.main.registration_page:has(.order_page__success) .registration_title {
display: none;
}
#registration_form,
#order_form {
max-width: 900px;
}
#registration_form .form_inputs,
#order_form .form_inputs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 20px;
margin-bottom: 50px;
}
#registration_form .form_inputs .input_container,
#order_form .form_inputs .input_container {
position: relative;
width: 100%;
}
#registration_form .form_inputs .input_container input,
#order_form .form_inputs .input_container input {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 9px 12px;
width: 100%;
font-family: var(--second-font);
color: var(--text-main);
font-size: 16px;
}
#registration_form .form_inputs .input_container input::placeholder,
#order_form .form_inputs .input_container input::placeholder {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
transition: .3s;
}
#registration_form .form_inputs .input_container input~label,
#order_form .form_inputs .input_container input~label {
position: absolute;
transform: translateY(0px);
left: 10px;
font-size: 14px;
color: #919191;
background: #fff;
padding: 0 5px;
opacity: 0;
transition: .3s;
}
#registration_form .form_inputs .input_container input:focus-visible,
#order_form .form_inputs .input_container input:focus-visible {
outline: none;
}
#registration_form .form_inputs .input_container input:focus-visible::placeholder,
#order_form .form_inputs .input_container input:focus-visible::placeholder {
opacity: 0;
transition: .3s;
}
#registration_form .form_inputs .input_container input:focus-visible~label,
#order_form .form_inputs .input_container input:focus-visible~label {
position: absolute;
transform: translateY(-10px);
opacity: 1;
transition: .3s;
}
#registration_form .radio_inputs {
gap: 30px;
margin-bottom: 50px;
}
#order_form .radio_inputs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
margin-bottom: 50px;
align-items: stretch;
}
#registration_form .radio_inputs .radio_input_item,
#order_form .radio_inputs .radio_input_item {
padding: 25px 15px;
border-radius: 8px;
border: 1px solid #DBE0E2;
background: #FFF;
overflow: hidden;
min-width: 0;
}
#registration_form .radio_inputs .radio_input_item input,
#order_form .radio_inputs .radio_input_item input {
appearance: none;
position: absolute;
}
#registration_form .radio_inputs .radio_input_item input+label,
#order_form .radio_inputs .radio_input_item input+label {
margin: 0;
color: var(--text-main);
font-family: var(--second-font);
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 24px;
position: relative;
padding-left: 35px;
}
#registration_form .radio_inputs .radio_input_item input+label::before,
#order_form .radio_inputs .radio_input_item input+label::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 50%;
border: 2px solid #DBE0E2;
border-radius: 50%;
transition: .3s;
box-sizing: border-box;
transform: translateY(-50%);
}
#registration_form .radio_inputs .radio_input_item input+label::after,
#order_form .radio_inputs .radio_input_item input+label::after {
content: '';
width: 300px;
height: 75px;
position: absolute;
left: -15px;
top: -25px;
cursor: pointer;
}
#registration_form .radio_inputs .radio_input_item input:checked+label::before,
#order_form .radio_inputs .radio_input_item input:checked+label::before {
transition: .3s;
border: 7px solid #4F649A;
}
#registration_form .register_comment,
#order_form .register_comment {
margin-bottom: 30px;
}
#registration_form .register_comment .comment_item,
#order_form .register_comment .comment_item {
position: relative;
width: 100%;
}
#registration_form .register_comment .comment_item textarea,
#order_form .register_comment .comment_item textarea {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 9px 12px;
width: 100%;
font-family: var(--second-font);
color: var(--text-main);
resize: none;
min-height: 100px;
}
#registration_form .register_comment .comment_item textarea::placeholder,
#order_form .register_comment .comment_item textarea::placeholder {
color: #919191;
font-size: 16px;
font-family: var(--second-font);
transition: .3s;
}
#registration_form .register_comment .comment_item textarea~label,
#order_form .register_comment .comment_item textarea~label {
position: absolute;
transform: translateY(0px);
left: 10px;
font-size: 14px;
color: #919191;
background: #fff;
padding: 0 5px;
opacity: 0;
transition: .3s;
}
#registration_form .register_comment .comment_item textarea:focus-visible,
#order_form .register_comment .comment_item textarea:focus-visible {
outline: none;
}
#registration_form .register_comment .comment_item textarea:focus-visible::placeholder,
#order_form .register_comment .comment_item textarea:focus-visible::placeholder {
opacity: 0;
transition: .3s;
}
#registration_form .register_comment .comment_item textarea:focus-visible~label,
#order_form .register_comment .comment_item textarea:focus-visible~label {
position: absolute;
transform: translateY(-10px);
opacity: 1;
transition: .3s;
}
#registration_form .submit_buttons .pretty_btn,
#order_form .submit_buttons .pretty_btn {
width: 100%;
text-align: center;
justify-content: center;
font-family: var(--second-font);
font-size: 16px;
font-variation-settings: 'wght' 700;
;
max-width: 260px;
justify-self: end;
}
#message {
margin-top: 20px;
max-width: 480px;
margin: 0 auto;
}
#message .registration-msg {
margin: 0;
font-size: 15px;
line-height: 1.45;
}
#message .registration-msg--success {
color: #2e7d32;
}
#message .registration-msg--error,
#message .registration-msg--error p {
color: #c62828;
margin: 0 0 6px 0;
}
#message .registration-msg--error p:last-child {
margin-bottom: 0;
}
.login_page_form {
max-width: 450px;
}
.login_page_form form {
width: 100%;
}
.login_page_form.active {
display: flex;
}
.login_page_form .user_login,
.login_page_form .user_password {
position: relative;
margin-bottom: 25px;
width: 100%;
}
.login_page_form .user_login input,
.login_page_form .user_password input {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 9px 12px;
width: 100%;
font-family: var(--second-font);
}
.login_page_form .user_login input::placeholder,
.login_page_form .user_password input::placeholder {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
transition: .3s;
}
.login_page_form .user_login input~label,
.login_page_form .user_password input~label {
position: absolute;
transform: translateY(0px);
left: 10px;
font-size: 14px;
color: #919191;
background: #fff;
padding: 0 5px;
opacity: 0;
transition: .3s;
}
.login_page_form .user_login input:focus-visible,
.login_page_form .user_password input:focus-visible {
outline: none;
}
.login_page_form .user_login input:focus-visible::placeholder,
.login_page_form .user_password input:focus-visible::placeholder {
opacity: 0;
transition: .3s;
}
.login_page_form .user_login input:focus-visible~label,
.login_page_form .user_password input:focus-visible~label {
position: absolute;
transform: translateY(-10px);
opacity: 1;
transition: .3s;
}
.login_page_form .pretty_btn {
width: 100%;
text-align: center;
justify-content: center;
font-family: var(--second-font);
font-size: 16px;
font-variation-settings: 'wght' 700;
;
}
.login_page_form .forgot_password {
color: #4F649A;
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
display: block;
margin-bottom: 25px;
margin-top: 5px;
}
.login_page_form .registration_link {
color: #4F649A;
text-align: center;
font-family: var(--second-font);
font-size: 16px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.main.registration_page:has(.order_page__success) h1.title {
display: none;
}
/* Страница восстановления пароля (forgot-password) */
.forgot-password-page .title {
margin-bottom: 10px;
}
.forgot-password-section {
margin-bottom: 0 !important;
}
.forgot-password-page .login_page_form {
display: flex;
flex-direction: column;
gap: 0;
}
.forgot-password-intro {
font-family: var(--second-font);
font-size: 16px;
color: var(--text-main);
line-height: 1.5;
margin: 0 0 25px 0;
}
.forgot-password-notices {
margin-bottom: 20px;
}
.forgot-password-notice {
font-family: var(--second-font);
font-size: 15px;
line-height: 1.45;
margin: 0 0 10px 0;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FAFAFA;
}
.forgot-password-notice:last-child {
margin-bottom: 0;
}
.forgot-password-notice--success {
color: #1e6f1e;
border-color: #c5e4c5;
background: #f3faf3;
}
.forgot-password-notice--error {
color: var(--red);
border-color: #f0c4c5;
background: #fff5f5;
}
.forgot-password-notice--info {
border-color: #dbe0e2;
background: #fff;
}
.forgot-password-back {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
}
.forgot-password-back .registration_link {
display: inline-block;
}
/* ===== Dialog open/close animation ===== */
dialog:not(#cart_dialog) {
opacity: 0;
transform: translateY(10px) scale(0.98);
transition: opacity .18s ease, transform .18s ease;
}
dialog:not(#cart_dialog)[open] {
opacity: 1;
transform: translateY(0) scale(1);
animation: klDialogIn .18s ease-out;
}
dialog:not(#cart_dialog).kl-dialog--closing {
animation: klDialogOut .16s ease-in forwards;
}
dialog:not(#cart_dialog)::backdrop {
background: rgba(0, 0, 0, .6);
opacity: 0;
}
dialog:not(#cart_dialog)[open]::backdrop {
animation: klDialogBackdropIn .18s ease-out forwards;
}
dialog:not(#cart_dialog).kl-dialog--closing::backdrop {
animation: klDialogBackdropOut .16s ease-in forwards;
}
@keyframes klDialogIn {
from {
opacity: 0;
transform: translateY(10px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes klDialogOut {
from {
opacity: 1;
transform: translateY(0) scale(1);
}
to {
opacity: 0;
transform: translateY(10px) scale(0.98);
}
}
@keyframes klDialogBackdropIn {
from {
opacity: 0;
}
to {
opacity: .6;
}
}
@keyframes klDialogBackdropOut {
from {
opacity: .6;
}
to {
opacity: 0;
}
}
/* ===== Cart/Favourite first-screen loader (markup in templates) ===== */
.kl-main-loader {
position: absolute;
inset: 0;
z-index: 50;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .55);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
.kl-main-loader.is-active {
opacity: 1;
pointer-events: all;
}
.kl-main-loader__inner {
width: 160px;
height: 160px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.kl-main-loader__inner img {
max-width: 120px;
max-height: 120px;
width: auto;
height: auto;
opacity: .95;
animation: klLoaderPulse 3s ease-in-out infinite;
}
@keyframes klLoaderPulse {
0% {
transform: translateY(0) rotateY(0deg);
}
50% {
transform: translateY(0) rotateY(180deg);
}
100% {
transform: translateY(0) rotateY(360deg);
}
}
/* ensure loader is inside its content block */
#cart_dialog.cart-page {
position: relative;
}
/* !!!!!!!!!!!!!!!!!!!!!!!Страница избранное!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.favourite_products:has(.favorite_products_list) {
border-radius: 8px;
background: #F1F5FF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
padding: 20px;
max-width: 900px;
margin-top: 50px;
}
.favourite_products>.favorite_products_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 0;
gap: 15px 12px;
}
.favourite_products>.favorite_products_list>li {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
padding: 12px;
transition: .3s;
}
.favourite_products>.favorite_products_list>li:hover {
transition: .3s;
background: var(--Light-Blue2, #D3DBF1);
}
.favourite_products>.favorite_products_list>li::before {
content: none !important;
}
.favourite_products>.favorite_products_list>li .favorite_item_top {
justify-content: space-between;
margin-bottom: 15px;
}
.favourite_products>.favorite_products_list>li .favorite_item_top>img {
max-width: 80px;
aspect-ratio: 1 / 1;
width: 80px;
object-fit: cover;
}
.favourite_products>.favorite_products_list>li .favorite_item_text {
gap: 30px;
}
.favourite_products>.favorite_products_list>li .favorite_item_text a {
color: var(--text-main);
font-size: 16px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
display: inline-block;
margin-bottom: 4px;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .artikul {
color: #919191;
font-size: 14px;
margin-bottom: 3px;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .prices {
align-items: start;
flex-direction: row-reverse;
justify-content: start;
align-items: center;
gap: 12px;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .prices .price_item {
display: flex;
align-items: center;
gap: 5px;
color: var(--text-main);
}
.favourite_products>.favorite_products_list>li .favorite_item_text .prices .price_item span {
font-family: var(--second-font);
font-size: 24px;
font-variation-settings: 'wght' 700;
;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .prices .price_item span.new {
font-size: 16px;
}
.favorite_item .favorite-button {
width: 20px;
height: 20px;
cursor: pointer;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .add_to_cart {
width: 100%;
padding: 11px 15px;
background: #4F649A;
border-radius: 7px;
color: #fff;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
.favourite_products>.favorite_products_list>li .favorite_item_text .add_to_cart.added {
background: #F1F5FF;
transition: .3s;
}
.favourite_products>.favorite_products_list>li .favorite_item_text .add_to_cart.added span {
color: var(--text-main);
transition: .3s;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!Корзина товаров!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.cart_products_body {
gap: 40px;
position: relative;
}
.cart_products_body .cart_sum_amount {
position: absolute;
left: 940px;
width: 305px;
top: 30px;
border-radius: 8px;
background: var(--grey);
padding: 20px 24px;
}
.cart_products_body .cart_sum_amount>span {
color: var(--text-main);
font-family: var(--second-font);
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 24px;
padding-bottom: 20px;
display: inline-block;
border-bottom: 1px solid #E7E7E7;
width: 100%;
margin-bottom: 15px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_price_amount {
justify-content: space-between;
margin-bottom: 10px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_price_amount>span {
color: #919191;
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_price_amount>strong {
color: var(--text-main);
text-align: right;
font-family: var(--second-font);
font-size: 18px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 26px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_discount_amount {
justify-content: space-between;
margin-bottom: 10px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_discount_amount>span {
color: #919191;
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .cart_discount_amount>strong {
color: var(--red);
text-align: right;
font-family: var(--second-font);
font-size: 18px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 26px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .sum_amount {
justify-content: space-between;
margin-bottom: 15px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .sum_amount>span {
color: var(--text-main);
font-family: var(--second-font);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.cart_products_body .cart_sum_amount .cart_sum_priceces_body .sum_amount>strong {
color: var(--text-main);
text-align: right;
font-family: var(--second-font);
font-size: 28px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 44px;
}
.cart_products_body .cart_sum_amount .pretty_btn {
width: 100%;
justify-content: center;
}
.cart_products_body .cart_sum_amount .pretty_btn span {
color: #fff;
font-variation-settings: 'wght' 700;
;
font-size: 16px;
font-family: var(--second-font);
}
.cart_products_body .cart_products {
width: 900px;
}
.cart_products_body .cart_products .cart_products_list {
padding: 0;
gap: 25px;
max-width: 900px;
}
.cart_products_body .cart_products .cart_products_list .cart_item {
padding: 20px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
}
.cart_products_body .cart_products .cart_products_list .cart_item::before {
content: none;
}
.cart_products_body .cart_products .cart_products_list .cart_item .cart_item_checkbox {
margin-right: 15px;
position: relative;
width: 20px;
height: 20px;
border-radius: 3px;
overflow: hidden;
}
.cart_products_body .cart_products .cart_products_list .cart_item .cart_item_checkbox input[type="checkbox"] {
appearance: none;
width: 20px;
height: 20px;
margin: 0;
border: 1px solid #C2C4CA;
border-radius: 3px;
}
.cart_products_body .cart_products .cart_products_list .cart_item .cart_item_checkbox input[type="checkbox"]:checked::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #4F649A;
transition: .3s;
background-image: url(/wp-content/uploads/2025/05/Vector-77.svg);
background-repeat: no-repeat;
background-size: 12px;
background-position: center;
}
.cart_products_body .cart_products .cart_products_list .cart_item .cart_item_img {
width: 140px;
aspect-ratio: 1 / 1;
margin-right: 30px;
}
.cart_item .cart_item_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cart_item .cart_item_text {
width: calc(100% - 205px);
}
.cart_item .cart_item_text .cart_item_text_top a {
color: var(--text-main);
font-variant-numeric: lining-nums proportional-nums;
font-family: var(--second-font);
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: 24px;
margin-bottom: 10px;
display: inline-block;
}
.cart_item .cart_item_text .cart_item_text_top .nalichie {
font-size: 16px;
font-family: var(--second-font);
margin-bottom: 30px;
}
.nalichie.green {
color: #4CAF50;
}
.nalichie.orange {
color: #FF9017;
}
.cart_item .cart_item_text .cart_item_text_bottom {
width: 100%;
justify-content: space-between;
margin-bottom: 30px;
gap: 15px;
}
.cart_item .cart_item_text .cart_item_text_bottom .add_to_favourite {
gap: 10px;
}
.cart_item .cart_item_text .cart_item_text_bottom .add_to_favourite span {
color: var(--text-main);
font-family: var(--main-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: .3s;
}
.cart_item .cart_item_text .cart_item_text_bottom .add_to_favourite:hover span {
color: var(--main-violet);
transition: .3s;
}
.cart_item .cart_item_text .cart_item_text_bottom .price_counter {
gap: 2px;
}
.cart_item .cart_item_text .cart_item_text_bottom .price_counter button {
border-radius: 7px;
/* background: #F1F5FF; */
background: var(--main-violet);
width: 30px;
height: 30px;
display: grid;
place-items: center;
transition: .3s;
}
.cart_item .cart_item_text .cart_item_text_bottom .price_counter button.plus {
background: #4F649A;
}
.cart_item .cart_item_text .cart_item_text_bottom .price_counter input[type="number"] {
width: 50px;
border-radius: 7px;
border: 1px solid #F1F5FF;
appearance: none;
text-align: center;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
color: var(--text-main);
}
.price_counter button svg path {
transition: .3s;
}
.price_counter button:hover svg path {
stroke: var(--text-main) !important;
transition: .3s;
}
.price_counter button:hover {
background: #f1f5ff !important;
transition: .3s;
}
.price_counter button:hover svg path {
stroke: var(--text-main) !important;
transition: .3s;
}
.cart_item .cart_item_text .cart_item_text_bottom .price_item {
color: var(--text-main);
text-align: right;
font-family: var(--second-font);
font-size: 24px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
}
/* Цена + блок скидки: на десктопе скидка absolute справа от суммы, на узкой ширине — под ценой */
.cart_item .cart_price_with_discount {
position: static;
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.cart_item .cart_price_with_discount .price_item_discount_block {
gap: 5px;
position: absolute;
right: 20px;
bottom: 10px;
margin-left: 0;
white-space: nowrap;
}
.cart_products_body .cart_products .cart_products_list .cart_item .add_to_cart {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
}
.price_item_discount_block .percent_discount {
color: var(--text-main);
text-align: center;
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
border-radius: 8px;
background: #FFD95D;
padding: 3px 6px 1px 6px;
}
.cart_item .price_item_discount_block del {
color: var(--text-main);
text-align: right;
font-family: var(--second-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: line-through;
}
/* !!!!!!!!!!!!!!!!Подвал сайта!!!!!!!!!!!!!!!!!!!! */
footer {
padding: 50px 0;
background-color: #575756;
}
footer p {
color: #fff;
font-size: 13px;
line-height: 20px;
}
footer .notification {
border-radius: 8px;
background: #F1F5FF;
box-shadow: 0px 1px 4px 0px rgba(54, 64, 153, 0.25);
width: max-content;
min-width: 395px;
max-width: 395px;
position: fixed;
right: 85px;
top: 10%;
z-index: 999;
padding: 12px 20px;
transition: .3s;
transform: translateX(999px);
opacity: 0;
}
footer .notification.active {
transition: .3s;
transform: translateX(0);
opacity: 1;
}
footer .notification>.notification_body {
gap: 8px;
}
footer .notification>.notification_body span {
color: var(--text-main);
font-family: var(--second-font);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
footer .notification #close_notification {
position: absolute;
right: 12px;
top: 12px;
}
footer .notification.need_login footer .notification.need_login img {
background: linear-gradient(136deg, #C72525 -26.25%, #901D1D 86.26%);
border-radius: 50%;
width: 40px;
height: 40px;
padding: 6px;
}
footer .notification.need_login>.notification_body {
gap: 8px;
justify-content: space-between;
}
footer .notification.need_login>.notification_body span {
display: inline-block;
max-width: 80%;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!Рубрика брендов!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.term_items {
padding: 20px 20px 30px 20px;
display: grid !important;
grid-template-columns: repeat(4, 1fr);
list-style: none;
gap: 16px 12px;
max-width: 900px;
}
.term_items.catalog {
max-width: 100%;
list-style: none;
gap: 20px;
padding: 0;
margin-bottom: 30px;
}
.term_items.catalog-page {
grid-template-columns: repeat(5, 1fr);
}
/* Catalog categories "show more": hide items after first 4 until expanded (NOT on main catalog page) */
.term_items.catalog:not(.catalog-page) li.term_item:not(.active) {
display: none;
}
.term_items.catalog li::before {
content: none !important;
}
.term_items .term_item {
padding: 12px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
align-items: center;
gap: 30px;
justify-content: space-between;
}
.term_items .term_item .pretty_btn span {
color: #FFF;
font-family: var(--second-font);
font-size: 16px;
font-variation-settings: 'wght' 700;
;
}
.term_items .term_item .term_item_bottom {
width: 100%;
}
.term_items .term_item .pretty_btn {
width: 100%;
justify-content: center;
}
.term_items .term_item .term_item_top {
width: 100%;
display: flex;
flex-direction: column;
}
.term_items .term_item .term_item_top>img {
height: 65px;
width: 100%;
object-fit: contain;
margin-bottom: 15px;
}
.term_items .term_item .term_item_top .term_name {
color: var(--text-main);
font-family: var(--second-font);
font-size: 16px;
font-style: normal;
font-variation-settings: 'wght' 700;
;
line-height: normal;
margin-bottom: 4px;
}
.term_items .term_item .term_item_top .term_country {
color: #919191;
/* Desktop/Title 14 */
font-family: var(--second-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.brands_term_items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 30px;
}
.brand_term_item h2 {
color: var(--text-main);
font-family: var(--main-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 0;
}
.brand_term_item ul {
padding-left: 15px;
}
.brand_term_item ul li a {
color: #666;
font-family: var(--main-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.brand_term_item ul li {
display: none;
}
.brand_term_item ul li.active {
display: flex;
}
.brand_term_item {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.brands_term_items {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
}
@media (max-width: 568px) {
.brands_term_items {
grid-template-columns: 1fr;
gap: 16px;
}
}
.show_more {
display: flex;
align-items: center;
gap: 10px;
color: #182B5C;
font-size: 16px;
font-style: normal;
line-height: normal;
margin: 0 auto 30px auto;
}
.show_more svg path {
transition: .3s;
fill: #fff;
}
.show_more:hover svg path {
fill: var(--text-main);
transition: .3s;
}
.show_more span {
display: flex;
margin-top: 3px;
transition: .3s;
}
.show_more.active span:has(svg) {
transform: rotateX(-180deg);
transition: .3s;
}
.footer-copyright p:last-child {
margin: 0;
gap: 5px;
}
.footer-copyright p a {
font-weight: 500;
color: #fff;
}
@keyframes heartbeat {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2);
}
20% {
transform: scale(1);
}
30% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.footer-copyright svg {
animation: heartbeat 2s infinite;
}
.product_slide {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 16px 0px rgba(62, 75, 198, 0.15);
width: 100%;
max-width: 260px !important;
height: auto !important;
display: flex !important;
flex-direction: column;
justify-content: space-between;
padding: 12px 12px 15px 12px;
}
.product_slide:hover {
transition: .3s;
}
.product_slide .product_slide_img {
/* padding: 10px 10px 0 10px; */
display: grid;
place-items: center;
margin-bottom: 28px;
position: relative;
}
.product_slide .product_slide_img .product_slide_image_body {
aspect-ratio: 1 / 1;
width: 100%;
display: grid;
place-items: center;
position: relative;
max-width: 170px;
padding: 10px;
}
.product_slide .product_slide_img .product_slide_image_body img {
max-width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
display: none;
}
.product_slide .product_slide_img .product_slide_image_body img.active {
display: block;
}
.product_slide .product_slide_img .product_slide_image_body img.no_img {
max-width: unset;
width: 100%;
object-fit: cover;
}
.product_slide .product_slide_img .hover_change_block {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
}
.product_slide .product_slide_img .image_tabs {
display: flex;
width: calc(100% - 65px);
}
.product_slide .product_slide_img .image_tabs span {
height: 3px;
display: block;
transition: .3s;
background: #F1F5FF;
}
.product_slide .product_slide_img .image_tabs span.active {
transition: .3s;
background: #4F649A;
}
.product_slide .product_slide_text {
padding: 20px 0 0 0;
}
.product_slide_text_top {
gap: 8px;
padding-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.product_slide .product_slide_text .product_slide_text_top .top_text_block {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.product_slide .product_slide_text .product_slide_text_top .top_text_block .nalichie {
font-size: 14px;
font-family: var(--second-font);
}
.product_slide .product_slide_text .product_slide_text_top .top_text_block .nalichie.orange {
color: #FF9017;
}
.nalichie {
font-family: var(--second-font);
}
.product_slide .product_slide_text .product_slide_text_top .top_text_block .nalichie.green {
color: #4CAF50;
}
.aktsii {
font-size: 12px;
font-family: var(--second-font);
color: var(--text-main);
font-variation-settings: 'wght' 700;
;
border-radius: 8px;
background: #FFD95D;
padding: 3px 8px;
}
.product_slide_text_top .manufacturer {
font-size: 16px;
font-variation-settings: 'wght' 700;
color: #394971;
}
.product_slide_text_top .title {
color: var(--text-main);
font-variation-settings: 'wght' 700;
font-size: 16px;
margin: 0;
}
.product_slide_text_top .title a {
color: var(--text-main);
}
.articul {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
line-height: normal;
}
.product_slide_text_bottom {
/* padding-top: 20px; */
}
.product-slide__top .product_slide_text_top {
gap: 6px;
}
.top_text_block {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
}
.price_block {
justify-content: space-between;
margin-bottom: 15px;
}
.prices {
display: flex;
align-items: center;
flex-direction: column;
}
.prices .price_item {
display: flex;
align-items: center;
gap: 5px;
font-variation-settings: 'wght' 700;
;
color: var(--text-main);
}
.prices .price_item span {
font-family: var(--second-font);
font-size: 24px;
font-variation-settings: 'wght' 700;
;
color: #333 !important;
}
.prices .price_item .price.old {
font-size: 14px;
color: #999;
}
.prices .price_item .price.old~strong {
font-size: 14px;
color: #999;
}
.prices .price_item .price.new {
font-size: 16px;
color: #FF9017;
font-variation-settings: 'wght' 700;
}
.prices .price_item .price.new~strong {
font-size: 16px;
color: #FF9017;
font-variation-settings: 'wght' 700;
font-family: var(--second-font);
font-variation-settings: 'wght' 700;
;
}
.price_counter {
gap: 2px;
}
.price_counter button {
border-radius: 7px;
/* background: #F1F5FF; */
background: var(--main-violet);
width: 30px;
height: 30px;
display: grid;
place-items: center;
border: 1px solid transparent;
transition: .3s;
}
.product-slide:hover .price_counter button {
border: 1px solid var(--main-violet);
transition: .3s;
}
.price_counter button svg path {
stroke: #fff;
}
.price_counter button.plus {
background: #4F649A;
}
.price_counter input[type="number"] {
width: 50px;
border-radius: 7px;
border: 1px solid #F1F5FF;
appearance: none;
text-align: center;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
color: var(--text-main);
height: 30px;
}
.price_counter.disabled button {
background: #F1F5FF !important;
cursor: default;
}
.price_counter.disabled button svg path {
stroke: #919191;
}
.price_counter.disabled input[type="number"] {
background: #fff;
}
button.add_to_cart {
width: 100%;
margin-bottom: 15px;
padding: 15px;
background: #4F649A;
border-radius: 7px;
color: #fff;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
font-size: 16px;
transition: .3s;
}
button.add_to_cart:hover {
transition: .3s;
color: var(--text-main);
background: #f1f5ff;
}
/* .product_slide .product_slide_text .product_slide_text_bottom .add_to_cart.added {
background: #F1F5FF;
transition: .3s;
}
.product_slide .product_slide_text .product_slide_text_bottom .add_to_cart.added span {
color: var(--text-main);
transition: .3s;
} */
button.add_to_cart.already_in_cart {
background: #F1F5FF !important;
transition: .3s;
}
button.add_to_cart.already_in_cart {
color: var(--text-main) !important;
transition: .3s;
}
.product_slide .product_slide_text .product_slide_text_bottom .add_to_favourite {
gap: 10px;
}
.product_slide .product_slide_text .product_slide_text_bottom .add_to_favourite span {
font-size: 14px;
font-family: var(--second-font);
color: #4f649a;
}
.slider-scrollbar {
background: #F1F5FF !important;
margin-top: 30px;
}
.slider-scrollbar-drag {
background: #4F649A !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
content: none !important;
}
.product_slider_container {
position: relative;
}
.product_slider_container>button {
width: 40px;
height: 40px;
position: absolute;
top: 50% !important;
transform: translateY(-50%);
}
.product_slider_container>button.swiper-button-prev {
right: 100% !important;
left: unset !important;
transform: translate(100%, -50%);
}
.product_slider_container>button.swiper-button-next {
right: unset !important;
left: 100% !important;
transform: translate(-100%, -50%);
}
/* Баннер */
.banner_block_container {
min-height: 245px;
height: 245px;
}
.banner_block_image {
position: absolute;
width: 100%;
height: 100%;
}
.banner_block_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner_block_text {
position: relative;
z-index: 1;
width: 50%;
max-width: 600px;
background: rgba(255, 255, 255, 0.40);
height: 100%;
padding: 50px 40px;
}
/* Страница корзины */
#cart-remove-selected {
padding: 0;
border: none;
color: var(--red);
font-size: 14px;
padding: 0;
}
.cart-actions {
margin-bottom: 24px;
}
.cart-actions>label {
font-size: 14px;
font-family: var(--second-font);
color: var(--main-violet);
gap: 8px;
cursor: pointer;
}
#cart-table input[type="checkbox"] {
width: 24px;
height: 24px;
appearance: none;
border: 2px solid #C2C4CA;
border-radius: 5px !important;
margin: 0;
transition: .2s;
position: relative;
}
#cart-table input[type="checkbox"]:checked {
background: var(--main-violet);
border-color: var(--main-violet);
transition: .2s;
}
#cart-table input[type="checkbox"]:checked::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #4F649A;
transition: .3s;
background-image: url(/wp-content/uploads/2025/05/Vector-77.svg);
background-repeat: no-repeat;
background-size: 12px;
background-position: center;
}
.cart-list {
padding: 0 !important;
margin: 0;
list-style: none;
gap: 24px !important;
}
.cart-list li {
border-radius: 8px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(62, 75, 198, 0.15);
padding: 20px 16px;
transition: .3s;
}
.cart-list li:hover {
background: #D3DBF1;
transition: .3s;
}
.cart-list li::before {
content: none !important;
}
.cart_item_img {
width: 140px;
height: auto;
aspect-ratio: 1 / 1;
margin-left: 8px;
margin-right: 24px;
}
.cart_item_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cart_item_text {
width: 100%;
max-width: calc(100% - 170px);
}
.cart_item .remove-btn {
position: absolute;
top: 20px;
right: 20px;
padding: 0;
border: none;
width: fit-content;
background: transparent !important;
}
.cart_item .remove-btn svg path {
transition: .2s;
}
.cart_item .remove-btn:hover svg path {
stroke: var(--text-main);
transition: .2s;
}
.cart_item_text_top {
width: calc(100% - 30px);
}
.cart_item_text_top a {
color: var(--text-main);
font-size: 20px;
font-family: var(--second-font);
}
.cart_item_text_bottom .price_counter button {
background: var(--main-violet);
}
.total_price {
font-family: var(--second-font);
}
#cart-table {
gap: 36px;
}
.cart-container__left {
width: calc(100% - 340px);
}
.cart-total {
display: flex;
flex-direction: column;
padding: 20px 24px;
background: var(--grey);
border-radius: 8px;
width: 305px;
color: var(--text-main);
gap: 16px;
position: sticky;
top: 0;
}
.cart-total__title {
font-family: var(--second-font);
font-size: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.cart-total__rows {
display: flex;
flex-direction: column;
gap: 12px;
}
.cart-total__rows>* {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.cart-total__rows>*>span:nth-child(1) {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
}
#cart-sum {
font-size: 18px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
#cart-discount {
font-size: 18px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
color: var(--red);
}
#cart-total-final {
font-family: var(--second-font);
font-size: 28px;
font-variation-settings: 'wght' 700;
;
line-height: 44px;
}
.cart-total .pretty_btn {
margin: 0 auto;
width: 100%;
}
.cart-total .pretty_btn span {
font-size: 16px;
}
.order_page__layout {
gap: 36px;
width: 100%;
}
.order_page__form {
width: calc(100% - 340px);
max-width: 900px;
flex: 1 1 auto;
min-width: 0;
}
.order_page__success {
display: flex;
flex-direction: column;
align-items: center;
max-width: 520px;
color: var(--text-main);
margin: 0 auto;
}
.order_page__success-img {
display: block;
max-width: 130px;
height: auto;
object-fit: contain;
margin-bottom: 30px;
}
.order_page__success-title {
margin: 0;
font-size: 40px;
font-family: var(--second-font);
}
.order_page__success-text {
margin: 0 0 20px 0;
font-size: 16px;
color: var(--text-main, #333);
text-align: center;
}
a.pretty_btn.order_page__success-shop {
max-width: none;
text-decoration: none;
box-sizing: border-box;
margin-top: 8px;
width: 100%;
max-width: 380px;
margin: 0;
}
.registration_success_actions a.pretty_btn.order_page__success-shop {
max-width: 100%;
}
.registration_success_actions a.pretty_btn.order_page__success-shop:nth-child(2) {
background: #f1f5ff;
}
.registration_success_actions a.pretty_btn.order_page__success-shop:nth-child(2) span {
color: var(--text-main);
}
.order_page__layout--success .order_page__total {
display: none;
}
.order_page__layout--success .order_page__form {
width: 100%;
max-width: 900px;
}
#order-page-cart-total #order-cart-sum {
font-size: 18px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
#order-page-cart-total #order-cart-discount {
font-size: 18px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
color: var(--red);
}
#order-page-cart-total #order-cart-total-final {
font-family: var(--second-font);
font-size: 28px;
font-variation-settings: 'wght' 700;
;
line-height: 44px;
}
.order_page__actions {
gap: 16px;
margin-top: 24px;
}
.order_page__actions .pretty_btn {
max-width: none;
text-decoration: none;
box-sizing: border-box;
}
a.pretty_btn.order_page__back {
background: #fff;
border: 1px solid #4F649A;
}
a.pretty_btn.order_page__back span {
color: #4F649A;
}
.order-page-cart-empty {
font-family: var(--second-font);
font-size: 15px;
color: #919191;
}
/* #order_form .form_inputs > .order_address_wrap {
grid-column: 1 / -1;
} */
#order_form input.order_field_readonly,
#order_form input.order_field_readonly:focus-visible,
#order_form input[readonly],
#order_form textarea[readonly] {
background: #f4f4f6;
color: var(--text-main);
cursor: default;
opacity: 0.5;
}
#order_form .order_user_type_locked {
pointer-events: none;
user-select: none;
opacity: 0.5;
}
/* Страница каталога */
#shop_content #breadcrumbs {
margin-top: 0;
}
.filter-title {
margin: 0 0 20px 0;
font-size: 30px;
font-family: var(--second-font);
}
/* Шапка мобильного фильтра: заголовок + крестик (на десктопе обёртка «прозрачна» для вёрстки) */
.shop-filter-panel-head {
display: contents;
}
.shop-filter-close {
display: none;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: none;
border-radius: 8px;
background: transparent;
cursor: pointer;
color: #4d4d4d;
transition: background-color 0.2s ease;
}
.shop-filter-close:hover,
.shop-filter-close:focus-visible {
background: #f1f5ff;
}
.shop-filter-close:focus-visible {
outline: 2px solid var(--main-violet);
outline-offset: 2px;
}
@media (max-width: 1023px) {
.shop-filter-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 20px;
}
.shop-filter-panel-head .filter-title {
margin-bottom: 0;
}
.shop-filter-close {
display: inline-flex;
}
}
.catalog-loop {
grid-template-columns: repeat(4, 1fr);
display: grid;
gap: 16px;
margin-bottom: 20px;
}
.archive-all-products-wrap {
margin-top: 28px;
margin-bottom: 8px;
display: flex;
justify-content: center;
}
.archive-all-products-btn {
text-decoration: none;
}
.catalog-loop .product-slide {
max-width: auto !important;
}
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
}
.page-numbers>li {
border-radius: 4px;
overflow: hidden;
font-size: 18px;
}
.page-numbers>li>a {
padding: 5px 12px;
color: var(--text-main);
}
.page-numbers>li>span.current {
padding: 5px 12px;
background: var(--main-violet);
color: #fff;
}
.wpc-orderby-dropdown {
position: relative;
display: inline-block;
}
.wpc-orderby-list {
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 50;
display: none;
min-width: 100%;
margin: 0;
padding: 8px;
list-style: none;
border-radius: 8px;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
border: 1px solid #EFEFEF;
}
.wpc-orderby-dropdown.is-open .wpc-orderby-list {
display: block;
}
.wpc-orderby-item+.wpc-orderby-item {
margin-top: 4px;
}
.wpc-orderby-trigger {
display: block;
width: 100%;
padding: 10px 12px;
border: none;
border-radius: 6px;
background: transparent;
text-align: left;
cursor: pointer;
color: #666;
transition: .4s;
font-size: 14px;
}
.wpc-orderby-trigger:hover {
background: #EFEFEF;
transition: .4s;
}
.wpc-orderby-item.is-active .wpc-orderby-trigger {
color: #333;
transition: .4s;
}
.wpc-orderby-toggle {
border-radius: 4px;
border: 1px solid #EFEFEF;
background: #F1F5FF;
padding: 6px 20px;
color: #919191;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
transition: .4s;
justify-content: space-between;
min-width: 225px;
}
/* Shop toolbar (mobile) */
.shop-toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
}
/* Только кнопка «Каталог» для выезжающего side-menu (на десктопе не показываем полосу) */
.shop-toolbar--catalog-drawer {
display: none;
}
.shop-toolbar .wpc-orderby-toggle-label {
white-space: nowrap;
}
.shop-filter-toggle {
display: none;
min-width: 0;
}
/* Mobile filter offcanvas */
.shop-filter-backdrop {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 998;
}
html.is-shop-filter-open .shop-filter-backdrop {
display: block;
}
@media (max-width: 1023px) {
.shop-filter-toggle {
display: flex;
}
.shop-toolbar .wpc-orderby-dropdown {
margin-bottom: 0;
}
.shop-toolbar--catalog-drawer {
display: flex;
}
html.is-shop-filter-open .sidebar_content aside.catalog {
display: block;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: min(360px, 92vw);
background: #fff;
z-index: 999;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 16px 16px 24px;
padding-right: 0;
}
}
.toggle-arrow {
transform: rotateX(-180deg);
}
.wpc-orderby-dropdown.is-open .wpc-orderby-toggle .toggle-arrow {
transform: rotateX(0);
transition: .4s;
}
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
background-color: var(--main-violet) !important;
}
.wpc-filters-range-inputs {
padding-left: 5px;
}
.wpc-filters-range-inputs .ui-slider-horizontal {
height: 4px !important;
background: #E8E8E8 !important;
border-radius: 10px;
}
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
top: -4px !important;
box-shadow: 0px 0px 0px 1px #E8E8E8 !important;
margin-left: -8px !important;
}
.wpc-filters-range-inputs .ui-slider .ui-slider-handle {
width: 11px !important;
height: 11px !important;
border: 2px solid #FFF !important;
background: var(--main-violet) !important;
}
.wpc-filter-title {
margin-bottom: 10px !important;
font-family: var(--second-font);
font-variation-settings: 'wght' 700;
;
font-size: 18px;
}
.wpc-filters-range-slider-wrapper {
margin: 16px 4px 0 4px !important;
}
.wpc-filters-range-min,
.wpc-filters-range-max {
border-radius: 7px;
border: 1px solid #EFEFEF;
background: #F8F8F8;
width: 110px !important;
}
.wpc-filters-range-wrapper {
width: fit-content;
}
.wpc-filter-range-form.wpc-form-has-slider {
max-width: 230px;
}
.wpc-filters-section {
margin-bottom: 30px !important;
}
.wpc-filters-ul-list input[type="checkbox"] {
border-radius: 7px;
border: 1px solid #EFEFEF;
background: #F8F8F8;
width: 24px;
height: 24px;
appearance: none;
position: relative;
}
.wpc-filters-ul-list input[type="checkbox"]::before {
content: '';
position: absolute;
left: 0;
top: 0;
background-position: center;
background-size: 15px;
background-repeat: no-repeat;
content: '';
opacity: 0;
transition: .4s;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,');
}
.wpc-filters-ul-list input[type="checkbox"]:checked::before {
opacity: 1;
transition: .4s;
}
.wpc-filters-main-wrap li.wpc-term-item label {
max-width: calc(100% - 35px);
}
.wpc-filters-main-wrap li.wpc-term-item a {
color: #666;
}
@media (min-width: 1023px) {
.mobile-filter {
display: none !important;
}
}
@media (max-width: 1023px) {
.mobile-filter {
display: block;
}
.desktop-filter {
display: none;
}
/* Кнопки в мобильном фильтре (как pretty_btn) */
.mobile-filter button[type="submit"],
.mobile-filter input[type="submit"],
.mobile-filter .wpc-filters-apply,
.mobile-filter .wpc-filters-submit,
.mobile-filter .wpc-filters-submit-button {
border-color: var(--main-violet) !important;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
gap: 15px;
padding: 9px 20px;
border: none;
border-radius: 4px;
background-color: #4F649A !important;
font-size: 16px;
color: #fff;
font-variation-settings: 'wght' 700;
font-family: var(--second-font);
font-variation-settings: 'wght' 800 !important;
}
/* Сброс — без фона */
.mobile-filter button[type="reset"],
.mobile-filter input[type="reset"],
.mobile-filter .wpc-filters-reset,
.mobile-filter .wpc-filters-reset-button,
.mobile-filter .wpc-filters-clear,
.mobile-filter .wpc-filters-clear-button {
background: none;
border: none;
padding: 9px 0;
color: var(--main-violet);
font-size: 16px;
border-radius: 8px;
background-color: #F1F5FF !important;
font-family: var(--second-font);
font-variation-settings: 'wght' 800 !important;
font-variation-settings: 'wght' 700;
border-color: #F1F5FF !important;
color: #333;
}
}
.wpc-filter-layout-submit-button {
display: flex;
justify-content: space-between;
flex-direction: column !important;
gap: 10px;
}
.wpc-filter-layout-submit-button>a {
width: 100% !important;
}
.wpc-custom-selected-terms {
display: none !important;
}
.wpc-orderby-dropdown {
margin-bottom: 30px;
}
.wpc-filter-post_meta_num .widget-title::after {
content: none !important;
}
.wpc-filter-post_meta_num {
overflow: visible !important;
}
.wpc-filter-post_meta_num .wpc-filter-content {
overflow: visible !important;
}
/* Базово: всё открыто (как сейчас) */
.wpc-filters-section .wpc-filter-content {
max-height: 1000px;
overflow: hidden;
transition: max-height .4s ease;
}
/* Свёрнутый */
.wpc-filters-section.is-collapsed .wpc-filter-content {
max-height: 0;
}
/* Курсор и стрелочка у заголовка */
.wpc-filters-section .wpc-filter-header {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.wpc-filters-section .wpc-filter-title::after {
content: '';
margin-left: 8px;
transition: transform .4s ease;
background-repeat: no-repeat;
background-size: 9px;
background-position: center;
width: 9px;
height: 5px;
transform: rotateX(-180deg);
background-image: url('data:image/svg+xml,');
}
.wpc-filters-section.is-collapsed .wpc-filter-title::after {
transform: rotateX(0deg);
}
.wpc-filter-title {
margin-bottom: 10px !important;
}
/* страница товара */
.single-product-tabs {
margin-bottom: 100px;
}
/* Табы на десктопе: как раньше — flex-ряд кнопок по ширине текста + gap 10px; контент на всю ширину */
.custom-product-tabs__sections {
display: grid;
grid-template-columns: repeat(3, max-content) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 10px;
row-gap: 20px;
width: 100%;
}
.custom-product-tabs__section {
display: contents;
}
.custom-product-tabs__section:nth-child(1) .tab-btn {
grid-column: 1;
grid-row: 1;
}
.custom-product-tabs__section:nth-child(2) .tab-btn {
grid-column: 2;
grid-row: 1;
}
.custom-product-tabs__section:nth-child(3) .tab-btn {
grid-column: 3;
grid-row: 1;
}
.custom-product-tabs__section .tab-panel {
grid-column: 1 / -1;
grid-row: 2;
align-self: start;
}
.custom-product-tabs__section .tab-btn {
padding: 20px 40px;
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #F8F8F8;
color: #919191;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
font-size: 16px;
transition: .3s;
}
.custom-product-tabs__section .tab-btn:hover {
background: #f1f5ff;
transition: .3s;
}
.custom-product-tabs__section .tab-btn.active {
background: #fff;
color: var(--text-main);
}
.custom-product-tabs .tab-panel {
display: none;
opacity: 0;
}
.custom-product-tabs .tab-panel.active {
display: block;
opacity: 1;
animation: custom-product-tab-panel-in 0.38s ease forwards;
}
@keyframes custom-product-tab-panel-in {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.custom-product-tabs__section .tab-btn {
transition: none;
}
.custom-product-tabs .tab-panel.active {
animation: none;
opacity: 1;
}
.vc_top_products .top_products_tab_panel.active {
animation: none;
opacity: 1;
}
html::before {
transition: none;
}
.header-fixed-menu {
transition: none;
}
.header-fixed-menu:not(.active) {
transform: none;
}
}
.product-attributes {
display: flex;
flex-direction: column;
gap: 14px;
}
.product-attribute-row {
gap: 5px;
padding-bottom: 10px;
}
.product-attribute-row>* {
width: fit-content;
color: #666;
white-space: nowrap;
}
.product-attribute-label {}
.product-attribute-separator {
border-bottom: 2px dashed #666;
width: 100%;
margin-bottom: 3px;
}
.product-short-description {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 50px;
}
.product-short-description table th,
.product-short-description table td {
padding: 5px 10px;
border: 1px solid #E7E7E7;
}
.product-short-description table th {
color: var(--main-violet);
font-size: 18px;
font-variation-settings: 'wght' 600;
background: #F8F8F8;
}
.product-short-description ul {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 5px;
}
.product-short-description ul li {
position: relative;
}
.product-short-description ul li::before {
content: '';
width: 5px;
height: 6px;
background: #666;
position: absolute;
left: -15px;
top: 8px;
border-radius: 50%;
}
.product-attribute-rows {
grid-template-columns: repeat(2, 1fr);
gap: 100px;
padding: 50px;
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 50px;
}
.custom-reviews__header {
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 24px;
flex-direction: column;
}
.custom-reviews__add-btn {
padding: 13px;
border-radius: 8px;
cursor: pointer;
width: 275px;
margin-left: auto;
}
.custom-reviews__add-btn.is-open {
display: none;
}
.custom-reviews__list {
margin: 0 0 24px;
padding: 0;
}
.custom-reviews__empty {
margin-bottom: 16px;
}
.custom-reviews__form-wrapper {
margin-top: 24px;
}
.custom-rating {
margin-bottom: 16px;
}
.custom-rating__label {
display: inline-block;
font-size: 14px;
font-family: var(--second-font);
color: #919191;
}
.custom-rating__stars {
display: flex;
gap: 4px;
}
.custom-rating__star {
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.custom-rating__star svg path {
fill: #E0E0E0;
stroke: white;
stroke-width: 2.96448;
}
.custom-rating__star.is-active svg path {
fill: #FFD029;
}
.product-info-top {
gap: 100px;
margin-bottom: 65px;
}
.product-info-top__content {
width: calc(42.5% - 50px);
}
.product-info-top__gallery {
width: calc(57.5% - 50px);
}
/* .product-info-top__content .top_text_block */
.product-rating-star.is-filled svg path {
fill: #FFD029;
}
.articul-wrap {
gap: 20px;
}
.product-info-top__content .product_slide_text_top {
gap: 8px;
padding-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.product-info-top__content .price_block {
gap: 20px;
margin: 0;
}
.product-info-top__content .product_slide_text_top .price_block>* {
width: calc(50% - 10px);
}
/* Дубликат цены для мобилки — в строке со счётчиком; на десктопе скрыт */
.product-info-top__price-mobile {
display: none;
}
.product-info-top__content .price_block--purchase>.price_counter,
.product-info-top__content .price_block--purchase>.add_to_cart {
width: calc(50% - 10px);
}
.product-rating-row {
gap: 10px;
}
.product-review-count {
font-size: 12px;
color: #999999;
}
.articul-wrap+.price_block .prices.with_discount {
flex-direction: row-reverse;
width: fit-content;
gap: 10px;
}
.articul-wrap+.price_block .prices {
width: fit-content;
}
.articul-wrap+.price_block .prices.with_discount .price.new {
font-size: 24px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
.articul-wrap+.price_block .prices .price_item .price.new~strong {
font-size: 24px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
.product-info-top__content .add_to_favourite {
gap: 10px;
display: flex;
padding: 0;
color: #333;
transition: .3s;
}
.product-info-top__content .add_to_favourite:hover {
color: var(--main-violet);
transition: .3s;
}
.product-info-top__content .add_to_favourite img {
width: 34px;
}
.product-info-top__content .add_to_favourite {
font-size: 16px;
}
.product-info-top__content .product_slide_text_bottom {
padding-top: 40px;
gap: 20px;
}
.product-info-top__content .add_to_cart {
margin: 0;
}
.product-info-top__content .product_slide_text_bottom .price_counter button {
width: 50px;
height: 50px;
border-radius: 12px;
}
.product-info-top__content .product_slide_text_bottom .price_counter input[type=number] {
width: calc(100% - 105px);
height: 50px;
font-size: 18px;
}
.custom-review__star.is-filled svg path {
fill: #FFD029;
}
.custom-reviews__list li {
border-radius: 8px;
border: 1px solid #E7E7E7;
background: #FFF;
padding: 50px;
color: #666;
}
.custom-reviews__list {
gap: 20px;
width: 100%;
}
.custom-review__stars {
margin-bottom: 20px;
}
.custom-review {
gap: 10px;
}
.custom-review-field {
position: relative;
margin-bottom: 25px;
width: 100%;
max-width: 380px;
}
.custom-review-field input~label,
.custom-review-field textarea~label {
position: absolute;
left: 10px;
font-size: 16px;
color: rgb(145, 145, 145);
background: rgb(255, 255, 255);
padding: 0px 5px;
position: absolute;
transform: translateY(-10px);
opacity: 1;
transition: 0.3s;
}
.custom-review-field input,
.custom-review-field textarea {
width: 100%;
font-family: var(--second-font);
border-radius: 8px;
border-width: 1px;
border-style: solid;
border-color: rgb(231, 231, 231);
border-image: initial;
background: rgb(255, 255, 255);
padding: 9px 12px;
}
.custom-review-field input::placeholder,
.custom-review-field textarea::placeholder {
color: #919191;
font-size: 14px;
font-family: var(--second-font);
transition: .3s;
}
.custom-review-field input:focus-visible,
.custom-review-field textarea:focus-visible {
outline: none;
}
.custom-review-field--comment {
max-width: 740px;
}
.custom-review-field--rating {
display: flex;
align-items: center;
max-width: max-content;
gap: 20px;
}
.custom-review-field--rating p.stars {
display: none;
}
.custom-review-field__textarea {
max-height: 193px;
resize: none;
}
.form-submit .pretty_btn {
width: 275px;
}
.product-gallery-swiper-wrapper {
display: flex;
gap: 16px;
}
/* Ряд: кнопка | swiper миниатюр | кнопка */
.product-gallery-thumbs-row {
flex: 0 0 auto;
width: 110px;
min-height: 0;
display: flex;
flex-direction: column;
align-items: stretch;
}
.product-gallery-thumbs {
width: 100%;
flex: 1;
min-height: 0;
max-height: 100%;
position: relative;
}
.product-gallery-thumbs-row>button.swiper-button-prev,
.product-gallery-thumbs-row>button.swiper-button-next {
padding: 0;
line-height: 0;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.product-gallery-thumbs-row .swiper-button-prev,
.product-gallery-thumbs-row .swiper-button-next {
width: 36px;
height: 36px;
margin-top: 0;
border-radius: 50%;
background: #fff;
border: 1px solid #E7E7E7;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
z-index: 2;
}
.product-gallery-thumbs-row .swiper-button-prev::after,
.product-gallery-thumbs-row .swiper-button-next::after {
content: '' !important;
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
box-sizing: border-box;
}
.product-gallery-thumbs-row:has(.product-gallery-thumbs.swiper-horizontal) .swiper-button-prev::after {
transform: rotate(45deg);
}
.product-gallery-thumbs-row:has(.product-gallery-thumbs.swiper-horizontal) .swiper-button-next::after {
transform: rotate(-135deg);
}
@media (min-width: 1024px) {
.product-gallery-swiper-wrapper {
align-items: stretch;
}
.product-gallery-thumbs.swiper-vertical {
height: 100%;
min-height: 0;
}
.product-gallery-thumbs-row .swiper-button-prev,
.product-gallery-thumbs-row .swiper-button-next {
display: none !important;
}
}
.product-gallery-thumbs .swiper-slide {
cursor: pointer;
aspect-ratio: 1 / 1;
height: auto !important;
border-radius: 5px;
border: 1px solid transparent;
padding: 10px;
}
.product-gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
border: 1px solid #E7E7E7
}
.product-gallery-thumbs img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
margin: 0 auto;
aspect-ratio: 1 / 1;
height: auto;
}
.product-gallery-main {
width: calc(100% - 130px);
padding-right: 1px !important;
}
.product-gallery-main img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.product-gallery-main .swiper-slide {
cursor: pointer;
aspect-ratio: 1 / 1;
height: auto !important;
border-radius: 5px;
border: 1px solid #E7E7E7;
padding: 50px;
display: grid;
place-items: center;
}
@media(max-width: 1600px) {
.sidebar_content {
gap: 40px;
}
section.main {
width: calc(100% - 400px);
}
}
@media(max-width: 1199px) {
.term_items {
padding: 0;
grid-template-columns: repeat(3, 1fr);
}
.term_items.catalog-page {
grid-template-columns: repeat(4, 1fr);
}
}
@media(max-width: 1023px) {
footer .notification {
min-width: max-content;
max-width: 100%;
position: fixed;
right: 20px;
}
footer .notification #close_notification {
position: absolute;
right: 0;
top: 5px;
}
main {
padding-top: 25px;
padding-bottom: 50px !important;
}
section {
margin-bottom: 50px;
}
h2 {
font-size: 18px;
}
.sidebar_content aside.catalog {
display: none;
}
/* Оффканвас-фильтр на мобилке: должен перебивать display:none выше */
html.is-shop-filter-open .sidebar_content aside.catalog {
display: block !important;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: min(360px, 92vw);
background: #fff;
z-index: 999;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 16px 16px 24px;
}
.sidebar_content .front_page_side_content {
width: 100%;
}
.front_page_slider .front_page_slide .slide_text {
margin-top: 25px;
margin-right: 15px;
max-width: 50%;
padding: 10px;
}
.front_page_side_content .front_page_slider {
border-radius: 8px;
margin-bottom: 16px;
}
.front_page_slider_container {
margin: 0 0 50px 0;
}
.front_page_slider .front_page_slide .slide_desc strong {
font-size: 16px;
}
.front_page_slider .front_page_slide .slide_desc p {
font-size: 13px;
}
.front_page_slider .front_page_slide .slide_button .pretty_btn span {
color: #fff;
font-size: 13px;
}
.front_page_slider .front_page_slide .slide_desc {
margin-bottom: 5px;
}
.container {
max-width: 100%;
}
/* Хлебные крошки: одна строка, горизонтальный скролл */
#breadcrumbs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
margin-bottom: 30px;
}
#breadcrumbs span {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 7px;
width: max-content;
white-space: nowrap;
min-width: min-content;
}
#breadcrumbs a {
white-space: nowrap;
}
/* Страница товара (адаптив) */
.product-info-top {
gap: 24px;
margin-bottom: 40px;
}
.product-info-top__gallery,
.product-info-top__content {
width: 100%;
}
.product-gallery-swiper-wrapper {
flex-direction: column;
gap: 12px;
}
.product-gallery-main {
width: 100%;
}
.product-gallery-main .swiper-slide {
padding: 18px;
}
.product-gallery-thumbs-row {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
box-sizing: border-box;
}
.product-gallery-thumbs {
flex: 1;
min-width: 0;
width: auto;
max-height: none;
box-sizing: border-box;
}
.product-gallery-thumbs-row>.swiper-button-prev,
.product-gallery-thumbs-row>.swiper-button-next {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
flex-shrink: 0;
width: 18px;
height: 18px;
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
}
.product-gallery-thumbs.swiper-horizontal .swiper-slide {
width: 76px;
}
.product-gallery-thumbs-row>.swiper-button-prev::after,
.product-gallery-thumbs-row>.swiper-button-next::after {
content: none !important;
}
.product-info-top__content .product_slide_text_bottom {
padding-top: 24px;
}
.product-info-top__content .product_slide_text_top .price_block {
display: none;
}
.product-info-top__price-mobile {
display: flex;
align-items: center;
flex: 1;
min-width: 0;
justify-content: end;
}
.product-info-top__price-mobile .prices {
width: fit-content;
max-width: 100%;
}
.product-info-top__price-mobile .prices.with_discount {
flex-direction: row-reverse;
align-items: baseline;
gap: 8px;
width: fit-content;
}
.product-info-top__price-mobile .prices.with_discount .price.new {
font-size: 20px;
font-variation-settings: 'wght' 700;
;
font-family: var(--second-font);
}
.product-info-top__content .price_block--purchase {
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.product-info-top__content .product_slide_text_bottom .price_counter button {
width: 30px;
height: 30px;
border-radius: 7px;
}
.product-info-top__content .price_block--purchase .price_counter {
width: auto !important;
flex-shrink: 0;
}
.product-info-top__content .price_block--purchase .add_to_cart {
flex-basis: 100%;
width: 100%;
order: 3;
margin-top: 4px;
}
.product-info-top__content .product_slide_text_bottom .price_counter input[type=number] {
width: 100px;
height: 30px;
}
/* Аккордеон вместо горизонтальных табов */
.product-attribute-separator {
display: none;
}
.custom-product-tabs__sections {
display: flex;
flex-direction: column;
column-gap: 0;
row-gap: 0;
border: none;
border-radius: 8px;
overflow: hidden;
}
.custom-product-tabs__section {
display: flex;
flex-direction: column;
border-bottom: 1px solid #E7E7E7;
}
.custom-product-tabs__section:last-child {
border-bottom: none;
}
.custom-product-tabs__section .tab-btn {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
width: 100%;
text-align: left;
white-space: normal;
padding: 15px 0;
border-radius: 0;
border: none;
background: none;
color: #919191;
}
.custom-product-tabs__section .tab-btn.active {
background: #fff;
color: var(--text-main);
}
.custom-product-tabs__section .tab-btn::after {
content: '';
display: block;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
flex-shrink: 0;
transition: transform 0.2s ease;
margin-top: -4px;
margin-right: 4px;
}
.custom-product-tabs__section:has(.tab-btn.active) .tab-btn::after {
transform: rotate(225deg);
margin-top: 4px;
}
.custom-product-tabs__section .tab-panel {
padding: 15px 0 30px 0;
width: 100%;
}
.custom-product-tabs .product-short-description {
padding: 0;
border: none;
}
.front_page_slider_container .swiper-pagination {
position: relative;
right: 0;
bottom: 0 !important;
justify-content: center;
padding-right: 0;
}
.contacts_block_widget .contacts_block_right {
width: 50%;
border-radius: 8px;
overflow: hidden;
margin: 0 auto;
}
.contacts_block_container .contacts_block_widget {
margin-bottom: 0;
padding: 0;
background: none;
box-shadow: none;
gap: 30px;
}
.contacts_block_widget .contacts_block_left {
width: 100%;
border-radius: 8px;
background: #FFF;
box-shadow: 0 4px 16px 0 rgba(62, 75, 198, 0.15);
padding: 30px 20px;
}
.contacts_block_left .contacts_block_items {
grid-template-columns: repeat(2, 1fr);
padding: 20px;
}
.brands_block_container {
margin-bottom: 50px;
}
.brands_block_grid {
gap: 8px 12px;
padding: 0;
border-radius: 0;
box-shadow: none;
grid-template-columns: repeat(3, 1fr) !important;
}
.brands_block_item {
border-radius: 6px;
background: #FFF;
box-shadow: 0 0 4px 0 rgba(102, 102, 102, 0.25);
padding: 6px;
}
.brands_block_item::after {
content: none;
}
.brands_block_image img {
height: 60px;
}
.product_slider {
max-width: max-content;
width: calc(100% + 30px);
margin-left: -15px;
padding: 10px 20px 30px 20px;
}
.product_slider_container {
position: relative;
padding: 0;
width: 100%;
margin: 0;
}
.product_slide {
max-width: unset !important;
}
.product-slide__top {
display: flex;
gap: 15px;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.product_slide .product_slide_img .product_slide_image_body {
max-width: 120px;
}
.product_slide_text_top {
gap: 6px;
padding-bottom: 0;
border-bottom: none;
max-width: calc(100% - 135px);
}
.product_slide_text_top .title {
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.product_slider_container>button.swiper-button-next {
transform: translate(-50%, -50%);
}
.product_slider_container>button.swiper-button-prev {
transform: translate(50%, -50%);
}
.product_slide_text_top .manufacturer {
font-size: 15px;
}
.product_slider_container .slider-scrollbar {
/* padding: 0 15px; */
margin-top: 15px;
}
button.add_to_cart {
padding: 10px 15px;
}
.banner_block_text {
width: 100%;
max-width: 100%;
height: 50%;
padding: 12px 20px 25px 20px;
margin-top: auto;
}
.banner_block_container {
display: flex;
justify-content: end;
height: max-content;
width: 100vw;
left: 50%;
transform: translateX(-50%);
min-height: 160px;
}
.product_slide .product_slide_img .image_tabs {
width: 100%;
}
.front_page_new_products {
margin-bottom: 50px;
}
section.main {
width: 100%;
}
footer {
padding: 30px 0;
}
#breadcrumbs {
margin-bottom: 20px;
padding-bottom: 10px;
}
h1.title {
font-size: 30px;
margin: 0 0 15px 0;
}
h2.title {
font-size: 18px;
}
.term_items {
grid-template-columns: repeat(4, 1fr);
gap: 16px;
max-width: 100%;
}
.favourite_products:has(.favorite_products_list) {
border-radius: 0;
background: none;
box-shadow: none;
padding: 0;
margin-top: 15px;
}
.favourite_products>.favorite_products_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 0;
gap: 15px;
}
.favourite_products>.favorite_products_list>li .favorite_item_text {
gap: 15px;
}
#cart-table {
gap: 15px;
}
#cart-total-final {
font-size: 22px;
}
.cart-total {
padding: 15px 20px;
gap: 10px;
width: calc(33.3% - 8px);
}
.cart-container__left {
width: calc(66.6% - 8px);
}
.cart_item .cart_item_text {
max-width: 100%;
width: 100%;
}
.cart_item_img {
width: 120px;
}
.cart-list li {
flex-direction: column;
}
.cart_item .cart_item_text .cart_item_text_top .nalichie {
margin-bottom: 15px;
}
.cart_item .cart_item_text .cart_item_text_bottom {
flex-wrap: wrap;
margin: 0;
}
.cart_item .cart_item_text .cart_item_text_bottom .add_to_favourite {
order: 1;
width: 100%;
}
.cart_item .cart_item_text .cart_item_text_bottom {
gap: 15px;
}
.cart_item .cart_price_with_discount {
display: flex;
flex-direction: column;
align-items: flex-end;
position: static;
}
.cart_item .cart_price_with_discount .price_item_discount_block {
position: static;
}
#login_form .form_title {
font-size: 18px;
text-align: center;
width: 100%;
}
#registration_form .form_inputs,
#order_form .form_inputs {
gap: 15px;
margin-bottom: 30px;
}
#registration_form .radio_inputs .radio_input_item,
#order_form .radio_inputs .radio_input_item {
padding: 25px 15px;
border-radius: 8px;
border: 1px solid #DBE0E2;
background: #FFF;
overflow: hidden;
/* width: calc(100% - 7.5px); */
}
#registration_form .radio_inputs,
#order_form .radio_inputs {
gap: 10px;
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 50px;
}
.registration_title {
font-size: 20px;
margin-bottom: 15px;
}
#registration_form .radio_inputs .radio_input_item input+label::after,
#order_form .radio_inputs .radio_input_item input+label::after {
width: 100%;
}
#registration_form .radio_inputs .radio_input_item,
#order_form .radio_inputs .radio_input_item {
padding: 10px;
border-radius: 8px;
}
#registration_form .radio_inputs .radio_input_item input:checked+label::before,
#order_form .radio_inputs .radio_input_item input:checked+label::before {
border: 5px solid #4F649A;
}
#registration_form .radio_inputs .radio_input_item input+label::before,
#order_form .radio_inputs .radio_input_item input+label::before {
width: 20px;
height: 20px;
content: '';
}
#registration_form .radio_inputs .radio_input_item input+label,
#order_form .radio_inputs .radio_input_item input+label {
font-size: 14px;
padding-left: 25px;
width: 100%;
display: block;
}
#registration_form .register_comment,
#order_form .register_comment {
margin-bottom: 20px;
}
.catalog-loop {
grid-template-columns: repeat(3, 1fr);
}
.sidebar_content {
gap: 30px;
}
.single-product-tabs {
margin-bottom: 50px;
}
.product-info-top__content .product_slide_text_top {
max-width: 100%;
}
.product-attribute-rows {
gap: 20px;
border: none;
padding: 0;
}
.product-attribute-row {
justify-content: space-between;
}
.product-info-top__content .product_slide_text_top .title {
font-size: 16px;
}
.product-info-top__content .add_to_favourite img {
width: 22px;
}
.vc_top_products .top_products_tabs_nav {
margin-bottom: 10px;
padding-bottom: 10px;
overflow-y: auto;
flex-wrap: nowrap;
}
.wpc-filter-range-form.wpc-form-has-slider {
max-width: 100%;
}
.term_items.catalog-page {
grid-template-columns: repeat(3, 1fr);
}
aside.catalog>div.sticky {
max-height: 95dvh;
padding-right: 15px;
}
.wpc-filter-layout-submit-button a {
padding: 9px 20px !important;
transition: .3s;
}
.wpc-filter-layout-submit-button a:hover {
color: var(--text-main) !important;
background: #f1f5ff;
transition: .3s;
}
section.main {
margin-bottom: 20px;
}
.order_page__success-title {
font-size: 24px;
}
.order_page__success-img {
max-width: 80px;
margin-bottom: 20px;
}
.order_page__success-title {
margin-bottom: 10px;
text-align: center;
}
}
@media(max-width: 768px) {
.term_items.catalog-page {
grid-template-columns: repeat(2, 1fr);
}
/* Страница товара (моб) */
.product_slide_text_top .title {
font-size: 20px;
}
.articul-wrap {
flex-wrap: wrap;
gap: 12px;
}
.product-info-top__content .add_to_cart.pretty_btn {
width: 100%;
justify-content: center;
}
.product-info-top__content .add_to_favourite {
width: 100%;
justify-content: start;
}
.product_slide_text_top .title {
font-size: 12px;
}
.term_items {
grid-template-columns: repeat(2, 1fr);
}
.term_items .term_item .term_item_top {
flex-direction: row-reverse;
gap: 16px;
justify-content: space-between;
}
.term_items .term_item {
gap: 16px;
}
.term_items .term_item .term_item_top>img {
margin-bottom: 0;
max-width: 100px;
}
.favourite_products>.favorite_products_list {
grid-template-columns: repeat(2, 1fr);
}
.catalog-loop {
grid-template-columns: repeat(2, 1fr);
}
#cart-table {
flex-wrap: wrap;
}
.cart-container__left {
width: 100%;
}
.order_page__layout {
flex-wrap: wrap;
}
.order_page__form {
width: 100%;
}
.cart-total {
width: 100%;
}
.product-attribute-rows {
grid-template-columns: repeat(1, 1fr);
}
}
@media(max-width: 568px) {
.contacts_block_left .contacts_block_items {
grid-template-columns: repeat(1, 1fr);
}
.contacts_block_widget .contacts_block_right {
width: 100%;
}
.favourite_products>.favorite_products_list {
grid-template-columns: repeat(1, 1fr);
}
#registration_form .form_inputs,
#order_form .form_inputs {
grid-template-columns: repeat(1, 1fr);
}
#registration_form .submit_buttons .pretty_btn,
#order_form .submit_buttons .pretty_btn,
.order_page__actions .pretty_btn,
a.pretty_btn.order_page__success-shop {
max-width: 100%;
width: 100%;
justify-content: center;
}
.catalog-loop {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 456px) {
.term_items {
grid-template-columns: repeat(1, 1fr);
}
.term_items.catalog-page {
grid-template-columns: repeat(1, 1fr);
}
}
/* AJAX-поиск в шапке: список с прокруткой и подгрузкой */
#search {
position: relative;
}
#search_results {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 250;
max-height: min(420px, 70vh);
overflow-x: hidden;
overflow-y: auto;
background: #fff;
border: 1px solid #E7E7E7;
border-radius: 8px;
box-shadow: 0 12px 32px rgba(51, 51, 51, 0.12), 0 4px 12px rgba(79, 100, 154, 0.08);
-webkit-overflow-scrolling: touch;
}
.ajax-search-meta {
padding: 10px 14px;
font-family: var(--second-font), sans-serif;
font-size: 13px;
line-height: 1.35;
color: #919191;
border-bottom: 1px solid #f0f0f0;
position: sticky;
top: 0;
z-index: 1;
background: #fff;
}
.ajax-search-results {
list-style: none;
margin: 0;
padding: 0;
}
.search-result-item {
margin: 0;
border-bottom: 1px solid #f5f5f5;
}
.search-result-item:last-child {
border-bottom: none;
}
.search-result-item a {
display: block;
padding: 12px 14px;
text-decoration: none;
color: var(--text-main);
transition: background 0.2s ease, color 0.2s ease;
}
.search-result-item a:hover,
.search-result-item a:focus-visible {
background: var(--grey);
color: var(--main-violet);
outline: none;
}
.search-result-item h4 {
margin: 0;
font-family: var(--second-font), sans-serif;
font-size: 15px;
font-variation-settings: 'wght' 700;
;
font-variation-settings: 'wght' 700;
line-height: 1.3;
}
.ajax-search-sentinel {
height: 4px;
margin: 0;
pointer-events: none;
flex-shrink: 0;
}
.ajax-search-loading-more {
min-height: 40px;
padding: 10px 14px 14px;
font-family: var(--second-font), sans-serif;
font-size: 14px;
text-align: center;
color: #919191;
}
#search_results .search_loading,
#search_results .search-error,
#search_results .no-results {
padding: 16px 14px;
font-family: var(--second-font), sans-serif;
font-size: 15px;
line-height: 1.4;
}
#search_results .search-error {
color: var(--red);
}
/* Выпадающее меню «Личный кабинет» в шапке */
.authorization_dropdown {
position: relative;
}
.authorization_dropdown_toggle {
cursor: pointer;
align-items: center;
text-align: center;
background: none;
border: none;
padding: 0;
font: inherit;
color: inherit;
}
.authorization_dropdown_toggle:focus-visible {
outline: 2px solid var(--main-violet);
outline-offset: 3px;
border-radius: 4px;
}
.login_list {
position: absolute;
top: calc(100% + 8px);
right: 0;
left: auto;
min-width: 208px;
margin: 0;
padding: 8px 0;
list-style: none;
background: #fff;
border: 1px solid #E7E7E7;
border-radius: 8px;
box-shadow: 0 10px 28px rgba(51, 51, 51, 0.12), 0 2px 8px rgba(79, 100, 154, 0.08);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
pointer-events: none;
z-index: 200;
}
.login_list.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.login_list li {
margin: 0;
padding: 0;
}
.login_list a {
display: block;
padding: 10px 18px;
font-size: 14px;
line-height: 1.35;
color: var(--text-main);
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
white-space: nowrap;
}
.login_list a:hover,
.login_list a:focus-visible {
background: var(--grey);
color: var(--main-violet);
outline: none;
}
.login_list li+li a {
border-top: 1px solid #F0F0F0;
}
@media (max-width: 568px) {
.login_list {
right: 0;
left: auto;
min-width: min(208px, calc(100vw - 40px));
}
}
@media (max-width: 425px) {
#registration_form .radio_inputs,
#order_form .radio_inputs {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 30px;
}
}