/* Версия файла: 2026-10-03 23:45 (МСК) | +332 / −0 строк */
/* Основные стили вёрстки */
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
--seryy-svetlyy: #f3f2f1;
--seryy: #696e72;
--black: #4a535c;
--svetlyy-bezh: #e9e3dc;
--temnyy-bezh: #dac3ac;
--orange: #b4582f;
--kirpichnyy-temnyy: #9c4a26;
--siniy: #758999;
--white: #ffffff;
--ultra-svetlo-seryy: #f9f9f9;
--svetlo-siniy: #9badbb;
}
/* Montserrat можно смело исключить */
:root {
--font-family: "Raleway", sans-serif;
--second-family: "Montserrat", sans-serif;
}
/*
Сколько раз встречаются и какие шрифты в дизайне (для логической оптимизации)
Raleway Medium - 906
Raleway SemiBold - 541
Raleway Bold - 471
Raleway Regular - 49
Montserrat Medium - 2
Montserrat Bold - 2
*/
html,
body {
height: 100%;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: var(--font-family);
font-size: 14px;
line-height: 123%;
font-weight: 500;
font-style: normal;
color: var(--black);
text-align: left;
margin: 0;
background: var(--white);
leading-trim: both;
text-edge: cap;
font-feature-settings: 'pnum' on, 'lnum' on;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
a {
color: var(--black);
text-decoration: none;
background-color: transparent;
}
a:hover {
color: var(--orange);
text-decoration: none;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
textarea {
overflow: auto;
resize: vertical;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 0;
width: 100%;
min-width: 100%;
z-index: 11;
position: relative;
margin-bottom: 0;
font-style: normal;
font-weight: 600;
color: var(--black);
display: flex;
}
h1, .h1 {
font-size: 23px;
line-height: 28px;
}
h2, .h2 {
font-size: 20px;
line-height: 24px;
}
h3, .h3 {
font-size: 18px;
line-height: 22px;
}
h4, .h4 {
font-size: 16px;
line-height: 20px;
}
h5, .h5 {
font-size: 16px;
line-height: 20px;
}
h6, .h6 {
font-size: 16px;
line-height: 20px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
border-bottom: 1px solid var(--grey);
margin: 16px auto;
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
a.scrollup {
display: block;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
opacity: 0;
color: var(--white);
width: 58px;
height: 58px;
background: var(--orange);
border-radius: 50%;
color: var(--white);
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
text-transform: uppercase;
text-align: center;
font-size: 10px;
font-weight: 600;
}
a.scrollup span {
display: flex;
width: 100%;
}
a.scrollup img {
width: 23px;
height: 12px;
}
a.scrollup:before {
content: '';
position: absolute;
border: 1px solid var(--orange);
width: 66px;
height: 66px;
border-radius: 50%;
}
a.scrollup:hover:before {
-webkit-animation: sup 1000ms linear infinite ;
animation: sup 1000ms linear infinite ;
}
@-webkit-keyframes sup {
0% {
width: 66px;
height: 66px;
}
25% {
width: 68px;
height: 68px;
}
50% {
width: 70px;
height: 70px;
}
75% {
width: 68px;
height: 68px;
}
100% {
width: 66px;
height: 66px;
}
}
@keyframes sup {
0% {
width: 66px;
height: 66px;
}
25% {
width: 68px;
height: 68px;
}
50% {
width: 70px;
height: 70px;
}
75% {
width: 68px;
height: 68px;
}
100% {
width: 66px;
height: 66px;
}
}
.compare_post img,
.compare_post,
.special_item .special_item_img img,
.special_item .special_item_badge,
.special_item .special_item_badge svg path,
.term_item .term_item_content .term_item_svg svg path,
.step_item .step_item_svg svg path,
.special_item_button svg rect,
.special_item_button svg path,
.term_item span,
.btn:before,
a.btn:before,
.btn:after,
a.btn:after,
.hit_products .products,
.hit_term,
.hit_more,
.footer_col .footer_col_title,
footer a,
header a,
.step_item:after,
.step_item:before,
.summary_content .favorit_link,
.summary_content .compare_link,
.product_favorit_title_text,
.product_compare_title_text,
.summary_content .favorit_link > span:before,
.summary_content .compare_link > span:before,
.summary_content .favorit_link > span:after,
.summary_content .compare_link > span:after,
.product_other_link .product_img img,
.faq_question svg,
.pwd_summary_attribute_more,
.pwd_summary_attribute_more:before,
.pwd_summary_attribute_more:after,
.search-filter-component-combobox-base,
.search-filter-input-checkbox .search-filter-input-checkbox__label,
ul.wc-tabs li a,
.search-filter-field--control-type-load_more button.search-filter-input-button.search-filter-field__input,
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-submit .search-filter-input-button,
.archive_filter_sidebar_wrapper .search-filter-description,
.archive_filter_sidebar_wrapper .pb-more-svg svg,
button.mfp-close:before,
button.mfp-close:after,
.pb-brand__site,
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-reset .search-filter-input-button,
.btn:not(.added_to_cart) {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.product_gallery_thumbs:before,
.term_item:after,
.term_item:before {
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
ul.menu_header li a:after {
-webkit-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-moz-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-ms-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-o-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
}
.btn input,
.btn,
a.btn {
padding-top: 0;
padding-bottom: 0;
position: relative;
z-index: 3;
cursor: pointer;
height: 46px;
font-weight: 700;
font-size: 15px;
line-height: 120%;
color: #F3F2F1;
min-width: max-content;
max-width: max-content;
border: 1px solid var(--orange);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 54px;
padding-right: 20px;
gap: 10px;
background: var(--orange);
border-radius: 5px;
}
a.btn_not_icon:link,
.btn_not_icon input,
.btn_not_icon,
a.btn_not_icon {
color: var(--orange);
border: 1px solid var(--orange);
background: transparent;
padding-left: 22px;
padding-right: 22px;
}
.btn_group_product {
display: flex;
gap: 20px;
position: relative;
}
.btn_submit{
padding: 0;
}
.form_row,
.form_row > span,
.form_row input {
max-width: 100%;
}
.btn_submit span {
position: relative;
padding-left: 54px;
padding-right: 20px;
}
.btn_submit span:after,
.btn_submit span:before,
.btn:not(.btn_submit):after,
a.btn:not(.btn_submit):after,
.btn:not(.btn_submit):before,
a.btn:not(.btn_submit):before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3202 0.380811C11.3825 -0.126937 12.6175 -0.126937 13.6798 0.380811C14.1412 0.601345 14.5644 0.962283 15.1557 1.46667L15.2472 1.54469C15.8089 2.02332 16.3465 2.25096 17.0969 2.31084L17.2167 2.32037C17.9915 2.38187 18.546 2.42588 19.0282 2.5962C20.1384 2.98833 21.0117 3.86159 21.4038 4.97179C21.5741 5.45397 21.6181 6.00842 21.6796 6.78317L21.6892 6.90312C21.749 7.65349 21.9767 8.19112 22.4553 8.75276L22.5333 8.84425C23.0377 9.43562 23.3987 9.8588 23.6192 10.3202C24.1269 11.3825 24.1269 12.6175 23.6192 13.6798C23.3987 14.1412 23.0377 14.5644 22.5333 15.1557L22.4553 15.2472C21.9671 15.8202 21.7479 16.3613 21.6892 17.0969L21.6796 17.2168C21.6181 17.9916 21.5741 18.546 21.4038 19.0282C21.0117 20.1384 20.1384 21.0117 19.0282 21.4038C18.546 21.5741 17.9916 21.6181 17.2168 21.6796L17.0969 21.6892C16.3465 21.749 15.8089 21.9767 15.2472 22.4553L15.1557 22.5333C14.5644 23.0377 14.1412 23.3987 13.6798 23.6192C12.6175 24.1269 11.3825 24.1269 10.3202 23.6192C9.85882 23.3987 9.43563 23.0377 8.84431 22.5334L8.75276 22.4553C8.17983 21.9671 7.6387 21.7479 6.90312 21.6892L6.78317 21.6796C6.00841 21.6181 5.45397 21.5741 4.97179 21.4038C3.86159 21.0117 2.98833 20.1384 2.5962 19.0282C2.42588 18.546 2.38187 17.9915 2.32037 17.2167L2.31084 17.0969C2.25096 16.3465 2.02332 15.8089 1.54469 15.2472L1.46667 15.1557C0.962285 14.5644 0.601346 14.1412 0.380811 13.6798C-0.126937 12.6175 -0.126937 11.3825 0.380811 10.3202C0.601346 9.8588 0.962286 9.43562 1.46667 8.84426L1.54469 8.75276C2.03294 8.17983 2.25214 7.63871 2.31084 6.90312L2.32037 6.78326C2.38187 6.00845 2.42588 5.45399 2.5962 4.97179C2.98833 3.86159 3.86159 2.98833 4.97179 2.5962C5.45399 2.42588 6.00845 2.38187 6.78326 2.32037L6.90312 2.31084C7.65349 2.25096 8.19112 2.02332 8.75276 1.54469L8.84426 1.46667C9.43562 0.962285 9.8588 0.601346 10.3202 0.380811ZM12.5499 7.28156C12.207 7.62446 12.207 8.18041 12.5499 8.52331L15.1485 11.122L6.73171 11.122C6.24677 11.122 5.85366 11.5151 5.85366 12C5.85366 12.4849 6.24677 12.878 6.73171 12.878L15.1485 12.878L12.5499 15.4767C12.207 15.8196 12.207 16.3755 12.5499 16.7184C12.8928 17.0613 13.4487 17.0613 13.7916 16.7184L17.8892 12.6209C18.0538 12.4562 18.1463 12.2329 18.1463 12C18.1463 11.7671 18.0538 11.5438 17.8892 11.3791L13.7916 7.28156C13.4487 6.93867 12.8928 6.93867 12.5499 7.28156Z' fill='%23F3F2F1'/%3E%3C/svg%3E%0A");
width: 24px;
height: 24px;
display: flex;
opacity: 1;
left: 20px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: none;
}
.btn_submit span:after,
.btn:not(.btn_submit):after,
a.btn:not(.btn_submit):after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3202 0.380811C11.3825 -0.126937 12.6175 -0.126937 13.6798 0.380811C14.1412 0.601345 14.5644 0.962283 15.1557 1.46667L15.2472 1.54469C15.8089 2.02332 16.3465 2.25096 17.0969 2.31084L17.2167 2.32037C17.9915 2.38187 18.546 2.42588 19.0282 2.5962C20.1384 2.98833 21.0117 3.86159 21.4038 4.97179C21.5741 5.45397 21.6181 6.00842 21.6796 6.78317L21.6892 6.90312C21.749 7.65349 21.9767 8.19112 22.4553 8.75276L22.5333 8.84425C23.0377 9.43562 23.3987 9.8588 23.6192 10.3202C24.1269 11.3825 24.1269 12.6175 23.6192 13.6798C23.3987 14.1412 23.0377 14.5644 22.5333 15.1557L22.4553 15.2472C21.9671 15.8202 21.7479 16.3613 21.6892 17.0969L21.6796 17.2168C21.6181 17.9916 21.5741 18.546 21.4038 19.0282C21.0117 20.1384 20.1384 21.0117 19.0282 21.4038C18.546 21.5741 17.9916 21.6181 17.2168 21.6796L17.0969 21.6892C16.3465 21.749 15.8089 21.9767 15.2472 22.4553L15.1557 22.5333C14.5644 23.0377 14.1412 23.3987 13.6798 23.6192C12.6175 24.1269 11.3825 24.1269 10.3202 23.6192C9.85882 23.3987 9.43563 23.0377 8.84431 22.5334L8.75276 22.4553C8.17983 21.9671 7.6387 21.7479 6.90312 21.6892L6.78317 21.6796C6.00841 21.6181 5.45397 21.5741 4.97179 21.4038C3.86159 21.0117 2.98833 20.1384 2.5962 19.0282C2.42588 18.546 2.38187 17.9915 2.32037 17.2167L2.31084 17.0969C2.25096 16.3465 2.02332 15.8089 1.54469 15.2472L1.46667 15.1557C0.962285 14.5644 0.601346 14.1412 0.380811 13.6798C-0.126937 12.6175 -0.126937 11.3825 0.380811 10.3202C0.601346 9.8588 0.962286 9.43562 1.46667 8.84426L1.54469 8.75276C2.03294 8.17983 2.25214 7.63871 2.31084 6.90312L2.32037 6.78326C2.38187 6.00845 2.42588 5.45399 2.5962 4.97179C2.98833 3.86159 3.86159 2.98833 4.97179 2.5962C5.45399 2.42588 6.00845 2.38187 6.78326 2.32037L6.90312 2.31084C7.65349 2.25096 8.19112 2.02332 8.75276 1.54469L8.84426 1.46667C9.43562 0.962285 9.8588 0.601346 10.3202 0.380811ZM12.5499 7.28156C12.207 7.62446 12.207 8.18041 12.5499 8.52331L15.1485 11.122L6.73171 11.122C6.24677 11.122 5.85366 11.5151 5.85366 12C5.85366 12.4849 6.24677 12.878 6.73171 12.878L15.1485 12.878L12.5499 15.4767C12.207 15.8196 12.207 16.3755 12.5499 16.7184C12.8928 17.0613 13.4487 17.0613 13.7916 16.7184L17.8892 12.6209C18.0538 12.4562 18.1463 12.2329 18.1463 12C18.1463 11.7671 18.0538 11.5438 17.8892 11.3791L13.7916 7.28156C13.4487 6.93867 12.8928 6.93867 12.5499 7.28156Z' fill='%23b4582f'/%3E%3C/svg%3E%0A");
opacity: 0;
}
.btn_not_icon:not(.btn_submit):before,
a.btn_not_icon:not(.btn_submit):before,
.btn_not_icon:not(.btn_submit):after,
a.btn_not_icon:not(.btn_submit):after {
display: none;
}
.summary_content button.single_add_to_cart_button {
padding-left: 77px;
padding-right: 43px;
}
a.added_to_cart.wc-forward:before,
.summary_content button.single_add_to_cart_button:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8440_2760)'%3E%3Cpath d='M15.443 17.5165L12.2907 17.0976L8.62814 21.7105C8.09529 22.0404 7.50762 22.1609 6.91905 21.8993C6.11213 21.5407 6.08607 20.8485 5.95038 20.0809C5.08775 15.183 4.82357 9.93549 3.86029 5.09334C3.68237 4.19807 3.11447 3.25787 2.18265 2.9963C1.45749 2.79226 0 3.14102 0 1.93924C0 0.431855 2.67417 1.08892 3.48019 1.51858C4.64834 2.14148 5.31958 3.22281 5.64307 4.47852C5.71316 4.74907 5.71316 5.74231 5.99262 5.83669L20.6278 5.84838C22.1958 6.1432 23.1204 7.5607 22.9865 9.10854L20.6269 15.379C20.4804 15.5552 20.2755 15.3835 20.0868 15.3772C18.1863 15.3161 16.5419 15.939 15.4421 17.5156L15.443 17.5165ZM8.00094 19.6009C8.45562 18.6454 9.47101 17.8275 9.96253 16.9322C10.0218 16.8234 10.1207 16.7794 9.9823 16.6778L7.37373 16.1862L7.75113 19.4481L8.00094 19.6009Z' fill='%23F3F2F1'/%3E%3Cpath d='M19.6482 24C21.4923 24 22.9873 22.5046 22.9873 20.6599C22.9873 18.8151 21.4923 17.3197 19.6482 17.3197C17.8041 17.3197 16.3091 18.8151 16.3091 20.6599C16.3091 22.5046 17.8041 24 19.6482 24Z' fill='%23F3F2F1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8440_2760'%3E%3Crect width='23' height='23' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
a.added_to_cart.wc-forward:after,
.summary_content button.single_add_to_cart_button:after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8440_2760)'%3E%3Cpath d='M15.443 17.5165L12.2907 17.0976L8.62814 21.7105C8.09529 22.0404 7.50762 22.1609 6.91905 21.8993C6.11213 21.5407 6.08607 20.8485 5.95038 20.0809C5.08775 15.183 4.82357 9.93549 3.86029 5.09334C3.68237 4.19807 3.11447 3.25787 2.18265 2.9963C1.45749 2.79226 0 3.14102 0 1.93924C0 0.431855 2.67417 1.08892 3.48019 1.51858C4.64834 2.14148 5.31958 3.22281 5.64307 4.47852C5.71316 4.74907 5.71316 5.74231 5.99262 5.83669L20.6278 5.84838C22.1958 6.1432 23.1204 7.5607 22.9865 9.10854L20.6269 15.379C20.4804 15.5552 20.2755 15.3835 20.0868 15.3772C18.1863 15.3161 16.5419 15.939 15.4421 17.5156L15.443 17.5165ZM8.00094 19.6009C8.45562 18.6454 9.47101 17.8275 9.96253 16.9322C10.0218 16.8234 10.1207 16.7794 9.9823 16.6778L7.37373 16.1862L7.75113 19.4481L8.00094 19.6009Z' fill='%23b4582f'/%3E%3Cpath d='M19.6482 24C21.4923 24 22.9873 22.5046 22.9873 20.6599C22.9873 18.8151 21.4923 17.3197 19.6482 17.3197C17.8041 17.3197 16.3091 18.8151 16.3091 20.6599C16.3091 22.5046 17.8041 24 19.6482 24Z' fill='%23b4582f'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8440_2760'%3E%3Crect width='23' height='23' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.summary_content button.single_add_to_cart_button:before,
.summary_content button.single_add_to_cart_button:after {
left: 43px;
}
.btn:hover input,
.btn:hover,
a.btn:hover {
background: transparent;
border: 1px solid var(--orange);
color: var(--orange);
}
.btn_not_icon:hover input,
.btn_not_icon:hover,
a.btn_not_icon:hover {
color: #F3F2F1;
border: 1px solid var(--orange);
background: var(--orange);
}
.btn.btn_white:hover input, .btn.btn_white:hover, a.btn.btn_white:hover {
color: #F3F2F1;
}
.btn_submit:hover span:before,
.btn:not(.btn_white,.btn_submit):hover:before,
a.btn:not(.btn_white,.btn_submit):hover:before {
opacity: 0;
}
.btn_submit:hover span:after,
.btn:not(.btn_submit):hover:after,
a.btn:not(.btn_submit):hover:after {
opacity: 1;
}
.btn.btn_white:after,
a.btn.btn_white:after {
display: none;
}
.btn.btn_white:hover:before,
a.btn.btn_white:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3202 0.380811C11.3825 -0.126937 12.6175 -0.126937 13.6798 0.380811C14.1412 0.601345 14.5644 0.962283 15.1557 1.46667L15.2472 1.54469C15.8089 2.02332 16.3465 2.25096 17.0969 2.31084L17.2167 2.32037C17.9915 2.38187 18.546 2.42588 19.0282 2.5962C20.1384 2.98833 21.0117 3.86159 21.4038 4.97179C21.5741 5.45397 21.6181 6.00842 21.6796 6.78317L21.6892 6.90312C21.749 7.65349 21.9767 8.19112 22.4553 8.75276L22.5333 8.84425C23.0377 9.43562 23.3987 9.8588 23.6192 10.3202C24.1269 11.3825 24.1269 12.6175 23.6192 13.6798C23.3987 14.1412 23.0377 14.5644 22.5333 15.1557L22.4553 15.2472C21.9671 15.8202 21.7479 16.3613 21.6892 17.0969L21.6796 17.2168C21.6181 17.9916 21.5741 18.546 21.4038 19.0282C21.0117 20.1384 20.1384 21.0117 19.0282 21.4038C18.546 21.5741 17.9916 21.6181 17.2168 21.6796L17.0969 21.6892C16.3465 21.749 15.8089 21.9767 15.2472 22.4553L15.1557 22.5333C14.5644 23.0377 14.1412 23.3987 13.6798 23.6192C12.6175 24.1269 11.3825 24.1269 10.3202 23.6192C9.85882 23.3987 9.43563 23.0377 8.84431 22.5334L8.75276 22.4553C8.17983 21.9671 7.6387 21.7479 6.90312 21.6892L6.78317 21.6796C6.00841 21.6181 5.45397 21.5741 4.97179 21.4038C3.86159 21.0117 2.98833 20.1384 2.5962 19.0282C2.42588 18.546 2.38187 17.9915 2.32037 17.2167L2.31084 17.0969C2.25096 16.3465 2.02332 15.8089 1.54469 15.2472L1.46667 15.1557C0.962285 14.5644 0.601346 14.1412 0.380811 13.6798C-0.126937 12.6175 -0.126937 11.3825 0.380811 10.3202C0.601346 9.8588 0.962286 9.43562 1.46667 8.84426L1.54469 8.75276C2.03294 8.17983 2.25214 7.63871 2.31084 6.90312L2.32037 6.78326C2.38187 6.00845 2.42588 5.45399 2.5962 4.97179C2.98833 3.86159 3.86159 2.98833 4.97179 2.5962C5.45399 2.42588 6.00845 2.38187 6.78326 2.32037L6.90312 2.31084C7.65349 2.25096 8.19112 2.02332 8.75276 1.54469L8.84426 1.46667C9.43562 0.962285 9.8588 0.601346 10.3202 0.380811ZM12.5499 7.28156C12.207 7.62446 12.207 8.18041 12.5499 8.52331L15.1485 11.122L6.73171 11.122C6.24677 11.122 5.85366 11.5151 5.85366 12C5.85366 12.4849 6.24677 12.878 6.73171 12.878L15.1485 12.878L12.5499 15.4767C12.207 15.8196 12.207 16.3755 12.5499 16.7184C12.8928 17.0613 13.4487 17.0613 13.7916 16.7184L17.8892 12.6209C18.0538 12.4562 18.1463 12.2329 18.1463 12C18.1463 11.7671 18.0538 11.5438 17.8892 11.3791L13.7916 7.28156C13.4487 6.93867 12.8928 6.93867 12.5499 7.28156Z' fill='%23F3F2F1'/%3E%3C/svg%3E%0A");
}
a.btn:active,
.btn:active,
.btn input:active
/*
.btn input:focus,
.btn:focus,
a.btn:focus
*/
{
background: transparent;
border: 1px solid var(--orange);
color: var(--orange);
}
.btn input {
padding: 0;
}
.btn_input input {
padding-left: 38px;
padding-right: 16px;
background: transparent;
}
.btn_input:hover input {
color: var(--white);
}
.btn_input {
padding-left: 0;
padding-right: 0;
}
.wpcf7-submit.lock {
opacity: .5;
pointer-events: none;
cursor: default;
}
.wpcf7-not-valid::-webkit-input-placeholder {color:#FF1506!important;}
.wpcf7-not-valid::-moz-placeholder {color:#FF1506!important;}
.wpcf7-not-valid:-moz-placeholder {color:#FF1506!important;}
.wpcf7-not-valid:-ms-input-placeholder {color:#FF1506!important;}
*[data-name="agree"],
.agree_other,
.agree,
.wpcf7-spinner,
.ajax-loader {
display:none;
}
body .wpcf7-mail-sent-ok,
body .ajax-loader,
body .wpcf7-validation-errors {
font-size: 12px;
}
body .wpcf7-response-output,
body .wpcf7-not-valid-tip,
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output {
display: none;
}
body .wpcf7-mail-sent-ok {
border: none;
color: #398f14;
margin: 0;
padding: 0;
margin-top: 15px;
}
body .wpcf7-validation-errors,
body .wpcf7-acceptance-missing {
border: none;
color: #ff0000;
padding: 0;
margin: 0;
margin-top: 15px;
}
body .wpcf7-not-valid {
border: 1px solid #FF1506 ;
}
.mfp-arrow:after,
.mfp-arrow:before {
content:'';
border: none;
opacity: 1;
margin: auto;
background-size: contain;
width: 60px;
height: 35px;
background-repeat: no-repeat;
background-position: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 1;
}
.mfp-arrow:after {
opacity: 0;
}
.mfp-arrow:hover:before {
opacity: 0;
}
.mfp-arrow:hover:after {
opacity: 1;
}
.mfp-arrow {
width: 60px;
height: 50px;
margin: auto;
opacity: 1;
}
.mfp-bg {
mix-blend-mode: multiply;
opacity: 0.9;
background: var(--black);
}
.popup_form {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 786px;
padding: 50px 100px;
background: #F3F2F1;
border-radius: 0;
margin: auto;
position: relative;
}
.popup_form .form_row_uploud {
margin-bottom: 26px;
}
.popup_form_wide {
max-width: 580px;
}
.popup_form .form_row > .wpcf7-form-control-wrap,
.popup_form .form_row > span {
width: 100%;
}
.mfp-arrow-left:before {
background-image: url('data:image/svg+xml,');
}
.mfp-arrow-right:before {
background-image: url('data:image/svg+xml,');
}
.mfp-arrow-left:after {
background-image: url('data:image/svg+xml,');
}
.mfp-arrow-right:after {
background-image: url('data:image/svg+xml,');
}
.mfp-arrow:active {
margin-top: 0;
}/* Кнопка закрытия окон (Magnific Popup): все стили в одном месте, символ × не выводится */
button.mfp-close {
display: flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
line-height: 14px;
font-size: 0;
color: transparent;
opacity: 1;
top: 20px;
right: 20px;
}
button.mfp-close:active {
top: 20px;
right: 20px;
}
button.mfp-close:hover {
cursor: pointer;
}
button.mfp-close:before,
button.mfp-close:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 14px;
height: 14px;
margin: auto;
opacity: 1;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8276_36)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.097631 0.683417 -0.097631 0.292893 0.292893C-0.097631 0.683417 -0.097631 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.097631 12.6834 -0.097631 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.097631 12.6834 -0.097631 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' fill='%23B4582F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8276_36'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-size: 14px;
}
button.mfp-close:after {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8276_36)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.097631 0.683417 -0.097631 0.292893 0.292893C-0.097631 0.683417 -0.097631 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.097631 12.6834 -0.097631 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.097631 12.6834 -0.097631 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' fill='%239c4a26'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8276_36'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
opacity: 0;
}
button.mfp-close:hover:before {
opacity: 0;
}
button.mfp-close:hover:after {
opacity: 1;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
justify-content: flex-end;
top: 15px;
}
.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .mfp-close:active {
top: -25px;
}
.popup_form .mfp-close,
.popup_form .mfp-close:active,
.popup_form .mfp-close:active,
.popup_form .mfp-close {
right: 60px;
top: 40px;
}
.popup_content {
justify-content: center;
align-items: center;
display: flex;
width: 100%;
position: relative;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
#popup_thank .popup_content {
max-width: 314px;
}
.page_container {
max-width: 100%;
}
.woocommerce-cart .page_container,
.woocommerce-checkout .page_container {
width: 100%;
margin-bottom: 40px;
}
.page_content {
max-width: 100%;
}
.page_content h2,
.page_content .h2 {
font-size: 1.6rem;
}
.page_content b,
.page_content strong {
font-weight: 600;
}
.page_content small {
font-size: 80%;
}.page_content ol,
.page_content ul,
.page_content dl {
padding-left: 16px;
margin: 1rem 0;
}
.page_content ol {
padding-left: 18px;
}
.page_content ul {
padding-left: 15px;
}
.page_content {
position: relative;
width: 100%;
display: flex;
margin-bottom: 40px;
color: var(--black);
flex-wrap: wrap;
}
.other_content {
font-size: 16px;
line-height: 20px;
color: var(--black);
width: 100%;
}
.pb-compare-top,
.pb-compare-count,
.other_content .pwd_title {
font-weight: 700;
font-size: 32px;
line-height: 36px;
color: #4A535C;
max-width: max-content;
min-width: max-content;
}
body:not(.home, .single-product) .other_content {
margin: 20px auto 40px;
}
body.single-product .other_content {
margin: 20px auto 40px;
overflow: hidden;
}
.other_content .h2,
.other_content h2,
.other_content .has-large-font-size {
font-size: 24px;
font-weight: 600;
}
.other_content .h2 strong,
.other_content h2 strong,
.other_content .has-large-font-size strong {
font-weight: 600;
}
.other_content .h3,
.other_content h3,
.other_content .has-medium-font-size {
color: #000;
font-weight: 600;
font-size: 22px;
}
.other_content .wp-block-columns {
margin-bottom: 0;
}
.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading {
width: 100%;
font-family: var(--font-family);
color: var(--black);
font-weight: 500;
}
.wp-block-heading,
.other_content p {
margin-bottom: 16px;
}
.other_content iframe {
margin-top: 25px;
margin-bottom: 30px;
border-radius: 10px;
overflow: 10px;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.wrapper {
display: flex;
flex-direction: column;
min-height: 100%;
overflow: hidden;
}
.content {
flex: 1 0 auto;
position: relative;
}
footer,
.footer {
flex: 0 0 auto;
}
.pwd_title {
width: 100%;
z-index: 11;
position: relative;
margin-bottom: 30px;
font-weight: 700;
font-size: 18px;
text-align: center;
text-transform: uppercase;
color: #4A535C;
}
.pwd_subtitle {
font-size: 16px;
line-height: 18px;
color: #656565;
text-align: center;
width: 100%;
}
.header_menu_toggle,
.header_menu_close {
display: none;
}
/* Поехали */
.header {
padding-top: 14px;
padding-bottom: 20px;
background: #E9E3DC;
height: 118px;
min-height: 118px;
}
.header_logo {
display: flex;
max-width: 216px;
flex-wrap: wrap;
gap: 10px;
}
.header_logo span {
font-size: 13px;
line-height: 17px;
display: flex;
align-items: center;
color: #696E72;
padding-left: 4px;
max-width: 166px;
}
.header_logo_img {
width: 156px;
height: 40px;
}
a.header_phone_link {
font-weight: 600;
}
.header_adress,
.header_schedule,
a.header_email_link,
a.header_phone_link {
display: flex;
gap: 10px;
}
.header_adress,
.header_schedule,
a.header_email_link {
font-weight: 500;
font-size: 13px;
}
.header_adress br,
.header_schedule br {
display: none;
}
.header_phone_link:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.21626 2.83569C9.23255 2.77477 9.26069 2.71766 9.29906 2.66762C9.33743 2.61758 9.38529 2.57559 9.4399 2.54405C9.4945 2.51252 9.55479 2.49205 9.61731 2.48382C9.67983 2.47559 9.74335 2.47975 9.80426 2.49608C10.6941 2.72825 11.506 3.19344 12.1563 3.84372C12.8065 4.494 13.2717 5.30587 13.5039 6.19572C13.5202 6.25663 13.5244 6.32016 13.5162 6.38268C13.5079 6.44519 13.4875 6.50548 13.4559 6.56009C13.4244 6.61469 13.3824 6.66255 13.3324 6.70092C13.2823 6.73929 13.2252 6.76743 13.1643 6.78373C13.1237 6.79439 13.082 6.79984 13.0401 6.79992C12.9344 6.79996 12.8316 6.7651 12.7478 6.70077C12.6639 6.63643 12.6036 6.54622 12.5763 6.44412C12.387 5.7176 12.0074 5.0547 11.4766 4.52377C10.9458 3.99284 10.2829 3.6131 9.55646 3.42369C9.49549 3.40746 9.43831 3.37937 9.38821 3.34103C9.3381 3.30268 9.29605 3.25483 9.26445 3.20022C9.23285 3.14561 9.21233 3.0853 9.20406 3.02275C9.19579 2.9602 9.19994 2.89663 9.21626 2.83569ZM9.07646 5.34371C9.90386 5.56451 10.4355 6.09672 10.6563 6.92413C10.6836 7.02622 10.7439 7.11644 10.8278 7.18077C10.9116 7.24511 11.0144 7.27996 11.1201 7.27993C11.162 7.27984 11.2037 7.2744 11.2443 7.26373C11.3052 7.24744 11.3623 7.2193 11.4123 7.18093C11.4624 7.14255 11.5044 7.0947 11.5359 7.04009C11.5674 6.98548 11.5879 6.9252 11.5961 6.86268C11.6044 6.80016 11.6002 6.73663 11.5839 6.67572C11.2767 5.52611 10.4739 4.7233 9.32426 4.4161C9.20125 4.38324 9.07023 4.40059 8.96001 4.46434C8.84979 4.52808 8.76941 4.633 8.73655 4.75601C8.70369 4.87901 8.72104 5.01004 8.78479 5.12025C8.84853 5.23047 8.95345 5.31085 9.07646 5.34371ZM13.4223 10.0676L10.5957 8.80094L10.5879 8.79734C10.4411 8.73458 10.281 8.70939 10.1221 8.72406C9.9632 8.73873 9.81044 8.79279 9.67766 8.88135C9.66202 8.89166 9.64699 8.90288 9.63266 8.91495L8.17225 10.16C7.24704 9.71055 6.29184 8.76254 5.84243 7.84934L7.08924 6.36672C7.10124 6.35172 7.11264 6.33672 7.12344 6.32052C7.2101 6.1881 7.26268 6.03631 7.27649 5.87866C7.29031 5.72101 7.26494 5.56239 7.20264 5.41691V5.40971L5.93243 2.57828C5.85008 2.38824 5.70847 2.22993 5.52874 2.12698C5.34902 2.02404 5.14082 1.98197 4.93523 2.00708C4.1222 2.11406 3.37592 2.51334 2.83577 3.13035C2.29562 3.74735 1.99854 4.53988 2.00001 5.35991C2.00001 10.124 5.87603 14 10.6401 14C11.4601 14.0015 12.2526 13.7044 12.8696 13.1642C13.4866 12.6241 13.8859 11.8778 13.9929 11.0648C14.018 10.8592 13.9761 10.6511 13.8732 10.4714C13.7704 10.2917 13.6122 10.15 13.4223 10.0676Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
width: 16px;
height: 16px;
top: 1px;
position: relative;
}
.header_email_link:before,
.header_schedule:before,
.header_adress:before {
content: '';
width: 12px;
min-width: 12px;
height: 12px;
}
.header_email_link:before {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2.35714C0 1.64706 0.575634 1.07143 1.28571 1.07143H10.7143C11.4243 1.07143 12 1.64706 12 2.35714V2.65024L6.32863 6.43183C6.24864 6.48326 6.13253 6.51997 5.99999 6.51997C5.86746 6.51997 5.75135 6.48326 5.67136 6.43183L0 2.65025V2.35714ZM0 3.93801V9.64286C0 10.3529 0.575634 10.9286 1.28571 10.9286H10.7143C11.4243 10.9286 12 10.3529 12 9.64286V3.93801L6.92006 7.32524L6.91512 7.32853C6.64542 7.50408 6.32154 7.5914 5.99999 7.5914C5.67845 7.5914 5.35459 7.50405 5.08489 7.3285L5.07992 7.32526L0 3.93801Z' fill='%23B4582F'/%3E%3C/svg%3E ");
}
.header_schedule:before {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6C0 2.6862 2.6862 0 6 0C9.3138 0 12 2.6862 12 6C12 9.3138 9.3138 12 6 12C2.6862 12 0 9.3138 0 6ZM6.6 3.6C6.6 3.44087 6.53679 3.28826 6.42426 3.17574C6.31174 3.06321 6.15913 3 6 3C5.84087 3 5.68826 3.06321 5.57574 3.17574C5.46321 3.28826 5.4 3.44087 5.4 3.6V6C5.40003 6.15912 5.46327 6.3117 5.5758 6.4242L7.3758 8.2242C7.48896 8.3335 7.64052 8.39397 7.79784 8.3926C7.95516 8.39124 8.10565 8.32814 8.21689 8.21689C8.32814 8.10565 8.39124 7.95516 8.3926 7.79784C8.39397 7.64052 8.3335 7.48896 8.2242 7.3758L6.6 5.7516V3.6Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
.header_adress:before {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2873 1.53782C2.77483 1.05027 3.35363 0.663528 3.99065 0.399668C4.62766 0.135808 5.31042 0 5.99993 0C6.68943 0 7.37219 0.135808 8.0092 0.399668C8.64622 0.663528 9.22502 1.05027 9.71255 1.53782C10.6973 2.5231 11.2505 3.85907 11.2505 5.25205C11.2505 6.64503 10.6973 7.981 9.71255 8.96628L8.86652 9.80175L7.04021 11.5792C6.77785 11.8331 6.43168 11.9822 6.06694 11.9985C5.70221 12.0148 5.34411 11.8971 5.06014 11.6677L4.96039 11.5792L3.42809 10.0905L2.28805 8.96628C1.30352 7.98103 0.750488 6.64522 0.750488 5.25242C0.750488 3.85963 1.30352 2.52382 2.28805 1.53857M5.99993 3.37525C5.50263 3.37525 5.0257 3.57278 4.67406 3.9244C4.32241 4.27602 4.12486 4.75291 4.12486 5.25017C4.12486 5.74743 4.32241 6.22433 4.67406 6.57595C5.0257 6.92756 5.50263 7.1251 5.99993 7.1251C6.49722 7.1251 6.97415 6.92756 7.32579 6.57595C7.67744 6.22433 7.87499 5.74743 7.87499 5.25017C7.87499 4.75291 7.67744 4.27602 7.32579 3.9244C6.97415 3.57278 6.49722 3.37525 5.99993 3.37525Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
.header_top {
display: flex;
gap: 45px;
align-items: center;
height: 36px;
justify-content: space-between;
border-bottom: 1px solid #F3F2F1;
padding-bottom: 16px;
}
.header_top > * {
display: flex;
align-items: center;
}
header .row:first-child {
gap: 20px;
align-items: center;
}
ul.menu {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
ul.menu_top_bar.menu {
gap: 45px;
}
ul.menu li {
display: flex;
}
ul.menu li a {
display: flex;
align-items: center;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children > .sub-menu {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
background: #E9E3DC;
}
.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(20px);
pointer-events: auto;
z-index: 33;
padding: 24px;
left: -24px;
top: -20px;
padding-top: 40px;
}
.menu_top_bar .menu-item-has-children > .sub-menu {
transform: translateY(14px);
gap: 8px;
}
.menu_top_bar .menu-item-has-children:hover > .sub-menu {
transform: translateY(14px);
padding: 14px;
left: -14px;
top: -14px;
gap: 8px;
z-index: 22;
padding-top: 28px;
}
ul.menu_top_bar li a {
z-index: 23;
}
.has_children_toggle {
display: flex;
align-items: center;
padding-left: 4px;
}
.menu-item-has-children .has_children_toggle svg {
display: inline-block;
transition: transform .2s ease;
}
.menu-item-has-children:hover > a .has_children_toggle svg {
transform: rotate(180deg);
}
.header_content {
width: calc(100% - 236px);
}
.header_bottom {
padding-top: 26px;
display: flex;
gap: 26px;
justify-content: space-between;
}
.header_meta {
display: flex;
gap: 26px;
justify-content: space-between;
}
ul.menu_other {
gap: 26px;
justify-content: space-between;
}
ul.menu_other li a {
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
z-index: 34;
}
.favorit_link,
.compare_link,
.search_link {
position: relative;
display: flex;
width: 16px;
height: 16px;
cursor: pointer;
}
.favorit_link .pb-fav-button,
.favorit_link .pb-fav-button i {
background: transparent;
border: none;
width: 16px;
height: 16px;
padding: 0;
display: flex;
position: absolute;
}
header .favorit_count {
right: -10px;
position: absolute;
font-weight: 700;
}
.favorit_link i:after,
.favorit_link i:before,
.compare_link:after,
.compare_link:before,
.search_link:after,
.search_link:before {
content: '';
width: 16px;
height: 16px;
position: absolute;
display: flex;
}
.search_link:after,
.search_link:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_361_227)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 12.4183 12.4183 16 8 16C3.58173 16 0 12.4183 0 8C0 3.58173 3.58173 0 8 0C12.4183 0 16 3.58173 16 8ZM7.42857 5.28571C6.24511 5.28571 5.28571 6.24511 5.28571 7.42857C5.28571 8.61203 6.24511 9.57143 7.42857 9.57143C8.61203 9.57143 9.57143 8.61203 9.57143 7.42857C9.57143 6.24511 8.61203 5.28571 7.42857 5.28571ZM3.85714 7.42857C3.85714 5.45613 5.45613 3.85714 7.42857 3.85714C9.40102 3.85714 11 5.45613 11 7.42857C11 8.15649 10.7822 8.83354 10.4083 9.39814L11.9336 10.9235C12.2126 11.2024 12.2126 11.6547 11.9336 11.9336C11.6547 12.2126 11.2024 12.2126 10.9235 11.9336L9.39814 10.4083C8.83354 10.7822 8.15649 11 7.42857 11C5.45613 11 3.85714 9.40102 3.85714 7.42857Z' fill='%23B4582F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_361_227'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.search_link:after {
}
.search_form {
display: none;
}
.compare_link:after,
.compare_link:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
opacity: 1;
}
.compare_link:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%239C4A26'/%3E%3C/svg%3E ");
opacity: 0;
}
.favorit_link i:after,
.favorit_link i:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50333 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
/*
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.31976 2.00208C5.29073 2.02236 6.43116 2.48511 7.65863 3.64758L8.00238 3.97278L8.34613 3.64758C9.57137 2.48744 10.7104 2.0261 11.6801 2.00696C12.6982 1.9869 13.5652 2.45337 14.1889 3.18079C15.4502 4.65191 15.6714 7.12502 14.1489 8.64758L14.1469 8.65051L9.29633 13.4562C8.56598 14.1798 7.43977 14.1798 6.70941 13.4562L1.85687 8.64954L1.8559 8.64758C0.328622 7.12005 0.548291 4.64466 1.80902 3.17395C2.4326 2.44666 3.3006 1.98092 4.31976 2.00208Z' stroke='%23B4582F'/%3E%3C/svg%3E ");
*/
opacity: 1;
}
.pb-fav-button.active {
opacity: 1;
}
.favorit_link .active i:before,
.favorit_link i:after {
opacity: 0;
}
.favorit_link .active i:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50334 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%239C4A26'/%3E%3C/svg%3E%0A");
opacity: 1;
}
.cart_link:after,
.cart_link:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5320_612)'%3E%3Cpath d='M15.443 16.5165L12.2907 16.0976L8.62814 20.7105C8.09529 21.0404 7.50762 21.1609 6.91905 20.8993C6.11213 20.5407 6.08607 19.8485 5.95038 19.0809C5.08775 14.183 4.82357 8.9355 3.86029 4.09335C3.68237 3.19808 3.11447 2.25788 2.18265 1.99631C1.45749 1.79227 0 2.14102 0 0.939249C0 -0.568137 2.67417 0.0889288 3.48019 0.518583C4.64834 1.14149 5.31958 2.22282 5.64307 3.47853C5.71316 3.74908 5.71316 4.74232 5.99262 4.8367L20.6278 4.84839C22.1958 5.14321 23.1204 6.56071 22.9865 8.10855L20.6269 14.379C20.4804 14.5552 20.2755 14.3835 20.0868 14.3772C18.1863 14.3161 16.5419 14.939 15.4421 16.5156L15.443 16.5165ZM8.00094 18.6009C8.45562 17.6454 9.47101 16.8275 9.96253 15.9322C10.0218 15.8235 10.1207 15.7794 9.9823 15.6778L7.37373 15.1862L7.75113 18.4481L8.00094 18.6009Z' fill='%23B4582F'/%3E%3Cpath d='M19.6483 23C21.4925 23 22.9874 21.5046 22.9874 19.6598C22.9874 17.8151 21.4925 16.3197 19.6483 16.3197C17.8042 16.3197 16.3092 17.8151 16.3092 19.6598C16.3092 21.5046 17.8042 23 19.6483 23Z' fill='%23B4582F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5320_612'%3E%3Crect width='23' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 23px;
height: 23px;
position: absolute;
display: flex;
left: 0;
}
.cart_link:after {
}
.header_title_responsive {
display: none;
}
.cart_link,
.cart_link {
position: relative;
display: flex;
height: 23px;
top: -3px;
padding-left: 26px;
}
.header_cart {
height: 16px;
}
.favorite_quantity,
.header_cart_quantity {
font-weight: 700;
font-size: 14px;
line-height: 14px;
display: flex;
align-items: center;
}
.section {
width: 100%;
display: inline-block;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.hit_products_loading,
.slider_loading {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 575;
}
.hit_products_loading {
opacity: 0;
z-index: -1;
width: calc(100% + 80px);
left: -40px;
}
.hit_products .products {
opacity: 0;
}
.products_wrapper .products:not(.slick-initialized),
.hit_products .products:not(.slick-initialized) {
max-height: 460px;
overflow: hidden;
}
.hit_products.active_ajax .products {
opacity: 1;
}
.hit_products_loading.active {
opacity: 0.7;
z-index: 11;
}
.slider_item_opacity {
opacity: 60%;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0;
}
.hit_products_loading:before,
.slider_loading:before {
content: url('data:image/svg+xml,');
width: 64px;
height: 64px;
max-height: 64px;
max-width: 64px;
}
.section_slider {
height: calc(100vh - 118px);
min-height: 635px;
max-height: 100vh;
display: flex;
overflow: hidden;
padding-top: 0;
background: #1a1512;
}
.slider_items {
display: inline-block;
width: 100%;
}
.slick-slide > div {
height: 100%;
width: 100%;
}
.slider_item {
height: 100%;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-position-x: center;
background-position-y: center;
background-repeat: repeat;
background-size: cover;
}
.slider_content {
z-index: 29;
width: 100%;
color: #F3F2F1;
align-content: space-between;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-left: 105px;
}
.slider_items .slick-list,
.slider_items .slick-track,
.slider_item .row,
.slider_item .container {
height: 100%;
position: relative;
min-height: 100%;
align-items: center;
}
.slider_title {
font-weight: 700;
font-size: 48px;
line-height: 133%;
margin-bottom: 60px;
}
.slider_subtitle {
font-size: 20px;
line-height: 150%;
margin-bottom: 40px;
}
.slider_edge_items {
display: flex;
flex-wrap: wrap;
gap: 20px;
min-width: 490px;
}
.slider_edge_item {
width: 100%;
gap: 8px;
display: flex;
align-items: center;
}
.slider_edge_item:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6949 3.7051C11.8261 3.83637 11.8999 4.01439 11.8999 4.2C11.8999 4.38562 11.8261 4.56363 11.6949 4.6949L6.09491 10.2949C5.96364 10.4261 5.78563 10.4999 5.60001 10.4999C5.4144 10.4999 5.23638 10.4261 5.10511 10.2949L2.30511 7.4949C2.1776 7.36288 2.10704 7.18606 2.10864 7.00252C2.11023 6.81898 2.18385 6.64342 2.31364 6.51363C2.44342 6.38384 2.61899 6.31023 2.80253 6.30863C2.98607 6.30704 3.16289 6.37759 3.29491 6.5051L5.60001 8.8102L10.7051 3.7051C10.8364 3.57387 11.0144 3.50015 11.2 3.50015C11.3856 3.50015 11.5636 3.57387 11.6949 3.7051Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
width: 14px;
height: 14px;
display: flex;
}
.slider_edge {
display: flex;
align-items: end;
}
footer {
padding-top: 40px;
padding-bottom: 30px;
background: #4A535C;
color: #F3F2F1;
}
footer a {
font-size: 14px;
line-height: 14px;
color: #F3F2F1;
}
ul.footer_copyright li a {
font-size: 12px;
line-height: 14px;
color: #758999;
}
ul.footer_copyright li a:hover,
footer a:hover {
color: #DAC3AC;
}
.footer_col_title {
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
display: flex;
gap: 11px;
line-height: 100%;
}
.footer_col_title span {
position: relative;
width: 100%;
}
.search-filter-input-checkbox .search-filter-input-checkbox__label:after,
.hit_term.active:after,
.hit_term:after,
.hit_more:after,
.footer_col_title span:after {
-webkit-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-moz-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-ms-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
-o-transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
transition: width 300ms cubic-bezier(0, 0, 1, 1) 50ms;
}
.hit_term:before,
.hit_more:before,
.footer_col_title span:before {
content: '';
height: 1px;
background: #F3F2F1;
position: absolute;
left: 0;
right: 0;
width: 100%;
bottom: 2px;
}
.search-filter-input-checkbox .search-filter-input-checkbox__label:after,
.hit_term.active:after,
.hit_term:after,
.hit_more:after,
.footer_col_title span:after {
content: '';
height: 1px;
background: #DAC3AC;
position: absolute;
width: 100%;
bottom: 2px;
width: 0;
left: 0;
}
.search-filter-input-checkbox:hover .search-filter-input-checkbox__label:after,
.search-filter-input-checkbox.search-filter-input-checkbox--is-active .search-filter-input-checkbox__label:after,
.hit_term.active:after,
.hit_term:hover:after,
.hit_more:hover:after,
.footer_col:hover .footer_col_title span:after {
content: "";
width: 100%;
}
.footer_col:hover .footer_col_title {
color: #DAC3AC;
}
footer .row {
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
}
.footer_col_contacts,
footer ul.menu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px 30px;
}
footer .row .footer_col:first-child ul.menu {
grid-template-columns: 1fr;
}
footer ul.menu li {
width: 100%;
min-width: max-content;
}
.footer_col {
max-width: min-content;
}
ul.footer_copyright {
margin-top: 36px;
gap: 20;
}
.section:not(.section_special,.section_slider,.section_step) {
margin-top: 40px;
margin-bottom: 20px;
}
.section_hit {
margin-top: 60px;
margin-bottom: 20px;
}
.section_title {
font-weight: 700;
font-size: 32px;
line-height: 36px;
}
.section_header {
display: flex;
justify-content: space-between;
width: 100%;
align-items: start;
flex-wrap: wrap;
gap: 40px;
}
.hit_more {
font-weight: 500;
font-size: 13px;
line-height: 18px;
position: relative;
color: #758999;
}
.hit_more:before {
background: #758999;
}
.hit_term:before {
background: transparent;
}
.hit_term.active:after,
.hit_term:after,
.hit_more:after {
background: var(--orange);
}
.hit_term:hover,
.hit_more:hover {
color: var(--orange);
}
.hit_term.active:after,
.hit_term:before,
.hit_term:after,
.hit_more:before,
.hit_more:after {
bottom: 0px;
}
.hit_terms,
.hit_links {
display: flex;
gap: 24px;
}
.hit_links {
top: 5px;
position: relative;
}
.hit_terms {
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #696E72;
text-transform: uppercase;
}
.hit_term {
position: relative;
cursor: pointer;
}
.hit_term.active:after,
.hit_term:hover:after,
.hit_term.active:after {
background: var(--orange);
}
.hit_term:hover,
.hit_term.active {
color: var(--orange);
}
ul.products {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px);
}
ul.products li.product {
background: #FFFFFF;
border: 1px solid #DAC3AC;
margin: 10px;
width: calc(25% - 20px);
list-style: none;
padding: 20px 24px;
}
ul.products.columns-3 li.product {
width: calc(33.333% - 20px);
}
.product_other_link {
gap: 16px;
display: flex;
justify-content: center;
align-items: start;
flex-wrap: wrap;
}
.product_other_link > * {
width: 100%;
display: flex;
justify-content: space-between;
color: #4A535C;
}
.product_other_link:hover .product_img img {
transform: scale(1.02);
}
.product_link {
display: flex;
gap: 10px;
max-height: 16px;
}
.products .product .added_to_cart.wc-forward,
.product .btn_title,
.product .target_cart,
.product .product_quantity,
.product .favorit_count {
display: none;
}
.product_meta {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 26px;
}
/* Верхняя строка карточки: ярлыки слева (сравнение/избранное - справа, в
.product_link). Раньше тут было height: 16px - ярлык-плашка высотой 26px в
него не помещается, поэтому теперь min-height. Несколько ярлыков у одного
товара переносятся на следующую строку. */
.product_info {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
min-width: 0; /* даёт блоку сжиматься в узкой карточке, а не выталкивать иконки справа */
min-height: 16px;
}
/* Ярлык товара (метка product_label) - по макету Figma (node 5358:2265):
плашка с цветом фона из ACF-поля t_color (переменная --pb-label-bg, её
ставит content-product.php), иконка из ACF-поля t_img 14x14 и название.
Если t_color не заполнен - фон по умолчанию, кирпичный. */
.product_label_item {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 4px 8px;
border-radius: 3px;
background: var( --pb-label-bg, var( --orange ) );
font-family: var( --font-family );
font-weight: 700;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
white-space: nowrap;
color: var( --seryy-svetlyy );
font-feature-settings: 'lnum' 1, 'pnum' 1;
max-width: 100%;
box-sizing: border-box;
}
/* В узкой карточке (мобильные) длинное название не вылезает за плашку, а
обрезается многоточием. */
.product_label_item_text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
/* Иконка ярлыка: картинка из t_img используется как маска и заливается
цветом текста ярлыка - поэтому она всегда светлая, как в макете. */
.product_label_item_icon {
flex: none;
width: 14px;
height: 14px;
background-color: currentColor;
-webkit-mask: var( --pb-label-icon ) center / contain no-repeat;
mask: var( --pb-label-icon ) center / contain no-repeat;
}
/* Ярлыки на странице товара: над заголовком, absolute; has_labels резервирует под них место */
.summary_content .product_meta.has_labels {
position: relative;
padding-top: 34px;
}
.summary_content.has_labels {
margin-top: 11px;
}
.product_info_single {
position: absolute;
top: 0;
left: 0;
z-index: 2;
max-width: 100%;
}
.product_img {
display: inline-block;
height: 220px;
justify-content: center;
width: 100%;
}
.product_img img {
width: auto;
height: 220px;
margin: auto;
display: block;
}
.product_title {
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #4A535C;
}
.product_bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid #DAC3AC;
width: 100%;
}
.product_attributes {
font-size: 12px;
line-height: 18px;
min-height: 18px;
}
.product_brand {
font-weight: 600;
font-size: 12px;
line-height: 18px;
color: #696E72;
}
.product .price {
font-weight: 700;
font-size: 18px;
line-height: 18px;
color: #B4582F;
}
.products .product .cart,
.products .product .single_add_to_cart_button {
width: 23px;
height: 23px;
position: relative;
background: transparent;
padding: 0;
margin: 0;
border: none;
}
.product .product_cart_price {
display: flex;
gap: 20px;
align-items: center;
}
.products .product .single_add_to_cart_button:before,
.products .product .single_add_to_cart_button:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8261_2973)'%3E%3Cpath d='M15.443 16.5165L12.2907 16.0976L8.62814 20.7105C8.09529 21.0404 7.50762 21.1609 6.91905 20.8993C6.11213 20.5407 6.08607 19.8485 5.95038 19.0809C5.08775 14.183 4.82357 8.93549 3.86029 4.09334C3.68237 3.19807 3.11447 2.25787 2.18265 1.9963C1.45749 1.79226 0 2.14102 0 0.939242C0 -0.568145 2.67417 0.0889211 3.48019 0.518576C4.64834 1.14148 5.31958 2.22281 5.64307 3.47852C5.71316 3.74907 5.71316 4.74231 5.99262 4.83669L20.6278 4.84838C22.1958 5.1432 23.1204 6.5607 22.9865 8.10854L20.6269 14.379C20.4804 14.5552 20.2755 14.3835 20.0868 14.3772C18.1863 14.3161 16.5419 14.939 15.4421 16.5156L15.443 16.5165ZM8.00094 18.6009C8.45562 17.6454 9.47101 16.8275 9.96253 15.9322C10.0218 15.8234 10.1207 15.7794 9.9823 15.6778L7.37373 15.1862L7.75113 18.4481L8.00094 18.6009Z' fill='%23B4582F'/%3E%3Cpath d='M19.6483 23C21.4925 23 22.9874 21.5046 22.9874 19.6599C22.9874 17.8151 21.4925 16.3197 19.6483 16.3197C17.8042 16.3197 16.3092 17.8151 16.3092 19.6599C16.3092 21.5046 17.8042 23 19.6483 23Z' fill='%23B4582F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8261_2973'%3E%3Crect width='23' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 23px;
height: 23px;
position: absolute;
display: flex;
opacity: 1;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.products .product .single_add_to_cart_button.added:before {
opacity: 0;
}
.products .product .single_add_to_cart_button:after {
opacity: 0;
}
.products .product .single_add_to_cart_button.added:after {
opacity: 1;
}
.section_header {
margin-bottom: 30px;
}
.section_hit .section_header {
margin-bottom: 37px;
}
.products.slick-slider {
}
.products.slick-slider .slick-slide:not(.pwd_thumb_slide) {
margin: 10px;
}
.products.slick-slider .slick-slide .product {
margin: 0;
}
.thumb_arrow,
.product_arrow {
position: absolute;
top: calc(50% - 12px);
cursor: pointer;
z-index: 2;
}
.thumb_arrow {
top: calc(50% - 8px);
}
.product_arrow.slick-disabled {
opacity: .5;
pointer-events: none;
cursor: default;
}
.product_arrow_next {
right: -26px;
}
.product_arrow_prev {
left: -26px;
}
.thumb_arrow_next {
right: -16px;
}
.thumb_arrow_prev {
left: -16px;
}
.product_other_link {
margin-bottom: 16px;
}
.products_wrapper,
.hit_products {
width: 100%;
max-width: 100%;
min-height: 460px;
position: relative;
}
.hit_info {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px 16px;
gap: 10px;
background: #F3F2F1;
width: 100%;
margin-top: 10px;
}
.hit_info span {
font-weight: 600;
display: flex;
align-items: center;
text-align: center;
color: #696E72;
margin: auto;
}
.section_special {
background: #F9F9F9;
padding: 40px 0;
}
.section_special .row {
gap: 20px;
}
.term_item,
.term_items,
.special_wrapper {
width: calc(50% - 10px);
display: flex;
flex-wrap: wrap;
gap: 20px;
position: relative;
}
.special_item,
.special_item,
.special_wrapper {
min-height: 280px;
}
.special_items {
width: 100%;
max-width: 100%;
}
.term_item {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 40px;
min-height: 130px;
position: relative;
max-height: 130px;
}
.term_item:after,
.term_item:before {
content:'';
background: linear-gradient(180deg, #F3F2F1 0%, #E8E8E8 100%);
opacity: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.term_item:after {
background: #758999;
box-shadow: 0px 0px 20px rgba(117, 137, 153, 0.3);
opacity: 0;
}
.term_item_content {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
z-index: 2;
}
.term_item span {
font-weight: 700;
font-size: 16px;
color: #4A535C;
}
.term_item:hover {
}
.term_item:hover .term_item_content span {
color: #F3F2F1;
}
.term_item .term_item_content .term_item_svg {
width: 48px;
height: 48px;
position: relative;
}
.term_item:hover:before {
opacity: 0;
}
.term_item:hover:after {
opacity: 1;
}
.term_item:hover .term_item_content .term_item_svg svg path {
fill: #F3F2F1;
}
.special_items .special_item:not(:first-child) {
display: none;
}
.special_items .special_item {
background: radial-gradient(75.4% 75.4% at 50% 50%, #8D8A72 0%, #626356 100%);
width: 100%;
padding: 0 40px;
display: flex;
gap: 22px;
color: #F3F2F1;
line-height: 17px;
}
.special_items.slick-initialized .special_item {
display: flex!important;
}
.special_items .special_item br {
width: 100%;
}
.special_item_img {
height: 100%;
display: flex;
align-items: end;
min-width: 260px;
max-width: 260px;
width: 260px;
position: absolute;
}
.special_item_content {
width: 100%;
padding: 40px 0;
padding-left: 300px;
}
.special_item_text {
margin-top: 40px;
}
.special_item_text strong {
font-weight: 700;
font-size: 29px;
line-height: 20px;
}
.special_item_text small {
font-weight: 700;
font-size: 16px;
line-height: 20px;
}
.special_item_buttons {
gap: 16px;
height: 30px;
display: flex;
right: 40px;
position: absolute;
z-index: 2;
top: 40px;
}
.special_item_button {
cursor: pointer;
}
.special_item_nav {
height: 30px;
min-height: 30px;
width: 100%;
padding-right: 80px;
align-items: center;
display: flex;
}
/*
.special_items .slick-slide {
-webkit-transition: opacity 150ms linear!important;
-moz-transition: opacity 150ms linear!important;
-ms-transition: opacity 150ms linear!important;
-o-transition: opacity 150ms linear!important;
transition: opacity 150ms linear!important;
}
*/
.special_item_badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
background: #A3402C;
border-radius: 5px;
padding: 5px 10px;
max-width: max-content;
}
.special_item_button:hover svg rect {
fill: #A3402C;
}
.special_item_button:hover svg path {
fill: #F3F2F1;
}
.special_item:hover .special_item_badge svg path {
fill: #A3402C;
}
.special_item:hover .special_item_badge {
background: #F3F2F1;
color: #A3402C;
}
.special_item:hover .special_item_img img {
transform: scale(1.02);
}
.section_subtitle {
font-weight: 700;
font-size: 20px;
line-height: 24px;
width: 100%;
}
.compare_lists {
display: flex;
gap: 20px;
}
.compare_list {
margin-top: 24px;
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
flex-direction: column;
width: calc(50% - 10px);
}
.compare_list_items {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.compare_list_items p {
margin: 0;
position: relative;
width: 100%;
display: flex;
align-items: center;
gap: 8px;
}
.compare_list_items p:before {
content: '';
width: 14px;
height: 14px;
display: flex;
}
.compare_list_minus .compare_list_items p:before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.675 3.33072C10.621 3.27664 10.5569 3.23374 10.4864 3.20447C10.4158 3.17519 10.3402 3.16013 10.2638 3.16013C10.1874 3.16013 10.1117 3.17519 10.0411 3.20447C9.97058 3.23374 9.90647 3.27664 9.85251 3.33072L7.00001 6.17739L4.14751 3.32489C4.0935 3.27088 4.02939 3.22804 3.95883 3.19881C3.88826 3.16958 3.81263 3.15454 3.73626 3.15454C3.65988 3.15454 3.58425 3.16958 3.51369 3.19881C3.44313 3.22804 3.37901 3.27088 3.32501 3.32489C3.271 3.37889 3.22816 3.44301 3.19893 3.51357C3.16971 3.58413 3.15466 3.65976 3.15466 3.73614C3.15466 3.81251 3.16971 3.88814 3.19893 3.9587C3.22816 4.02927 3.271 4.09338 3.32501 4.14739L6.17751 6.99989L3.32501 9.85239C3.271 9.90639 3.22816 9.97051 3.19893 10.0411C3.16971 10.1116 3.15466 10.1873 3.15466 10.2636C3.15466 10.34 3.16971 10.4156 3.19893 10.4862C3.22816 10.5568 3.271 10.6209 3.32501 10.6749C3.37901 10.7289 3.44313 10.7717 3.51369 10.801C3.58425 10.8302 3.65988 10.8452 3.73626 10.8452C3.81263 10.8452 3.88826 10.8302 3.95883 10.801C4.02939 10.7717 4.0935 10.7289 4.14751 10.6749L7.00001 7.82239L9.85251 10.6749C9.90651 10.7289 9.97063 10.7717 10.0412 10.801C10.1118 10.8302 10.1874 10.8452 10.2638 10.8452C10.3401 10.8452 10.4158 10.8302 10.4863 10.801C10.5569 10.7717 10.621 10.7289 10.675 10.6749C10.729 10.6209 10.7719 10.5568 10.8011 10.4862C10.8303 10.4156 10.8454 10.34 10.8454 10.2636C10.8454 10.1873 10.8303 10.1116 10.8011 10.0411C10.7719 9.97051 10.729 9.90639 10.675 9.85239L7.82251 6.99989L10.675 4.14739C10.8967 3.92572 10.8967 3.55239 10.675 3.33072Z' fill='%23FF4F00'/%3E%3C/svg%3E%0A");
}
.compare_list_plus .compare_list_items p:before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6949 3.70519C11.8261 3.83646 11.8998 4.01448 11.8998 4.20009C11.8998 4.38571 11.8261 4.56373 11.6949 4.69499L6.09488 10.295C5.96361 10.4262 5.78559 10.4999 5.59998 10.4999C5.41436 10.4999 5.23635 10.4262 5.10508 10.295L2.30508 7.49499C2.17757 7.36297 2.10701 7.18615 2.10861 7.00261C2.1102 6.81908 2.18382 6.64351 2.31361 6.51372C2.44339 6.38394 2.61896 6.31032 2.8025 6.30872C2.98604 6.30713 3.16286 6.37768 3.29488 6.50519L5.59998 8.81029L10.7051 3.70519C10.8363 3.57397 11.0144 3.50024 11.2 3.50024C11.3856 3.50024 11.5636 3.57397 11.6949 3.70519Z' fill='%230CA528'/%3E%3C/svg%3E%0A");
}
.compare_list_title {
display: flex;
align-items: center;
width: 100%;
gap: 10px;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #696E72;
}
.compare_list_plus .compare_list_title {
color: #b4582f;
}
.compare_list_bottom {
font-weight: 700;
font-size: 15px;
line-height: 18px;
}
.compare_post {
width: 450px;
min-width: 450px;
min-height: 570px;
}
.section_compare .row {
flex-wrap: nowrap;
align-items: center;
}
.compare_post {
position: relative;
color: #FFFFFF;
padding: 60px;
align-items: center;
display: flex;
flex-wrap: wrap;
overflow: hidden;
/*
font-family: 'Montserrat';
*/
}
.compare_post_wrapper {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.compare_post img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.compare_post:hover {
color: #FFFFFF;
}
.compare_post_meta {
font-size: 10px;
line-height: 12px;
z-index: 2;
position: relative;
width: 100%;
}
.compare_post_subtitle,
.compare_post_title {
font-weight: 700;
font-size: 16px;
line-height: 20px;
z-index: 2;
position: relative;
max-width: 210px;
}
.compare_post:hover img {
transform: scale(1.02);
}
.step_item_progress {
position: relative;
border-bottom: 1px solid #E9E3DC;
height: 6px;
align-items: center;
display: flex;
margin-bottom: 2px;
width: 100%;
z-index: 2;
}
.step_item_progress:before {
content: '';
width: calc(var(--percent) * 1%);
display: flex;
background: #DAC3AC;
height: 2px;
top: 5px;
position: absolute;
}
.step_item_progress:after {
content: '';
left: calc(var(--percent) * 1%);
display: flex;
width: 6px;
height: 6px;
background: #DAC3AC;
position: absolute;
border-radius: 50%;
top: 3px;
}
.step_items {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px;
gap: 24px;
background: #E9E3DC;
width: 100%;
justify-content: center;
}
.section_step {
margin-top: 54px;
margin-bottom: 65px;
}
.section_step .section_header {
gap: 30px;
}
a.step_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 17px 21px;
gap: 15px;
background: #FFFFFF;
border: 1px solid #DAC3AC;
border-radius: 5px;
color: #4A535C;
width: calc(var(--width-step) * 1%);
position: relative;
overflow: hidden;
}
.step_item:hover {
border: 1px solid #758999;
}
.step_item_meta {
display: flex;
align-items: center;
font-weight: 700;
font-size: 14px;
line-height: 18px;
gap: 10px;
z-index: 2;
}
.step_item_text {
font-weight: 500;
font-size: 13px;
line-height: 16px;
z-index: 2;
}
.step_item .step_item_svg {
width: 40px;
height: 40px;
position: relative;
}
.step_item:hover .step_item_svg svg path {
fill: #F3F2F1;
}
.step_item:after,
.step_item:before {
content:'';
background: #FFFFFF;
opacity: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 5px;
}
.step_item:after {
background: #758999;
box-shadow: 0px 0px 20px rgba(117, 137, 153, 0.3);
opacity: 0;
}
.step_item:hover .step_item_text,
.step_item:hover span {
color: #FFFFFF;
}
.step_item:hover:before {
opacity: 0;
}
.step_item:hover:after {
opacity: 1;
}
.work_items {
display: flex;
}
.work_items {
display: flex;
flex-wrap: wrap;
max-height: 500px;
overflow: hidden;
}
.work_item {
flex: 1 1 calc((100% - (4px * 3)) / 4);
min-height: 500px;
margin: 0 2px;
}
.work_item img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 500px;
}
.work_items .work_item {
max-width: 450px;
width: 450px;
}
.work_items:not(.slick-slider) .work_item:nth-child(1),
.work_items:not(.slick-slider) .work_item:nth-child(3),
.work_items:not(.slick-slider) .work_item:nth-child(6),
.work_items:not(.slick-slider) .work_item:nth-child(8),
.work_items:not(.slick-slider) .work_item:nth-child(9),
.work_items:not(.slick-slider) .work_item:nth-child(11) {
max-width: 244px;
width: 244px;
}
.work_wrapper {
max-width: 100%;
min-height: 500px;
position: relative;
}
.work_items_button {
position: absolute;
top: calc(50% - 12px);
width: calc(100% + 88px);
left: -44px;
}
.work_items_nav {
position: absolute;
cursor: pointer;
}
.work_items_next {
right: 0;
}
.section.section_work {
margin-top: 0;
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 32px;
}
.section_work .container {
position: relative;
}
.section_work .container:after,
.section_work .container:before {
content: '';
background: #DAC3AC;
height: 1px;
display: flex;
left: 0;
right: 0;
position: absolute;
top: -50px;
}
.section_work .container:after {
top: inherit;
bottom: -32px;
}
.section_faq_wrapper {
width: calc(100% - 472px);
}
.section_faq_forms {
min-width: 415px;
max-width: 415px;
margin-bottom: auto;
}
.section_faq .section_header {
margin-top: 60px;
margin-bottom: 60px;
}
.faq_items {
display: flex;
flex-wrap: wrap;
gap: 0 24px;
}
.faq_items_second,
.faq_items_first {
width: calc(50% - 12px);
position: relative;
}
.faq_items .faq_item {
width: 100%;
margin-bottom: 16px;
padding-bottom: 16px;
position: relative;
}
.faq_items .faq_item:after {
content: '';
background: #DAC3AC;
height: 1px;
}
.faq_question {
display: flex;
cursor: pointer;
position: relative;
padding-left: 22px;
}
.faq_answer {
font-size: 13px;
line-height: 16px;
margin-top: 10px;
display: none;
padding-left: 22px;
}
.faq_items .faq_item:after {
content: '';
background: #DAC3AC;
height: 1px;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
left: 0;
display: flex;
}
.faq_items > * > .faq_item:last-child:after {
display: none;
}
.section_faq .row {
justify-content: space-between;
}
.pwd_form {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.section_faq .pwd_form {
padding: 24px 40px;
gap: 10px;
background: #F3F2F1;
border-radius: 5px;
gap: 13px;
}
.pwd_form input:not(.wpcf7-submit,.btn_submit),
.pwd_tel {
padding: 10px 20px;
gap: 10px;
min-height: 44px;
background: #FFFFFF;
border: 1px solid #DAC3AC;
border-radius: 5px;
leading-trim: both;
text-edge: cap;
font-feature-settings: 'pnum' on, 'lnum' on;
}
.form_subtitle {
font-size: 13px;
line-height: 16px;
margin-bottom: 10px;
}
.section_faq .form_subtitle {
margin-bottom: 0;
}
.btn_submit {
width: 100%;
min-width: 100%;
max-width: 100%;
display: flex;
justify-content: center;
}
.pb-mc-title,
.form_title {
font-weight: 700;
color: #B4582F;
display: flex;
align-items: center;
font-size: 24px;
line-height: 26px;
gap: 20px;
}
.pb-mc-title {
margin-bottom: 20px;
}
.form_title img {
min-width: 50px;
height: 50px;
bottom: 2px;
position: relative;
}
*[data-name='acceptance'] input {
display: none;
}
*[data-name='acceptance'] label input + span {
display: inline-block;
font-weight: 400;
font-size: 12px;
line-height: 18px;
padding-left: 26px;
position: relative;
}
.section_faq .privacy_policy_form {
margin-top: 13px;
}
*[data-name='acceptance'] label input + span:before {
content: '';
min-width: 16px;
height: 16px;
background: #F9F9F9;
border: 1px solid #DAC3AC;
display: flex;
position: absolute;
left: 0;
top: 0;
}
*[data-name='acceptance'] .wpcf7-list-item {
margin: 0;
}
*[data-name='acceptance'] label input + span:after {
content: '';
width: 12px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9558 0.234229C11.1057 0.384251 11.19 0.587698 11.19 0.799829C11.19 1.01196 11.1057 1.21541 10.9558 1.36543L4.55577 7.76543C4.40575 7.91541 4.2023 7.99966 3.99017 7.99966C3.77804 7.99966 3.57459 7.91541 3.42457 7.76543L0.224569 4.56543C0.078843 4.41455 -0.00179249 4.21247 3.02421e-05 4.00271C0.00185298 3.79295 0.0859881 3.5923 0.234315 3.44397C0.382641 3.29565 0.583291 3.21151 0.793048 3.20969C1.00281 3.20787 1.20489 3.2885 1.35577 3.43423L3.99017 6.06863L9.82457 0.234229C9.97459 0.0842524 10.178 0 10.3902 0C10.6023 0 10.8057 0.0842524 10.9558 0.234229Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
opacity: 0;
top: 4px;
left: 3px;
position: absolute;
display: flex;
}
*[data-name='acceptance'] label input:checked + span:after {
opacity: 1;
}
*[data-name='acceptance'] label {
margin: 0;
}
.section.section_faq {
margin-top: 8px;
}
.faq_question > .faq_question_svg svg {
min-width: 14px;
height: 14px;
position: relative;
top: 1.5px;
z-index: 2;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.faq_question > .faq_question_svg svg:last-child {
display: none;
}
.faq_question.active > .faq_question_svg svg:first-child {
display: none;
}
.faq_question.active > .faq_question_svg svg:last-child {
display: flex;
left: -1px;
}
.faq_question_svg {
width: 14px;
height: 14px;
position: relative;
display: flex;
position: absolute;
left: 0;
top: 0;
}
#main {
padding-top: 20px;
}
.summary_wrapper {
display: flex;
margin: 20px auto 40px;
}
.woocommerce-product-gallery {
max-width: 486px;
}
.pwd_summary {
width: calc(100% - 486px);
padding-left: 40px;
}
.woocommerce-breadcrumb,
#breadcrumbs {
font-size: 13px;
line-height: 18px;
color: #758999;
padding-bottom: 18px;
position: relative;
width: 100%;
top: -3px;
}
.single-product .woocommerce-breadcrumb:after {
content: '';
height: 1px;
background: #E9E3DC;
display: flex;
position: absolute;
bottom: 0;
width: 100%;
}
.woocommerce-breadcrumb a,
#breadcrumbs a {
color: #758999;
}
.woocommerce-breadcrumb a:hover,
#breadcrumbs a:hover {
color: var(--orange);
}
.summary_content {
margin-top: 30px;
gap: 30px 0;
display: flex;
flex-wrap: wrap;
align-items: start;
flex-direction: column;
width: calc(100% - 378px);
min-width: calc(100% - 378px);
max-width: calc(100% - 378px);
}
.summary_product_title {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #4A535C;
}
.summary_content .product_meta {
flex-wrap: wrap;
gap: 30px;
}
.summary_content .search_link,
.summary_content .favorit_link .pb-fav-button,
.summary_content .favorit_link .pb-fav-button i,
.summary_content .favorit_link i:after,
.summary_content .favorit_link i:before,
.summary_content .compare_link:after,
.summary_content .compare_link:before {
width: 12px;
height: 12px;
background-size: cover;
position: absolute;
left: 0;
}
.summary_content .favorit_link,
.summary_content .compare_link {
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #758999;
min-width: max-content;
width: 100%;
gap: 10px;
display: flex;
padding-left: 22px;
align-items: center;
}
.summary_content .favorit_link .pb-fav-button {
width: 100%;
z-index: 2;
}
.pb-fav-button.active + .product_favorit_title,
.summary_content .compare_link:hover,
.summary_content .favorit_link:hover {
color: var(--orange);
}
.pb-fav-button + .product_favorit_title > span,
.pb-fav-button + .product_compare_title > span {
min-width: max-content;
display: flex;
}
.pb-fav-button + .product_favorit_title > span:before,
.pb-fav-button + .product_favorit_title > span:after {
content: 'В избранное';
opacity: 1;
display: flex;
}
.product_compare_title > span:before,
.product_compare_title > span:after {
content: 'К сравнению';
opacity: 1;
display: flex;
}
.product_compare_title > span:after,
.pb-fav-button + .product_favorit_title > span:after {
opacity: 0;
display: none;
}
.product_compare_title.active > span:before,
.pb-fav-button.active + .product_favorit_title > span:before {
opacity: 0;
display: none;
}
.product_compare_title.active > span:after {
content: 'В сравнение';
opacity: 1;
display: flex;
}
.pb-fav-button.active + .product_favorit_title > span:after {
content: 'В избранном';
opacity: 1;
display: flex;
}
.summary_content .favorit_link > span,
.summary_content .compare_link span {
position: relative;
z-index: 1;
}
.pwd_summary_attribute_more:before,
.pwd_summary_attribute_more:after,
.summary_content .favorit_link > span:before,
.summary_content .compare_link > span:before,
.summary_content .favorit_link > span:after,
.summary_content .compare_link span:after {
content: '';
height: 1px;
background: #758999;
position: absolute;
width: 100%;
bottom: 3px;
left: 0;
opacity: 1;
}
.pwd_summary_attribute_more:after,
.summary_content .favorit_link > span:after,
.summary_content .compare_link span:after {
background: var(--orange);
opacity: 0;
}
.pwd_summary_attribute_more:hover:after,
.pb-fav-button.active + .product_favorit_title:after,
.summary_content .favorit_link:hover > span:after,
.summary_content .compare_link:hover > span:after {
opacity: 1;
}
.pwd_summary_attribute_more:hover:before,
.summary_content .favorit_link:hover > span:before,
.summary_content .compare_link:hover > span:before {
opacity: 0;
}
.summary_content .product_link {
max-height: 100%;
gap: 14px;
}
.product_meta_wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.summary_content .sku_wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 7px 10px;
height: 23px;
background: #F3F2F1;
border-radius: 5px;
font-weight: 600;
font-size: 13px;
line-height: 18px;
}
.summary_content .sku_wrapper i {
font-style: normal;
}
.product .summary_content .price {
font-weight: 700;
font-size: 24px;
line-height: 18px;
}
.pwd_summary_attributes {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
max-width: max-content;
gap: 20px;
font-size: 13px;
line-height: 18px;
}
.pwd_summary_attribute {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 14px;
max-width: max-content;
}
.pwd_summary_attribute_more {
color: #758999;
position: relative;
max-width: max-content;
}
.pwd_summary_attribute_more::before,
.pwd_summary_attribute_more::after {
bottom: 2px;
}
.summary_content .cart {
/*
cursor: not-allowed !important;
pointer-events: none !important;
*/
position: relative;
}
.summary_content .quantity {
display: none;
}
.product .summary_content .added_to_cart.wc-forward {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
}
.product .summary_content .single_add_to_cart_button.added + .added_to_cart.wc-forward {
opacity: 1;
z-index: 1;
position: relative;
}
.product .summary_content .single_add_to_cart_button.added {
opacity: 0;
z-index: -1;
position: absolute;
}
.woocommerce-product-details__short-description {
font-size: 13px;
line-height: 16px;
}
.woocommerce-product-details__short-description > * {
margin-bottom: 1em;
}
.woocommerce-product-details__short-description ol,
.woocommerce-product-details__short-description ul {
padding-left: 0;
list-style: none;
}
.woocommerce-product-details__short-description ol ol,
.woocommerce-product-details__short-description ul ul {
margin-top: 0.25em;
}
.woocommerce-product-details__short-description ul li {
position: relative;
padding-left: 1em;
}
.woocommerce-product-details__short-description ul li:before {
content: '';
width: calc(1em * 0.25);
height: calc(1em * 0.25);
background: #B4582F;
display: flex;
position: absolute;
left: calc(1em * 0.25);
/* top: calc(50% - ((1em * 0.25) / 2)); */
top: calc((1em / 2) );
max-width: calc(1em * 0.25);
max-height: calc(1em * 0.25);
}
.summary_content > p,
.woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
.summary_content_wrapper {
display: flex;
gap: 44px;
align-items: start;
}
.summary_form {
display: flex;
justify-content: space-between;
align-items: start;
padding: 40px;
gap: 24px;
width: 334px;
min-width: 334px;
background: #F3F2F1;
margin-top: 30px;
font-weight: 700;
font-size: 15px;
line-height: 18px;
flex-wrap: wrap;
}
.pwd_product_gallery {
display: flex;
flex-direction: row;
/*
align-items: flex-start;
*/
gap: 20px;
max-width: 486px;
min-width: 486px;
height: 516px;
max-height: 516px;
overflow: hidden;
}
.pwd_product_gallery .slick-list,
.pwd_product_gallery .slick-track,
.pwd_product_gallery .product_gallery_item {
height: 100%;
}
.pwd_product_gallery .popup-image {
height: 100%;
display: flex;
align-items: center;
}
.product_gallery_main img {
display: block;
cursor: zoom-in;
max-width: 100%;
}
/* горизонтальные (ширина > высоты) - обычное масштабирование по ширине */
.product_gallery_main img.pv-img-landscape {
width: 100%;
height: auto;
}
/* портрет/квадрат (ширина <= высоты) - заполняем контейнер по высоте с обрезкой по бокам */
.product_gallery_main img.pv-img-portrait {
min-height: 100%;
width: auto;
object-fit: cover;
}
.product_gallery_thumbs {
flex: 0 0 100px;
width: 100px;
padding-top: 128px;
position: relative;
}
.product_gallery_thumbs:before {
content: '';
background: #fff;
opacity: 0;
z-index: -1;
position: absolute;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product_gallery_thumbs:not(.slick-initialized):before {
opacity: 1;
z-index: 1;
}
.single-product .product {
max-width: 100%;
}
.product_gallery_thumbs .slick-list {
overflow: hidden;
}
.slick-vertical .slick-slide.product_gallery_thumb,
.product_gallery_thumb {
cursor: pointer;
margin: 6px auto;
border: 1px solid #E9E3DC;
padding: 0;
height: 110px;
min-height: 110px;
align-items: center;
display: flex;
}
.slick-vertical .slick-slide.product_gallery_thumb.slick-current.slick-active {
border: 1px solid #B4582F;
}
.slick-vertical .slick-slide.product_gallery_thumb_brand,
.product_gallery_thumb_brand {
border: 1px solid transparent;
margin: 0 auto;
position: absolute;
top: 16px;
}
.no_thumbnails_brand .product_gallery_thumbs {
padding-top: 22px;
}
.no_thumbnails .product_gallery_thumb_brand {
top: 0;
}
.product_gallery_thumbs_wrapper {
position: relative;
min-width: 100px;
}
.product_gallery_thumb img:not(.product-brand-logo) {
display: block;
margin: auto;
}
/* портрет/квадрат (ширина <= высоты) - как было раньше: заполняем по высоте, обрезаем по бокам */
.product_gallery_thumb img.pv-img-portrait:not(.product-brand-logo) {
width: auto;
height: 100%;
object-fit: cover;
margin: auto;
}
/* горизонтальные (ширина > высоты) - заполняем по ширине, без обрезки сверху/снизу */
.product_gallery_thumb img.pv-img-landscape:not(.product-brand-logo) {
width: 100%;
height: auto;
margin: auto;
}
.product_gallery_thumbs .slick-current .product_gallery_thumb img {
border-color: #B4582F;
}
.product_gallery_main {
flex: 1 1 auto;
min-width: 0;
}
.pwd_product_gallery.no_thumbnails .product_gallery_main {
width: 100%;
}
.product_gallery_arrow {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.product_gallery_prev.slick-disabled {
opacity: .5;
pointer-events: none;
cursor: default;
}
.product_gallery_prev {
margin-bottom: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.product_gallery_next {
margin-top: 6px;
}
.summary_form_title {
font-weight: 700;
font-size: 24px;
line-height: 26px;
color: #B4582F;
display: flex;
gap: 20px;
align-items: center;
}
.summary_form_title img {
max-width: 50px;
min-width: 50px;
}
.summary_form_subtitle {
font-weight: 700;
font-size: 24px;
line-height: 26px;
color: #B4582F;
}
.summary_form_items {
border-top: 1px solid #E9E3DC;
gap: 26px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 26px;
}
.summary_form_item {
gap: 16px;
display: flex;
align-items: center;
}
.summary_form_item img {
min-width: 16px;
}
.woocommerce-tabs {
position: relative;
display: flex;
}
.pwd_tabs {
display: flex;
gap: 22px;
padding: 40px 0;
background: #F3F2F1;
position: relative;
align-items: start;
}
.pwd_tabs:before,
.pwd_tabs:after {
content: '';
background: #F3F2F1;
width: 1000px;
left: -1000px;
position: absolute;
top: 0;
bottom: 0;
}
.pwd_tabs:after {
left: inherit;
right: -1000px;
}
.wc-tab:not(.active) {
display: none;
}
ul.wc-tabs {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 40px 30px;
gap: 40px;
background: #FFFFFF;
min-width: max-content;
list-style: none;
margin: 0;
min-width: 220px;
max-height: 340px;
/*
height: 340px;
*/
}
ul.wc-tabs li {
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #696E72;
}
ul.wc-tabs li.active a {
font-weight: 600;
color: #B4582F;
}
ul.wc-tabs li:hover a {
color: #B4582F;
}
.tab_button_responsive {
display: none;
}
.woocommerce-tabs {
display: flex;
gap: 20px;
color: #696E72;
width: 100%;
}
.wc-tab {
font-size: 13px;
line-height: 16px;
background: #fff;
padding: 30px;
width: 100%;
}
.product_tab_other > p:last-child {
margin-bottom: 0;
}
.product_tab_files {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.tab_file {
width: 100%;
}
.product_tab_other * {
color: #696E72 !important;
}
.wc_attributes_list,
.wc_attributes_two_columns {
column-gap: 16px;
list-style: none;
margin: 0 0 20px;
padding: 0;
margin: 0;
}
.wc_attributes_list li,
.wc_attributes_two_columns li {
break-inside: avoid;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 14px 20px;
min-height: 44px;
background: #FFFFFF;
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #4A535C;
gap: 16px;
}
.wc_attributes_list li:nth-child(2n),
.wc_attributes_two_columns li:nth-child(2n) {
background: #F3F2F1;
}
.wc_attr_label {
color: #696E72;
width: 55%;
}
.wc_attr_value {
width: 45%;
}
#tab-feature,
.woocommerce-Tabs-panel--feature {
padding: 0;
background: #f3f2f1;
}
.wc_attr_group_title {
display: flex;
flex-direction: row;
align-items: center;
padding: 14px 20px;
gap: 10px;
min-height: 36px;
background: #E9E3DC;
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
.wc_attributes_two_columns_wrap,
.wc_attributes_grouped_columns {
column-count: 2;
column-gap: 16px;
margin: 0;
text-align: left;
justify-content: start;
display: flex;
flex-wrap: wrap;
}
.wc_attributes_two_columns,
.wc_attr_group {
break-inside: avoid;
margin-bottom: 10px;
width: calc(50% - 8px);
}
.wc_attr_group .wc_attributes_list {
column-count: 1;
}
.wc_attr_group .wc_attributes_list li:nth-child(2n) {
background: #F9F9F9;
}
.pwd_tabs_selection {
min-width: 332px;
width: 332px;
background: #E9E3DC;
z-index: 2;
padding: 30px;
color: var(--black);
gap: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.tabs_selection_img {
width: calc(100% + 60px);
height: 194px;
margin: -30px -30px 0;
overflow: hidden;
}
.tabs_selection_img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tabs_selection_title {
font-weight: 700;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: var(--orange);
}
.tabs_selection_subtitle {
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: var(--black);
}
.tabs_selection_btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 46px;
padding: 10px;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #F3F2F1;
background: var(--orange);
border: 1px solid var(--orange);
border-radius: 5px;
text-decoration: none;
transition: all 200ms ease-out;
}
.tabs_selection_btn svg {
flex: 0 0 auto;
}
.tabs_selection_btn:hover {
color: var(--orange);
background: transparent;
}
.pwd_thumb_slide,
.pwd_thumb_slider,
.pwd_thumb_slider .slick-slide {
position: relative;
height: 100%;
max-height: 220px;
overflow: hidden;
}
.pwd_thumb_slider.slick-slider {
overflow: visible;
}
.pwd_thumb_slider .slick-slide img {
width: auto;
height: 100%;
max-height: 220px;
display: block;
}
.pwd_thumb_slider .slick-arrow {
z-index: 2;
}
.related {
padding: 30px 0;
}
/* Заголовки блоков «Похожие товары» и «Сопутствующие товары» */
.related .pwd_title,
.pwd_related .pwd_title,
.pwd_upsells .pwd_title {
margin-bottom: 20px;
}
.related ul.products li.product {
margin: 0 10px;
}
.related + .related {
background: #F3F2F1;
}
.related + .related:before,
.related + .related:after {
content: '';
background: #F3F2F1;
width: 1000px;
left: -1000px;
position: absolute;
top: 0;
bottom: 0;
}
.related + .related:after {
left: inherit;
right: -1000px;
}
.attr-swatches-original-select,
.reset_variations,
.single_variation_wrap .quantity,
.woocommerce-variation-price {
display: none!important;
}
.attr-swatches-wrap-title {
font-size: 13px;
line-height: 18px;
margin-bottom: 10px;
}
table.variations tbody > tr:not(:last-child) {
margin-bottom: 10px;
display: flex;
}
.variations_form.cart .variations {
margin-bottom: 20px;
}
.woocommerce-products-header__title {
font-weight: 700;
font-size: 32px;
margin-bottom: 10px;
}
.archive_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 60px;
}
.pv_price_on_request label {
display: inline-block;
margin-left: 5px;
}
.attr-swatches-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: start;
}
.attr-swatch-note {
font-size: 0.85em;
opacity: 1;
}
.attr-swatch-item {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
transition: border-color .15s ease;
width: 78px;
flex-wrap: wrap;
}
.attr-swatch-item .attr-swatch-visual--image img {
border: 1px solid transparent;
height: 59px;
}
.attr-swatch-item.is-selected .attr-swatch-visual--color,
.attr-swatch-item.is-selected .attr-swatch-visual--image img {
border-color: #B4582F;
}
.attr-swatch-item.is-selected .attr-swatch-visual--color + span,
.attr-swatch-item.is-selected .attr-swatch-visual--image {
color: #B4582F;
}
.attr-swatch-item .attr-swatch-visual--color + span {
width: 100%;
}
.attr-swatch-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.attr-swatch-visual {
display: inline-flex;
align-items: center;
justify-content: center;
}
.attr-swatch-item {
gap: 10px;
font-size: 11px;
line-height: 18px;
color: #4A535C;
}
.attr-swatch-visual--image {
width: 100%;
object-fit: cover;
display: flex;
flex-wrap: wrap;
gap: 3px;
font-size: 11px;
line-height: 18px;
color: #4A535C;
text-align: left;
justify-content: start;
line-height: 1;
}
.attr-swatch-visual--image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin-bottom: 7px;
}
.attr-swatch-visual--image small {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin-bottom: 7px;
}
.attr-swatch-visual--color {
width: 100%;
border-radius: 0;
border: 1px solid #ccc;
height: 59px;
}
.attr-swatch-visual--text {
min-width: 40px;
height: 59px;
padding: 0 10px;
border: 1px solid #ccc;
font-size: 13px;
width: 100%;
}
.attr-swatch-item.is-selected .attr-swatch-visual--text {
border-color: #B4582F;
}
.attr-swatches-original-select {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.archive_filter_header_wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.archive_filter_sidebar_wrapper {
width: 30%;
font-family: var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--black);
margin-top: 10px;
max-width: 335px;
margin-right: 20px;
}
.archive_wrapper .products_grid_wrapper {
width: calc(100% - 355px);
}
.archive_filter_header_wrapper legend {
display: none;
}
.search-filter-field--id-3 {
}
.search-filter-field--id-3 fieldset {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 24px;
}
.search-filter-input-checkbox__label,
.search-filter-input-checkbox {
padding: 0;
position: relative;
}
.search-filter-field--id-3 .search-filter-input-checkbox__label,
.search-filter-field--id-3 .search-filter-input-checkbox label {
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #696E72;
}
.archive_filter_items_header {
display: flex;
align-items: center;
gap: 26px;
}
/* Пункт шапки, в котором все варианты пустые (.search-filter-input-checkbox--empty,
"(0)") - класс .pb-item-hidden ставит JS (enhanceEmptyItem в functions_user.php).
Без display:none: пункт вынимается из строки (position:absolute - тогда и
промежуток gap вокруг него не остаётся) и становится невидимым. */
.archive_filter_items_header > .archive_filter_item.pb-item-hidden {
position: absolute;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.pwd_filter_pos {
order: 998;
}
.search-filter-component-combobox__input-divider,
.woocommerce-result-count,
.search-filter-field--id-3 .search-filter-input-checkbox__count,
.search-filter-field--id-3 .search-filter-input-checkbox__control,
.search-filter-field--id-3 label input {
display: none;
}
.search-filter-component-combobox {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
gap: 10px;
background: #FFFFFF;
border: 1px solid #E9E3DC;
border-radius: 5px;
min-width: 172px;
max-width: 172px;
}
.search-filter-component-combobox-base--listbox-visible,
.search-filter-component-combobox-base:hover {
border: 1px solid #B4582F;
}
.search-filter-component-combobox--mode-single .search-filter-component-combobox__actions .search-filter-component-combobox__selection {
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__actions input[type="text"]::-webkit-input-placeholder {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
align-items: center;
display: flex;
width: 100%;
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__actions input[type="text"]::-moz-placeholder {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
align-items: center;
display: flex;
width: 100%;
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__actions input[type="text"]:-moz-placeholder {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
align-items: center;
display: flex;
width: 100%;
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__actions input[type="text"]:-ms-input-placeholder {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
align-items: center;
display: flex;
width: 100%;
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__actions input[type="text"],
input.search-filter-component-combobox__actions-input,
.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__selection,
.search-filter-component-combobox .search-filter-component-combobox__selection-placeholder,
.search-filter-component-combobox__header {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
align-items: center;
display: flex;
width: 100%;
padding: 0;
}
.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg {
width: 16px;
height: 16px;
fill: #B4582F;
color: #B4582F;
}
.search-filter-component-combobox__listbox-toggle {
max-width: 16px;
padding: 0;
}
.pwd_filter_pos {
gap: 24px;
display: flex;
}
.pwd_filter_btn {
background: transparent;
border: none;
padding: 0;
height: 14px;
display: flex;
}
.pwd_filter_btn.pwd_filter_active svg path {
fill: #9C4A26;
}
.search-filter-field--id-3 .search-filter-input-checkbox:hover .search-filter-input-checkbox__label,
.search-filter-field--id-3 .search-filter-input-checkbox.search-filter-input-checkbox--is-active .search-filter-input-checkbox__label {
font-weight: 600;
color: #9C4A26;
}
.search-filter-input-checkbox .search-filter-input-checkbox__label:after {
bottom: 0px;
background: #9C4A26;
}
.archive_filter_items_sidebar .search-filter-input-checkbox .search-filter-input-checkbox__label:after {
display: none;
}
.search-filter-input-checkbox--empty {
opacity: .5;
pointer-events: none;
cursor: default;
}
.attr-swatch-item.disabled {
opacity: 0.5;
cursor: no-drop;
}
.range_checkbox fieldset.search-filter-field__input {
display: none!important;
}
.archive_filter_sidebar_wrapper .archive_filter_items {
display: flex;
flex-direction: column;
border-top: 1px solid var(--svetlyy-bezh);
}
.archive_filter_sidebar_wrapper .archive_filter_item {
}
.archive_filter_sidebar_wrapper .archive_filter_item > div {
padding: 16px 0;
border-bottom: 1px solid var(--svetlyy-bezh);
}
.archive_filter_sidebar_wrapper .search-filter-field {
position: relative;
margin: 0;
padding: 0;
}
.archive_filter_sidebar_wrapper .search-filter-label {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
margin: 0 0 16px;
padding: 0;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: var(--kirpichnyy-temnyy);
text-transform: none;
}
.archive_filter_sidebar_wrapper .pb-hint {
flex-shrink: 0;
width: 16px;
height: 16px;
margin: 0 0 0 auto;
padding: 0;
border: 0;
background: none;
color: var(--siniy);
cursor: pointer;
margin-left: 0;
}
.archive_filter_sidebar_wrapper .pb-hint svg {
display: block;
width: 16px;
height: 16px;
}
.archive_filter_sidebar_wrapper .search-filter-label__toggle-icon {
flex-shrink: 0;
width: 16px;
height: 16px;
margin-left: auto;
color: var(--orange);
transition: transform .2s;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 0;
}
.archive_filter_sidebar_wrapper .search-filter-label__toggle-icon .search-filter-icon__svg {
display: block;
width: 16px;
height: 16px;
fill: currentColor;
}
.archive_filter_sidebar_wrapper .search-filter-label__toggle-icon--up {
transform: rotate(180deg);
}
.archive_filter_sidebar_wrapper legend[role="button"] {
cursor: pointer;
user-select: none;
}
.archive_filter_sidebar_wrapper .search-filter-field__input--hidden {
display: none;
}
.archive_filter_sidebar_wrapper .pb-field-closed .search-filter-field__input,
.archive_filter_sidebar_wrapper .pb-field-closed .pv-range-slider-wrap {
display: none;
}
/* Пункт фильтра (вся обёртка archive_filter_item целиком, включая заголовок
и hint), у которого сейчас нет ни одного применимого варианта - либо плагин
сам пометил поле .search-filter-field--hidden, либо fieldset пуст (см.
enhanceEmptyItem() в functions_user.php, пересчитывается в т.ч. после
AJAX-обновления результатов).
Без display:none - пункт сворачивается классом: нулевая высота, без отступов
и нижней границы, прозрачный и некликабельный. Меняется это состояние только
во время перестроения, пока новая разметка ещё скрыта (см. блок про .pb-active в конце
файла), поэтому пользователь самого сворачивания не видит. */
.archive_filter_sidebar_wrapper .pb-item-hidden {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
border-bottom-width: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.archive_filter_sidebar_wrapper .search-filter-description {
opacity: 0;
z-index: -1;
margin: 0 0 16px;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: var(--seryy);
}
.archive_filter_sidebar_wrapper .pb-desc-open .search-filter-description {
opacity: 1;
z-index: 11;
}
@media (hover: hover) and (pointer: fine) {
.archive_filter_sidebar_wrapper .search-filter-description {
position: absolute;
z-index: -1;
top: 30px;
right: 0;
margin: 8px 0 0;
width: 240px;
padding: 12px;
background: var(--white);
border: 1px solid var(--svetlyy-bezh);
border-radius: 5px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
}
.archive_filter_sidebar_wrapper .search-filter-input-group {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
.archive_filter_sidebar_wrapper .search-filter-input-group.pv-range-hidden {
display: none;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox {
position: relative;
margin: 0;
padding: 0;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__input {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
pointer-events: none;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__container {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: var(--black);
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__count,
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__label {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: var(--black);
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__control {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin: 0;
box-sizing: border-box;
background: var(--ultra-svetlo-seryy);
border: 1px solid var(--temnyy-bezh);
border-radius: 0;
box-shadow: none;
transition: background-color .15s, border-color .15s;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__control svg {
width: 12px;
height: 12px;
color: var(--white);
fill: currentColor;
opacity: 0;
transition: opacity .15s;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__container:hover .search-filter-input-checkbox__control {
border-color: var(--orange);
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container .search-filter-input-checkbox__control {
border-color: var(--orange);
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container .search-filter-input-checkbox__control:before {
content: '';
background: var(--orange);
width: 10px;
height: 10px;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container .search-filter-input-checkbox__control svg {
display: none;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__input:focus-visible + .search-filter-input-checkbox__container .search-filter-input-checkbox__control {
outline: 2px solid var(--orange);
outline-offset: 2px;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__label {
flex: 1 1 0;
min-width: 0;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 10px;
padding: 0;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox__count {
flex-shrink: 0;
margin: 0;
color: var(--seryy);
font-weight: 500;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox--empty {
opacity: .45;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox--empty .search-filter-input-checkbox__container {
cursor: default;
}
.archive_filter_sidebar_wrapper .search-filter-input-checkbox.pb-is-extra {
display: none;
}
.archive_filter_sidebar_wrapper .pb-expanded .search-filter-input-checkbox.pb-is-extra {
display: block;
}
.archive_filter_sidebar_wrapper .pb-more {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
font-weight: 500;
font-size: 13px;
line-height: 18px;
leading-trim: both;
text-edge: cap;
font-feature-settings: 'pnum' on, 'lnum' on;
color: #4A535C;
background: transparent;
}
.archive_filter_sidebar_wrapper .pb-more-svg {
display: flex;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
position: relative;
}
.archive_filter_sidebar_wrapper .pb-more-svg svg {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.archive_filter_sidebar_wrapper .pb-expanded .pb-more-svg svg {
transform: rotate(180deg);
top: 2px;
}
.archive_filter_sidebar_wrapper .pb-more .pb-chevron {
margin-left: 0;
}
.archive_filter_sidebar_wrapper .pb-expanded .pb-more .pb-chevron {
transform: rotate(180deg);
}
.archive_filter_sidebar_wrapper .pv-range-slider-wrap {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0;
width: 100%;
}
.archive_filter_sidebar_wrapper .pv-range-inputs {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.archive_filter_sidebar_wrapper .pv-range-input {
flex: 1 1 0;
min-width: 0;
width: auto;
height: 40px;
margin: 0;
padding: 10px;
box-sizing: border-box;
background: var(--white);
border: 1px solid var(--svetlyy-bezh);
border-radius: 0;
box-shadow: none;
font: 700 13px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--black);
text-align: center;
-moz-appearance: textfield;
appearance: textfield;
}
.archive_filter_sidebar_wrapper .pv-range-input::-webkit-outer-spin-button,
.archive_filter_sidebar_wrapper .pv-range-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.archive_filter_sidebar_wrapper .pv-range-input:focus {
outline: none;
border-color: var(--temnyy-bezh);
}
.archive_filter_sidebar_wrapper .pv-range-dash {
flex-shrink: 0;
font-weight: 700;
font-size: 0;
}
.archive_filter_sidebar_wrapper .pv-range-dash::before {
content: "–";
font-size: 13px;
line-height: 18px;
color: var(--black);
}
.archive_filter_sidebar_wrapper .pv-range-slider.noUi-target {
height: 2px;
margin: 9px 4px 41px;
background: var(--svetlyy-bezh);
border: 0;
border-radius: 0;
box-shadow: none;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-connects {
border-radius: 0;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-connect {
background: var(--temnyy-bezh);
}
.archive_filter_sidebar_wrapper .pv-range-slider.noUi-horizontal .noUi-handle {
width: 8px;
height: 20px;
top: -9px;
right: -4px;
background: var(--temnyy-bezh);
border: 0;
border-radius: 5px;
box-shadow: none;
cursor: grab;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-handle::before,
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-handle::after {
display: none;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-handle:hover,
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-active {
background: var(--orange);
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-active {
cursor: grabbing;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-handle:focus-visible {
outline: 2px solid var(--orange);
outline-offset: 2px;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-touch-area {
inset: -6px -8px;
width: auto;
height: auto;
position: absolute;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-pips-horizontal {
top: 1px;
left: 0;
height: 0;
padding: 0;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-marker {
display: none;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-marker-large {
display: block;
top: 0;
width: 1px;
height: 22px;
margin-left: 0;
background: var(--svetlyy-bezh);
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-marker-large.pb-in-range {
background: var(--temnyy-bezh);
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-value {
top: 28px;
font: 500 13px/13px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--seryy);
white-space: nowrap;
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-value-horizontal {
transform: translate(-50%, 0);
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-pips > .noUi-value:nth-child(2) {
transform: translate(-4px, 0);
}
.archive_filter_sidebar_wrapper .pv-range-slider .noUi-pips > .noUi-value:last-child {
transform: translate(calc(-100% + 4px), 0);
}
/* ---------- "Выбранные фильтры" над списком фильтров (по дизайну Figma, node 5563:2363) ---------- */
/* Сам .pb-selected-filters - только "оболочка" для плавного сворачивания по
высоте: grid-template-rows 0fr <-> 1fr (анимируется чистым CSS, без
измерения высоты в JS). Показывается ТОЛЬКО с классом .pb-active (ставит JS,
когда есть хотя бы один выбранный фильтр) - без него свёрнут и прозрачен.
Фон и внутренние отступы - на .pb-selected-filters__box, обрезка содержимого
при сворачивании - на .pb-selected-filters__inner. Скорость - общие
переменные --pb-sidebar-fade-* в конце файла. */
.archive_filter_sidebar_wrapper .pb-selected-filters {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
margin: 0;
transition:
grid-template-rows var( --pb-sidebar-fade-duration ) var( --pb-sidebar-fade-easing ),
margin var( --pb-sidebar-fade-duration ) var( --pb-sidebar-fade-easing ),
opacity var( --pb-sidebar-fade-duration ) var( --pb-sidebar-fade-easing );
}
.archive_filter_sidebar_wrapper .pb-selected-filters.pb-active {
grid-template-rows: 1fr;
opacity: 1;
margin: 0 0 40px;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__inner {
min-height: 0;
overflow: hidden;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__box {
display: flex;
flex-direction: column;
gap: 12px;
padding: 30px;
box-sizing: border-box;
background: var(--ultra-svetlo-seryy);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__title {
margin: 0;
font: 600 16px/18px var(--font-family);
text-transform: uppercase;
color: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__divider {
flex-shrink: 0;
width: 100%;
height: 1px;
background: var(--svetlyy-bezh);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__list {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Одна группа = один пункт фильтра (одно название, "Цвет облицовки:" и т.п.) -
заголовок выводится один раз, а под ним - по одной строке (.pb-selected-filters__chip)
на каждое выбранное значение этого пункта, без повтора заголовка. */
.archive_filter_sidebar_wrapper .pb-selected-filters__chips {
gap: 10px;
display: inline-flex;
flex-wrap: wrap;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip {
display: flex;
align-items: center;
gap: 6px;
max-width: max-content;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip-label {
font: 400 13px/18px var(--font-family);
color: var(--black);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip-value {
font: 700 13px/18px var(--font-family);
color: var(--black);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip-remove {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin: 0 0 0 auto;
padding: 0;
box-sizing: border-box;
background: none;
border: 0;
cursor: pointer;
color: var(--orange);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip-remove:hover {
color: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .pb-selected-filters__chip-remove svg {
display: block;
width: 16px;
height: 16px;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__reset {
align-self: flex-start;
margin: 0;
padding: 0;
background: none;
border: 0;
font: 600 16px/18px var(--font-family);
color: var(--kirpichnyy-temnyy);
text-decoration: underline;
cursor: pointer;
}
.archive_filter_sidebar_wrapper .pb-selected-filters__reset:hover {
color: var(--orange);
}
.archive_filter_sidebar_wrapper .pb-title {
margin: 0 0 16px;
font: 600 16px/18px var(--font-family);
text-transform: uppercase;
color: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .pb-actions {
display: flex;
gap: 10px;
margin-top: 16px;
}
.archive_filter_sidebar_wrapper .pb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 46px;
padding: 16px 24px;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
white-space: nowrap;
font: 700 15px/18px var(--font-family);
transition: background-color .15s;
}
.archive_filter_sidebar_wrapper .pb-btn--primary {
flex: 1 1 0;
min-width: 0;
background: var(--orange);
border: 0;
color: var(--seryy-svetlyy);
}
.archive_filter_sidebar_wrapper .pb-btn--primary:hover {
background: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .pb-btn--primary svg {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.archive_filter_sidebar_wrapper .pb-btn--secondary {
flex-shrink: 0;
background: var(--white);
border: 1px solid var(--orange);
color: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .pb-btn--secondary:hover {
background: var(--seryy-svetlyy);
}
/* ---------- Кнопки "Выберите фильтры"/"Сбросить" из САМОГО плагина (Search & Filter Pro,
поля типа submit/reset) - разметку/классы кнопок плагин генерирует сам
(search-filter-input-button), .pb-btn* сюда не применить напрямую - вместо
этого те же самые значения (цвет/размеры/шрифт) продублированы через
селекторы по классам плагина, внутри строки ej_filter с полем wrap="f_bottom" ---------- */
.archive_filter_sidebar_wrapper .f_bottom {
display: flex;
gap: 10px;
width: 100%;
}
.archive_filter_sidebar_wrapper .f_bottom .archive_filter_item {
display: flex;
min-width: 0;
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field {
display: flex;
width: 100%;
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-input-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 46px;
padding: 16px 24px;
box-sizing: border-box;
border-radius: 5px;
border: 0;
appearance: none;
cursor: pointer;
white-space: nowrap;
font: 700 15px/18px var(--font-family);
transition: background-color .15s;
}
/* "Выберите фильтры" - submit-поле, растягивается на всё доступное место */
.archive_filter_sidebar_wrapper .f_bottom .archive_filter_item:has( .search-filter-field--control-type-submit ) {
flex: 1 1 0;
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-submit .search-filter-input-button {
background: var(--orange);
color: var(--seryy-svetlyy);
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-submit .search-filter-input-button:hover {
background: #758999;
}
/* Иконка-галочка перед текстом кнопки "Выберите фильтры" - плагин выводит
голый без места под вложенную разметку, поэтому
иконка - псевдоэлемент ::before (он же становится flex-элементом внутри
inline-flex кнопки и подчиняется её gap:10px, вставая ПЕРЕД текстом).
background-color: currentColor + mask-image вместо background-image -
чтобы цвет иконки всегда совпадал с цветом текста кнопки (в т.ч. на hover)
без дублирования hex-значений. */
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-submit .search-filter-input-button::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0484 6.35159C20.2734 6.57662 20.3997 6.88179 20.3997 7.19999C20.3997 7.51818 20.2734 7.82335 20.0484 8.04839L10.4484 17.6484C10.2234 17.8734 9.9182 17.9997 9.6 17.9997C9.2818 17.9997 8.97663 17.8734 8.7516 17.6484L3.9516 12.8484C3.73301 12.6221 3.61206 12.3189 3.61479 12.0043C3.61753 11.6897 3.74373 11.3887 3.96622 11.1662C4.18871 10.9437 4.48968 10.8175 4.80432 10.8148C5.11895 10.812 5.42208 10.933 5.6484 11.1516L9.6 15.1032L18.3516 6.35159C18.5766 6.12662 18.8818 6.00024 19.2 6.00024C19.5182 6.00024 19.8234 6.12662 20.0484 6.35159Z' fill='%23F3F2F1'/%3E%3C/svg%3E%0A");
}
/* "Сбросить" - reset-поле, по ширине контента, не растягивается */
.archive_filter_sidebar_wrapper .f_bottom .archive_filter_item:has( .search-filter-field--control-type-reset ) {
flex-shrink: 0;
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-reset .search-filter-input-button {
background: var(--white);
border: 1px solid var(--orange);
color: var(--kirpichnyy-temnyy);
}
.archive_filter_sidebar_wrapper .f_bottom .search-filter-field--control-type-reset .search-filter-input-button:hover {
background: #F3F2F1;
border: 1px solid #758999;
color: #758999;
}
/* ===== Скорость затенения товаров во время AJAX-подгрузки фильтра =====
При выборе ЛЮБОГО параметра фильтра плагин Search & Filter Pro сам, на
время запроса, добавляет на контейнер товаров (#main) классы
.search-filter-query--fade-out (opacity: 0.2 - собственно затенение) и
.search-filter-query--loading - это и есть визуальное "затенение фона".
Скорость этого эффекта в норме задаёт правило плагина .search-filter-query
(transition: opacity 0.2s; - файл app.css самого плагина, не темы), но
на практике плагин не всегда добавляет этот базовый класс одновременно с
модификаторами - поэтому transition переопределён сразу на всех трёх
классах, чтобы скорость гарантированно применялась в любом случае.
Меняйте только переменную ниже; сама степень затемнения (opacity: 0.2 у
--fade-out) не трогается и продолжает управляться плагином. !important и
повтор селектора нужны, т.к. правило плагина иначе может загрузиться
позже этого файла и переопределить его обратно. */
:root {
--pb-filter-fade-duration: 0.2s; /* было 0.2s (значение плагина по умолчанию) - поставьте своё, напр. 0.05s - быстрее, 0.5s - медленнее, 0s - без анимации вовсе */
}
.search-filter-query,
.search-filter-query--fade-out,
.search-filter-query--loading {
transition: opacity var( --pb-filter-fade-duration ) !important;
}
/* ===== Плавное скрытие/появление сайдбара фильтров при AJAX-пересчёте =====
Всё управляется классами, которые ставит JS (functions_user.php,
PB.sidebarFadeFix, pbWireSidebarFade / pbSidebarReveal), анимация - только
здесь, в CSS. Никаких display:none.
html.pb-sf-js - скрипт фильтров работает (без него правила "скрыто,
пока не помечено" не действуют - сайдбар виден как
обычно, если JS вдруг не запустился);
html.pb-sf-loading - служебный флаг "идёт запрос/перестроение" для JS.
Сам по себе НИЧЕГО не скрывает: пока сервер думает
(замеры - от 0,2 до 2 секунд), старый сайдбар
остаётся на месте, иначе всё это время на его месте
было бы пусто;
.pb-active - на .pb-title и .archive_filter_items_sidebar (список
перестроен, можно показывать), на .pb-selected-filters
(есть выбранные фильтры) и на .f_bottom (кнопки);
.pb-item-ready - на каждом .archive_filter_item: пункт готов к показу;
.pb-item-hidden - пункт без значений: свёрнут (правило выше по файлу).
Как это работает: плагин вставляет НОВУЮ разметку сайдбара без наших
классов - поэтому она скрыта с первого же кадра, пока плагин её
достраивает. Как только разметка затихла (JS ждёт PB.sidebarSettleMs
без изменений, но не дольше PB.sidebarSettleMax после ответа сервера),
JS ставит классы - и она проявляется: заголовок "Фильтры" вместе со
списком полей, кнопки .f_bottom - последними (задержка --pb-buttons-delay).
"Выбранные фильтры" - постоянный блок, он не пропадает, а сразу по клику
плавно разворачивается/сворачивается и меняет содержимое. */
:root {
--pb-sidebar-fade-duration: 0.25s; /* длительность появления */
--pb-sidebar-fade-easing: ease; /* кривая: ease, ease-out, linear, cubic-bezier(...) */
--pb-buttons-delay: 0.15s; /* через сколько после начала появления списка показываются кнопки (0s - одновременно) */
}
/* Заголовок "Фильтры" и список полей - одновременно, по .pb-active. */
.archive_filter_sidebar_wrapper .pb-title,
.archive_filter_sidebar_wrapper .archive_filter_items_sidebar {
transition: opacity var( --pb-sidebar-fade-duration ) var( --pb-sidebar-fade-easing );
}
html.pb-sf-js .archive_filter_sidebar_wrapper .pb-title:not(.pb-active),
html.pb-sf-js .archive_filter_sidebar_wrapper .archive_filter_items_sidebar:not(.pb-active) {
opacity: 0;
pointer-events: none;
}
/* Отдельные пункты внутри списка - без своей анимации (плавность даёт сам
список выше), просто не показываются, пока их fieldset не готов
(.pb-item-ready ставится в тот же момент, что и .pb-active списку). */
html.pb-sf-js .archive_filter_sidebar_wrapper .archive_filter_items_sidebar > .archive_filter_item:not(.pb-item-ready) {
opacity: 0;
pointer-events: none;
}
/* Кнопки "Выберите фильтры" / "Сбросить" - последними. */
.archive_filter_sidebar_wrapper .f_bottom {
transition: opacity var( --pb-sidebar-fade-duration ) var( --pb-sidebar-fade-easing ) var( --pb-buttons-delay );
}
html.pb-sf-js .archive_filter_sidebar_wrapper .f_bottom:not(.pb-active) {
opacity: 0;
pointer-events: none;
transition-delay: 0s;
}
/* Пагинация WooCommerce - в стиле темы (раньше здесь было скрытие
".archive .woocommerce-pagination { display: none; }"). Стоит под своей
кнопкой "Показать ещё" в контейнере .pb-pager (см. блок ниже). */
.woocommerce-pagination {
display: flex;
justify-content: center;
width: 100%;
margin: 20px 0 0;
}
.woocommerce-pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.woocommerce-pagination ul.page-numbers li {
display: flex;
margin: 0;
padding: 0;
border: 0;
}
.woocommerce-pagination .page-numbers a.page-numbers,
.woocommerce-pagination .page-numbers span.page-numbers {
display: flex;
justify-content: center;
align-items: center;
min-width: 40px;
height: 40px;
padding: 0 8px;
box-sizing: border-box;
border: 1px solid var(--svetlyy-bezh);
border-radius: 5px;
background: var(--white);
font-family: var(--font-family);
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: var(--black);
text-decoration: none;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.woocommerce-pagination .page-numbers a.page-numbers:hover {
border-color: var(--orange);
color: var(--orange);
}
.woocommerce-pagination .page-numbers span.page-numbers.current {
border-color: var(--orange);
background: var(--orange);
color: var(--seryy-svetlyy);
}
.woocommerce-pagination .page-numbers span.page-numbers.dots {
min-width: 0;
padding: 0 4px;
border-color: transparent;
background: transparent;
color: var(--seryy);
}
.woocommerce-pagination .page-numbers a.prev,
.woocommerce-pagination .page-numbers a.next {
position: relative;
color: var(--orange);
}
/* SVG-стрелки "назад" / "вперёд" (выводит functions_user.php, фильтр
woocommerce_pagination_args). Цвет берут из color ссылки (fill="currentColor"). */
.woocommerce-pagination .pb-page-arrow {
display: block;
flex: none;
width: 16px;
height: 16px;
}
/* Текст стрелок для экранных читалок - на экране не виден. */
.woocommerce-pagination .pb-sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.search-filter-field--control-type-load_more {
width: 100%;
}
.search-filter-field--control-type-load_more button.search-filter-input-button.search-filter-field__input {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 152px;
min-width: 152px;
height: 46px;
background: #FFFFFF;
border: 1px solid #B4582F;
border-radius: 5px;
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #B4582F;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.search-filter-field--control-type-load_more button.search-filter-input-button--hidden.search-filter-field__input {
display: none;
}
.search-filter-field--control-type-load_more button.search-filter-input-button.search-filter-field__input:hover {
background: #F3F2F1;
border: 1px solid #758999;
color: #758999;
}
body:not(.home, .single-product) .term-description,
.term-description {
margin-top: 44px;
color: #4A535C;
font-weight: 500;
font-size: 13px;
line-height: 16px;
margin-bottom: 0;
padding: 0;
}
.term-description h1,
.term-description h2,
.term-description h3 {
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #4A535C;
}
.term-description h1,
.term-description h2,
.term-description h3 {
margin-bottom: 24px;
}
.term-description p {
margin-bottom: 14px;
}
.term-description ul,
.term-description ol {
list-style: inherit;
padding-left: 1rem;
margin-bottom: 24px;
}
.term-description > :last-child {
margin-bottom: 0;
}
/* Пока скрипт не перенёс текст в .products_grid_wrapper (или если его нет) -
описание занимает всю ширину под сеткой, а не встаёт колонкой во flex. */
.archive_wrapper > .term-description {
flex: 0 0 100%;
width: 100%;
box-sizing: border-box;
}
.archive_filter_sidebar_wrapper .archive_filter_item > div.pb-field-closed {
padding-bottom: 0;
}
.search-filter-component-combobox-base__listbox--attached.search-filter-component-popover--position-bottom {
border-radius: 5px;
border: 1px solid #B4582F;
}
.search-filter-component-combobox-base__listbox--attached {
margin-top: 3px;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #4A535C;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
gap: 10px;
background: #FFF;
border-radius: 5px;
min-width: 172px;
max-width: 172px;
border: 1px solid #B4582F;
}
.search-filter-component-combobox-base--listbox-attached.search-filter-component-combobox-base--listbox-position-bottom {
border-radius: 5px;
border: 1px solid #B4582F;
}
.search-filter-component-combobox-base__listbox-option--active,
.search-filter-component-combobox-base__listbox-option--selected {
background: transparent!important;
color: #B4582F!important;
}
ul.search-filter-component-combobox-base__listbox-list li {
padding: 2px 16px;
cursor: pointer;
}
.search-filter-component-combobox__clear-selection {
margin-right: 0;
}
.search-filter-component-combobox.search-filter-component-combobox-base--listbox-visible .search-filter-component-combobox__listbox-toggle {
top: 2px;
}
.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg {
position: relative;
top: 1px;
}
.search-filter-component-combobox__clear-selection,
.search-filter-component-combobox .search-filter-component-combobox__clear-button {
padding: 0;
width: 16px;
height: 16px;
max-width: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.search-filter-component-combobox .search-filter-component-combobox__clear-button .search-filter-icon__svg {
max-width: 16px;
margin: auto;
height: 12px;
margin-top: 3px;
text-align: right;
padding-left: 4px;
}
/* ===== Своя кнопка "Показать ещё" над пагинацией (.pb-pager) =====
Контейнер .pb-pager (кнопка + .woocommerce-pagination) ставит JS
(functions_user.php, PB.pagerFix / pbEnsurePager) внутрь
.products_grid_wrapper сразу под товарами. Вид кнопки повторяет прежнюю
кнопку плагина (.search-filter-field--control-type-load_more ...), но на
своих классах - от плагина не зависит.
.pb-active - есть следующая страница, кнопка показывается;
.pb-loading - плагин обрабатывает запрос / идёт переход, на кнопке "Загружаю". */
.pb-pager {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.pb-pager .pb-pager__more {
display: none;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 152px;
min-width: 152px;
height: 46px;
margin: 10px auto 0;
padding: 0 12px;
background: #FFFFFF;
border: 1px solid #B4582F;
border-radius: 5px;
font-family: var(--font-family);
font-weight: 700;
font-size: 15px;
line-height: 18px;
color: #B4582F;
cursor: pointer;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.pb-pager .pb-pager__more.pb-active {
display: flex;
}
/* В теме есть общее правило button:focus { border: 0 } - возвращаем рамку. */
.pb-pager .pb-pager__more:focus,
.pb-pager .pb-pager__more:active {
border: 1px solid #B4582F;
outline: none;
}
.pb-pager .pb-pager__more:hover {
background: #F3F2F1;
border: 1px solid #758999;
color: #758999;
}
.pb-pager .pb-pager__more.pb-loading {
cursor: progress;
pointer-events: none;
}
/* "Загружаю..." - точки по кругу: ".", "..", "...". Ширина места под точки
постоянная (под три точки), поэтому слово "Загружаю" не дёргается. */
.pb-pager .pb-pager__dots {
display: inline-block;
width: 1em; /* место под три точки - всегда одинаковое */
margin-left: -10px; /* у кнопки gap: 10px - точки должны идти вплотную к слову */
text-align: left;
}
/* Три точки лежат всегда, видна только их часть: ширина окна меняется
шагами (одна - две - три точки), лишнее обрезается. Так анимация
работает во всех браузерах (анимация самого content - не во всех). */
.pb-pager .pb-pager__dots::after {
content: '...';
display: inline-block;
overflow: hidden;
vertical-align: bottom;
white-space: nowrap;
width: 0.34em;
animation: pbPagerDots 1.2s steps( 1, end ) infinite;
}
@keyframes pbPagerDots {
0% { width: 0.34em; }
33% { width: 0.67em; }
66% { width: 1em; }
}
/* ===== Блок подкатегорий на странице категории (.pb-subcats) =====
Разметка - archive-product.php, между хлебными крошками и .archive_wrapper.
.pb-subcat--has-img - у подкатегории есть миниатюра; линия над заголовком
(нижняя граница .pb-subcat__media) есть только вместе с картинкой.
Наведение: картинка чуть увеличивается, стрелка один раз уходит вправо и
возвращается. */
.pb-subcats {
display: grid;
grid-template-columns: repeat( 6, minmax( 0, 1fr ) );
gap: 14px;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 22px 0 60px;
}
.pb-subcat {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 12px;
min-width: 0;
padding: 16px 12px;
background: var(--seryy-svetlyy, #F3F2F1);
border: 1px solid var(--svetlyy-bezh, #E9E3DC);
overflow: hidden;
text-decoration: none;
color: var(--kirpichnyy-temnyy, #9C4A26);
box-sizing: border-box;
}
/* Без картинки строка стоит по центру карточки и по вертикали. */
.pb-subcat:not(.pb-subcat--has-img) {
justify-content: center;
}
.pb-subcat--has-img {
min-height: 0;
}
.pb-subcat__media {
display: flex;
align-items: center;
justify-content: center;
height: 125px;
padding-bottom: 12px;
border-bottom: 1px solid var(--temnyy-bezh, #DAC3AC);
overflow: hidden;
box-sizing: border-box;
}
.pb-subcat__img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 300ms ease-out;
}
.pb-subcat__row {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 0;
}
.pb-subcat__arrow {
flex: 0 0 18px;
display: flex;
width: 18px;
height: 18px;
color: var(--orange, #B4582F);
}
.pb-subcat__arrow svg {
display: block;
width: 18px;
height: 18px;
}
.pb-subcat__title {
min-width: 0;
font-family: var(--font-family);
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
font-feature-settings: 'pnum' on, 'lnum' on;
color: var(--kirpichnyy-temnyy, #9C4A26);
overflow-wrap: anywhere;
}
.pb-subcat:hover .pb-subcat__img,
.pb-subcat:focus-visible .pb-subcat__img {
transform: scale( 1.05 );
}
.pb-subcat:hover .pb-subcat__arrow,
.pb-subcat:focus-visible .pb-subcat__arrow {
animation: pbSubcatArrow 600ms ease-in-out 1;
}
@keyframes pbSubcatArrow {
0% { transform: translateX( 0 ); }
50% { transform: translateX( 4px ); }
100% { transform: translateX( 0 ); }
}
@media ( prefers-reduced-motion: reduce ) {
.pb-subcat__img { transition: none; }
.pb-subcat:hover .pb-subcat__arrow,
.pb-subcat:focus-visible .pb-subcat__arrow { animation: none; }
}
@media ( max-width: 1140px ) {
.pb-subcats { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }
}
@media ( max-width: 900px ) {
.pb-subcats { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }
}
@media ( max-width: 560px ) {
.pb-subcats { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 10px; }
.pb-subcat { padding: 12px 10px; }
.pb-subcat__media { height: 100px; }
}
/* ===== Страница магазина: баннер с плитками (.pb-shop-banner), templates/shop-page.php =====
Сетка 3 колонки x 2 ряда (макет Figma «banner»): плитки 1 и 2 - верхний ряд,
плитка 3 - нижний ряд на две колонки, плитка 4 - высокая справа. */
.pb-shop-page {
width: 100%;
}
.pb-shop-banner {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
grid-template-rows: 260px 232px;
gap: 20px;
width: 100%;
margin: 20px 0 40px;
}
.pb-shop-tile {
position: relative;
display: flex;
align-items: flex-end;
min-width: 0;
padding: 40px;
overflow: hidden;
background: #4A535C;
box-sizing: border-box;
text-decoration: none;
color: #F3F2F1;
}
.pb-shop-tile--1 { grid-column: 1; grid-row: 1; }
.pb-shop-tile--2 { grid-column: 2; grid-row: 1; }
.pb-shop-tile--3 { grid-column: 1 / span 2; grid-row: 2; }
.pb-shop-tile--4 { grid-column: 3; grid-row: 1 / span 2; }
.pb-shop-tile::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient( to top, rgba( 0, 0, 0, 0.45 ), rgba( 0, 0, 0, 0 ) 60% );
pointer-events: none;
}
.pb-shop-tile__img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 300ms ease-out;
}
.pb-shop-tile:hover .pb-shop-tile__img,
.pb-shop-tile:focus-visible .pb-shop-tile__img {
transform: scale( 1.05 );
}
.pb-shop-tile__row {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.pb-shop-tile__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 18px;
font-feature-settings: 'pnum' on, 'lnum' on;
color: #F3F2F1;
}
.pb-shop-tile__arrow {
flex: 0 0 24px;
display: flex;
width: 24px;
height: 24px;
color: #F3F2F1;
}
.pb-shop-tile:hover .pb-shop-tile__arrow,
.pb-shop-tile:focus-visible .pb-shop-tile__arrow {
animation: pbSubcatArrow 600ms ease-in-out 1;
}
@media ( max-width: 900px ) {
.pb-shop-banner { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); grid-template-rows: none; grid-auto-rows: 220px; }
.pb-shop-tile--1, .pb-shop-tile--2, .pb-shop-tile--3, .pb-shop-tile--4 { grid-column: auto; grid-row: auto; }
.pb-shop-tile { padding: 24px; }
}
@media ( max-width: 560px ) {
.pb-shop-banner { grid-template-columns: minmax( 0, 1fr ); gap: 10px; grid-auto-rows: 180px; }
}
/* Корзина (логика и расположение полей как на tonofen.ru) */
.woocommerce table.shop_table {
text-align: left;
border-collapse: separate;
border-spacing: 0;
border: none;
}
.woocommerce-cart-form table.shop_table {
width: 100%;
margin: 0 0 40px;
border: 0;
border-radius: 0;
border-collapse: collapse;
}
.woocommerce-cart-form table.shop_table th {
padding: 14px 12px;
font-weight: 600;
color: var(--seryy);
text-align: left;
border-bottom: 1px solid var(--svetlyy-bezh);
}
.woocommerce-cart-form table.shop_table td {
padding: 14px 12px;
font-weight: 600;
color: var(--black);
border-top: 0;
border-bottom: 1px solid var(--svetlyy-bezh);
background: transparent;
vertical-align: middle;
}
.woocommerce-cart-form thead th.product-price,
.woocommerce-cart-form thead th.product-quantity,
.woocommerce-cart-form thead th.product-subtotal,
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-quantity,
.woocommerce-cart-form td.product-subtotal {
width: 180px;
text-align: center;
}
.woocommerce-cart-form a {
color: var(--black);
}
.woocommerce-cart-form a:hover {
color: var(--orange);
}
.woocommerce-cart-form td.product-thumbnail {
width: 66px;
}
.woocommerce-cart-form .product-thumbnail a {
display: block;
width: 42px;
height: 42px;
overflow: hidden;
}
.woocommerce-cart-form .product-thumbnail img {
display: block;
width: 42px;
height: 42px;
object-fit: cover;
box-shadow: none;
}
.woocommerce-cart-form a.remove {
color: var(--orange)!important;
font-weight: 600;
align-items: center;
display: flex;
height: 16px;
width: 16px;
justify-content: center;
border-radius: 50%;
padding-bottom: 2.5px;
padding-left: 1px;
}
.woocommerce-cart-form a.remove:hover {
color: var(--white)!important;
background: var(--orange);
}
.woocommerce-cart-form .quantity .qty {
width: 70px;
height: 36px;
text-align: center;
}
.cart_pb {
display: inline-block;
margin-left: 10px;
padding: 5px 10px;
font-size: 90%;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
background: var(--orange);
}
/* Скрыто в корзине и оформлении: купоны, «Обновить», калькулятор доставки, служебные заголовки, подписи полей, уведомления */
.shipping-calculator-button,
.woocommerce-shipping-destination,
.woocommerce-billing-fields > h3,
.cart-empty.woocommerce-info,
.woocommerce-NoticeGroup-checkout,
form.woocommerce-checkout .form-row label:not(.radio, .checkbox),
.woocommerce-additional-fields h3,
.woocommerce-checkout-review-order-table tfoot tr:first-child,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-error,
.woocommerce-checkout-review-order-table thead {
display: none;
}
/* Последняя строка таблицы корзины (кнопки купона и «Обновить») скрывается только на страницах корзины и оформления заказа */
body.woocommerce-cart .woocommerce table.shop_table.cart tbody tr:last-child,
body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr:last-child,
body.woocommerce-checkout .woocommerce table.shop_table.cart tbody tr:last-child,
body.woocommerce-checkout .woocommerce-cart-form table.shop_table tbody tr:last-child {
display: none;
}
.cart-collaterals {
display: flex;
justify-content: flex-end;
}
.cart-collaterals .cart_totals {
width: 100%;
max-width: 420px;
}
.cart-collaterals .cart_totals h2 {
margin: 0 0 16px;
font-size: 18px;
line-height: 22px;
font-weight: 700;
}
.cart-collaterals .cart_totals table.shop_table {
margin-bottom: 20px;
}
.cart-collaterals .wc-proceed-to-checkout .checkout-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
padding: 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
background: var(--orange);
border-radius: 47px;
}
.cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
color: var(--white);
background: var(--kirpichnyy-temnyy);
}
.return-to-shop {
padding: 40px 0;
text-align: center;
}
.return-to-shop_img {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 12px;
font-size: 18px;
font-weight: 700;
color: var(--seryy);
}
.return-to-shop_text a {
color: var(--orange);
}
.return-to-shop_text a:hover {
color: var(--kirpichnyy-temnyy);
}
@media ( max-width: 768px ) {
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-quantity,
.woocommerce-cart-form td.product-subtotal {
width: auto;
text-align: right;
}
}
/* Корзина + оформление заказа на одной странице */
body:is(.woocommerce-cart, .woocommerce-checkout):has(form.woocommerce-checkout) .cart-collaterals {
display: none;
}
.woocommerce-cart-form .quantity.pb-qty {
display: inline-flex;
align-items: center;
gap: 6px;
}
.pb-qty__btn {
width: 28px;
height: 28px;
padding: 0;
font-size: 16px;
line-height: 1;
font-weight: 700;
color: var(--white);
background: var(--orange);
border: 0;
border-radius: 50%;
cursor: pointer;
}
.pb-qty__btn:hover {
background: var(--kirpichnyy-temnyy);
}
.pb-qty input.qty {
width: 50px;
text-align: center;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
border-radius: 5px;
}
form.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
width: 100%;
}
form.woocommerce-checkout .col2-set,
form.woocommerce-checkout .woocommerce-checkout-review-order {
float: none;
width: calc(50% - 20px);
}
form.woocommerce-checkout .col2-set .col-1,
form.woocommerce-checkout .col2-set .col-2 {
float: none;
width: 100%;
max-width: none;
}
.pwd_title {
margin: 0;
font-size: 18px;
line-height: 22px;
font-weight: 700;
color: var(--black);
}
form.woocommerce-checkout .pwd_title {
text-align: left;
text-transform: none;
width: auto;
margin: 16px 0 16px;
}
.checkout-inline-error-message {
display: none;
}
.woocommerce-privacy-policy-text {
line-height: 1.3;
margin-top: 10px;
font-size: 12px;
color: var(--black);
}
.woocommerce-privacy-policy-text a {
color: var(--orange);
}
#billing_country_field {
display: none !important;
}
.woocommerce-checkout-review-order-table {
margin: 0 0 20px;
border: 0;
}
.woocommerce-cart-form dl.variation {
margin: 4px 0 0;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: var(--seryy);
}
.woocommerce-cart-form dl.variation dt {
float: left;
margin: 0 4px 0 0;
font-weight: 600;
}
.woocommerce-cart-form dl.variation dd {
margin: 0;
}
.woocommerce-cart-form dl.variation dd p {
margin: 0;
}
.woocommerce-billing-fields > h3,
.woocommerce-additional-fields > h3,
.woocommerce-shipping-destination,
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
.woocommerce-checkout-review-order-table tfoot tr.order-total {
display: none;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr:not(:last-child) th {
display: none;
}
.woocommerce table.shop_table:not(.my_account_orders) th {
font-weight: 600;
padding: 14px 12px;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot th {
font-weight: 600;
border: none;
padding: 0;
}
.other_content table tr td:last-child {
vertical-align: middle;
}
form.woocommerce-checkout .form-row {
float: none;
width: 100%;
margin: 0 0 12px;
padding: 0;
}
form.woocommerce-checkout .form-row label:not(.radio):not(.checkbox) {
display: none;
}
form.woocommerce-checkout .input-text,
form.woocommerce-checkout textarea {
width: 100%;
padding: 12px 16px;
font-family: var(--font-family);
font-size: 14px;
color: var(--black);
background: var(--white);
border: 1px solid var(--svetlyy-bezh);
border-radius: 0;
box-shadow: none;
}
form.woocommerce-checkout .input-text {
height: 44px;
}
form.woocommerce-checkout .input-text:focus,
form.woocommerce-checkout textarea:focus {
border-color: var(--orange);
outline: 0;
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-message,
form.woocommerce-checkout .optional {
display: none;
}
.pb-organisation .woocommerce-input-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.pb-organisation label.radio {
display: inline-block;
margin: 0 16px 0 6px;
font-weight: 600;
cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-bottom: none;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
}
.woocommerce-checkout-payment ul.payment_methods {
margin: 0 0 20px;
padding: 0;
list-style: none;
border: 0;
}
.woocommerce-checkout-payment ul.payment_methods li {
margin: 0 0 10px;
padding: 0;
font-weight: 600;
}
.woocommerce-checkout-payment .payment_box {
margin: 8px 0 0;
padding: 12px 16px;
font-size: 13px;
font-weight: 500;
background: var(--ultra-svetlo-seryy);
}
.pwd-order-total {
width: 100%;
align-items: center;
display: flex;
justify-content: space-between;
gap: 16px;
font-weight: 600;
border: none;
margin-top: 15px;
margin-bottom: 15px;
}
.pwd-order-total .order-total-right {
text-align: right;
}
.woocommerce-checkout-payment .place-order {
margin: 20px 0 0;
padding: 0;
}
.woocommerce-checkout-payment #place_order {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
padding: 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
background: var(--orange);
border: 0;
border-radius: 47px;
cursor: pointer;
}
.woocommerce-checkout-payment #place_order:hover {
background: var(--kirpichnyy-temnyy);
}
@media ( max-width: 900px ) {
form.woocommerce-checkout .col2-set,
form.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100%;
}
}
/* Ошибки и подсказки оформления (по образцу tonofen.ru, цвета сайта) */
.snoska_validate {
display: none;
position: relative;
box-sizing: border-box;
width: auto;
margin: 12px 0 8px;
padding: 12px 17px;
font-size: 13px;
line-height: 1.5;
font-weight: 500;
color: var(--black);
background: var(--svetlyy-bezh);
border-radius: 5px;
}
.snoska_validate::before {
content: "";
position: absolute;
top: -10px;
left: 24px;
border: 6px solid transparent;
border-bottom-color: var(--svetlyy-bezh);
}
form.woocommerce-checkout .form-row.woocommerce-invalid .snoska_validate {
display: block;
}
form.woocommerce-checkout .form-row.woocommerce-invalid .input-text,
form.woocommerce-checkout .form-row.woocommerce-invalid select,
form.woocommerce-checkout .form-row.woocommerce-invalid textarea {
border-color: var(--kirpichnyy-temnyy);
}
form.woocommerce-checkout .form-row .required {
color: var(--orange);
border: 0;
text-decoration: none;
}
/* Списки ошибок и уведомлений (корзина, оформление) */
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-info:not(.cart-empty) {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0 0 20px;
padding: 14px 18px;
list-style: none;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
color: var(--black);
background: var(--svetlyy-bezh);
border: 0;
border-left: 4px solid var(--kirpichnyy-temnyy);
border-radius: 5px;
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-info:not(.cart-empty) {
border-left-color: var(--orange);
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error::before,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error::after,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-info::before,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-info::after,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error li::before {
display: none;
content: none;
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error li {
margin: 0 0 4px;
padding: 0;
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error li:last-child {
margin-bottom: 0;
}
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce-error strong {
font-weight: 700;
}
body:is(.woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-error, .woocommerce-info) a {
color: var(--orange);
text-decoration: underline;
}
.woocommerce-NoticeGroup-checkout {
width: 100%;
}
/* Поля ввода и кнопки: макет Figma (пап-ап «Запрос инженеру») */
form.woocommerce-checkout .input-text,
form.woocommerce-checkout select {
box-sizing: border-box;
height: 44px;
padding: 10px 20px;
font: 500 15px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--black);
background: var(--white);
border: 1px solid var(--temnyy-bezh);
border-radius: 5px;
box-shadow: none;
}
form.woocommerce-checkout textarea {
box-sizing: border-box;
min-height: 88px;
padding: 20px;
font: 500 15px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--black);
background: var(--white);
border: 1px solid var(--temnyy-bezh);
border-radius: 5px;
box-shadow: none;
}
form.woocommerce-checkout .input-text:focus,
form.woocommerce-checkout textarea:focus,
form.woocommerce-checkout select:focus {
outline: none;
border-color: var(--orange);
}
form.woocommerce-checkout .input-text::placeholder,
form.woocommerce-checkout textarea::placeholder {
color: var(--black);
opacity: 1;
}
/* Кнопка отправки */
.woocommerce-checkout-payment #place_order,
form.woocommerce-checkout button[type="submit"],
form.woocommerce-checkout input[type="submit"] {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
box-sizing: border-box;
width: 100%;
height: 46px;
padding: 16px 24px;
font: 700 15px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
text-transform: none;
color: var(--seryy-svetlyy);
background: var(--orange);
border: 0;
border-radius: 5px;
cursor: pointer;
transition: background-color .15s;
}
.woocommerce-checkout-payment #place_order:hover,
form.woocommerce-checkout button[type="submit"]:hover,
form.woocommerce-checkout input[type="submit"]:hover {
background: var(--kirpichnyy-temnyy);
}
.woocommerce-checkout-payment #place_order::before,
.woocommerce-checkout-payment #place_order::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3202 0.380811C11.3825 -0.126937 12.6175 -0.126937 13.6798 0.380811C14.1412 0.601345 14.5644 0.962283 15.1557 1.46667L15.2472 1.54469C15.8089 2.02332 16.3465 2.25096 17.0969 2.31084L17.2167 2.32037C17.9915 2.38187 18.546 2.42588 19.0282 2.5962C20.1384 2.98833 21.0117 3.86159 21.4038 4.97179C21.5741 5.45397 21.6181 6.00842 21.6796 6.78317L21.6892 6.90312C21.749 7.65349 21.9767 8.19112 22.4553 8.75276L22.5333 8.84425C23.0377 9.43562 23.3987 9.8588 23.6192 10.3202C24.1269 11.3825 24.1269 12.6175 23.6192 13.6798C23.3987 14.1412 23.0377 14.5644 22.5333 15.1557L22.4553 15.2472C21.9671 15.8202 21.7479 16.3613 21.6892 17.0969L21.6796 17.2168C21.6181 17.9916 21.5741 18.546 21.4038 19.0282C21.0117 20.1384 20.1384 21.0117 19.0282 21.4038C18.546 21.5741 17.9916 21.6181 17.2168 21.6796L17.0969 21.6892C16.3465 21.749 15.8089 21.9767 15.2472 22.4553L15.1557 22.5333C14.5644 23.0377 14.1412 23.3987 13.6798 23.6192C12.6175 24.1269 11.3825 24.1269 10.3202 23.6192C9.85882 23.3987 9.43563 23.0377 8.84431 22.5334L8.75276 22.4553C8.17983 21.9671 7.6387 21.7479 6.90312 21.6892L6.78317 21.6796C6.00841 21.6181 5.45397 21.5741 4.97179 21.4038C3.86159 21.0117 2.98833 20.1384 2.5962 19.0282C2.42588 18.546 2.38187 17.9915 2.32037 17.2167L2.31084 17.0969C2.25096 16.3465 2.02332 15.8089 1.54469 15.2472L1.46667 15.1557C0.962285 14.5644 0.601346 14.1412 0.380811 13.6798C-0.126937 12.6175 -0.126937 11.3825 0.380811 10.3202C0.601346 9.8588 0.962286 9.43562 1.46667 8.84426L1.54469 8.75276C2.03294 8.17983 2.25214 7.63871 2.31084 6.90312L2.32037 6.78326C2.38187 6.00845 2.42588 5.45399 2.5962 4.97179C2.98833 3.86159 3.86159 2.98833 4.97179 2.5962C5.45399 2.42588 6.00845 2.38187 6.78326 2.32037L6.90312 2.31084C7.65349 2.25096 8.19112 2.02332 8.75276 1.54469L8.84426 1.46667C9.43562 0.962285 9.8588 0.601346 10.3202 0.380811ZM12.5499 7.28156C12.207 7.62446 12.207 8.18041 12.5499 8.52331L15.1485 11.122L6.73171 11.122C6.24677 11.122 5.85366 11.5151 5.85366 12C5.85366 12.4849 6.24677 12.878 6.73171 12.878L15.1485 12.878L12.5499 15.4767C12.207 15.8196 12.207 16.3755 12.5499 16.7184C12.8928 17.0613 13.4487 17.0613 13.7916 16.7184L17.8892 12.6209C18.0538 12.4562 18.1463 12.2329 18.1463 12C18.1463 11.7671 18.0538 11.5438 17.8892 11.3791L13.7916 7.28156C13.4487 6.93867 12.8928 6.93867 12.5499 7.28156Z' fill='%23F3F2F1'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: flex;
opacity: 1;
left: 20px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: none;
}
.woocommerce-checkout-payment #place_order::after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3202 0.380811C11.3825 -0.126937 12.6175 -0.126937 13.6798 0.380811C14.1412 0.601345 14.5644 0.962283 15.1557 1.46667L15.2472 1.54469C15.8089 2.02332 16.3465 2.25096 17.0969 2.31084L17.2167 2.32037C17.9915 2.38187 18.546 2.42588 19.0282 2.5962C20.1384 2.98833 21.0117 3.86159 21.4038 4.97179C21.5741 5.45397 21.6181 6.00842 21.6796 6.78317L21.6892 6.90312C21.749 7.65349 21.9767 8.19112 22.4553 8.75276L22.5333 8.84425C23.0377 9.43562 23.3987 9.8588 23.6192 10.3202C24.1269 11.3825 24.1269 12.6175 23.6192 13.6798C23.3987 14.1412 23.0377 14.5644 22.5333 15.1557L22.4553 15.2472C21.9671 15.8202 21.7479 16.3613 21.6892 17.0969L21.6796 17.2168C21.6181 17.9916 21.5741 18.546 21.4038 19.0282C21.0117 20.1384 20.1384 21.0117 19.0282 21.4038C18.546 21.5741 17.9916 21.6181 17.2168 21.6796L17.0969 21.6892C16.3465 21.749 15.8089 21.9767 15.2472 22.4553L15.1557 22.5333C14.5644 23.0377 14.1412 23.3987 13.6798 23.6192C12.6175 24.1269 11.3825 24.1269 10.3202 23.6192C9.85882 23.3987 9.43563 23.0377 8.84431 22.5334L8.75276 22.4553C8.17983 21.9671 7.6387 21.7479 6.90312 21.6892L6.78317 21.6796C6.00841 21.6181 5.45397 21.5741 4.97179 21.4038C3.86159 21.0117 2.98833 20.1384 2.5962 19.0282C2.42588 18.546 2.38187 17.9915 2.32037 17.2167L2.31084 17.0969C2.25096 16.3465 2.02332 15.8089 1.54469 15.2472L1.46667 15.1557C0.962285 14.5644 0.601346 14.1412 0.380811 13.6798C-0.126937 12.6175 -0.126937 11.3825 0.380811 10.3202C0.601346 9.8588 0.962286 9.43562 1.46667 8.84426L1.54469 8.75276C2.03294 8.17983 2.25214 7.63871 2.31084 6.90312L2.32037 6.78326C2.38187 6.00845 2.42588 5.45399 2.5962 4.97179C2.98833 3.86159 3.86159 2.98833 4.97179 2.5962C5.45399 2.42588 6.00845 2.38187 6.78326 2.32037L6.90312 2.31084C7.65349 2.25096 8.19112 2.02332 8.75276 1.54469L8.84426 1.46667C9.43562 0.962285 9.8588 0.601346 10.3202 0.380811ZM12.5499 7.28156C12.207 7.62446 12.207 8.18041 12.5499 8.52331L15.1485 11.122L6.73171 11.122C6.24677 11.122 5.85366 11.5151 5.85366 12C5.85366 12.4849 6.24677 12.878 6.73171 12.878L15.1485 12.878L12.5499 15.4767C12.207 15.8196 12.207 16.3755 12.5499 16.7184C12.8928 17.0613 13.4487 17.0613 13.7916 16.7184L17.8892 12.6209C18.0538 12.4562 18.1463 12.2329 18.1463 12C18.1463 11.7671 18.0538 11.5438 17.8892 11.3791L13.7916 7.28156C13.4487 6.93867 12.8928 6.93867 12.5499 7.28156Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
opacity: 0;
}
/* Кнопка «Оформить заказ»: в стиле .btn темы, справа, не во всю ширину */
.woocommerce-checkout-payment .place-order {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.woocommerce-checkout-payment #place_order {
width: auto;
min-width: max-content;
max-width: max-content;
margin-left: auto;
position: relative;
padding: 10px 20px 10px 54px;
border: 1px solid var(--orange);
transition: all 200ms ease-out;
}
.woocommerce-checkout-payment #place_order:hover {
color: var(--orange);
background: transparent;
border-color: var(--orange);
}
.woocommerce-checkout-payment #place_order:hover::before {
opacity: 0;
}
.woocommerce-checkout-payment #place_order:hover::after {
opacity: 1;
}
/* Страница «Спасибо» и детали заказа (по образцу tonofen) */
.woocommerce-thankyou-order-received {
margin-bottom: 1rem;
}
.woocommerce ul.woocommerce-thankyou-order-details {
margin: 3em 0;
padding: 0;
list-style: none;
}
.woocommerce ul.woocommerce-thankyou-order-details li {
width: auto;
padding-left: 0;
}
.woocommerce ul.order_details:before,
.woocommerce ul.order_details:after,
.woocommerce ul.woocommerce-thankyou-order-details li:before,
ul.woocommerce-thankyou-order-details li:before {
display: none;
}
.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title,
.other_content h2.woocommerce-order-details__title,
.other_content .woocommerce-customer-details h2.woocommerce-column__title {
position: relative;
z-index: 11;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
font-family: var(--font-family);
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 28px;
text-transform: uppercase;
color: var(--black);
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
font-size: 14px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead {
color: var(--orange);
}
.woocommerce .woocommerce-order-details th:last-child {
width: 200px;
max-width: 200px;
}
.woocommerce-order-details table.shop_table td,
.woocommerce-order-details tr td:nth-child(1) {
text-align: left;
}
.woocommerce-order-details tr td {
font-weight: 600;
}
.woocommerce-order-details a {
color: var(--black);
}
.woocommerce-order-details a:hover {
color: var(--orange);
}
.woocommerce-order-details table tbody tr:nth-child(2n+1) {
background-color: transparent;
}
.woocommerce .woocommerce-customer-details address {
line-height: 2;
border-radius: 0;
}
/* Страница «Спасибо»: оформление */
.woocommerce-order {
display: flex;
flex-direction: column;
gap: 30px;
}
.woocommerce-order .woocommerce-thankyou-order-received {
margin: 0;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: var(--black);
}
.woocommerce .woocommerce-order ul.woocommerce-thankyou-order-details {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 20px;
margin: 0;
}
.woocommerce .woocommerce-order ul.woocommerce-thankyou-order-details li {
float: none;
margin: 0;
padding: 20px;
border: 1px solid #e5e5e5;
border-radius: 10px;
font-size: 13px;
line-height: 18px;
text-transform: none;
color: #757575;
}
.woocommerce .woocommerce-order ul.woocommerce-thankyou-order-details li:last-of-type {
border: 1px solid #e5e5e5;
}
.woocommerce .woocommerce-order ul.woocommerce-thankyou-order-details li strong {
display: block;
margin-top: 8px;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: var(--black);
word-break: break-word;
}
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
margin: 0;
}
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.other_content .woocommerce-order h2.woocommerce-order-details__title,
.other_content .woocommerce-order .woocommerce-customer-details h2.woocommerce-column__title {
margin-bottom: 30px;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #e5e5e5;
border-radius: 10px;
overflow: hidden;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details th,
.woocommerce .woocommerce-order table.woocommerce-table--order-details td {
padding: 14px 12px;
border: 0;
border-top: 1px solid #e5e5e5;
vertical-align: middle;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details thead th {
border-top: 0;
font-weight: 600;
text-align: left;
background: #f7f7f7;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details th:last-child,
.woocommerce .woocommerce-order table.woocommerce-table--order-details td:last-child {
text-align: right;
white-space: nowrap;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot th,
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot td {
font-weight: 700;
color: #757575;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot th,
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child th {
text-align: left;
color: var(--orange);
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot tr:first-child th,
.woocommerce .woocommerce-order table.woocommerce-table--order-details tfoot tr:first-child td {
border-top: 2px solid #e5e5e5;
}
.woocommerce .woocommerce-order table.woocommerce-table--order-details .product-quantity {
font-weight: 400;
color: #757575;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses::after {
display: none;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column {
float: none;
width: auto;
max-width: none;
}
.woocommerce-order .woocommerce-customer-details address {
height: 100%;
margin: 0;
padding: 20px;
border: 1px solid #e5e5e5;
border-radius: 10px;
font-style: normal;
font-size: 14px;
line-height: 24px;
word-break: break-word;
}
.woocommerce-order .woocommerce-customer-details address p {
margin: 8px 0 0;
}
/* Способы доставки */
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
gap: 10px;
display: flex;
flex-wrap: wrap;
}
.woocommerce ul#shipping_method li {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
line-height: 2;
width: 100%;
}
.woocommerce ul#shipping_method li label {
width: calc(100% - 35px);
margin: 0;
font-weight: 400;
}
ul#shipping_method li label .woocommerce-Price-amount {
display: none;
}
/* Итоги заказа */
.pwd-order-total .order-total-left,
.pwd-order-total .order-total-right {
display: inline-block;
width: 50%;
font-weight: 600;
}
.pwd-order-total .order-total-right {
font-family: var(--font-family);
font-size: 28px;
font-weight: 700;
line-height: 1.5;
text-align: right;
text-transform: uppercase;
color: var(--orange);
}
.cart-delivery.pwd-order-total .order-total-right,
.cart-subtotal.pwd-order-total .order-total-right {
font-size: 22px;
font-weight: 600;
}
.cart-delivery.pwd-order-total .order-total-right.order-total-include {
font-size: 18px;
font-weight: 400;
line-height: 1;
text-transform: lowercase;
}
/* Галочка: квадрат 16px, галка оранжевая. Переключатель: круг 14px с оранжевой рамкой */
.pb-organisation input[type="radio"],
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"],
.woocommerce-checkout-review-order ul > li > input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
pointer-events: none;
}
.pb-organisation label.radio,
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout-review-order ul > li > input[type="radio"] + label {
position: relative;
display: inline-block;
font: 500 14px/18px var(--font-family);
color: var(--black);
cursor: pointer;
}
.pb-organisation label.radio,
.woocommerce-checkout-review-order ul > li > input[type="radio"] + label {
padding-left: 22px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
padding-left: 0;
font-size: 12px;
font-weight: 400;
}
.pb-organisation label.radio::before,
.woocommerce-checkout-review-order ul > li > input[type="radio"] + label::before {
content: "";
position: absolute;
top: 2px;
left: 0;
box-sizing: border-box;
width: 14px;
height: 14px;
background: var(--white);
border: 1px solid var(--orange);
border-radius: 50%;
}
.pb-organisation input[type="radio"]:checked + label::after,
.woocommerce-checkout-review-order ul > li > input[type="radio"]:checked + label::after {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 8px;
height: 8px;
background: var(--orange);
border-radius: 50%;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text::before {
content: "";
position: absolute;
top: 1px;
left: 0;
box-sizing: border-box;
width: 16px;
height: 16px;
background: var(--ultra-svetlo-seryy);
border: 1px solid var(--temnyy-bezh);
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked + .woocommerce-terms-and-conditions-checkbox-text::after {
content: "";
position: absolute;
top: 3px;
left: 5px;
width: 4px;
height: 8px;
border: solid var(--orange);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.pb-organisation input[type="radio"]:focus-visible + label::before,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:focus-visible + .woocommerce-terms-and-conditions-checkbox-text::before,
.woocommerce-checkout-review-order ul > li > input[type="radio"]:focus-visible + label::before {
outline: 2px solid var(--orange);
outline-offset: 2px;
}
.woocommerce-terms-and-conditions-wrapper .form-row {
margin: 0 0 12px;
}
/* Круглый индикатор и чекбокс по центру относительно надписи */
.pb-organisation label.radio::before,
.woocommerce-checkout-review-order ul > li > input[type="radio"] + label::before,
.pb-organisation input[type="radio"]:checked + label::after,
.woocommerce-checkout-review-order ul > li > input[type="radio"]:checked + label::after {
top: 50%;
transform: translateY(-50%);
}
/* Чекбокс «Я прочитал(а) и принимаю правила и условия сайта»: показываем сам input, галочка по умолчанию включена (functions.php) */
.woocommerce-terms-and-conditions-wrapper label.checkbox {
display: inline-flex;
align-items: center;
position: relative;
margin: 0;
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
position: static;
box-sizing: border-box;
flex: 0 0 16px;
width: 16px !important;
min-width: 16px;
max-width: 16px;
height: 16px !important;
min-height: 16px;
max-height: 16px;
margin: 0 10px 0 0;
padding: 0 !important;
opacity: 1;
pointer-events: auto;
background: var(--ultra-svetlo-seryy) center / 12px 12px no-repeat;
border: 1px solid var(--temnyy-bezh);
border-radius: 0;
cursor: pointer;
}
.woocommerce-checkout .form-row.validate-required.woocommerce-invalid.woocommerce-invalid-required-field .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .form-row.validate-required.woocommerce-invalid.woocommerce-invalid-required-field .woocommerce-terms-and-conditions-checkbox-text a {
color: #F26B6B;
}
.woocommerce-invalid #terms {
outline: none;
outline-offset: 0;
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23b4582f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
border-color: var(--orange);
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:focus-visible {
outline: 2px solid var(--orange);
outline-offset: 2px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text::before,
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked + .woocommerce-terms-and-conditions-checkbox-text::after {
display: none;
}
/* Пояснение к способу оплаты: бежевая плашка со стрелкой */
.woocommerce-checkout-payment .payment_box {
position: relative;
display: block;
margin: 10px 0 10px;
padding: 12px 17px;
font-weight: 400;
color: var(--black);
background: var(--svetlyy-bezh);
border-radius: 5px;
}
.woocommerce-checkout-payment .payment_box::before {
content: "";
position: absolute;
top: -10px;
left: 24px;
border: 6px solid transparent;
border-bottom-color: var(--svetlyy-bezh);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 13px;
border-radius: 5px;
line-height: 1.5;
background-color: #e9e3dc;
color: #515151;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #e9e3dc;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
/* Мини-корзина (всплывающее окно) */
.pb-mc-mfp .mfp-content { max-width: 760px; }
.pb-mc-popup {
position: relative;
max-width: 760px;
margin: 20px auto;
padding: 30px;
background: #F3F2F1;
box-sizing: border-box;
}
.pb-mc-popup.loading { opacity: .6; pointer-events: none; }
.pb-mc-body p { margin: 0; color: var(--black); }
.pb-mc-empty { padding: 20px 0; color: var(--seryy); }
.pb-mc-loading { padding: 20px 0; color: var(--black); }
.pb-mc-form table.shop_table { margin: 0 0 20px; }
.pb-mc-form table.shop_table tbody tr:last-child { display: table-row; }
.pb-mc-form td.product-quantity,
.pb-mc-form td.product-subtotal { width: auto; white-space: nowrap; }
.pb-mc-total { text-align: right; font-size: 18px; color: var(--black); }
.pb-mc-total strong { margin-left: 8px; }
.pb-mc-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: flex-end;
margin-top: 24px;
}
.pb-mc-actions .btn { cursor: pointer; text-decoration: none; }
@media ( max-width: 600px ) {
.pb-mc-popup { padding: 20px 16px; }
.pb-mc-actions .btn { width: 100%; text-align: center; }
.pb-mc-form td.product-thumbnail { display: none; }
}
/* Версия файла: 2026-10-03 23:45 (МСК) | +332 / −0 строк */
/* Форма «Узнать стоимость с монтажом» (CF7, поле ACF ea_form_montag) */
.popup_form .popup_content {
position: relative;
width: 100%;
margin: 0 auto;
}
.popup_form .pwd_form {
padding: 0;
background: transparent;
border-radius: 0;
}.form_request {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.form_request .form_row {
width: 100%;
}
.form_request .form_row .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.form_request .form_row input {
box-sizing: border-box;
width: 100%;
}
.form_request textarea.form_input {
display: block;
box-sizing: border-box;
width: 100%;
min-height: 80px;
padding: 15px 20px;
background: #fff;
border: 1px solid #dac3ac;
border-radius: 5px;
font: inherit;
font-size: 15px;
line-height: 18px;
font-weight: 500;
color: #4a535c;
resize: none;
}
.form_request .form_row_uploud {
margin: 0;
}
.form_request .form_uploud {
display: flex;
flex-direction: column;
gap: 5px;
width: 100%;
}
.form_request .file_uploud {
position: relative;
display: flex;
align-items: center;
gap: 5px;
box-sizing: border-box;
height: 44px;
padding: 10px 20px;
background: #fff;
border: 1px solid #dac3ac;
border-radius: 5px;
}
.form_request .file_uploud.hide_this {
display: none;
}
.form_request .file_uploud:before {
content: '';
flex: 0 0 24px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 4.125C5.25 3.642 5.642 3.25 6.125 3.25H12V7.625C12 8.12228 12.1975 8.5992 12.5492 8.95083C12.9008 9.30246 13.3777 9.5 13.875 9.5H18.75V19.875C18.75 20.1071 18.6578 20.3296 18.4937 20.4937C18.3296 20.6578 18.1071 20.75 17.875 20.75H12.13C11.8681 21.203 11.5525 21.6227 11.19 22H17.875C18.4386 22 18.9791 21.7761 19.3776 21.3776C19.7761 20.9791 20 20.4386 20 19.875V9.207C19.9999 8.9088 19.8814 8.62286 19.6705 8.412L13.5885 2.329C13.3774 2.11821 13.0913 1.99986 12.793 2H6.125C5.56141 2 5.02091 2.22388 4.6224 2.6224C4.22388 3.02091 4 3.56141 4 4.125V11.498C4.40292 11.3304 4.8217 11.2037 5.25 11.12V4.125ZM17.741 8.25H13.875C13.53 8.25 13.25 7.97 13.25 7.625V3.759L17.741 8.25ZM12 17.5C12 20.5375 9.5375 23 6.5 23C3.4625 23 1 20.5375 1 17.5C1 14.4625 3.4625 12 6.5 12C9.5375 12 12 14.4625 12 17.5ZM7 14C7 13.8674 6.94732 13.7402 6.85355 13.6464C6.75979 13.5527 6.63261 13.5 6.5 13.5C6.36739 13.5 6.24021 13.5527 6.14645 13.6464C6.05268 13.7402 6 13.8674 6 14V17H3C2.86739 17 2.74021 17.0527 2.64645 17.1464C2.55268 17.2402 2.5 17.3674 2.5 17.5C2.5 17.6326 2.55268 17.7598 2.64645 17.8536C2.74021 17.9473 2.86739 18 3 18H6V21C6 21.1326 6.05268 21.2598 6.14645 21.3536C6.24021 21.4473 6.36739 21.5 6.5 21.5C6.63261 21.5 6.75979 21.4473 6.85355 21.3536C6.94732 21.2598 7 21.1326 7 21V18H10C10.1326 18 10.2598 17.9473 10.3536 17.8536C10.4473 17.7598 10.5 17.6326 10.5 17.5C10.5 17.3674 10.4473 17.2402 10.3536 17.1464C10.2598 17.0527 10.1326 17 10 17H7V14Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.form_request .file_name {
flex: 1;
min-width: 0;
font-size: 15px;
line-height: 18px;
font-weight: 500;
color: #4a535c;
}
.form_request .file_name span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.form_request .file_uploud label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: 0;
cursor: pointer;
}
.form_request .file_uploud label .wpcf7-form-control-wrap {
display: block;
width: 100%;
height: 100%;
}
.form_request .file_upload_input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
padding: 0;
border: 0;
opacity: 0;
cursor: pointer;
}
.form_request .file_uploud .wpcf7-not-valid-tip {
display: none;
}
.form_request .file_uploud:has(.wpcf7-not-valid) {
border-color: #c0392b;
}
.form_request .del_file {
display: none;
position: relative;
z-index: 2;
flex: 0 0 14px;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23b4582f' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l10 10M12 2L2 12'/%3E%3C/svg%3E");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.form_request .file_uploud.has_file .del_file {
display: block;
}
.form_request .uploud_info {
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #696e72;
}
.form_request .uploud_error {
display: none;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #c0392b;
}
.form_request .form_btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: 100%;
}
.form_request .form_btn .btn_submit {
width: 284px;
min-width: 0;
max-width: 100%;
min-height: 46px;
border-radius: 5px;
}
.form_request .privacy_policy_form {
text-align: center;
}
/* Форма «Запрос инженеру на подбор печи» (CF7, поле ACF ea_form_engineer) */
.form_engineer .form_subtitle {
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: #4a535c;
margin-bottom: 0;
}
.form_engineer .form_fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 10px;
}
.form_engineer .form_col {
display: flex;
flex-direction: column;
gap: 20px;
min-width: 0;
}
.form_engineer .form_row_comment {
grid-column: 1 / -1;
margin-top: 5px;
}
.form_engineer .form_row_comment textarea.form_input {
min-height: 88px;
}
.form_engineer .file_uploud {
height: 60px;
}
.form_engineer .uploud_info {
font-size: 12px;
}
.form_engineer .form_row_contact {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 13px;
}
.form_engineer .form_label {
font-size: 15px;
line-height: 18px;
font-weight: 700;
color: #4a535c;
}
.form_engineer .wpcf7-radio {
display: flex;
flex-direction: column;
gap: 20px;
}
.form_engineer .wpcf7-radio .wpcf7-list-item {
margin: 0;
}
.form_engineer .wpcf7-radio label {
display: inline-flex;
cursor: pointer;
}
.form_engineer .wpcf7-radio input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.form_engineer .wpcf7-radio .wpcf7-list-item-label {
position: relative;
padding-left: 22px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #4a535c;
}
.form_engineer .wpcf7-radio .wpcf7-list-item-label:before {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 14px;
height: 14px;
box-sizing: border-box;
background: #fff;
border: 1px solid #b4582f;
border-radius: 50%;
}
.form_engineer .wpcf7-radio .wpcf7-list-item-label:after {
content: '';
position: absolute;
top: 5px;
left: 3px;
width: 8px;
height: 8px;
background: #b4582f;
border-radius: 50%;
opacity: 0;
}
.form_engineer .wpcf7-radio input:checked + .wpcf7-list-item-label:after {
opacity: 1;
}
/* Окно «Остались вопросы?» (#popup_callback, форма из поля ACF ea_form_answer) */
#popup_callback .pwd_form {
gap: 20px;
align-items: stretch;
}
#popup_callback .form_title img {
display: none;
}
#popup_callback .form_subtitle {
margin-bottom: 0;
}
#popup_callback .form_row {
width: 100%;
}
#popup_callback .form_row .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
#popup_callback .form_row input {
box-sizing: border-box;
width: 100%;
min-height: 40px;
}
#popup_callback .form_btn {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
width: 100%;
}
#popup_callback .form_btn .btn_submit {
flex: 0 0 auto;
width: auto;
min-width: 0;
max-width: none;
}
#popup_callback .privacy_policy_form {
flex: 1;
min-width: 0;
}
/* Окно «Нужна консультация специалиста» (#popup_consult, поле ACF ea_form_consult): название товара под заголовком */
.form_request .form_title_products {
font-size: 24px;
line-height: 26px;
font-weight: 400;
color: #B4582F;
}
.form_request .form_title_products_head {
display: none;
}
.form_request .form_title_products_item {
font-size: 16px;
line-height: 18px;
padding: 4px 0;
}
.form_request .form_title_products:empty {
display: none;
}
/* Количество в корзине и в окне корзины: поле как в формах, без стрелок браузера */
.woocommerce-cart-form .quantity input.qty,
.pb-mc-popup .quantity input.qty {
-moz-appearance: textfield;
appearance: textfield;
box-sizing: border-box;
width: 60px;
height: 36px;
padding: 2px 10px;
font: 500 15px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
text-align: center;
color: var(--black);
background: var(--white);
border: 1px solid var(--temnyy-bezh);
border-radius: 5px;
box-shadow: none;
}
.woocommerce-cart-form .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart-form .quantity input.qty::-webkit-inner-spin-button,
.pb-mc-popup .quantity input.qty::-webkit-outer-spin-button,
.pb-mc-popup .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-cart-form .quantity input.qty:focus,
.pb-mc-popup .quantity input.qty:focus {
outline: none;
border-color: var(--orange);
}
.pb-mc-popup .quantity.pb-qty {
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Поля данных покупателя на странице корзины и оформления: как в формах */
form.woocommerce-checkout #customer_details input.input-text,
form.woocommerce-checkout #customer_details textarea.input-text,
form.woocommerce-checkout #customer_details select {
box-sizing: border-box;
width: 100%;
padding: 10px 20px;
font: 500 15px/18px var(--font-family);
font-feature-settings: "lnum" 1, "pnum" 1;
color: var(--black);
background: var(--white);
border: 1px solid var(--temnyy-bezh);
border-radius: 5px;
box-shadow: none;
}
form.woocommerce-checkout #customer_details input.input-text,
form.woocommerce-checkout #customer_details select {
height: 44px;
}
form.woocommerce-checkout #customer_details textarea.input-text {
min-height: 88px;
padding: 20px;
}
form.woocommerce-checkout #customer_details input.input-text:focus,
form.woocommerce-checkout #customer_details textarea.input-text:focus,
form.woocommerce-checkout #customer_details select:focus {
outline: none;
border-color: var(--orange);
}
form.woocommerce-checkout #customer_details input.input-text::placeholder,
form.woocommerce-checkout #customer_details textarea.input-text::placeholder {
color: var(--black);
opacity: 1;
}
form.woocommerce-checkout #customer_details input[type="radio"] {
-webkit-appearance: none;
appearance: none;
flex: 0 0 14px;
width: 14px;
height: 14px;
margin: 0 8px 0 0;
vertical-align: middle;
background: var(--white);
border: 1px solid var(--orange);
border-radius: 50%;
cursor: pointer;
}
form.woocommerce-checkout #customer_details input[type="radio"]:checked {
background: var(--orange);
box-shadow: inset 0 0 0 3px var(--white);
}
/* Кнопка «В корзину» в каталоге: вращающаяся шестерёнка от нажатия до появления окна корзины */
.products .product .single_add_to_cart_button.loading:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='%23B4582F'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");
opacity: 1;
animation: pb-gear-spin 3s linear infinite;
}
.products .product .single_add_to_cart_button.loading:after {
opacity: 0;
}
@keyframes pb-gear-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Кнопка «В корзину» в карточке товара: вращающаяся шестерёнка вместо иконки, пока идёт добавление */
.summary_content button.single_add_to_cart_button.loading:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23F3F2F1'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");
animation: pb-gear-spin 3s linear infinite;
}
.summary_content button.single_add_to_cart_button.loading:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23B4582F'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");
animation: pb-gear-spin 3s linear infinite;
}
/* Сравнение товаров */
.compare_link.active:before,
.compare_btn.active:before {
opacity: 0;
}
.compare_link.active:after,
.compare_btn.active:after {
opacity: 1;
}
.summary_content .compare_link.active,
.summary_content .compare_link.active .product_compare_title {
color: #b4582f;
}
/* Товар в сравнении или в избранном: иконки серо-синие (#758999) */
.product .compare_link.active:after,
.product .compare_btn.active:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23758999'/%3E%3C/svg%3E ");
}
.product .favorit_link .active i:after,
.pb-compare-share .favorit_link .active i:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50334 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23758999'/%3E%3C/svg%3E%0A");
}
/* Активная подпись у иконок сравнения и избранного: тот же цвет, что у активных иконок */
.product .compare_link.active .product_compare_title.active,
.product .favorit_link .product_favorit_title.active,
.pb-compare-share .favorit_link .product_favorit_title.active {
color: #758999;
}
/* Линия под подписью у активных кнопок сравнения и избранного: тот же цвет, что у активных иконок */
.summary_content .compare_link.active > span:after,
.summary_content .favorit_link .pb-fav-button.active + .product_favorit_title:after {
background: #758999;
opacity: 1;
}
.compare_btn.pb-compare-busy {
opacity: .6;
pointer-events: none;
}
header .compare_link .compare-button-count {
right: -10px;
position: absolute;
font-weight: 700;
}
.pb-compare-tip {
position: absolute;
z-index: 100000;
display: flex;
align-items: center;
gap: 9px;
max-width: 320px;
padding: 8px 30px 8px 12px;
font: 500 10.35px/15px var(--font-family);
color: var(--black);
background: var(--white);
border: 1px solid var(--temnyy-bezh);
border-radius: 5px;
box-shadow: 0 4px 16px rgba(74, 83, 92, .18);
}
.pb-compare-tip__text {
flex: 0 1 auto;
}
.pb-compare-tip__link {
flex: 0 0 auto;
font-weight: 700;
color: var(--orange);
text-decoration: underline;
white-space: nowrap;
}
.pb-compare-tip__close {
position: absolute;
top: 50%;
right: 9px;
width: 11.5px;
height: 11.5px;
padding: 0;
margin-top: -5.75px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23B4582F' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l10 10M12 2L2 12'/%3E%3C/svg%3E") center/contain no-repeat;
border: 0;
cursor: pointer;
}
.pb-compare-empty-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.pb-compare-empty {
font-size: 16px;
color: var(--black);
}/* Подпись кнопки сравнения в карточке товара: «К сравнению» меняется на «В сравнение» и не пропадает.
Правила повышенной специфичности: перебивают общие стили подчёркивания .compare_link span:before/:after */
.summary_content .compare_link .product_compare_title_text:before,
.summary_content .compare_link .product_compare_title_text:after {
position: static;
display: flex;
width: auto;
height: auto;
background: none;
opacity: 1;
}
.summary_content .compare_link .product_compare_title_text:before {
content: 'К сравнению';
}
.summary_content .compare_link .product_compare_title_text:after {
content: 'В сравнение';
display: none;
opacity: 0;
}
.summary_content .compare_link .product_compare_title.active .product_compare_title_text:before {
display: none;
opacity: 0;
}
.summary_content .compare_link .product_compare_title.active .product_compare_title_text:after {
display: flex;
opacity: 1;
}/* Сравнение активно: оранжевое подчёркивание подписи в карточке товара */
.summary_content .compare_link.active > span::after {
opacity: 1;
}
.summary_content .compare_link.active > span::before {
opacity: 0;
}
/* Страница сравнения: компоновка как на tonofen.ru в цветах сайта */
.pb-compare-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
width: 100%;
margin: 26px 0 30px;
}
.pb-compare-heading .pwd_title {
width: auto;
margin: 0;
text-align: left;
text-transform: none;
}
.pb-compare-top {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.pb-compare > .pb-compare-top {
margin: 14px 0 20px;
}
.pb-compare-count {
font-weight: 700;
color: var(--black);
}
.pb-compare-clear {
margin-left: 0;
font: 600 14px/18px var(--font-family);
text-decoration: none;
cursor: pointer;
}
.pb-compare-steps {
display: flex;
width: 100%;
margin-bottom: 30px;
background: #f3f2f1;
}
.pb-compare-steps__title {
flex: 0 0 355px;
width: 355px;
padding: 20px;
font-weight: 600;
font-size: 16px;
line-height: 23px;
color: var(--black);
}
.pb-compare-steps__items {
display: flex;
flex: 1;
gap: 20px;
padding-right: 0;
}
.pb-compare-steps__item {
width: 33.333%;
padding: 15px 10px;
font-size: 14px;
line-height: 20px;
color: var(--black);
}
.pb-compare-steps__item span {
display: inline-block;
margin-bottom: 14px;
font-weight: 700;
font-size: 15px;
line-height: 1;
color: var(--orange);
}
.pb-compare-scroll {
container-type: inline-size;
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
scrollbar-width: thin;
scrollbar-color: var(--temnyy-bezh) transparent;
}
.pb-compare-scroll::-webkit-scrollbar {
height: 6px;
}
.pb-compare-scroll::-webkit-scrollbar-track {
background: transparent;
}
.pb-compare-scroll::-webkit-scrollbar-thumb {
background: var(--temnyy-bezh);
border-radius: 3px;
}
/* Первая колонка с названиями характеристик остаётся на месте при горизонтальной прокрутке */
.pb-compare-corner,
.pb-compare-table tbody th {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 2;
}
.pb-compare-scroll.has-left .pb-compare-corner,
.pb-compare-scroll.has-left .pb-compare-table tbody th {
box-shadow: inset 0 0 0 #FFF, 4px 0 6px -2px rgba(0, 0, 0, .12);
z-index: 9;
}
.pb-compare-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.pb-compare-table.pb-compare-many {
width: auto;
}
.pb-compare-table th,
.pb-compare-table td {
padding: 15px 20px;
font-size: 14px;
line-height: 18px;
text-align: left;
vertical-align: top;
}
.pb-compare-corner,
.pb-compare-table tbody th {
width: 355px;
min-width: 355px;
font-weight: 600;
color: var(--black);
background: #FFFFFF;
box-shadow: none;
}
.pb-compare-product,
.pb-compare-val {
width: calc((100% - 355px) / 3);
}
.pb-compare-many .pb-compare-product,
.pb-compare-many .pb-compare-val {
width: 300px;
min-width: 300px;
}
/* Ширина колонки товара = (ширина контейнера - колонка атрибутов) / 3 при любом числе товаров (1, 2, 3 и больше) */
@supports (width: 1cqw) {
.pb-compare-table {
width: auto;
}
.pb-compare-table .pb-compare-product,
.pb-compare-table .pb-compare-val {
width: calc((100cqw - 355px) / 3);
min-width: calc((100cqw - 355px) / 3);
}
}
.pb-compare-table tbody tr:nth-child(even) th,
.pb-compare-table tbody tr:nth-child(even) td {
background: #F9F9F9;
}
.pb-compare-product {
position: relative;
padding-top: 15px;
padding-bottom: 20px;
font-weight: 400;
}
.pb-compare-img {
display: flex;
align-items: center;
justify-content: center;
height: 220px;
margin-bottom: 14px;
}
.pb-compare-img img {
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
}
.pb-compare-name {
display: block;
margin-bottom: 8px;
font-weight: 700;
font-size: 15px;
line-height: 20px;
color: var(--black);
text-decoration: none;
}
.pb-compare-price {
font-weight: 700;
color: var(--orange);
}
.pb-compare-actions {
margin-top: 14px;
}
.pb-compare-go {
width: 100%;
text-align: center;
text-decoration: none;
}
.pb-compare-share {
display: flex;
margin-top: 16px;
}
.pb-compare-share .favorit_link {
position: relative;
display: flex;
align-items: center;
gap: 10px;
width: 100%;
height: auto;
min-height: 18px;
min-width: max-content;
padding-left: 22px;
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #758999;
cursor: pointer;
}
.pb-compare-share .favorit_link .pb-fav-button,
.pb-compare-share .favorit_link .pb-fav-button i,
.pb-compare-share .favorit_link i:after,
.pb-compare-share .favorit_link i:before {
position: absolute;
left: 0;
width: 12px;
height: 12px;
background-size: cover;
}
.pb-compare-share .favorit_link .pb-fav-button {
width: 100%;
z-index: 2;
}
.pb-compare-share .favorit_link:hover {
color: var(--orange);
}
.pb-compare-remove {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
width: 14px;
height: 14px;
padding: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23B4582F' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l10 10M12 2L2 12'/%3E%3C/svg%3E") center/contain no-repeat;
border: 0;
cursor: pointer;
}
.pb-compare-table tbody tr.pb-compare-foot th,
.pb-compare-table tbody tr.pb-compare-foot td {
padding-top: 20px;
padding-bottom: 25px;
background: #FFFFFF;
}
.pb-compare-foot .pb-compare-actions {
margin-top: 0;
}
/* Избранное: страница подборки (плитка как в каталоге) и блок действий */
.pb-fav-heading .pwd_title {
white-space: nowrap;
}
.pb-fav-count {
font-weight: 700;
color: var(--black);
}
.pb-fav {
max-width: 100%;
}
.pb-fav-empty {
margin-bottom: 20px;
}
.pb-fav-steps {
margin-bottom: 40px;
}
.pb-fav-actions {
position: relative;
width: 100%;
margin-top: 0;
padding: 40px 0 50px;
background: #F9F9F9;
}
/* Блок действий без эффектов при наведении, кроме кнопок */
.pb-fav-actions,
.pb-fav-actions:hover,
.pb-fav-actions__title,
.pb-fav-actions__items,
.pb-fav-actions .container,
.pb-fav-actions .container:hover {
transition: none;
}
.pb-fav-actions:hover {
background: #F9F9F9;
box-shadow: none;
opacity: 1;
filter: none;
transform: none;
}
/* Заголовок блока действий: как заголовок формы (.form_title) */
.pb-fav-actions__title {
margin-bottom: 20px;
font-weight: 700;
font-size: 24px;
line-height: 26px;
color: var(--black);
}
.pb-fav-actions__items {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
/* Кнопки блока действий: стили темы (.btn), иконки :before (светлая) и :after (при наведении) заменены на свои */
.pb-fav-actions__items a.btn.pb-fav-request:not(.btn_submit):before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F3F2F1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E");
}
.pb-fav-actions__items a.btn.pb-fav-request:not(.btn_submit):after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B4582F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E");
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F3F2F1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B4582F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");
}
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F3F2F1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='M8.2 10.8l7.6-4.4M8.2 13.2l7.6 4.4'/%3E%3C/svg%3E");
}
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B4582F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='M8.2 10.8l7.6-4.4M8.2 13.2l7.6 4.4'/%3E%3C/svg%3E");
}
/* «Распечатать» и «Поделиться»: инвертированные кнопки (контурные, при наведении заливка) */
.pb-fav-actions__items a.btn.pb-fav-print,
.pb-fav-actions__items a.btn.pb-fav-share {
color: var(--orange);
background: transparent;
}
.pb-fav-actions__items a.btn.pb-fav-print:hover,
.pb-fav-actions__items a.btn.pb-fav-share:hover {
color: #F3F2F1;
background: var(--orange);
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):before,
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):before {
opacity: 0;
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):after,
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):after {
opacity: 1;
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):hover:before,
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):hover:before {
opacity: 1;
}
.pb-fav-actions__items a.btn.pb-fav-print:not(.btn_submit):hover:after,
.pb-fav-actions__items a.btn.pb-fav-share:not(.btn_submit):hover:after {
opacity: 0;
}
.pb-fav-button.pb-fav-busy {
opacity: .6;
pointer-events: none;
}
@media print {
header,
footer,
.breadcrumb_other,
.pb-fav-clear,
.pb-fav-actions,
.pb-compare-tip {
display: none;
}
}
.pb-fav-actions .container {
padding: 0;
}
/* Статья (single.php): дата, читаемая колонка, оформление текста как в редакторе */
.pb-article-date {
display: block;
margin-bottom: 20px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: var(--seryy);
}
.pb-article {
width: 100%;
margin: 0 0 40px;
}
.pb-article-cover {
margin-bottom: 30px;
overflow: hidden;
border-radius: 5px;
}
.pb-article-cover img {
display: block;
width: 100%;
height: auto;
}
.pb-article-content {
font-size: 16px;
line-height: 26px;
color: var(--black);
}
.pb-article-content p {
margin: 0 0 20px;
}
.pb-article-content h2 {
display: block;
min-width: 0;
margin: 40px 0 16px;
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: var(--black);
}
.pb-article-content h3 {
display: block;
min-width: 0;
margin: 28px 0 12px;
font-family: var(--font-family);
font-size: 20px !important;
line-height: 26px !important;
font-weight: 600;
color: var(--black);
}
.pb-article-content h2:first-child,
.pb-article-content h3:first-child {
margin-top: 0;
}
.pb-article-content strong,
.pb-article-content b {
font-weight: 700;
}
.pb-article-content a {
color: var(--orange);
text-decoration: underline;
}
.pb-article-content a:hover {
color: var(--kirpichnyy-temnyy);
}
.pb-article-content ul,
.pb-article-content ol {
margin: 0 0 24px;
padding-left: 22px;
}
.pb-article-content li {
margin-bottom: 8px;
padding-left: 4px;
}
.pb-article-content ul li::marker,
.pb-article-content ol li::marker {
color: var(--orange);
font-weight: 700;
}
.pb-article-content blockquote {
margin: 28px 0;
padding: 20px 24px;
background: var(--ultra-svetlo-seryy);
border-left: 4px solid var(--orange);
border-radius: 0 5px 5px 0;
}
.pb-article-content blockquote p:last-child {
margin-bottom: 0;
}
.pb-article-content img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.pb-article-content figure {
margin: 28px 0;
}
.pb-article-content figcaption {
margin-top: 8px;
font-size: 13px;
line-height: 18px;
color: var(--seryy);
}
.pb-article-content table {
width: 100%;
margin: 0 0 24px;
border-collapse: collapse;
}
.pb-article-content th,
.pb-article-content td {
padding: 12px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--svetlyy-bezh);
}
.pb-article-content th {
font-weight: 600;
background: var(--ultra-svetlo-seryy);
}
/* Блок «Бренды» (шорткод [pb_brands]) */
.pb-shop-page__brands {
padding: 40px 0 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
background: #F3F2F1;
position: relative;
}
.pb-shop-page__brands:before,
.pb-shop-page__brands:after {
content: '';
position: absolute;
background: #F3F2F1;
width: 1000px;
display: flex;
height: 100%;
top: 0;
bottom: 0;
}
.pb-shop-page__brands:before {
left: -1000px;
}
.pb-shop-page__brands:after {
right: -1000px;
}
.pb-brands {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: start;
}
.pb-brand {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
background: #FFF;
height: 100%;
min-height: 310px;
}
.pb-brand__head {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
width: 100%;
align-items: center;
}
.pb-brand__logo {
max-width: 70%;
}
.pb-brand__logo img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 60px;
object-fit: contain;
}
.pb-brand__logo-text {
font-weight: 700;
font-size: 22px;
line-height: 28px;
color: var(--black);
}
.pb-brand__country {
flex: none;
padding: 8px 14px;
border-radius: 6px;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--orange);
background: #f4f4f4;
}
.pb-brand__text {
margin-bottom: 40px;
color: var(--black);
font-weight: 400;
font-size: 14px;
line-height: 18px;
text-align: justify;
}
.pb-brand__text p {
margin: 0;
}
.pb-brand__title {
margin-bottom: 24px;
font-weight: 600;
font-size: 14px;
color: var(--black);
width: 100%;
}
.pb-brand__links {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #d9c3b8;
width: 100%;
}
.pb-brand__links li {
margin: 0;
padding: 0;
border-bottom: 1px solid #d9c3b8;
}
.pb-brand__links li::before {
display: none;
}
.pb-brand__links a {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 8px 0;
font-size: 14px;
line-height: 20px;
color: var(--black);
transition: color .2s;
}
.pb-brand__links a:hover {
color: var(--orange);
}
.pb-brand__arrow {
flex: none;
color: var(--orange);
transition: transform .2s;
}
.pb-brand__links a:hover .pb-brand__arrow {
transform: translateX(3px);
}
.pb-brand__site {
display: inline-block;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
text-decoration: underline !important;
color: #6b7f94;
font-weight: 600;
}
.pb-brand__site:hover {
color: var(--orange);
}
/* Мега-меню */
.header_bottom {
position: relative;
}
.menu-item-has-mega {
position: static;
}
.menu-item-has-mega > .pb-mega {
position: absolute;
top: calc(100% + 20px);
left: 0;
z-index: 33;
width: -moz-fit-content;
width: fit-content;
min-width: 0;
max-width: 100%;
background: #e9e3dc;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
pointer-events: none;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.menu-item-has-mega > .pb-mega::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 40px;
}
.menu-item-has-mega:hover > .pb-mega {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.pb-mega__inner {
display: flex;
gap: 40px;
padding: 40px 60px;
}
.pb-mega__col {
min-width: 200px;
max-width: max-content;
}
.pb-mega__section + .pb-mega__section {
margin-top: 33px;
}
.pb-mega__title {
margin-bottom: 17px;
text-transform: none;
letter-spacing: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: var(--orange);
}
.pb-mega__title a {
color: inherit;
}
.pb-mega__list {
display: flex;
flex-direction: column;
gap: 17px;
margin: 0;
padding: 0;
list-style: none;
}
.pb-mega__list li {
display: block;
margin: 0;
padding: 0;
}
.pb-mega__list li::before {
display: none;
}
.pb-mega__list a {
display: block;
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
color: var(--black);
transition: color .2s;
}
.pb-mega__list a:hover,
.pb-mega__title a:hover {
color: var(--orange);
}
/* Мега-меню: перебивает общие правила ul.menu_other li a (14px, заглавные) */
ul.menu li .pb-mega__list a,
ul.menu li .pb-mega__title a,
ul.menu li .pb-mega__title {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 18px;
text-transform: none;
letter-spacing: normal;
color: var(--black);
}
ul.menu li .pb-mega__title,
ul.menu li .pb-mega__title a {
font-weight: 600;
color: var(--orange);
}
ul.menu li .pb-mega__list a:hover,
ul.menu li .pb-mega__title a:hover {
color: var(--orange);
}
ul.menu li .pb-mega__list {
display: flex;
flex-direction: column;
gap: 17px;
}
/* Миниатюра товара: неактивные иконки #758999, активные #B4582F; значок «товар в корзине» */
.product_link .compare_link:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23758999'/%3E%3C/svg%3E%0A");
}
.product_link .compare_link:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23B4582F'/%3E%3C/svg%3E ");
}
.product_link .favorit_link i:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50333 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23758999'/%3E%3C/svg%3E%0A");
}
.product_link .favorit_link .active i:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50334 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
.product_link .compare_link:hover:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
.product_link .favorit_link:hover i:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50333 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
.product_link .compare_link.active:hover:before,
.product_link .favorit_link .active:hover i:before {
opacity: 0;
}
/* Миниатюра: активные иконки #B4582F (перебивает серо-синие правила выше) */
.product .product_link .compare_link.active:after,
.product .product_link .compare_btn.active:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.0625H5V15H2V6.0625ZM11 9.3125H14V15H11V9.3125ZM6.5 2H9.5V15H6.5V2Z' fill='%23B4582F'/%3E%3C/svg%3E ");
}
.product .product_link .favorit_link .active i:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.32968 1.5019C5.45875 1.52533 6.71254 2.06238 8.00256 3.2841C9.29038 2.0647 10.5425 1.52938 11.6704 1.50716C12.8601 1.48372 13.8632 2.03235 14.5686 2.85507C15.9614 4.47951 16.2493 7.25495 14.5026 9.0015L14.5017 9.00244L9.64777 13.8115C8.72254 14.7282 7.28256 14.7282 6.35732 13.8115L1.50334 9.00244L1.5024 9.00149C-0.248456 7.25062 0.0362774 4.47294 1.42947 2.84803C2.135 2.02516 3.13883 1.47718 4.32968 1.5019Z' fill='%23B4582F'/%3E%3C/svg%3E%0A");
}
/* Количество товара в корзине - значок на кнопке «В корзину» миниатюры */
.products .product .single_add_to_cart_button .cart_state_count {
position: absolute;
top: -8px;
right: -10px;
z-index: 3;
display: none;
min-width: 15px;
height: 15px;
padding: 0 4px;
border-radius: 8px;
box-sizing: border-box;
font-weight: 700;
font-size: 10px;
line-height: 15px;
text-align: center;
color: var(--white);
background: var(--orange);
pointer-events: none;
}
.products .product .single_add_to_cart_button .cart_state_count.active {
display: block;
}
/* Поиск в шапке: строка поиска поверх меню, подсказки с товарами, страница результатов */
.search_wrapper {
position: relative;
}
.search_wrapper .search_overflow {
position: absolute;
top: -12px;
right: -14px;
left: inherit;
z-index: 40;
display: none;
width: 480px;
height: 40px;
max-width: 480px;
}
.search_wrapper.search_open .search_overflow {
display: block;
}
.search_wrapper .search_form {
display: block;
position: relative;
height: 100%;
margin: 0;
}
.search_wrapper .search_form .search-field {
width: 100%;
height: 100%;
margin: 0;
padding: 0 74px 0 15px;
border: 1px solid #d9d4cd;
border-radius: 0;
box-shadow: none;
outline: none;
font-size: 14px;
color: var(--black);
background: var(--white);
-webkit-appearance: none;
}
.search_wrapper .search_form .search-field::-webkit-search-cancel-button {
display: none;
}
.search_wrapper .search_form .search-field::placeholder {
color: #758999;
}
элемент {
}
элемент {
}
.search_wrapper .search_form .search_btn {
position: absolute;
top: calc(50% - 8px);
right: 16px;
z-index: 2;
width: 16px;
height: 16px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.search_wrapper .search_form .search_btn img,
.search_wrapper .search_form .search_btn svg {
display: block;
width: 16px;
height: 16px;
}
.search_wrapper .search_form .search_close {
position: absolute;
top: calc(50% - 7px);
right: 46px;
z-index: 2;
width: 14px;
height: 14px;
padding: 0;
border: 0;
font-size: 0;
line-height: 0;
opacity: 1;
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L15 15M15 1L1 15' stroke='%23B4582F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
cursor: pointer;
}
.search_wrapper .search_form .search_close:hover {
opacity: .7;
}
.search_form::after {
content: "";
position: absolute;
top: 50%;
right: 74px;
z-index: 2;
width: 16px;
height: 16px;
margin-top: -8px;
border: 2px solid #e5cfc4;
border-top-color: var(--orange);
border-radius: 50%;
opacity: 0;
visibility: hidden;
pointer-events: none;
animation: pbss-spin .7s linear infinite;
}
.search_form.search_loading::after {
opacity: 1;
visibility: visible;
}
@keyframes pbss-spin {
to {
transform: rotate(360deg);
}
}
#search_results {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 41;
max-height: 70vh;
margin-top: 1px;
padding: 6px 15px 10px;
overflow-y: auto;
border: 1px solid #d9d4cd;
background: var(--white);
font-size: 13px;
color: var(--black);
}
#search_results.search_results_show {
display: block;
}
#search_results .search_result_status p {
margin: 0;
padding: 8px 0 10px;
font-size: 12px;
line-height: 16px;
color: #758999;
}
#search_results .search_no_results {
margin: 0;
padding: 12px 0;
}
#search_results .search_result a {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
border-top: 1px solid rgba(74, 83, 92, .12);
color: var(--black);
}
#search_results .search_result img {
flex: none;
width: 44px;
height: 44px;
object-fit: contain;
border: 1px solid #e3ded8;
padding: 2px;
background: var(--white);
}
#search_results .search_result_info {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
line-height: 1.3;
}
#search_results .search_result_title {
font-weight: 600;
font-size: 14px;
transition: color .2s;
}
#search_results .search_result a:hover .search_result_title {
color: var(--orange);
}
#search_results .search_result_meta {
display: flex;
flex-wrap: wrap;
gap: 2px 16px;
font-size: 12px;
color: #758999;
}
#search_results .search_result_meta strong {
font-weight: 600;
}
.pb-search-count {
margin: 0 0 20px;
color: #758999;
}
.pb-search-empty {
font-size: 16px;
}
.pb-search-empty a {
color: var(--orange);
text-decoration: underline;
}
/* Страницы с карточками без фильтра и сайдбара: 4 карточки в ряд */
@media (min-width: 993px) {
.archive_wrapper:not(:has(.archive_filter_sidebar_wrapper)) .products_grid_wrapper {
width: 100%;
}
.archive_wrapper:not(:has(.archive_filter_sidebar_wrapper)) ul.products li.product,
ul.products.columns-4 li.product {
width: calc(25% - 20px);
}
}