/* Start:/local/templates/bonnemanche/css/vendor.css?1732806827152094*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
:root {
--color:#352C2C;
--color-light:#605757;
--grey:#E0E0E0;
--light-grey:#F7F7F7;
--font-color:#605757;
--light-text:#9D9D9D;
--link-hover:#967E76;
--grey-bg:#F1EDEA;
--btn-color:#4A3933;
--family-title:"Montserrat", sans-serif;
--txt-color:#554E4E;
--animation: all ease-out 0.3s;
}
svg path, svg rect, a, .icon, input[type=submit], button, .btn, input[type=text], input[type=email], input[type=password], input[type=number], input[type=phone], textarea, .jq-selectbox__dropdown, label, i, img, .footer-tab__box, .ts-control:after, .thanks-result__items-down, .ts-dropdown .option:after, .ts-dropdown .optgroup-header:after, .ts-dropdown .no-results:after, .ts-dropdown .create:after, .hidden, .ts-dropdown .ts-dropdown-content, .select-overlay, .delivery-item, .delivery-item span, .select-date label:before, .select-date__box .optgroup, #select-date__value:after {
-webkit-transition: var(--animation);
transition: var(--animation);
}
.icon {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
/*Icons*/
.back-icon {
width: 20px;
height: 20px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.down-icon {
width: 24px;
height: 25px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.track-icon {
width: 24px;
height: 25px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.fav-icon {
width: 24px;
height: 24px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.vk-icon {
width: 40px;
height: 40px;
background-color: #3E3232;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.whatsapp-icon {
width: 40px;
height: 40px;
background-color: #3E3232;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.telegram-icon {
width: 40px;
height: 40px;
background-color: #3E3232;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.courier-icon {
width: 32px;
height: 32px;
background-color: #262626;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.out-icon {
width: 32px;
height: 32px;
background-color: #001310;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.doc-icon {
width: 44px;
height: 44px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.auto-icon {
width: 32px;
height: 32px;
background-color: #001310;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.user-icon {
width: 32px;
height: 32px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.place-icon {
width: 32px;
height: 32px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.minus-icon {
width: 24px;
height: 24px;
background-color: #3E3232;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.plus-icon {
width: 24px;
height: 24px;
background-color: #3E3232;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.delete-icon {
width: 24px;
height: 24px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.arrow-icon {
width: 20px;
height: 20px;
background-color: var(--color-light);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.close-icon {
width: 21px;
height: 21px;
background-color: var(--color-light);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.alernt-icon {
width: 24px;
height: 24px;
background-color: var(--color);
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.search-icon {
width: 20px;
height: 20px;
background-color: #9D9D9D;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.ph {
display: none !important;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.breadcrumbs.breadcrumbs-list {
padding-top: 32px;
}
.breadcrumbs.breadcrumbs-list .flex {
-webkit-column-gap: 6px;
-moz-column-gap: 6px;
column-gap: 6px;
}
.breadcrumbs.breadcrumbs-list a {
font-size: 16px;
}
.section-title.page-title {
margin-bottom: 32px;
}
.thanks-box {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
font-size: 16px;
line-height: 140%;
color: var(--font-color);
gap: 60px;
}
.thanks-box__left {
width: 100%;
}
.thanks-box__right {
width: 100%;
max-width: 440px;
position: relative;
}
.thanks-result__box {
position: sticky;
top: 95px;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--light-grey);
border-radius: 16px;
}
.thanks-box__top:not(:last-child) {
margin: 0 0 24px 0;
padding: 0 0 24px;
border-bottom: 1px solid var(--grey);
}
.thanks-box h3:not(.product-card__title), .thanks-personal__box-txt h3 {
font-size: 32px;
line-height: 140%;
padding: 0;
margin: 0;
color: var(--color);
font-family: var(--family-title);
}
.thanks-box h3:not(:last-child) {
margin: 0 0 8px;
}
.thanks-box h4 {
margin: 0 0 18px;
font-size: 20px;
line-height: 130%;
padding: 0;
}
.thanks-box__top a, .thanks-box__top span {
color: var(--btn-color);
}
.thanks-box__top a {
border-bottom: 1px solid var(--btn-color);
}
.thanks-box__top a:hover {
border-bottom: 1px solid rgba(74, 57, 51, 0);
}
.thanks-box__table.flex {
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.thanks-box__table.flex > div {
width: 100%;
}
.thanks-box__table-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
row-gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: var(--color);
}
.thanks-box__table-list span {
display: block;
color: var(--light-text);
margin: 0 0 8px;
font-weight: 500;
font-family: var(--family-title);
}
.thanks-box__table-list div div {
color: var(--txt-color);
margin: 4px 0 0;
}
.thanks-personal__box:not(:first-child) {
margin: 64px 0 0;
}
.thanks-personal__box {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
border-radius: 16px;
background: var(--light-grey);
padding: 24px 24px 24px 40px;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 900px;
}
.thanks-personal__box-txt {
margin: 16px 0;
}
.thanks-personal__box-img {
border-radius: 16px;
width: 100%;
max-width: 263px;
background: url(/local/templates/bonnemanche/css/../img/pages/thanks-personal.png) no-repeat center center/cover;
}
.thanks-personal__box-txt h3:not(:last-child) {
margin: 0 0 16px;
}
.thanks-personal__box-txt a:not(:last-child) {
margin: 0 0 8px;
}
.thanks-personal__box-txt a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.thanks-personal__box-txt a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
justify: flex-start;
}
.thanks-personal__box-txt a div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify: flex-start;
}
.thanks-personal__box-txt .events-container__button, .box-404__container .events-container__button {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 32px 0 0;
background: var(--btn-color);
}
.thanks-personal__box-txt .events-container__button:hover, .box-404__container .events-container__button:hover {
background: #382A2A;
}
.thanks-personal__box-email {
margin: 0 0 20px;
color: var(--font-color);
font-size: 16px;
}
.thanks-personal__box-img_personal {
max-width: 326px;
}
.thanks-personal__box-email span {
color: var(--color);
}
.thanks-result__box-top:not(:last-child) {
margin: 0 0 16px;
padding: 0 0 16px;
border-bottom: 1px solid var(--grey);
}
.thanks-result__box-top {
color: var(--color);
}
.thanks-result__box-top div:last-child {
font-weight: 600;
font-size: 24px;
line-height: 140%;
}
.thanks-result__box-list {
color: var(--txt-color);
}
.thanks-result__box-list .flex div:last-child {
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: var(--color);
}
.thanks-result__box-list .flex div.flex {
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
}
.thanks-result__box-list > .flex:not(:last-child), .result-box__list > .flex:not(:last-child) {
margin: 0 0 8px;
}
.thanks-result__box-top .flex {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.thanks-result__box-list > .flex.thanks-result__delivery, .result-box__list > .flex.thanks-result__delivery {
margin: 12px 0 0;
}
.box-404__container {
padding: 60px 0 0;
}
.img-404 img {
display: block;
}
.title-404__top {
font-family: var(--family-title);
font-weight: 800;
font-size: 124px;
line-height: 100%;
color: var(--light-grey);
margin: 0 0 16px;
}
.text-404 h1.section-title {
margin: 0 0 20px;
}
.text-404 {
font-size: 20px;
line-height: 130%;
color: var(--txt-color);
}
.txt-404__box {
max-width: 500px;
}
.contact-box__container {
margin: 0 0 120px;
}
.contact-box {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
#map1, #map-pickup {
width: 100%;
max-width: 670px;
position: relative;
overflow: hidden;
border-radius: 16px;
min-height: 343px;
}
.contact-txt {
border-radius: 16px;
padding: 50px;
background: var(--light-grey);
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 140%;
color: var(--txt-color);
}
.contact-box__container h1 {
margin: 0 0 24px;
padding: 0;
font-family: var(--family-title);
font-size: 42px;
line-height: 120%;
color: var(--color);
font-weight: 600;
}
.contact-box__container h4 {
font-family: var(--family-title);
font-weight: 600;
font-size: 20px;
line-height: 130%;
padding: 0;
margin: 0 0 12px;
}
.contact-block div:not(:last-child) {
margin: 0 0 6px;
}
.contact-block div span {
font-weight: 600;
}
.contact-block div a {
font-family: var(--family-title);
font-weight: 600;
font-size: 20px;
line-height: 130%;
color: var(--color);
}
.contact-block:not(:last-child) {
margin: 0 0 18px;
}
.social-block {
margin: 50px 0 0;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.social-item {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
background: #fff;
border-radius: 20px;
padding: 12px 16px;
font-weight: 600;
font-size: 18px;
color: var(--txt-color);
}
.social-item:hover {
background: #3E3232;
color: #fff;
}
.social-item:hover i {
background: #fff;
}
/*Fix*/
.tap-bar-container {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
height: 100%;
}
.tap-bar-container_wrapper {
height: 100%;
}
.tap-bar__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.tap-bar__label {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-slider__header {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-slider__indicators {
margin-top: -180px;
}
.footer-container__bottom p {
margin: 0;
}
.footer-container__bottom {
padding: 10px 40px;
}
.header.scrolled .pageHeader__submenu-second {
margin: 0 0 10px;
}
.page-box__container .page-box {
max-width: 670px;
margin: 0 auto 120px;
}
.page-box__container h1 {
font-family: var(--family-title);
font-size: 50px;
line-height: 120%;
margin: 0 auto 40px;
color: var(--color);
max-width: 670px;
font-weight: 600;
}
.page-box__container h2 {
font-family: var(--family-title);
font-size: 42px;
line-height: 120%;
font-weight: 600;
margin: 0 0 16px;
color: var(--color);
}
.page-box__container h2:not(:first-child), .page-box__container h3:not(:first-child) {
margin-top: 36px;
}
.page-box__container h2.select-title:not(:first-child) {
margin-top: 60px;
}
.page-box__container h3 {
font-family: var(--family-title);
font-size: 32px;
line-height: 140%;
margin: 0 0 16px;
color: var(--color);
}
.page-box__container h4 {
font-weight: 600;
font-size: 20px;
line-height: 130%;
color: var(--color);
margin-bottom: 10px;
}
.page-box__container h4:not(:first-child) {
margin-top: 30px;
}
.page-box__container table {
border: 1px solid var(--grey);
border-radius: 16px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
color: var(--color);
}
.page-box__container table th {
font-family: var(--family-title);
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: var(--color);
text-align: left;
}
.page-box__container table td, .page-box__container table th {
padding: 15px 24px;
}
.page-box__container table th {
border-bottom: 1px solid var(--grey);
}
.page-box__container table tr:not(:first-child) td {
border-top: 1px solid var(--grey);
}
.page-box__container table tr td:not(:last-child), .page-box__container table tr th:not(:last-child) {
border-right: 1px solid var(--grey);
}
.page-box__container table:not(:last-child) {
margin-bottom: 16px;
}
.page-box__container table:not(:first-child) {
margin-top: 16px;
}
.page-box__container a {
font-weight: 600;
color: #252D37;
}
.delivery-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.delivery-item {
padding: 16px 20px;
border: 1px solid var(--grey);
border-radius: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: var(--family-title);
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: var(--color);
-webkit-column-gap: 14px;
-moz-column-gap: 14px;
column-gap: 14px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: calc(50% - 10px);
}
.table-info {
margin: 16px 0 0;
font-size: 14px;
line-height: 120%;
color: #9D9D9D;
}
.table-info p {
font-size: 14px;
line-height: 120%;
color: #9D9D9D;
}
.table-info p:not(:last-child) {
margin: 0 0 8px;
}
.page-box__container ul, .page-box__container ol {
margin: 15px 0;
padding: 0;
}
.page-box__container ul li {
list-style: none;
color: var(--txt-color);
font-size: 16px;
line-height: 140%;
}
.page-box__container ol li {
color: var(--txt-color);
font-size: 16px;
line-height: 140%;
list-style: none;
}
.page-box__container ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 15px;
height: 1px;
background: #252D37;
}
.page-box__container ul li:not(:last-child), .page-box__container ol li:not(:last-child) {
margin: 0 0 8px;
}
.page-box__container ol li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
counter-increment: li;
}
.page-box__container ol li:before {
content: counter(li) ".";
margin-right: 5px;
min-width: 15px;
}
.page-box__container .download-link {
margin: 16px 0 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-weight: 400;
font-size: 16px;
line-height: 140%;
-webkit-column-gap: 6px;
-moz-column-gap: 6px;
column-gap: 6px;
}
.page-box__container .download-link span {
display: block;
color: #9D9D9D;
font-size: 14px;
line-height: 120%;
}
.gallery {
margin: 20px 0 35px;
}
.gallery img {
display: block;
margin: 0 auto;
border-radius: 16px;
}
.caption {
margin: 12px 0 0;
color: var(--light-text);
font-size: 16px;
}
.gallery-carousel {
position: relative;
}
.gallery-box {
overflow: hidden;
position: relative;
}
.gallery-carousel .product-slider__indicators {
margin: 24px 0 0;
}
.gallery-carousel .product-slider__control--prev {
visibility: visible;
}
.gallery-carousel .product-slider__control--next, .gallery-carousel .product-slider__control--prev {
margin-top: -30px;
padding: 0;
}
.gallery-box img {
display: block;
border-radius: 16px;
}
.gallery-carousel .product-slider__control--next {
right: -20px;
left: auto;
}
.gallery-carousel .product-slider__control--prev {
left: -20px;
}
blockquote {
padding: 24px 32px;
background: var(--light-grey);
border-radius: 16px;
font-size: 18px;
font-family: var(--family-title);
margin: 0 0 16px;
}
.blockquote-avatar h4 {
margin: 0 0 4px;
}
.blockquote-avatar {
font-size: 14px;
color: #9D9D9D;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.blockquote-avatar img {
display: block;
border-radius: 50%;
}
.blockquote-name {
max-width: 330px;
}
.blockquote-txt {
margin: 20px 0 0;
padding: 0 0 0 22px;
position: relative;
}
.blockquote-txt:before {
content: "";
position: absolute;
left: 0;
top: -4px;
background: url('data:image/svg+xml,') no-repeat top left/cover;
width: 12px;
height: 10px;
}
.blockquote-txt:after {
content: "";
display: inline-block;
background: url('data:image/svg+xml,') no-repeat top left/cover;
width: 12px;
height: 10px;
margin: 0 0 -3px 10px;
}
.galley-photo {
overflow: hidden;
margin: 20px 0 30px;
}
.galley-photo .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.galley-photo .swiper-slide {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.galley-photo .swiper-slide img {
display: block;
border-radius: 16px;
}
.galley-photo .product-slider__indicators {
margin: 24px 0 0;
display: none;
}
/*Select*/
.ts-control {
border: 0;
padding: 9px 70px 9px 20px;
border-radius: 24px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow: hidden;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#select-date__value {
display: none;
}
.ts-control:after, #select-date__value:after {
content: "";
position: absolute;
right: 20px;
top: 9px;
background: url('data:image/svg+xml,') no-repeat center center;
width: 24px;
height: 24px;
}
.dropdown-active .ts-control:after, .active #select-date__value:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.ts-wrapper.multi.has-items .ts-control {
padding: 6px 8px 3px;
}
.full .ts-control {
background-color: var(--light-grey);
}
.disabled .ts-control, .disabled .ts-control * {
cursor: default !important;
}
.focus .ts-control {
-webkit-box-shadow: none;
box-shadow: none;
}
.ts-control > * {
vertical-align: baseline;
display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
color: #7d7d7d;
background: white;
border: 0 solid white;
}
.ts-control > input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 7rem;
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ts-control > input::-ms-clear {
display: none;
}
.ts-control > input:focus {
outline: none !important;
}
.has-items .ts-control > input {
margin: 0 4px !important;
}
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl.single .ts-control:after {
left: 15px;
right: auto;
}
.ts-control.rtl .ts-control > input {
margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
opacity: 0.5;
background-color: #fafafa;
}
.input-hidden .ts-control > input {
opacity: 0;
position: absolute;
left: -10000px;
}
.ts-dropdown {
position: absolute;
top: 100%;
left: 0;
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
z-index: 10;
padding: 16px 16px 16px 20px;
background: #fff;
margin: 10px 0 0;
border-top: 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
border-radius: 16px;
overflow: hidden;
min-width: 175px;
}
.ts-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 8px 35px 8px 0;
position: relative;
}
.ts-dropdown .option:hover,
.ts-dropdown .optgroup-header:hover,
.ts-dropdown .no-results:hover,
.ts-dropdown .create:hover {
color: var(--link-hover);
background: none;
}
.ts-dropdown .option:after,
.ts-dropdown .optgroup-header:after,
.ts-dropdown .no-results:after,
.ts-dropdown .create:after {
content: "";
position: absolute;
right: 8px;
top: 8px;
width: 20px;
height: 20px;
background: var(--color);
display: block;
opacity: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
opacity: 1;
cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.ts-dropdown .optgroup-header {
background: #fff;
cursor: default;
}
.ts-dropdown .active {
background: none;
}
.ts-dropdown .active:after {
opacity: 1;
}
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 5px 8px;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 24px;
height: 24px;
margin: 3px;
border-radius: 50%;
border: 5px solid #d0d0d0;
border-color: #d0d0d0 transparent #d0d0d0 transparent;
-webkit-animation: lds-dual-ring 1.2s linear infinite;
animation: lds-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-dual-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ts-dropdown-content {
overflow: auto;
max-height: none;
}
.ts-dropdown-content .optgroup-list, .select-date__box .optgroup-list {
overflow: hidden auto;
white-space: nowrap;
max-height: 200px;
}
.ts-dropdown-content .optgroup-list::-webkit-scrollbar, .select-date__box .optgroup-list::-webkit-scrollbar, .map-sdek__list::-webkit-scrollbar {
width: 4px;
scrollbar-color: transparent;
}
.ts-dropdown-content .optgroup-list::-webkit-scrollbar-track, .select-date__box .optgroup-list::-webkit-scrollbar-track, .map-sdek__list::-webkit-scrollbar-track {
background: transparent;
scrollbar-color: transparent;
}
.ts-dropdown-content .optgroup-list::-webkit-scrollbar-thumb, .select-date__box .optgroup-list::-webkit-scrollbar-thumb, .map-sdek__list::-webkit-scrollbar-thumb {
background-color: var(--txt-color);
border-radius: 3px;
border: 0;
}
@-moz-document url-prefix() {
.ts-dropdown-content .optgroup-list, .select-date__box .optgroup-list, .map-sdek__list {
scroll-behavior: smooth;
scrollbar-width: thin;
}
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
margin-right: 0.5rem;
}
.plugin-checkbox_options.rtl .option input {
margin-left: 0.5rem;
}
/* stylelint-disable function-name-case */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 2px;
margin-right: 0 !important;
background: transparent !important;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 1;
}
.ts-wrapper .dropdown-header {
position: relative;
padding: 10px 8px;
border-bottom: 1px solid #d0d0d0;
background: color-mix(#fff, #d0d0d0, 85%);
border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #303030;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
color: black;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
border: 1px solid #d0d0d0;
border-width: 0 0 1px;
display: block;
padding: 8px 8px;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
background: transparent;
}
.plugin-dropdown_input .items-placeholder {
border: 0 none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.ts-wrapper.plugin-remove_button .item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 0 6px;
border-radius: 0 2px 2px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
position: absolute;
right: 0;
top: 0;
font-size: 23px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid #d0d0d0;
margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
border-left-color: white;
}
.ts-wrapper.plugin-remove_button.rtl .item {
padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
border-right: 1px solid #d0d0d0;
margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
border-right-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
border-right-color: white;
}
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
cursor: pointer;
}
.ts-control.rtl {
padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.ts-dropdown,
.ts-control,
.ts-control input {
font-size: 16px;
line-height: 140%;
}
.ts-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.thanks-result__items-all {
display: none;
margin: 0 0 8px;
}
.thanks-result__items-all.active {
display: block;
}
.thanks-result__items-down {
cursor: pointer;
}
.thanks-result__items-down.selected i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.thanks-result__items-down:hover {
color: var(--link-hover);
}
.thanks-result__items-down:hover i {
background: var(--link-hover);
}
.thanks-result__items-all__item {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.thanks-result__items-all__item:not(:last-child) {
margin: 0 0 6px;
}
.thanks-result__items-all__item div:first-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #9D9D9D;
font-size: 14px;
padding-left: 12px;
}
.thanks-result__box-list .thanks-result__items-all__item div:last-child {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 16px;
font-weight: 400;
}
.catalog__wrapper {
gap: 0;
}
/*Basket*/
.basket-header {
margin: 0 0 32px;
}
.basket-header .pageHeader {
display: none;
z-index: 3;
}
.basket-header .pageHeader__submenu-top {
padding: 5.5px 0;
}
.basket-header .pageHeader__submenu-main_logo-container {
max-width: 156px;
}
.section-title__box {
margin: 0 0 32px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.section-title__box h1 {
margin: 0;
}
.back-link__box {
gap: 6px;
}
.back-link__box:hover, .pageHeader__location_city a:hover, .delete-all__items:hover {
color: var(--link-hover);
}
.back-link__box:hover i, .delete-all__items:hover i {
background: var(--link-hover);
}
.pageHeader__location_city a:hover svg {
stroke: var(--link-hover);
}
.basket-delivery__list {
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
gap: 8px;
}
.basket-delivery__list:not(:last-child) {
margin: 0 0 28px;
}
.basket-delivery__item {
padding: 12px 20px;
border-radius: 12px;
background: var(--grey-bg);
color: var(--txt-color);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 14px;
}
.basket-delivery__item h4 {
margin: 0 0 4px;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
line-height: 140%;
}
.basket-box {
gap: 50px;
}
.basket-items__order {
margin: 0 0 28px;
gap: 28px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.delete-all__items {
gap: 8px;
color: var(--txt-color);
padding: 0;
}
.basket-item__box {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.basket-item__box .filter-block__item-label {
padding: 0 20px 0 0;
}
.basket-item__checkbox {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.basket-item__box .product-card {
height: auto;
width: 100%;
margin: 0;
padding: 0;
gap: 32px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: inherit;
}
.basket-img__box {
max-width: 224px;
width: 100%;
position: relative;
padding: 20px 0 0;
}
.basket-item__box .product-card__popular_img_container {
height: 180px;
}
.basket-item__box .product-card__popular {
font-weight: 500;
font-size: 12px;
line-height: 120%;
}
.basket-item__box .product-card__left {
gap: 4px;
}
.basket-item__box .product-card__info {
padding: 0;
}
.basket-item__box .product-card__info-box {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.basket-item__box .product-card__info {
width: 100%;
}
.basket-item__box .product-card__category {
margin: 0 0 12px;
}
.basket-item__box .product-card__description {
margin: 0;
}
.basket-item__box .product-card__volume {
margin: 16px 0 0;
gap: 6px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.volume-list {
gap: 2px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.product-card__volume .ts-control {
background: none;
border-radius: 0;
padding: 0 26px 0 0;
}
.product-card__volume .ts-control:after {
width: 20px;
height: 20px;
top: 2px;
right: 0;
}
.product-card__btns {
margin: 18px 0 0;
}
.product-card__btns button, .product-card__btns input {
width: 40px;
height: 40px;
border: 1px solid #E0E0E0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 4px;
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.product-card__btns input::-webkit-outer-spin-button, .product-card__btns input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.basket-btns__left {
gap: 6px;
}
.quantity-box {
gap: 4px;
}
.product-card__btns button:hover {
background: var(--link-hover);
border-color: var(--link-hover);
}
.product-card__btns button:hover i {
background: #fff;
}
.product-card__btns button:hover svg path, .product-card__btns button.product-card__favorite:hover svg path {
stroke: #fff;
fill: none;
}
.basket-item__box .product-card__price {
margin: 0;
text-align: right;
font-size: 24px;
font-weight: 600;
}
.basket-item__box .product-card__price span {
display: block;
font-size: 20px;
margin: 4px 0 0;
font-weight: 400;
}
.basket-container .product__advantages {
margin: 32px 0 0;
max-width: 900px;
}
.basket-item__box:first-child {
border-top: 1px solid var(--grey-bg);
}
.basket-item__box {
border-bottom: 1px solid var(--grey-bg);
padding: 32px 0;
}
.thanks-result__btn {
margin: 24px 0 0;
}
.thanks-result__btn button {
width: 100%;
max-width: none;
}
.promo-code__box {
margin: 16px auto 0;
text-align: center;
}
.promo-code__btn {
color: var(--txt-color);
padding: 0 0 3px;
border-bottom: 1px dashed var(--txt-color);
}
.promo-code__box button:hover {
color: var(--link-hover);
border-color: var(--link-hover);
}
.tap-bar__icon {
position: relative;
}
.num-label {
position: absolute;
border-radius: 50%;
width: 16px;
height: 16px;
border: 1px solid #fff;
background: var(--color);
color: #fff;
font-weight: 500;
font-size: 9px;
line-height: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
right: -4px;
z-index: 2;
}
.basket-phone__box {
position: fixed;
bottom: 63px;
left: 0;
right: 0;
display: none;
padding: 6px 16px;
background: #fff;
z-index: 2;
border-top: 1px solid #FAFAFA;
}
.copy-box {
color: #fff;
}
.basket-footer {
padding: 32px 40px 24px;
}
.basket-container .thanks-result__box {
top: 30px;
}
.filter-block__item-label:has(input:checked):hover::before {
background-color: #382A2A;
border-color: #382A2A;
}
.filter-block__item-label:has(input:checked)::before {
border-color: var(--btn-color);
}
.ts-dropdown .optgroup .optgroup-header {
display: none;
}
.delete-item__popup .modal__container {
max-width: 464px;
}
.delete-item__popup .modal__container .modal__head {
margin: 0 0 12px;
}
.promo-code__container input {
padding: 15px 44px 15px 16px;
background: #fff;
border-radius: 24px;
border: 1px solid var(--grey);
font-size: 16px;
color: var(--color);
max-width: none;
width: 100%;
}
.promo-code__container input.error {
border-color: #BF3131;
}
.promo-code__container input::-webkit-input-placeholder {
color: #9D9D9D;
}
.promo-code__container input::-moz-placeholder {
color: #9D9D9D;
}
.promo-code__container input:-ms-input-placeholder {
color: #9D9D9D;
}
.promo-code__container input::-ms-input-placeholder {
color: #9D9D9D;
}
.promo-code__container input::placeholder {
color: #9D9D9D;
}
.promo-code__container > div:hover input {
border-color: var(--link-hover);
}
.promo-code__container {
gap: 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.promo-code__container > div {
width: 100%;
position: relative;
text-align: left;
}
#promo-submit {
position: absolute;
top: 15px;
right: 16px;
padding: 0;
}
#promo-delete {
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--grey);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0;
}
#promo-delete:hover, #promo-submit:hover i {
background: var(--link-hover);
}
#promo-delete:hover i {
background: #fff;
}
.hidden {
display: none !important;
}
#code {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.promo-code__item {
width: 100%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
padding: 9px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
background: #E0E0E0;
border-radius: 24px;
}
.promo-code__item span {
display: block;
cursor: pointer;
}
.promo-code__item i {
width: 18px;
height: 18px;
}
.basket-empty__box {
text-align: center;
font-size: 16px;
line-height: 140%;
color: var(--txt-color);
}
.basket-empty__box img {
display: block;
margin: 0 auto 40px;
}
.basket-empty__box h2 {
font-family: var(--family-title);
font-weight: 600;
font-size: 42px;
line-height: 120%;
color: var(--color);
margin: 0 0 20px;
}
.basket-empty__box .cabinet-section__button {
margin: 32px auto 0;
}
.basket-items__list-box:not(:last-child) {
margin: 0 0 32px;
}
.unavailable-items .basket-img__box, .unavailable-items .product-txt__box {
opacity: 0.4;
}
.unavailable-items .product-txt__box .product-card__volume {
pointer-events: none;
}
.unavailable-items .basket-btns__right button {
width: auto;
height: auto;
border: 0;
border-radius: 0;
background: none !important;
gap: 8px;
font-family: var(--family-title);
font-weight: 500;
}
.unavailable-items .basket-btns__right button:hover {
color: var(--link-hover);
}
.unavailable-items .basket-btns__right button:hover i {
background: var(--link-hover);
}
.unavailable-items .basket-item__box:first-child {
border-top: 0;
padding-top: 0;
}
.unavailable-items .basket-items__order {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.unavailable-items .basket-items__order h3 {
margin: 0;
}
.filter-block__item-label:not(:has(input:checked))::before {
border-color: #E0E0E0;
}
.site-container:has(.basket-header):not(:has(.product-slider)) .container:has(footer) {
margin-top: 120px;
}
.order-row__box {
border-bottom: 1px solid var(--grey);
}
.order-form__title-box:has(.form-message__box) {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order-txt__box {
width: 100%;
}
.order-row__box:not(:first-child) {
padding-top: 20px;
}
.order-row__box:not(.disabled-row) {
padding-bottom: 32px;
}
.disabled-row {
padding-bottom: 20px;
}
.order-num__box {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 12px;
background: var(--light-grey);
font-family: var(--family-title);
font-weight: 600;
font-size: 20px;
line-height: 130%;
color: var(--color);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.order-form {
width: 100%;
margin-left: 70px;
}
.thanks-box.order-box h3:not(:last-child) {
margin: 0 0 4px;
}
.order-form {
max-width: 720px;
}
.order-form .cabinet-section__item-form-container {
max-width: 614px;
}
.order-form:not(:first-child) {
margin-top: 28px;
}
.order-form .order-call-footer__input {
padding: 13px 16px;
}
.order-form .order-call-footer__input:hover {
border-color: var(--link-hover);
}
.order-form__box .cabinet-section__button {
margin: 28px 0 0;
}
.disabled-row, .thanks-box.order-box .disabled-row h3, .disabled-row .order-num__box {
color: var(--light-text);
}
.cabinet-section__item-value__txt {
color: var(--txt-color);
}
.order-edit {
width: 100%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
font-family: var(--family-title);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color);
}
.order-edit:hover {
color: var(--link-hover);
}
.active-row .order-num__box {
background: var(--color-light);
color: #fff;
}
.order-form .delivery-list {
position: relative;
}
.delivery-list input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.delivery-list label {
width: calc(50% - 10px);
}
.delivery-list label:hover .delivery-item {
border-color: var(--link-hover);
}
.order-form .delivery-item {
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order-form .delivery-item span {
color: var(--txt-color);
display: block;
margin: 4px 0 0;
font-size: 16px;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
}
.select-box__container:not(:first-child) {
margin: 14px 0 0;
}
.delivery-list input[type=radio]:checked + label .delivery-item {
color: #fff;
background: var(--color-light);
border-color: var(--color-light);
}
.delivery-list input[type=radio]:checked + label .delivery-item span {
color: #fff;
}
.delivery-list input[type=radio]:checked + label .delivery-item i {
background: #fff;
}
.order-delivery__item {
margin: 18px 0 0;
}
.thanks-box .order-delivery__item h4 {
margin: 0 0 6px;
}
.order-delivery__item .form-message__box {
font-size: 14px;
}
.order-delivery__item .order-call-footer__form {
margin: 20px 0 0;
max-width: 460px;
}
.order-delivery__box {
margin: 32px 0 0;
}
.order-delivery__item h5 {
margin: 20px 0 12px;
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: var(--txt-color);
}
.select-date {
gap: 12px;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
margin: 0;
padding: 0;
}
.select-date.select-box__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
max-width: 446px;
}
.select-date li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.select-date input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.select-date label {
display: block;
padding: 16px 24px;
border: 1px solid var(--grey);
border-radius: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
color: #9D9D9D;
cursor: pointer;
}
.delivery-list label {
cursor: pointer;
}
.select-date label:before {
content: "";
display: block;
width: 24px;
height: 24px;
-webkit-box-shadow: inset 0 0 0 2px var(--grey);
box-shadow: inset 0 0 0 2px var(--grey);
border-radius: 50%;
}
.select-date input[type=radio]:checked + label:before {
-webkit-box-shadow: inset 0 0 0 8px var(--color);
box-shadow: inset 0 0 0 8px var(--color);
}
.select-date label span {
display: block;
margin: 0 0 4px;
font-family: var(--family-title);
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: var(--color);
}
.select-date label:hover {
border-color: var(--link-hover);
}
.order-btn__box {
margin: 28px 0 0;
max-width: 437px;
color: var(--txt-color);
}
.order-btn__box button {
margin: 28px 0 0;
}
.order-call-footer__input .ts-control {
padding: 13px 16px;
border-radius: 24px;
border: 1px solid #E0E0E0;
width: 100%;
}
.order-call-footer__input.ts-wrapper {
padding: 0;
border-radius: 0;
border: 0;
width: 100%;
}
.order-call-footer__input .ts-control:after {
display: none;
}
.order-call-footer__input .no-results:after {
display: none;
}
.order-call-footer__input.full .ts-control {
background: none;
}
.select-date__box .optgroup-header {
display: none;
}
.edit-delivery__link {
font-family: var(--family-title);
font-weight: 500;
color: var(--color);
}
.edit-delivery__link:hover {
color: var(--link-hover);
}
.map-info__box {
font-weight: 400;
font-size: 16px;
line-height: 140%;
margin: 0 0 20px;
}
.map-info__tabber {
display: none;
}
.map-sdek__search input {
border-radius: 24px;
padding: 15px 44px 15px 16px;
border: 1px solid var(--grey);
font-size: 16px;
width: 100%;
}
.map-sdek__search {
position: relative;
}
.map-sdek__search button {
position: absolute;
top: 15px;
right: 16px;
padding: 0;
}
.map-sdek__search button:hover i {
background: var(--color);
}
.cabinet-info__list.map-list__box {
gap: 0;
/*height:83%;*/
}
.map-list__box .cabinet-info__map-link {
margin: 10px 0 0;
}
.map-sdek__list {
margin: 24px 0 0;
/*height: 100%;
overflow: hidden;
overflow-y: auto;*/
}
.map-sdek__item:not(:last-child) {
padding: 0 0 16px;
margin: 0 0 16px;
border-bottom: 1px solid var(--grey);
}
.map-sdek__item {
font-size: 16px;
}
.map-sdek__item-date {
color: var(--txt-color);
}
.map-sdek__item-date span {
display: block;
}
body .map-sdek__item h4 {
margin: 0 0 14px;
font-weight: 500;
}
.map-sdek__item-date:not(:last-child) {
margin: 0 0 14px;
}
.map-sdek__item {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 16px;
}
.map-sdek__item > div:last-child {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 120px;
}
.map-sdek__item button {
padding: 12px 15px;
}
.map-sdek__item button:hover {
color: #fff;
}
.overlay-map:is(.site-container:has(.show[data-modal=map-select]) > *) {
opacity: 1;
pointer-events: all;
}
.overlay-map:is(.site-container:has(.show[data-modal=map-select]) > *) [class^=ymaps] [class$=ground-pane] {
-webkit-transition-property: -webkit-filter;
transition-property: -webkit-filter;
transition-property: filter;
transition-property: filter, -webkit-filter;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.order-call-footer[data-modal=map-select] {
max-width: 524px;
}
#map-pickup {
min-height: 445px;
max-width: 790px;
}
.select-date.select-box__items label > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 14px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.select-date.select-box__items label > div img {
display: block;
max-width: 112px;
}
.select-date.select-box__items label:before {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.order-legal .filter-block__item-label {
font-size: 14px;
line-height: 120%;
display: block;
}
.order-form:has(.order-legal) .order-btn__box button, .order-txt__bottom {
margin: 20px 0 0;
}
.order-txt__bottom {
color: var(--color);
}
#order-pay__btn {
min-width: 300px;
}
.order-pay__info {
margin: 24px 0 0;
display: none;
}
.order-pay__info.active {
display: block;
}
.dolyami-box {
margin: 16px 0 0;
background: var(--light-grey);
padding: 16px 20px;
border-radius: 10px;
font-size: 14px;
color: var(--light-text);
}
.dolyami-box .flex {
gap: 4px;
}
.dolyami-price {
font-family: var(--family-title);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--color);
}
.dolyami-item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
padding: 0 0 18px;
}
.dolyami-item:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
background: #E0E0E0;
border-radius: 4px;
}
.dolyami-txt {
margin: 12px 0 0;
}
.dolyami-item__current .dolyami-date {
color: var(--color);
}
.dolyami-item.dolyami-item__current:before {
background: var(--color);
}
.order-pay__info-txt {
max-width: 520px;
}
#pay-split {
padding: 16px 20px;
background: #2E2F33;
-webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
border-radius: 24px;
color: #fff;
min-width: 300px;
font-weight: 500;
font-size: 18px;
line-height: 18px;
overflow: hidden;
position: relative;
display: none;
}
#order-pay__btn.hidden {
display: none;
}
#pay-split.active {
display: block;
}
#pay-split:before {
content: "";
position: absolute;
left: -30px;
right: -30px;
top: -60px;
height: 90px;
background: radial-gradient(50% 50% at 50% 50%, rgba(46, 47, 51, 0) 67.19%, rgba(46, 47, 51, 0.4) 100%, rgba(46, 47, 51, 0.4) 100%), radial-gradient(50% 50% at 50% 50%, #FF5C4D 0%, rgba(235, 70, 159, 0.7) 25%, rgba(131, 65, 239, 0.3) 75%, rgba(46, 47, 51, 1) 100%);
}
#pay-split .flex {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
position: relative;
z-index: 2;
}
#pay-split img {
display: block;
}
/*Phone*/
@media screen and (max-width: 1200px) {
.thanks-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.thanks-box__right, .thanks-personal__box {
max-width: none;
}
.section-title.page-title {
font-size: 32px;
line-height: 120%;
}
.thanks-box h3:not(.product-card__title), .thanks-personal__box-txt h3 {
font-size: 24px;
line-height: 120%;
}
.thanks-result__box-top div:last-child {
font-size: 20px;
}
.thanks-result__box-list {
font-size: 14px;
}
.thanks-result__box-list .flex div:last-child {
font-size: 16px;
}
.contact-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
row-gap: 12px;
}
#map1, #map-pickup {
max-width: none;
}
.basket-header .pageHeader__submenu-top .pageHeader__submenu-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
padding-bottom: 0;
}
.map-sdek__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.map-sdek__item > div {
width: 100%;
max-width: none !important;
}
.map-sdek__item button {
width: 100%;
max-width: none;
}
}
@media (max-width: 768px) {
.product-slider__indicators {
margin-top: 20px;
}
.box-404__container > .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
row-gap: 24px;
}
.img-404 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.text-404 {
width: 100%;
text-align: center;
}
.text-404 h1.section-title, .txt-404__box {
text-align: center;
}
.box-404__container .events-container__button {
margin: 24px auto 0;
}
.txt-404__box {
margin: 0 auto;
}
.footer-container__bottom {
padding: 12px 0;
}
.basket-header .pageHeader {
display: block;
}
.basket-phone__box {
gap: 15px;
}
.basket-phone__box button {
max-width: 178px;
padding: 15px 20px;
}
.basket-phone__price .product-card__price {
margin: 0;
padding: 0;
font-weight: 600;
font-size: 20px;
line-height: 140%;
}
.basket-phone__price .product-card__price.strikethrough {
font-weight: 400;
font-size: 14px;
line-height: 135%;
margin-left: 5px;
}
.page__body:has(.basket-phone__box) .footer-container {
margin-bottom: 125px;
}
.pc {
display: none !important;
}
.ph {
display: block !important;
}
.ph.flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.basket-delivery__list {
margin: 24px 0 0 !important;
}
.copy-box {
margin: 24px 0 0;
font-size: 12px;
line-height: 120%;
}
.basket-footer .footer-container__contact {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-form {
margin-left: 0;
max-width: none;
}
.order-form__box .cabinet-section__item-input-info {
margin: 6px 0 0;
}
.order-form .cabinet-section__item-form-container {
max-width: none;
}
.cabinet-info__list.map-list__box {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.order-call-footer[data-modal=map-select] {
max-width: none;
}
.map-sdek__search input {
padding: 13px 44px 13px 16px;
font-size: 14px;
}
.map-info__box {
font-size: 14px;
line-height: 135%;
margin: 0 0 16px;
}
.order-call-footer[data-modal=map-select] .order-call-footer__close-button-top {
margin: 0 0 12px;
}
.map-sdek__search button {
top: 12px;
}
.map-info__tabber {
margin: 16px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
padding: 4px;
border-radius: 12px;
background: #F1EDEA;
}
.map-info__tabber .map-tab {
padding: 8px 20px;
border-radius: 8px;
taxt-align: center;
width: 100%;
color: var(--color);
font-size: 14px;
line-height: 135%;
}
.map-info__tabber .map-tab.active {
color: #fff;
background: var(--color);
}
.map-sdek__item, .map-sdek__search .cabinet-info__map-link {
font-size: 14px;
}
.overlay-map:is(.site-container:has(.show[data-modal=map-select]) > *) {
opacity: 0;
}
.overlay-map.sdek-map.selected:is(.site-container:has(.show[data-modal=map-select]) > *) {
opacity: 1;
}
.order-call-footer[data-modal=map-select]:not(:has(.cabinet-info__list.map-list__box.selected)) {
height: 173px;
}
.order-call-footer[data-modal=map-select]:not(:has(.cabinet-info__list.map-list__box.selected)) .order-call-footer__content {
overflow-y: hidden;
}
}
@media screen and (max-width: 736px) {
.thanks-box__table.flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.thanks-box__top div:not(:last-child) {
margin: 0 0 5px;
}
.thanks-box__table.flex > div:not(:last-child) {
margin: 0 0 24px;
padding: 0 0 24px;
border-bottom: 1px solid var(--grey);
}
.thanks-result__box {
position: relative;
top: auto;
padding: 24px 20px;
}
.thanks-result__box-list > .flex.thanks-result__delivery, .result-box__list > .flex.thanks-result__delivery {
margin: 0;
}
.thanks-personal__box:not(:first-child) {
margin: 60px 0 0;
}
.thanks-personal__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
row-gap: 24px;
padding: 20px 16px 16px;
}
.thanks-personal__box-txt {
margin: 0;
}
.thanks-personal__box-img {
min-height: 311px;
max-width: none;
}
.breadcrumbs.breadcrumbs-list {
padding-top: 20px;
padding-bottom: 16px;
}
.thanks-personal__box-txt .events-container__button {
text-align: center;
margin: 24px 0 0;
}
.box-404__container {
padding: 24px 0 0;
}
.title-404__top {
font-size: 54px;
}
.text-404 h1.section-title {
font-size: 32px;
line-height: 120%;
}
.text-404 {
font-size: 16px;
}
.img-404 {
max-width: 250px;
margin: 0 auto;
}
.contact-txt {
padding: 20px 16px;
border-radius: 16px;
font-size: 14px;
line-height: 135%;
}
#map, #map-pickup {
border-radius: 16px;
}
.contact-box__container h1 {
font-size: 28px;
margin: 0 0 12px;
}
.contact-box__container h4 {
font-size: 18px;
margin: 0 0 6px;
}
.contact-block:not(:last-child) {
margin: 0 0 16px;
}
.contact-block div a {
font-size: 18px;
line-height: 130%;
}
.social-block {
margin: 20px 0 0;
gap: 8px;
}
.social-item {
padding: 7px 16px;
font-size: 16px;
line-height: 140%;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.social-item .icon {
width: 32px;
height: 32px;
}
.social-item:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.social-item:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.social-item:nth-child(1) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.contact-box__container {
margin: 0 0 60px;
}
.page-box__container h1 {
font-size: 32px;
line-height: 120%;
margin: 0 0 28px;
}
.page-box__container h2 {
font-size: 28px;
line-height: 120%;
}
.page-box__container h4 {
font-size: 18px;
}
.page-box__container h3 {
font-size: 24px;
line-height: 120%;
}
.ts-wrapper, .ts-control {
width: 100%;
}
.page-box__container h4:not(:first-child) {
margin-top: 24px;
}
.delivery-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.delivery-item {
width: 100%;
}
.table-box {
overflow: hidden;
overflow-x: auto;
margin-left: -16px;
margin-right: -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.table-box table {
margin: 0 16px;
}
.table-box table:after {
content: "";
width: 1px;
height: 1px;
display: block;
}
.page-box__container table td, .page-box__container table th {
padding: 18px 15px;
white-space: nowrap;
}
.page-box__container table td {
font-size: 14px;
}
.page-box__container table th {
font-size: 16px;
line-height: 130%;
}
.page-box__container ul li, .page-box__container ol li, .page-box__container a, .page-box__container .download-link {
font-size: 14px;
line-height: 135%;
}
.page-box__container .page-box {
margin-bottom: 60px;
}
.gallery {
margin: 16px 0 30px;
}
.caption {
font-size: 14px;
}
.gallery-carousel .product-slider__control--prev, .gallery-carousel .product-slider__control--next {
display: none;
}
.gallery-carousel .product-slider__indicators {
margin: 20px 0 0;
}
blockquote {
padding: 16px 18px;
font-size: 14px;
}
.blockquote-txt:before, .blockquote-txt:after {
width: 9px;
height: 7px;
}
.blockquote-txt {
padding: 0 0 0 16px;
margin: 14px 0 0;
}
.blockquote-avatar {
font-size: 12px;
}
.page-box__container .blockquote-avatar h4 {
font-size: 16px;
}
.blockquote-txt:after {
margin: 0 0 -3px 5px;
}
.galley-photo .product-slider__indicators {
margin: 20px 0 0;
display: block;
}
.galley-photo .swiper-wrapper {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
}
.galley-photo .swiper-slide {
max-width: none;
}
.back-link__box {
display: none !important;
}
.basket-header {
margin: 0;
}
.basket-items__order {
margin: 0 0 20px;
}
.basket-items__order .filter-block__item-label, .basket-items__order {
font-size: 14px;
line-height: 135%;
}
.basket-item__box, .basket-item__box .product-card__info-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 8px;
}
.basket-item__box .product-card {
padding: 0 0 60px;
gap: 12px;
}
.product-card__btns {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
body > .ts-dropdown, .select-date__box {
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
position: fixed;
top: auto !important;
width: auto !important;
margin: 0;
border-radius: 0;
padding: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
display: block !important;
}
.select-date__box {
top: 0 !important;
z-index: 101;
}
.select-overlay {
left: 0;
right: 0;
bottom: 0;
position: fixed;
top: 0;
background: rgba(53, 44, 44, 0.3);
z-index: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
body > .ts-dropdown.active .select-overlay, #select-date.active .select-overlay {
opacity: 1;
visibility: visible;
}
body > .ts-dropdown.active, .active .select-date__box, body > .ts-dropdown.active .select-overlay {
pointer-events: all;
}
body > .ts-dropdown .ts-dropdown-content, .select-date__box .optgroup {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
body > .ts-dropdown.active .ts-dropdown-content, #select-date.active .select-date__box .optgroup {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
body > .ts-dropdown .ts-dropdown-content, .select-date__box .optgroup {
padding: 24px 20px 28px;
background: #fff;
border-radius: 16px 16px 0px 0px;
position: relative;
z-index: 2;
}
.basket-item__box .product-card__info {
position: static;
font-size: 14px;
}
.basket-items__list {
margin: 0 -16px;
position: relative;
}
.basket-item__box {
padding: 16px 16px 22px;
}
.basket-item__box .product-card__popular_img_container {
width: 154px;
height: 154px;
}
.basket-item__box .product-card__popular_img_container img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.basket-img__box {
padding: 0;
}
.basket-img__box .product-card__popular_container {
bottom: 0;
top: auto;
}
.basket-item__box .product-card__left {
gap: 2px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
}
.basket-item__box .product-card__popular {
font-weight: 400;
font-size: 10px;
line-height: 130%;
padding: 2px 6px;
}
.basket-item__box .ts-control {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.basket-img__box {
max-width: 154px;
}
.basket-item__box .product-card__category {
margin: 0 0 4px;
}
.thanks-box .basket-item__box h3 {
margin: 0 0 4px;
}
.basket-item__box .product-card__volume {
margin: 10px 0 0;
}
.basket-item__box .product-card__price {
text-align: left;
font-size: 18px;
line-height: 140%;
}
.basket-item__box .product-card__price span {
display: inline;
margin-left: 8px;
font-weight: 400;
font-size: 14px;
line-height: 135%;
}
body > .ts-dropdown .option, body > .ts-dropdown .optgroup-header, body > .ts-dropdown .no-results, body > .ts-dropdown .create {
padding: 10px 35px 10px 0;
font-size: 14px;
line-height: 135%;
}
body > .ts-dropdown .option:not(:last-child), body > .ts-dropdown .optgroup-header:not(:last-child), body > .ts-dropdown .no-results:not(:last-child), body > .ts-dropdown .create:not(:last-child) {
border-bottom: 1px solid #F1EDEA;
}
.basket-box {
gap: 28px;
}
.basket-delivery__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 6px;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
.basket-delivery__item {
gap: 16px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.basket-delivery__item h4 {
font-size: 16px;
line-height: 140%;
}
.basket-footer {
padding: 24px 16px;
}
.basket-container .thanks-result__box {
top: auto;
}
.ts-dropdown .optgroup .optgroup-header, .select-date__box .optgroup-header {
display: block;
padding: 0 !important;
border: 0 !important;
font-family: var(--family-title);
font-weight: 600;
font-size: 24px;
line-height: 120%;
margin: 0 0 16px;
color: var(--color);
}
.ts-dropdown .optgroup .optgroup-list .optgroup-header {
display: none;
}
.ts-dropdown .optgroup .optgroup-header:after {
display: none;
}
.ts-dropdown:hover:after {
display: none;
}
.promo-code__container input {
padding: 13px 44px 13px 16px;
font-size: 14px;
}
#promo-submit {
top: 11px;
}
#promo-delete {
width: 46px;
height: 46px;
}
.arrow-icon {
width: 24px;
height: 24px;
}
.basket-empty__box {
font-size: 14px;
line-height: 135%;
}
.basket-empty__box img {
margin: 0 auto 32px;
}
.basket-empty__box h2 {
font-size: 28px;
line-height: 120%;
margin: 0 0 12px;
}
.basket-empty__box .cabinet-section__button {
margin: 28px auto 0;
}
.unavailable-items .basket-items__order {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 12px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
/*.ts-dropdown, .ts-control, .ts-control input {
font-size:14px;
}*/
.product-card__volume .ts-control:after {
top: 0;
}
.unavailable-items .basket-btns__right button {
gap: 6px;
font-size: 16px;
line-height: 120%;
}
.order-num__box {
width: 44px;
height: 44px;
font-size: 18px;
line-height: 130%;
}
.order-form__title-box {
gap: 16px;
}
.form-message__box {
font-size: 14px;
}
.order-form__box .cabinet-section__button {
margin: 20px 0 0;
}
.order-form__box .cabinet-section__item-form-container + .cabinet-section__item-form-container {
margin-top: 14px;
}
.order-form__box .cabinet-section__item-form-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.order-form__box .cabinet-section__item-input-wrapper, .order-form__box .cabinet-section__item-input-wrapper:has(input[name=email]) {
max-width: none;
}
.order-edit {
max-width: none;
}
.select-date {
display: block;
}
.delivery-list label {
width: 100%;
}
.order-form .delivery-item span {
font-size: 14px;
}
.order-form .delivery-item {
padding: 12px 20px;
}
.order-delivery__box {
margin: 24px 0 0;
}
.thanks-box .order-delivery__item h4 {
font-size: 18px;
}
.ts-dropdown {
width: 100% !important;
}
.order-delivery__item {
margin: 10px 0 0;
}
.order-delivery__item h5 {
margin: 12px 0 8px;
font-size: 16px;
line-height: 140%;
}
.order-btn__box {
margin: 16px 0 0;
font-size: 14px;
line-height: 135%;
}
.order-btn__box button {
margin: 24px 0 0;
padding: 15.5px 20px;
}
.order-row__box {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
.select-date__box .optgroup-header {
display: block;
}
.select-date__box .optgroup {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#select-date__value {
padding: 9px 70px 9px 20px;
background: var(--light-grey);
position: relative;
border-radius: 24px;
text-transform: lowercase;
display: block;
}
#select-date__value span {
margin-right: 3px;
}
#select-date__value span:after {
content: ",";
}
.select-date:not(.select-box__items) label {
padding: 10px 35px 10px 0;
font-size: 14px;
line-height: 135%;
border-radius: 0;
border: 0;
text-transform: lowercase;
position: relative;
}
.select-date:not(.select-box__items) li {
border-bottom: 1px solid #F1EDEA;
}
.select-date:not(.select-box__items) li:last-child {
border-bottom: 0;
}
.select-date:not(.select-box__items) label, .select-date:not(.select-box__items) label span {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 135%;
color: var(--color);
}
.select-date:not(.select-box__items) label span {
display: inline;
margin-right: 3px;
}
.select-date:not(.select-box__items) label span:after {
content: ",";
}
.select-date:not(.select-box__items) label:before {
content: "";
position: absolute;
right: 8px;
top: 8px;
width: 20px;
height: 20px;
background: var(--color);
display: block;
opacity: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.select-date:not(.select-box__items) input[type=radio]:checked + label:before {
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
}
#map-pickup {
min-height: 440px;
}
.site-container:has(.basket-header) .container:has(footer) {
margin-top: 60px;
}
.select-date.select-box__items label {
padding: 16px 20px;
font-size: 14px;
gap: 14px;
line-height: 135%;
}
.select-date.select-box__items label > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
gap: 10px;
}
.order-legal .filter-block__item-label::before {
top: 10px;
}
.order-txt__bottom {
margin: 12px 0 0;
font-size: 14px;
}
.dolyami-box {
font-size: 12px;
padding: 14px 16px;
line-height: 135%;
}
.dolyami-txt {
margin: 8px 0 0;
}
.dolyami-item:before {
height: 4px;
}
.dolyami-item {
padding: 0 0 14px;
}
#pay-split {
width: 100%;
}
}
@media screen and (max-width: 440px) {
.thanks-personal__box-txt .events-container__button, .box-404__container .events-container__button {
width: 100%;
}
}
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
/*# sourceMappingURL=vendor.css.map */
/* End */
/* Start:/local/templates/bonnemanche/css/main.css?1758180788270001*/
@charset "UTF-8";
:root {
--content-width: 1360px;
--container-offset: 40px;
--container-width: calc(var(--content-width) + (var(--container-offset) * 2));
}
@media (max-width: 768px) {
:root {
--container-offset: 16px;
}
}
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
opacity: 1;
}
.custom-checkbox__field:focus + .custom-checkbox__content::before {
outline: 2px solid #f00;
outline-offset: 2px;
}
.custom-checkbox__field:disabled + .custom-checkbox__content {
opacity: 0.4;
pointer-events: none;
}
/* stylelint-disable */
/* stylelint-disable */
@font-face {
font-family: "Montserrat";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Noto_Sans/NotoSans-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Noto_Sans/NotoSans-Medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url("/local/templates/bonnemanche/css/../fonts/../fonts/Noto_Sans/NotoSans-SemiBold.woff2") format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.page {
height: 100%;
font-family: var(--font-family, sans-serif);
-webkit-text-size-adjust: 100%;
}
.page__body {
min-width: 320px;
min-height: 100%;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
height: auto;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
a {
text-decoration: none;
}
.site-container {
width: 100%;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.is-hidden {
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.btn-reset {
border: none;
padding: 0;
background: transparent;
cursor: pointer;
}
.list-reset {
list-style: none;
margin: 0;
padding: 0;
}
.input-reset {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
display: none;
}
.visually-hidden {
position: absolute;
overflow: hidden;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
}
.container {
margin: 0 auto;
padding: 0 var(--container-offset);
max-width: var(--container-width);
width: 100%;
}
@media (max-width: 768px) {
.container:has(footer) {
padding: 0;
}
}
.js-focus-visible :focus:not(.focus-visible) {
outline: none;
}
.centered {
text-align: center;
}
.dis-scroll {
position: fixed;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100vh;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.page--ios .dis-scroll {
position: relative;
}
main {
margin: auto 0 0 0;
}
body input {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #929292;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
body a {
color: #352C2C;
text-decoration: none;
font-size: 16px;
}
body p {
margin-top: 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
@media (max-width: 768px) {
body p {
font-size: 14px;
line-height: 18.9px;
}
}
body h4 {
color: #352C2C;
text-decoration: none;
font-size: 16px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
h3,
h4 {
margin: 10px 0;
font-size: 16px;
font-weight: 600;
color: #352C2C;
}
.section-title {
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 60px;
text-align: left;
margin: 0 0 40px;
color: #352C2C;
}
@media (max-width: 1024px) {
.section-title {
font-size: 28px;
line-height: 33.6px;
}
}
.section-title[data-count]::after {
content: attr(data-count);
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #9D9D9D;
margin-left: 6px;
vertical-align: top;
}
.section-subtitle {
font-family: "Montserrat", sans-serif;
font-size: 42px;
font-weight: 600;
line-height: 50.4px;
text-align: left;
margin: 0 0 24px;
}
.section-subtitle--small {
font-size: 32px;
line-height: 44.8px;
margin-bottom: 20px;
}
.section-subtitle--smallest {
font-size: 24px;
line-height: 28.8px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.section-subtitle {
font-size: 28px;
line-height: 33.6px;
}
.section-subtitle--small {
font-size: 24px;
line-height: 28.8px;
}
}
.section-subtitle[data-count]::after {
content: attr(data-count);
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1em;
color: #9D9D9D;
margin-left: 6px;
vertical-align: top;
}
.file-link {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
color: #4A3933;
}
.file-link:hover {
color: #967E76;
}
.file-link > svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
stroke: currentColor;
}
@media (max-width: 1024px) {
.mobile-hidden {
display: none !important;
}
}
@media (min-width: 1025px) {
.mobile-visible {
display: none !important;
}
}
/* banner */
.swiper_pageMain-title_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
left: 80px;
top: -20px;
}
.swiper_pageMain-title {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 52px;
color: #4A3933;
margin: 0;
padding: 0;
width: 460px;
}
.swiper_pageMain-title_container span {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 18px;
color: #554E4E;
padding-top: 20px;
padding-bottom: 30px;
}
.swiper_pageMain-title_container button {
padding: 15px 32px 15px 32px;
color: #fff;
background: #4A3933;
border-radius: 24px;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.swiper_pageMain-title_container button:hover {
background: #382A2A;
}
.carousel {
position: relative;
height: 100%;
overflow: hidden;
max-height: 560px;
border-radius: 16px;
margin: 20px 0 13px 0;
}
.slides {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
height: 560px;
}
.slide.active {
background: #F7F7F7;
}
.slide {
min-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-height: 560px;
}
.slide img {
width: 100%;
height: auto;
}
.controls-indicators {
position: absolute;
bottom: 0px;
right: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 32px;
margin-right: 32px;
}
.controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
button {
background-color: transparent;
color: #fff;
border: none;
padding: 0px;
cursor: pointer;
}
button:not([class]) svg:hover {
fill: #382A2A;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
stroke: #fff;
}
button:not([class]) svg:hover path {
fill: #FFF;
}
.indicators {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
}
.indicator {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50px;
border: 1px solid #352C2C;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.indicator.active {
width: 26px;
}
.indicator .progress {
height: 100%;
background-color: #352C2C;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
}
.indicator.active .progress {
-webkit-animation: progress 2s linear forwards;
animation: progress 2s linear forwards;
}
@-webkit-keyframes progress {
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes progress {
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@media (min-width: 901px) {
.header__personal-links_mobile_menu {
display: none;
}
.pageHeader__submenu-second,
.header__personal-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pageHeader__submenu-second {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* banner end */
/* header */
.header {
position: sticky;
top: 0;
background-color: #fff;
z-index: 2;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
@media (min-width: 900px) {
.header.scrolled {
-webkit-box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
}
.header.scrolled > .pageHeader {
margin-top: -36px;
}
}
@media (min-width: 900px) and (max-width: 1024px) {
.header.scrolled > .pageHeader {
margin-top: -75px;
}
}
@media (min-width: 900px) {
.header.scrolled .pageHeader__submenu-second {
max-height: 0px;
}
.header.scrolled .pageHeader__submenu-second.active {
max-height: 36px;
}
.header.scrolled .mobile_menu_burgers--scrolled {
margin-left: 0;
width: 24px;
}
}
@media (max-width: 768px) {
.header {
position: relative;
}
}
.pageHeader {
position: relative;
z-index: 1;
background: #fff;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pageHeader__submenu-top {
width: 100%;
background: #F7F7F7;
}
.pageHeader__location_top_city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.pageHeader__submenu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1440px;
margin: 0 auto;
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pageHeader__listItem--link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
text-decoration: none;
list-style: none;
margin: 0;
padding: 9px 0;
}
.pageHeader__listItem--link li a {
text-decoration: none;
font-size: 14px;
}
.pageHeader__listItem--link li:hover a {
color: #967E76;
}
.js-popup-button.js-popup-location-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-decoration: none;
}
.pageHeader__callback-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.pageHeader__callback_phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.pageHeader__callback_phone:hover svg path {
stroke: #967E76;
}
.pageHeader__callback_phone:hover .pageHeader__callback_phone--link {
color: #967E76;
}
.pageHeader__callback_phone--link {
text-decoration: none;
font-size: 14px;
}
.pageHeader__callback_tell a {
font-size: 14px;
text-decoration: none;
font-weight: 600;
}
.pageHeader__callback_tell a:hover {
color: #967E76;
}
.pageHeader__callback_tell {
position: relative;
display: inline-block;
}
.pageHeader__callback_tell-tooltip {
position: absolute;
top: 32px;
right: 0;
width: 339px;
background-color: white;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
z-index: 10;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.3s 0.1s ease-out;
transition: 0.3s 0.1s ease-out;
}
.pageHeader__callback_tell-tooltip-wrapper {
padding: 20px;
}
.pageHeader__callback_tell:hover .pageHeader__callback_tell-tooltip {
max-height: 200px;
}
.pageHeader__callback_tell-tooltip h5 {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
color: #352C2C;
margin: 0;
}
.pageHeader__callback_tell-tooltip p {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #554E4E;
}
.pageHeader__callback_tell-tooltip p span {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 600;
color: #554E4E;
}
.pageHeader__callback_tell-sanday {
margin: 0;
}
.pageHeader__submenu-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 0;
gap: 30px;
background-color: #fff;
position: relative;
z-index: 1;
}
.pageHeader__submenu-main_logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
height: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.pageHeader__submenu-main_logo-container img {
-o-object-position: center;
object-position: center;
-o-object-fit: contain;
object-fit: contain;
height: 100%;
}
@media (max-width: 1100px) {
.pageHeader__submenu-main_logo-container {
height: 40px;
}
}
@media (max-width: 768px) {
.pageHeader__submenu-main_logo-container {
height: 31px;
}
}
@media (max-width: 374px) {
.pageHeader__submenu-main_logo-container {
height: 23px;
}
}
.header_info_block__item.basket-block {
max-width: 580px;
}
.header__search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 14px 20px;
border: 1px solid #989898;
border-radius: 24px;
cursor: text;
}
.pageHeader__submenu-main--search {
width: 100%;
max-width: 580px;
}
.header__search-button {
padding: 0;
background: none;
border: none;
cursor: pointer;
}
.header__search-button svg {
display: block;
}
.custom-clear-button {
position: absolute;
right: 13px;
color: #605757;
border: none;
cursor: pointer;
display: none;
/* Скрыта по умолчанию */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
input[type=search]::-webkit-search-cancel-button {
display: none;
}
/* Показать кнопку при вводе текста в поле */
.header__search-input:not(:-moz-placeholder-shown) + .custom-clear-button {
display: flex;
}
.header__search-input:not(:-ms-input-placeholder) + .custom-clear-button {
display: -ms-flexbox;
display: flex;
}
.header__search-input:not(:placeholder-shown) + .custom-clear-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* Стили при активном input */
.header__search-input:focus + .custom-clear-button,
.header__search-input:focus {
border: none;
outline: none;
color: #605757;
}
.custom-clear-button svg:hover {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
.header__search-button svg path {
fill: #E0E0E0;
/* Начальный цвет иконки */
}
.header__search:focus-within .header__search-button svg path {
fill: #605757;
}
.header__search-input:focus ~ .custom-clear-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__search-input:focus {
border: none;
outline: none;
}
/* Изменение стиля обертки при активном input */
.header__search-input:focus {
border: none;
outline: none;
}
.header__search:focus-within {
border: 1px solid #352C2C;
}
.header__search-input {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #9D9D9D;
width: 100%;
height: 18px;
padding: 7px 5px 7px 15px;
}
/* Стили для выпадающего меню */
.search-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border-radius: 16px;
z-index: 3;
margin-top: 15px;
max-height: 600px;
padding: 24px;
/* Добавляем padding для внутреннего отступа */
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: none;
}
.search-dropdown-content {
max-height: 552px;
/* Учитываем padding в 10px сверху и снизу */
overflow-y: auto;
}
.search-dropdown-content::-webkit-scrollbar {
width: 4px;
/* Ширина скроллбара */
}
.search-dropdown-content::-webkit-scrollbar-track {
background: transparent;
/* Цвет трека скроллбара */
border-radius: 4px;
}
.search-dropdown-content::-webkit-scrollbar-thumb {
background: #605757;
/* Цвет ползунка скроллбара */
border-radius: 16px;
}
.search-dropdown-content::-webkit-scrollbar-thumb:hover {
background: #605757;
/* Цвет ползунка при наведении */
}
/* Псевдоэлементы для стилизации верхнего и нижнего конца ползунка */
.search-dropdown-content::-webkit-scrollbar-thumb:vertical-start {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.search-dropdown-content::-webkit-scrollbar-thumb:vertical-end {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.search-dropdown__section.popular_section,
.search-dropdown__section {
padding-right: 15px;
padding-top: 20px;
}
.search-dropdown__section.last_search {
padding-right: 60px;
padding-top: 0px;
}
.search-dropdown__section.popular_toy .search-dropdown__item {
padding: 15px 0;
margin: 0;
padding-bottom: 7px;
}
.search-dropdown__item-image img {
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover;
}
.search-dropdown__section.popular_toy .search-dropdown__item:last-child {
border-bottom: 0px solid #F7F7F7;
margin: 0;
padding-bottom: 0;
}
.search-dropdown__title {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
color: #352C2C;
margin: 0;
}
.search-dropdown__list {
list-style: none;
padding: 0;
margin: 0;
}
.search-dropdown__section.popular_section .search-dropdown__item {
border-bottom: 0px solid #F7F7F7;
color: #9D9D9D;
}
.search-dropdown__section.last_search .search-dropdown__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0px solid #F7F7F7;
color: #9D9D9D;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
margin-bottom: 12px;
}
.search-dropdown__item_title_clear svg {
display: none;
}
.search-dropdown__item:hover .last_search_text {
color: #382A2A;
}
.search-dropdown__item:hover .search-dropdown__item_title_clear svg {
display: block;
}
.search-dropdown__section.last_search .search-dropdown__item_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
.last_search_text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #9D9D9D;
margin: 0;
}
.search-dropdown__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
cursor: pointer;
font-size: 16px;
gap: 15px;
border-bottom: 1px solid #F7F7F7;
margin: 12px 0;
}
.search-dropdown__item-title,
.search-dropdown__item-text,
.search-dropdown__item-price {
margin: 0;
}
.search-dropdown__item-title {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 600;
color: #352C2C;
}
.search-dropdown__item-text {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 400;
color: #554E4E;
}
.search-dropdown__item-price {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: #352C2C;
padding-top: 4px;
}
/* Показать выпадающее меню при фокусе на input */
.header__search:focus-within .search-dropdown {
!display: block;
}
input[type=search] {
-webkit-appearance: none;
outline-offset: none;
}
input,
textarea:focus,
input:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.mb-sidebar.auth-sidebar {
display: none;
}
.auth-sidebar__input-label {
display: none;
}
#bxdynamic_9J9wbd_end,
.bxdynamic_9J9wbd_start {
display: none;
}
.header__menu-second-item:hover a {
color: #967E76;
}
.header__personal-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
gap: 20px;
}
.header__personal-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.header__menu-second-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
gap: 20px;
margin: 0;
padding: 10px 0;
}
.pageHeader__submenu-second {
max-height: 36px;
border-radius: 30px;
background-color: #F1EDEA;
position: relative;
z-index: 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.pageHeader__submenu-popup {
display: none;
position: absolute;
background-color: rgb(255, 255, 255);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
z-index: 2;
border-radius: 0px 0px 16px 16px;
top: 34px;
left: calc((1380px - 100vw) / 2);
right: calc((1380px - 100vw) / 2);
max-width: 100vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pageHeader__submenu-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 55px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 25px 32px 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.pageHeader__submenu-content_home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 155px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 25px 32px 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.pageHeader__submenu-content_grooming {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 130px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 25px 32px 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.submenu-sections.grooming {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(300px, 2fr) minmax(160px, 1fr);
grid-template-columns: minmax(300px, 2fr) minmax(160px, 1fr);
gap: 0px;
grid-column-gap: 61px;
}
.submenu-slider {
position: relative;
width: 100%;
margin: 0;
overflow: hidden;
}
.product-submenu_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.product-submenu__title {
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
color: #352C2C;
}
.product-submenu__view-all {
display: none;
}
.product-submenu__viewport {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 36px;
}
.product-slider__track_submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
gap: 0px;
}
.product-submenu__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
transition: transform 0.5s, box-shadow 0.5s;
transition: transform 0.5s, box-shadow 0.5s, -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
border-radius: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 246px;
}
.product-submenu {
position: relative;
overflow: hidden;
}
.product-card__submenu_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
}
.product-card__submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 4px 7px;
font-weight: 500;
color: #fff;
font-family: "Monserrat", sans-serif;
font-size: 10px;
background: #29282D;
border-radius: 4px;
}
.product-card__favorite-submenu {
display: none;
font-size: 24px;
color: #ff0000;
cursor: pointer;
padding: 5px 10px;
background: rgba(255, 255, 255, 0.8);
}
.product-card__submenu_img_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 180px;
}
.product-card__image_submenu {
max-height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-card__info_submenu {
padding: 0 16px;
text-align: left;
position: relative;
}
.product-card__price_submenu {
margin-top: 14px;
margin-bottom: 4px;
font-size: 18px;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
color: #352C2C;
}
.product-card__price-strikethrough_submenu {
text-decoration: line-through;
color: #B8B8B8;
font-weight: 500;
margin-left: 12px;
font-size: 18px;
font-family: "Noto Sans", sans-serif;
}
.product-card__category_submenu {
font-weight: 400;
margin: 4px 0;
font-size: 14px;
color: #605757;
}
.product-card__title_submenu {
margin: 4px 0;
font-size: 14px;
font-weight: 600;
}
.product-card__description_submenu {
margin: 4px 0;
font-weight: 400;
color: #554E4E;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 280px;
font-family: "Noto Sans", sans-serif;
}
.product-card__extra-info_submenu {
height: 0;
overflow: hidden;
-webkit-transition: height 0.5s ease;
transition: height 0.5s ease;
z-index: 1;
width: 100%;
}
.product-card__submenu_sale {
padding: 4px 7px;
font-weight: 500;
background: #916C5D;
color: #fff;
margin-right: auto;
border-radius: 6px;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: 500;
}
.product-card__rating_submenu {
margin-top: 10px;
color: #000;
font-size: 14px;
}
.product-card__buy-button_submenu {
margin-top: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
border-radius: 24px;
background: #4A3933;
width: 100%;
margin-top: 15px;
cursor: pointer;
padding: 15px 32px 15px 32px;
}
.product-slider__control_submenu {
border: none;
padding: 0;
cursor: pointer;
/* position: absolute; */
top: 50%;
z-index: 1;
font-size: 24px;
color: #333;
}
.product-slider__control--button_submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.product-slider__indicators_submenu {
pointer-events: none;
}
.product-slider__indicators_submenu > * {
pointer-events: all;
}
.product-slider__indicators_submenu_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
gap: 32px;
margin-top: 36px;
margin-right: 50px;
}
.product-slider__control--next_submenu {
/* right: 10px; */
}
.product-slider__indicator_submenu {
display: inline-block;
width: 8px;
height: 8px;
background-color: transparent;
border: 1px solid #352C2C;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-slider__indicator--active_submenu {
width: 26px;
background-color: #352C2C;
border-radius: 10px;
}
@media (min-width: 768px) {
.product-submenu__slide {
padding: 0px;
}
}
@media (max-width: 1280px) {
.pageHeader__submenu-main {
gap: 15px;
}
}
.header__menu-second-item:hover .pageHeader__submenu-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.submenu-title {
grid-column: 1/-1;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.submenu-description {
font-size: 14px;
margin-bottom: 20px;
}
.submenu-sections {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(160px, 1fr) minmax(300px, 2fr);
grid-template-columns: minmax(160px, 1fr) minmax(300px, 2fr);
gap: 0px;
grid-column-gap: 137px;
}
.submenu-section {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.submenu-sections_left,
.submenu-sections_right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.submenu-title h4 {
font-size: 32px;
font-weight: 600;
color: #352C2C;
margin-top: 0;
margin-bottom: 25px;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.submenu-title h4:hover {
color: #967E76;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.submenu-section h5 {
font-size: 20px;
font-weight: 600;
font-family: "Monserrat", sans-serif;
margin: 0;
color: #352C2C;
margin-bottom: 12px;
}
.submenu-section h5:hover {
color: #967E76;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.submenu-section ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 15px;
}
.submenu-section ul li {
margin-bottom: 12px;
}
.submenu-sections.home {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(200px, 2fr) minmax(160px, 1fr);
grid-template-columns: minmax(200px, 2fr) minmax(160px, 1fr);
gap: 0px;
grid-column-gap: 137px;
}
.submenu-sections.home .submenu-section ul,
.submenu-sections.grooming .submenu-section ul {
margin-top: 0;
}
.submenu-sections .submenu-section ul li a {
text-decoration: none;
color: #554E4E;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.submenu-sections .submenu-section ul li a:hover {
color: #967E76;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.mobile_menu_burgers--scrolled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 0;
margin-left: -20px;
height: 24px;
overflow: hidden;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
position: relative;
}
.mobile_menu_burgers--scrolled span {
width: 100%;
height: 0px;
border: 1.5px solid #352C2C;
border-radius: 1px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.mobile_menu_burgers--scrolled span:nth-child(1) {
position: absolute;
top: 50%;
-webkit-transform: translateY(calc(-100% - 6px));
-ms-transform: translateY(calc(-100% - 6px));
transform: translateY(calc(-100% - 6px));
}
.mobile_menu_burgers--scrolled span:nth-child(3) {
position: absolute;
top: 50%;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
.mobile_menu_burgers--scrolled.active span:nth-child(1) {
-webkit-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.mobile_menu_burgers--scrolled.active span:nth-child(2) {
-webkit-transform: translateY(1px) rotate(45deg);
-ms-transform: translateY(1px) rotate(45deg);
transform: translateY(1px) rotate(45deg);
}
.mobile_menu_burgers--scrolled.active span:nth-child(3) {
-webkit-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
@media (max-width: 1024px) {
.pageHeader__submenu-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 15px;
}
}
@media (max-width: 600px) {
.pageHeader__submenu-wrapper {
display: none;
}
}
@media (max-width: 900px) {
.mobile_menu_burgers_popup_logo_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 16px;
padding-bottom: 0;
}
.mobile_menu_burgers_popup-container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.mobile_menu_burgers_popup {
position: relative;
width: 100%;
height: 100%;
background: #FFFFFF;
overflow-y: auto;
overflow-x: hidden;
}
.mobile_menu_burgers_close {
cursor: pointer;
}
.mobile_menu_burgers_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 16px;
padding-bottom: 16px;
}
.order-call-mobile__title_feedback-container .order-call-mobile__title {
font-size: 18;
}
.order-call-mobile__title_feedback-container .confirmation-message {
text-align: left;
margin: 0;
max-width: 100%;
}
.mobile_menu_burgers_content_city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-bottom: 10px;
margin-top: 5px;
}
.mobile_menu_burgers_content_city::after {
content: "";
position: absolute;
bottom: -2px;
left: -16px;
right: -16px;
height: 1px;
background-color: #F1EDEA;
}
.mobile_menu_burgers_content_nav::after {
content: "";
position: absolute;
left: -16px;
right: -16px;
height: 1px;
background-color: #F1EDEA;
}
.mobile_menu_burgers_content_contact::after {
content: "";
position: absolute;
left: -16px;
right: -16px;
height: 1px;
background-color: #F1EDEA;
}
.mobile_location_svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.mobile_location_svg p {
margin: 0;
}
.mobile_menu_burgers_content_nav a {
display: block;
padding: 10px 0;
text-decoration: none;
color: #352C2C;
font-size: 16px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.mobile_tell {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
color: #352C2C;
margin: 15px 0;
}
.mobile_menu_burgers_content_contact p {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 500;
color: #352C2C;
}
.mobile_menu_burgers_content_contact p span {
font-weight: 400;
}
.mobile_menu_burgers_content_nav.about_us-container_mobile a {
font-weight: 400;
}
.mobile_menu_burgers_content_contact .mobile_time_work {
margin-bottom: 3px;
}
.mobile_menu_burgers_content_contact .mobile_day_work {
margin-top: 3px;
}
.mobile_day_work {
margin-bottom: 15px;
}
.mobile_menu_burgers_content_call h6 {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
color: #352C2C;
margin: 12px 0;
}
.mobile_menu_burgers_content_call p {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #554E4E;
max-width: 73%;
}
.order-call-mobile__label {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #554E4E;
margin-left: 5px;
}
.order-call-mobile__form {
margin-top: 15px;
position: relative;
width: 100%;
}
.order-call-mobile__input {
padding-right: 40px;
}
.input-icon {
position: absolute;
right: 12px;
top: 56%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.order-call-mobile__input:not(:-moz-placeholder-shown) + .input-icon {
opacity: 0;
}
.order-call-mobile__input:not(:-ms-input-placeholder) + .input-icon {
opacity: 0;
}
.order-call-mobile__input:not(:placeholder-shown) + .input-icon {
opacity: 0;
}
.order-call-mobile__form .error-message_mobile {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #BF3131;
margin: 0;
margin-left: 5px;
margin-bottom: 10px;
}
.order-call-mobile__input,
.order-call-mobile__input {
width: 100%;
padding: 11px 16px;
color: #9D9D9D;
font-size: 14px;
margin-bottom: 12px;
margin-top: 4px;
border: 1px solid #E0E0E0;
border-radius: 24px;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
}
.order-call-mobile__input,
.order-call-mobile__input:focus {
border: 1px solid #E0E0E0;
}
.order-call-mobile__submit-button {
font-family: "Montserrat", sans-serif;
font-weight: 500;
width: 100%;
font-size: 16px;
padding: 15px 32px;
background-color: #4A3933;
color: #fff;
border: none;
border-radius: 24px;
cursor: pointer;
margin-top: 8px;
margin-bottom: 5px;
}
.mobile_menu_burgers_content_call .order-call-mobile__agreement {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 400;
color: #554E4E;
margin: 0;
max-width: 80%;
}
.error-message-mobile {
color: #BF3131;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 400;
margin-top: 5px;
/* Меньший отступ сверху */
display: none;
}
.order-call-mobile__input.error {
border-color: #BF3131;
/* Цвет рамки при ошибке */
}
.success-message {
color: green;
font-size: 16px;
margin-top: 20px;
text-align: center;
}
.error-message_mobile {
color: red;
font-size: 12px;
}
.header__personal-links_mobile_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pageHeader__submenu-top,
.pageHeader__submenu-second,
.header__personal-links {
display: none;
}
.slide.active {
position: relative;
}
.controls {
display: none;
}
.carousel {
max-height: 500px;
}
.swiper_pageMain-title {
font-size: 40px;
max-width: 285px;
}
.swiper_pageMain-title_container span {
font-size: 16px;
max-width: 260px;
}
.swiper_pageMain-title_container button {
font-size: 16px;
}
.controls-indicators {
bottom: 5px;
right: 5px;
gap: 5px;
}
button {
padding: 8px;
}
.indicator.active {
width: 30px;
}
.swiper_pageMain-title_container {
position: absolute;
top: 247px;
left: 17px;
}
.slide img {
position: absolute;
top: -45px;
width: 117%;
height: 52%;
}
}
@media (max-width: 768px) {
.header__personal-links_mobile_menu {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.pageHeader__submenu-main--search {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.pageHeader__submenu-main {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.controls-indicators {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
bottom: 5px;
right: 5px;
gap: 5px;
}
button {
padding: 6px;
}
.indicator.active {
width: 25px;
}
}
/* end header */
/* tab-bar */
.tab-bar-container {
width: 100%;
overflow: hidden;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tab-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
overflow-x: scroll;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
/* Hide scrollbar for Firefox */
}
.tab-bar::-webkit-scrollbar {
display: none;
/* Hide scrollbar for Chrome, Safari, and Opera */
}
.tab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #F7F7F7;
border-radius: 50%;
text-decoration: none;
color: #352C2C;
font-weight: 500;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: "Montserrat", sans-serif;
/* Prevent shrinking */
}
.tab.all {
padding: 0 14px;
width: auto;
height: auto;
background: #F1EDEA;
}
.tab:first-child {
width: auto;
border-radius: 20px;
}
.tab:hover {
background-color: #d0d0d0;
}
/* Media Queries for mobile responsiveness */
@media (max-width: 768px) {
.tab-bar {
width: 100%;
}
}
/* tab-bar end */
/* Preimusetva */
.container_quality {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
/* Ensure blocks stay in one row */
width: 100%;
gap: 100px;
margin-top: 60px;
margin-bottom: 80px;
overflow-x: auto;
/* Allow horizontal scrolling if needed */
}
.container_quality_block {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.container_quality_block img {
max-width: 160px;
height: auto;
border-radius: 10px;
}
.container_quality_block h2 {
color: #352C2C;
font-size: 20px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 10px;
/* Space between h2 and p */
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/span 1;
/* Place h2 in the second row */
}
.container_quality_block p {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
font-size: 16px;
color: #554E4E;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/span 1;
/* Place p in the third row */
}
.container_quality_block a {
text-decoration: none;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #4A3933;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
grid-row: 4/span 1;
/* Place a in the fourth row */
}
.container_quality_block .arrow-right {
padding-top: 2px;
}
.container_quality_block__view-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.container_quality_block__view-all:hover {
text-decoration: none;
color: #967E76;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.container_quality_block__view-all:hover .arrow-right svg path {
fill: #967E76;
}
@media (max-width: 768px) {
.container_quality {
gap: 0;
margin-bottom: 40px;
margin-top: 20px;
}
.container_quality_block img {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
width: 18%;
margin: 0;
}
.container_quality_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 20px 0;
gap: 9px;
}
.container_quality_block p {
font-size: 14px;
text-align: left;
margin: 0;
}
.container_quality_block h2 {
font-size: 16px;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.container_quality {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.container_quality_block__view-all {
font-size: 0;
}
.container_quality_block__view-all .arrow-right {
font-size: 16px;
}
}
@media (min-width: 768px) {
.container_quality_block a {
font-size: 16px;
}
}
/* end preivusetva */
/* catalog */
.grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
-ms-grid-rows: (400px)[2];
grid-template-rows: repeat(2, 400px);
gap: 20px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grid-item {
background-color: #f7f7f7;
border-radius: 10px;
/*-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
position: relative;
height: 100%;
width: 100%;
max-height: 400px;
max-width: 670px;
margin: auto;
}
.grid-item__wrapper {
width: 100%;
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.grid-item__wrapper:not(.catalog-wrapper, .bestsellers-wrapper) {
max-width: 325px;
}
@media (min-width: 769px) {
.grid-item__wrapper:hover .grid-item {
border-radius: 10px;
border-radius: 50%;
background: #F1EDEA;
max-width: 400px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-item__wrapper:hover .grid-item:not(.catalog, .bestsellers) {
max-width: 325px;
max-height: 325px;
}
.grid-item__wrapper:hover .grid-item h4 {
padding: 0;
font-size: 20px;
}
.grid-item__wrapper:hover .grid-item img {
max-height: 235px;
}
}
@media (max-width: 1440px) and (min-width: 1100px) {
.grid-item__wrapper:hover .grid-item:not(.catalog, .bestsellers) {
max-width: 22.5694444444vw;
max-height: 22.5694444444vw;
}
.grid-item__wrapper:hover .grid-item img {
max-height: 16.3194444444vw;
}
}
.grid-item img {
max-height: 400px;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
border-radius: 10px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.grid-item h4 {
margin: 0;
font-size: 26px;
padding-bottom: 24px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
/* Каталог: занимает две колонки */
.catalog-wrapper {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.grid-item.catalog h4 {
margin: 0;
text-align: left;
padding: 24px 32px;
position: absolute;
bottom: 0;
left: 0;
}
.grid-item.catalog img {
margin: 0;
max-width: 100%;
max-height: 400px;
-o-object-fit: contain;
object-fit: contain;
margin-top: 32px;
margin-left: 40%;
}
.grid-item.home h4 {
padding-top: 42px;
}
.grid-item.care h4 {
padding-top: 33px;
}
.grid-item.bestsellers {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
position: relative;
}
.grid-item.bestsellers h4 {
padding-right: 32px;
padding-bottom: 24px;
position: absolute;
right: 0;
}
@media (min-width: 769px) {
.catalog-wrapper:hover .catalog h4, .bestsellers-wrapper:hover .bestsellers h4 {
margin-top: 31px;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.catalog-wrapper:hover img {
margin-top: 0;
margin-left: 0%;
max-width: 240px;
}
.bestsellers-wrapper:hover .bestsellers {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.women-wrapper:hover .women h4 {
padding-top: 15px;
}
}
@media (min-width: 769px) and (max-width: 1440px) and (min-width: 1100px) {
.women-wrapper:hover .women h4 {
padding-top: 0.8333333333vw;
}
}
/* Уход и Для дома: занимают по одной колонке */
.care-wrapper {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
}
.home-wrapper {
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
}
/* Для мужчин и Для женщин: занимают по одной колонке */
.men-wrapper {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
}
.grid-item.men,
.grid-item.women {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.grid-item.men h4,
.grid-item.women h4 {
padding-top: 60px;
padding-bottom: 24px;
}
.grid-item.women {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
}
/* Хиты продаж: занимает две колонки */
.bestsellers-wrapper {
-ms-grid-column-span: 2;
grid-column: span 2;
}
@media (max-width: 1100px) {
.grid-container {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid-item {
max-width: 100%;
}
.grid-item__wrapper:not(.catalog-wrapper, .bestsellers-wrapper) {
max-width: 100%;
}
.grid-item h4 {
padding-top: 0;
padding-bottom: 24px;
}
.grid-item.home h4 {
padding-top: 8px;
}
.catalog-wrapper,
.bestsellers-wrapper {
-ms-grid-column-span: 2;
grid-column: span 2;
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.care-wrapper,
.home-wrapper,
.men-wrapper,
.women-wrapper {
-ms-grid-column-span: 1;
grid-column: span 1;
}
/* Change the order of the grid items */
.catalog-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.care-wrapper {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.home-wrapper {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.bestsellers-wrapper {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.men-wrapper {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.women-wrapper {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
/* Adaptations for different screen sizes */
@media (max-width: 768px) {
.grid-item.bestsellers {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.grid-item.bestsellers h1 {
position: absolute;
bottom: 0;
right: 0;
}
.grid-item h4 {
font-size: 20px;
padding: 16px;
}
.grid-item.care h4 {
padding-top: 0;
}
}
@media (max-width: 645px) {
.grid-container {
-ms-grid-rows: (220px)[4];
grid-template-rows: repeat(4, 220px);
gap: 8px;
}
.grid-item {
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
}
.grid-item__wrapper {
height: 220px;
}
.grid-item.home img {
-webkit-transform: scale(0.75) translateY(10%);
-ms-transform: scale(0.75) translateY(10%);
transform: scale(0.75) translateY(10%);
}
.grid-item.men h4, .grid-item.women h4 {
padding: 0 0 16px 0;
}
.grid-item.bestsellers img {
margin: 0;
width: auto;
max-width: none;
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
-ms-flex-item-align: end;
align-self: flex-end;
position: absolute;
bottom: -69px;
left: -84px;
}
.grid-item.bestsellers h4 {
padding: 16px;
}
.grid-item.men img,
.grid-item.women img {
-webkit-transform: scale(0.6) translateY(10%);
-ms-transform: scale(0.6) translateY(10%);
transform: scale(0.6) translateY(10%);
}
.grid-item.catalog img {
margin: 0;
width: auto;
max-width: none;
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
-ms-flex-item-align: end;
align-self: flex-end;
position: absolute;
bottom: -69px;
right: -72px;
}
.grid-item.catalog h4 {
padding: 16px;
}
.grid-item.catalog {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 480px) {
.grid-container {
gap: 8px;
}
}
/* Custom order for screen widths greater than 1024px */
@media (min-width: 1321px) {
.grid-item.catalog,
.grid-item.bestsellers {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1111px) {
.grid-item.catalog {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/span 2;
}
.grid-item.care {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
}
.grid-item.home {
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
}
.grid-item.men {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
.grid-item.women {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
.grid-item.catalog,
.grid-item.care,
.grid-item.home,
.grid-item.men,
.grid-item.women,
.grid-item.bestsellers {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
/* catalog end */
/* hits sale */
.product-slider {
margin-top: 80px;
margin-bottom: 80px;
position: relative;
width: 100%;
}
.product-slider__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 16px 0;
}
.product-slider__title {
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
color: #352C2C;
}
.product-slider__view-all {
font-family: "Montserrat", sans-serif;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 9px;
}
.product-slider__view-all.arrow-right {
padding-top: 2px;
}
.product-slider__view-all:hover {
text-decoration: none;
color: #967E76;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.product-slider__view-all:hover .arrow-right svg path {
fill: #967E76;
}
.product-slider__viewport {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.product-slider__viewport {
margin: -20px -16px;
padding: 0 16px;
width: calc(100% + 32px);
}
}
.product-slider__track {
display: -webkit-box;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
position: relative;
z-index: 1;
margin: 0 -16px;
padding: 20px 16px;
width: calc(100% + 52px);
}
.product-slider__track.swiper-wrapper-ios {
padding: 20px 16px;
}
.product-slider__slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
border-radius: 16px;
width: 325px;
pointer-events: none;
position: relative;
z-index: 1;
}
@media (min-width: 769px) {
.product-slider__slide:hover .product-card {
height: 539px;
}
}
.product-slider__slide:hover {
background: #fff;
cursor: pointer;
}
@media (min-width: 769px) {
.product-slider__slide:hover {
-webkit-box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
}
}
.product-slider__slide:hover ~ .product-slider__slide {
z-index: 0;
}
.product-card {
position: relative;
overflow: hidden;
height: 539px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
pointer-events: none;
padding-top: 40px;
}
.product-card > * {
pointer-events: all;
}
.product-card__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
}
@media (max-width: 768px) {
.product-card__left {
gap: 4px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.product-card:hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.product-card__popular_img_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 200px;
}
.product-card__image {
max-height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-card__title {
color: #352C2C;
margin: 4px 0;
}
.product-card__description {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.9px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin: 0 0 10px;
}
.product-card__info {
padding: 10px;
text-align: left;
position: relative;
}
.product-card__category {
color: #605757;
}
.product-card__badge-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card__popular_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
}
.product-card__badge {
background-color: #ff4747;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
}
.product-card__favorite {
font-size: 24px;
color: #ff0000;
cursor: pointer;
padding: 5px 10px;
}
.product-card__favorite svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: transparent;
}
.product-card__favorite:not(.active):hover svg path {
stroke: #967E76;
fill: #967E76;
}
.product-card__favorite.active svg path {
fill: #605757;
}
.product-card__price {
font-size: 20px;
font-weight: 500;
font-family: "Noto Sans", sans-serif;
color: #352C2C;
margin-bottom: 9px;
}
.product-card__price.strikethrough {
text-decoration: line-through;
color: #9D9D9D;
font-weight: 400;
margin-left: 12px;
}
.product-card__extra-info {
overflow: hidden;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
z-index: 1;
width: 100%;
pointer-events: none;
}
.product-card__extra-info p {
margin: 5px 0;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
color: #9D9D9D;
font-weight: 400;
}
.product-card__extra-info p span {
color: #352C2C;
}
.product-card__popular {
padding: 6px 10px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 14px;
background: #F1EDEA;
border-radius: 4px;
}
.product-card__popular.sale {
padding: 6px 10px;
font-weight: 500;
background: #916C5D;
color: #fff;
margin-right: auto;
}
.new_toy {
background: #000;
color: #fff;
}
.product-card__rating {
margin-top: 10px;
color: #554E4E;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.product-card__buy-button {
margin-top: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
border-radius: 24px;
background: #4A3933;
width: 100%;
margin-top: 15px;
cursor: pointer;
padding: 15px 32px 15px 32px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product-card__buy-button:hover {
background: #382A2A;
}
@media (min-width: 769px) {
.product-slider__slide:hover .product-card__extra-info {
height: 173px;
display: block;
pointer-events: all;
}
}
.product-slider__control {
border: none;
padding: 10px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
left: 98%;
z-index: 1;
font-size: 24px;
color: #333;
}
.product-slider__control svg rect {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: #fff;
}
.product-slider__control svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: #382A2A;
}
.product-slider__control:hover svg rect {
fill: #382A2A;
}
.product-slider__control:hover svg path {
fill: #fff;
}
.product-slider__control--prev {
left: -30px;
visibility: hidden;
}
.product-slider__control--prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-slider__control--next {
left: calc(100% - 30px);
}
@-webkit-keyframes loading {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes loading {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.product-slider__indicators {
text-align: center;
margin-top: -200px;
position: static;
}
.product-slider__indicator {
display: inline-block;
width: 8px;
height: 8px;
background-color: transparent;
border: 1px solid #352C2C;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-slider__indicator--active {
width: 26px;
background-color: #352C2C;
border-radius: 10px;
}
.product-slider__view-all_mobile {
display: none;
}
@media (min-width: 769px) {
.product-slider__slide {
padding: 12px 13px 0px;
margin-right: 15px;
}
.product-card__extra-info {
height: 0;
}
}
@media (max-width: 768px) {
.product-slider__control {
display: none;
}
.product-card__info {
padding: 0;
}
.product-slider__title {
font-size: 32px;
}
.product-slider {
margin: 60px 0;
}
.product-slider__view-all_mobile {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
color: #4A3933;
width: 100%;
background: #fff;
border: 1px solid #4A3933;
border-radius: 24px;
padding: 15px 32px;
text-align: center;
margin-top: 24px;
}
.product-slider__view-all {
display: none;
}
.product-card__popular {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 400;
}
.product-slider__slide {
width: 100%;
max-width: 210px;
padding: 0px 16px 0 0;
}
.product-card__buy-button {
display: none;
}
.product-card__extra-info {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
pointer-events: all;
}
.product-card__extra-info p {
margin: 0 0 4px;
}
.product-card__extra-info p:last-child {
margin-bottom: 0;
}
.product-slider__indicators {
margin-top: 20px;
}
.product-card {
height: auto;
padding-bottom: 6px;
}
.product-card__popular_img_container {
height: 120px;
}
.product-card__image {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.product-card__price {
font-size: 16px;
margin-bottom: 10px;
margin-top: 15px;
}
}
/* end hits sale */
/* Bone Manche */
.about_us-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
z-index: 2;
/*margin-bottom: 120px;*/
}
.about_us_description {
background-color: #F7F7F7;
border-radius: 16px;
padding-top: 50px;
padding-left: 50px;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.about_us_description__title {
font-size: 42px;
font-weight: 600;
margin: 0;
padding-bottom: 25px;
font-family: "Montserrat", sans-serif;
}
.about_us_description__text_container {
max-width: 539px;
}
.about_us_description__text {
font-size: 16px;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
}
.about_us_description__description,
.about_us_description__text {
font-size: 16px;
margin-bottom: 10px;
}
.about_us_description__button {
background-color: #4A3933;
color: #fff;
border: none;
border-radius: 24px;
padding: 15px 32px;
cursor: pointer;
margin-top: 24px;
}
.about_us_description__button:hover {
cursor: pointer;
background-color: #382A2A;
}
.about_us_banner__image {
max-width: 100%;
border-radius: 16px;
}
@media (min-width: 1024px) {
.about_us_banner {
width: 50%;
}
}
@media (max-width: 1023px) {
.about_us_banner {
width: 50%;
}
.about_us-container {
/* flex-direction: ; */
}
.about_us_description__title {
font-size: 28px;
}
.about_us_description__text {
font-size: 14px;
}
.about_us_description {
padding: 20px 16px;
}
.about_us_description__title {
padding: 0;
}
.about_us_description__button {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.about_us_banner {
width: 100%;
}
.about_us-container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_us_description,
.about_us_banner {
max-width: 100%;
margin: 0;
}
.about_us-container {
gap: 10px;
}
.about_us_description {
padding: 0;
width: 100%;
}
.about_us_description_container {
padding: 20px 16px;
}
.about_us_description__title {
padding-bottom: 10px;
font-size: 32px;
}
.about_us_description__text {
font-size: 14px;
}
.about_us_description__button {
margin-top: 15px;
font-size: 16px;
width: 100%;
}
}
/* end Bone Manche */
/* popular brend */
.popular_brend-container {
position: relative;
margin-bottom: 80px;
}
.popular_brend-title {
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
color: #352C2C;
}
.carousel {
position: relative;
max-width: 100%;
margin: 12px auto;
overflow: hidden;
}
.carousel__track-container {
overflow: hidden;
width: 100%;
}
.carousel__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
list-style-type: none;
}
.carousel__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
/* 100% / 8 слайдов = 12.5% */
}
.carousel__image {
width: 100%;
display: block;
border-radius: 8px;
}
@media (max-width: 768px) {
.popular_brend-title {
font-size: 32px;
}
.popular_brend-container {
margin-bottom: 0;
}
}
/* popular brend end */
/* delivery free */
.delivery_banner-container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 120px;
padding-top: 90px;
}
.delivery_banner-container_img {
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-radius: 16px;
}
.delivery_banner_description {
max-width: 500px;
background: #F7F7F7;
border-radius: 16px;
padding: 40px;
z-index: 1;
width: 100%;
right: 73px;
top: 0;
position: absolute;
}
.delivery_banner-title {
font-family: "Montserrat", sans-serif;
font-size: 42px;
font-weight: 600;
width: 100%;
margin: 0;
}
.delivery_banner-text {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
color: #554E4E;
width: 100%;
}
.delivery_banner-button {
background-color: #4A3933;
color: #fff;
border: none;
border-radius: 24px;
padding: 15px 32px;
cursor: pointer;
margin-top: 15px;
font-size: 16px;
}
.delivery_banner-button:hover {
cursor: pointer;
background-color: #382A2A;
}
@media (max-width: 1023px) {
.delivery_banner-container {
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
.delivery_banner-container {
margin-top: 100px;
}
.delivery_banner-title {
font-size: 28px;
}
.delivery_banner-text {
font-size: 14px;
}
.delivery_banner_description {
width: auto;
right: auto;
padding: 20px;
top: -60px;
margin: 0 15px;
}
.delivery_banner-button {
width: 100%;
}
.profitable_container_item{
width: 100% !important;
}
.something_new_banner-container{
margin-top: 110px;
margin-bottom: 80px;
}
.something_new_banner-container_img{
margin-top: 110px;
}
}
/* delivery free end */
/* profitable */
.profitable_title {
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
color: #352C2C;
margin-bottom: 42px;
}
.profitable_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
/* margin-bottom: 120px; */
}
.profitable_container_item {
background: #F7F7F7;
padding: 20px 24px 26px;
border-radius: 16px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
/*height: 100%;*/
width: 292px;
}
.profitable_container_item_img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px;
width: 100%;
height: 210px;
}
.profitable_container_item-title {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
color: #352C2C;
margin: 20px 0 8px;
}
.profitable_container_item-text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
line-height: 22.4px;
font-weight: 400;
color: #554E4E;
margin: 0;
width: 100%;
}
.profitable_container_item.sum {
background: transparent;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
width: auto;
}
.profitable_container_item.sales {
position: relative;
padding: 0;
background: transparent;
width: auto;
height: auto;
}
.profitable_container_item.sales .profitable_container_item_img {
height: 100%;
}
.profitable_container_item_sales_description {
position: absolute;
top: 24px;
left: 24px;
border-radius: 16px;
max-width: 282px;
background: #fff;
padding: 20px;
}
.profitable_container_item_sales_description .profitable_container_item-title {
font-size: 32px;
margin: 0;
padding-bottom: 15px;
}
@media (max-width: 1024px) {
.profitable_title {
font-size: 32px;
}
.profitable_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profitable_container_item.sum {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (max-width: 600px) {
.profitable_container_item_img {
width: 100%;
}
}
/* profitable end*/
/* something_new */
.something_new_banner-container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/* margin-bottom: 120px; */
padding-top: 90px;
}
.something_new_banner-container_img {
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-radius: 16px;
}
.something_new_banner_description {
max-width: 500px;
background: #F7F7F7;
border-radius: 16px;
padding: 40px;
z-index: 0;
width: 100%;
right: 73px;
top: 0;
position: absolute;
}
.something_new_banner-title {
font-family: "Montserrat", sans-serif;
font-size: 42px;
font-weight: 600;
margin: 0;
}
.something_new_banner-text {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
color: #554E4E;
}
.something_new_banner-button {
background-color: #4A3933;
color: #fff;
border: none;
border-radius: 24px;
padding: 15px 32px;
cursor: pointer;
margin-top: 15px;
font-size: 16px;
}
.something_new_banner-button:hover {
cursor: pointer;
background-color: #382A2A;
}
@media (max-width: 768px) {
.something_new_banner-title {
font-size: 28px;
}
.something_new_banner-text {
font-size: 14px;
}
.something_new_banner-button {
width: 100%;
}
.something_new_banner_description {
width: auto;
right: auto;
padding: 20px;
top: -60px;
margin: 0 15px;
}
}
/* something_new end */
/* section certificates_container */
.certificates_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* flex-wrap: wrap; */
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 14px;
}
.certificates_container__item {
border-radius: 10px;
text-align: start;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.certificates_container__image {
max-width: 100%;
height: auto;
border-radius: 16px;
}
.certificates_container__title {
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
color: #352C2C;
margin: 20px 0 0 8px;
width: 96%;
}
.certificates_container__description {
font-weight: 400;
font-family: "Noto Sans", sans-serif;
color: #554E4E;
margin: 20px 0 0 8px;
width: 60%;
}
.certificates_container__button {
background-color: #fff;
color: #4A3933;
border: 1px solid #4A3933;
border-radius: 24px;
padding: 15px 32px;
cursor: pointer;
margin: 24px 0 0 8px;
font-size: 16px;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.certificates_container__button:hover {
background-color: #4A3933;
color: #fff;
}
@media (max-width: 1024px) {
.certificates_container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.certificates_container {
gap: 15px;
}
.certificates_container__image {
width: 100%;
}
.certificates_container__item {
margin: 10px 0;
}
.certificates_container__description {
margin: 10px 0 0 8px;
}
.certificates_container__button {
margin: 14px 0 0 8px;
}
.certificates_container__title {
font-size: 24px;
}
}
/* section certificates_container end */
/* contacts */
.contacts_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
margin-top: 120px;
margin-bottom: 80px;
}
.contacts_container:only-of-type {
margin-top: 0;
margin-bottom: 120px;
}
.contacts_container--contacts {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 1200px) {
.contacts_container--contacts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.contacts_container__content {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
background-color: #F7F7F7;
border-radius: 16px;
margin: 0;
}
.contacts_container__content_wrapper {
color: #352C2C;
}
.contacts_container__content_wrapper--contacts {
color: #554E4E;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts_container__image {
text-align: center;
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
border-radius: 16px;
overflow: hidden;
}
.contacts_container__image .map {
width: 100%;
height: 534px;
}
.contacts_container__image img {
max-width: 100%;
height: auto;
}
.contacts_container__title {
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
margin: 0;
}
.contacts_container__subtitle {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
margin: 24px 0 12px;
color: #352C2C;
}
.contacts_container__subtitle:not(:first-of-type) {
margin-top: 0;
margin-bottom: 6px;
}
@media (max-width: 768px) {
.contacts_container__subtitle {
font-size: 18px;
}
}
.contacts_container__text,
.contacts_container__hours,
.contacts_container__address {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: inherit;
}
@media (max-width: 768px) {
.contacts_container__text,
.contacts_container__hours,
.contacts_container__address {
font-size: 14px;
}
}
.contacts_container__hours {
margin-bottom: 8px;
}
.contacts_container__hours + .contacts_container__hours {
margin-bottom: 18px;
}
.contacts_container__address {
margin-bottom: 18px;
}
.contacts_container__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 32px;
gap: 12px;
-ms-grid-column-align: end;
justify-self: baseline;
}
.contacts_container__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 9px;
background-color: #fff;
color: #554E4E;
border: none;
padding: 12px 20px;
border-radius: 20px;
cursor: pointer;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
.contacts_container__button {
padding: 7px 16px;
font-size: 16px;
}
.contacts_container__button svg {
width: 32px;
height: 32px;
}
}
.contacts_container__button:hover {
background-color: #382A2A;
color: #fff;
}
.contacts_container__button:hover svg path {
fill: #fff;
}
.contacts_container__phone, .contacts_container__email {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 26px;
display: block;
color: #352C2C;
}
.contacts_container__phone + .contacts_container__phone, .contacts_container__phone + .contacts_container__email, .contacts_container__email + .contacts_container__phone, .contacts_container__email + .contacts_container__email {
margin-top: 6px;
}
@media (max-width: 768px) {
.contacts_container__phone, .contacts_container__email {
font-size: 18px;
}
.contacts_container__phone + .contacts_container__phone, .contacts_container__phone + .contacts_container__email, .contacts_container__email + .contacts_container__phone, .contacts_container__email + .contacts_container__email {
margin-top: 4px;
}
}
.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__wrap {
display: none !important;
}
@media (min-width: 1024px) {
.contacts_container__content_wrapper {
padding: 50px;
height: 100%;
}
}
@media (max-width: 1023px) {
.contacts_container__content {
padding-top: 0;
padding-left: 0;
}
.contacts_container__image {
width: 100%;
}
.contacts_container__image img {
width: 100%;
}
.contacts_container__content_wrapper {
padding: 20px 16px;
}
}
@media (max-width: 768px) {
.contacts_container__title {
font-size: 28px;
}
.contacts_container__socials {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts_container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 60px 0;
}
.contacts_container:only-of-type {
margin-top: 0;
margin-bottom: 12px;
}
.contacts_container--contacts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.contacts_container__content,
.contacts_container__image {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
}
}
/* contacts end */
/* questions_answers */
.questions_answers__title {
text-align: left;
margin-bottom: 30px;
font-family: "Montserrat", sans-serif;
font-size: 50px;
font-weight: 600;
color: #352C2C;
}
.questions_answers__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.questions_answers__list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 785px;
margin-right: 20px;
}
.questions_answers__answer {
display: none;
border-radius: 16px;
padding: 50px;
background-color: #F7F7F7;
color: #000;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.questions_answers__answer--active {
display: block;
background-color: #F1EDEA;
}
.questions_answers__item {
margin-bottom: 10px;
}
.questions_answers__question {
width: 100%;
padding: 20px 24px;
background-color: #F7F7F7;
border: none;
border-radius: 16px;
text-align: left;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #352C2C;
-webkit-transition: background-color 0.3s ease, color 0.3s ease;
transition: background-color 0.3s ease, color 0.3s ease;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
gap: 12px;
}
.questions_answers__question--active {
background-color: #F1EDEA;
}
.questions_answers__question:hover {
background-color: #382A2A;
color: #fff;
}
.questions_answers__toggle {
width: 20px;
height: 20px;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.questions_answers__toggle::before,
.questions_answers__toggle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 2px;
background-color: currentColor;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.questions_answers__toggle::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.questions_answers__toggle::after {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.questions_answers__question--active .questions_answers__toggle::before {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
.questions_answers__question--active .questions_answers__toggle::after {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.questions_answers__answer h5 {
margin: 0;
font-family: " Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
color: #3E3232;
}
.questions_answers__answer.questions_answers__answer--active ul {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0;
gap: 15px;
}
.questions_answers__answer.questions_answers__answer--active ul li {
margin: 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #554E4E;
list-style-type: none;
}
@media (max-width: 768px) {
.questions_answers__list {
margin-right: 0;
}
.questions_answers__answer--active {
padding: 12px 16px;
margin-top: 6px;
}
.questions_answers__title {
font-size: 32px;
margin-bottom: 20px;
}
.questions_answers__question {
font-size: 16px;
}
.questions_answers__answer h5 {
display: none;
}
.questions_answers__answer.questions_answers__answer--active ul li {
font-size: 14px;
}
.questions_answers__answer.questions_answers__answer--active ul {
margin: 0;
}
.questions_answers__question {
padding: 12px 16px;
}
.questions_answers__question--active {
background-color: #F7F7F7;
}
.questions_answers__question:hover {
background-color: #F7F7F7;
color: #352C2C;
}
}
@media (min-width: 769px) {
.questions_answers-container {
margin-bottom: 120px;
}
.questions_answers__title {
font-size: 50px;
}
.questions_answers__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.questions_answers__list {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.questions_answers__answer {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
height: auto;
}
}
/* questions_answers end */
/* events-container */
.events-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.events-container__left {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.events-container__right {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
width: 100%;
background: #F7F7F7;
border-radius: 16px;
}
.events-container__right__container {
padding: 40px 57px 40px 40px;
}
.events-container__image {
width: 100%;
height: 100%;
border-radius: 16px;
}
.events-container__title {
font-family: "Montserrat", sans-serif;
font-size: 42px;
font-weight: 600;
color: #352C2C;
margin: 0;
}
.events-container__description {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #554E4E;
margin: 20px 0 32px 0;
}
.events-container__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
margin-bottom: 5px;
}
.events-container__description_email {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #404C63;
}
.events-container__input {
padding: 15px 16px;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
margin: 0;
border: 1px solid #605757;
border-radius: 24px;
background: #fff;
}
.events-container__input:focus {
border: 1px solid #605757;
background: #fff;
color: #605757;
}
.events-container__input.error {
border: 1px solid red;
}
.events-container__error {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #BF3131;
}
.events-container__button {
padding: 15px 32px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
background-color: #382A2A;
color: white;
border-radius: 24px;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
}
.events-container__success {
display: none;
}
.events-container__tach_button {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #554E4E;
padding: 0;
margin: 14px 0 14px 0;
}
.events-container__tach_button a {
color: #352c2c;
font-size: inherit;
font-weight: inherit;
}
.events-container__right__container h3 {
font-family: "Montserrat", sans-serif;
font-size: 42px;
font-weight: 600;
color: #202A3D;
margin: 0;
padding-bottom: 20px;
}
.events-container__right__container p {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #404C63;
}
.events-container__right__container p span {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 500;
color: #000;
}
@media (min-width: 600px) {
.events-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
gap: 20px;
margin-bottom: 120px;
}
}
@media (min-width: 1024px) {
.events-container__image {
height: 100%;
}
}
@media (max-width: 1024px) {
.events-container__title {
font-size: 28px;
}
.events-container__right__container {
padding: 20px 16px;
}
.events-container__right__container p {
font-size: 14px;
}
.events-container__tach_button {
font-size: 12px;
}
}
@media (max-width: 800px) {
.events-container {
margin: 60px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.events-container__description {
margin: 8px 0 20px;
}
.events-container__description_email {
margin: 0 0 8px;
}
}
@media (max-width: 768px) {
.events-container__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container__tach_button {
margin: 8px 0 0;
}
}
/* events-container end */
/* footer */
.footer-container {
background-color: #352C2C;
border-radius: 16px 16px 0 0;
}
.footer-container__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 1440px;
padding: 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer-container__links {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 160px;
}
.footer-container__logo img {
width: 252px;
margin-bottom: 10px;
}
.footer-container__logo p {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #F7F7F7;
}
.footer-container__social {
margin-top: 26px;
}
.footer-container__social a {
margin-right: 10px;
}
.footer-container__social a svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.footer-container__social a:hover svg path {
fill: #967E76;
}
.footer-container__links-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.footer-container__links-column h5 {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
color: #fff;
margin: 0;
margin-top: 10px;
}
.footer-container__links-column a {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #FAFAFA;
text-decoration: none;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.footer-container__links-column a:hover {
color: #967E76;
}
.footer-container__contact {
width: 100%;
max-width: 275px;
}
.footer-container__contact p {
margin: 30px 0;
}
.footer-container__contact--tell,
.footer-container__contact--email {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
color: #fff;
margin: 0;
margin-bottom: 10px;
display: inline-block;
}
.footer-container__contact--adress {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #FAFAFA;
}
.footer-container__order-call-button {
width: 100%;
font-family: "Montserrat", sans-serif;
font-weight: 500;
background-color: #fff;
color: #352C2C;
border: none;
padding: 15px 32px;
cursor: pointer;
border-radius: 24px;
-webkit-transition: 0.15s ease;
transition: 0.15s ease;
}
.footer-container__order-call-button:hover {
background-color: #967E76;
color: #fff;
}
.footer-container__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 12px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #fff;
}
.footer-container__bottom p {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #fff;
}
.footer-container__bottom a {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #fff;
text-decoration: none;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.footer-container__bottom a:hover {
color: #967E76;
}
.order-call-footer {
position: fixed;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
height: 100%;
position: fixed;
max-width: 460px;
background-color: white;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
z-index: 3;
}
.order-call-footer--wide {
max-width: 560px;
}
.order-call-footer[data-modal=map] {
max-width: 524px;
}
@media (max-width: 1024px) {
.order-call-footer[data-modal=map] {
max-width: 400px;
}
}
@media (max-width: 768px) {
.order-call-footer[data-modal=map] {
max-width: 100vw;
top: 0;
left: 0;
right: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.order-call-footer[data-modal=map].show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.order-call-footer[data-modal=map] .cabinet-info__list {
display: none;
}
.order-call-footer[data-modal=map] .order-call-footer__close-button-top {
margin-bottom: 0;
}
.order-call-footer[data-modal=map] .order-call-footer__content {
padding: 12px 16px;
}
}
.order-call-footer__content {
padding: 50px;
max-height: 100%;
height: 100%;
overflow-y: auto;
position: relative;
}
.order-call-footer__content::-webkit-scrollbar {
width: 4px;
}
.order-call-footer__content::-webkit-scrollbar-track {
background-color: #967E76;
}
.order-call-footer__content::-webkit-scrollbar-thumb {
background-color: #4A3933;
border-radius: 4px;
}
.order-call-footer__close-button-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.order-call-footer__close-button {
border: none;
cursor: pointer;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.order-call-footer__close-button svg:hover {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
.order-call-footer__title {
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
color: #352C2C;
margin: 0;
}
.order-call-footer__subtitle {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #352C2C;
}
.order-call-footer__subtitle:not(:first-child) {
margin-top: 32px;
margin-bottom: 6px;
}
@media (max-width: 768px) {
.order-call-footer__subtitle:not(:first-child) {
margin-top: 24px;
margin-bottom: 6px;
}
}
.order-call-footer__description {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #554E4E;
}
.order-call-footer__description span {
font-weight: 600;
}
.order-call-footer__description:last-child {
margin-bottom: 0;
}
.order-call-footer__description--center {
text-align: center;
}
.order-call-footer__description:is(.login *) + .order-call-footer__description:is(.login *):not(.order-call-footer__description--center) {
margin-top: -6px;
}
.order-call-footer__description:is(.login *) + .order-call-footer__text-button--center, .order-call-footer__description:is(.login *) + .order-call-footer__description--center {
margin-top: 8px;
}
.order-call-footer__label {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #554E4E;
padding-left: 8px;
}
.order-call-footer__input {
width: 100%;
padding: 15px 16px;
color: #554E4E;
font-size: 16px;
border: 1px solid #E0E0E0;
border-radius: 24px;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
line-height: 22.4px;
margin: 6px 0 14px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-call-footer__input:is(textarea) {
min-height: 96px;
resize: none;
overflow: hidden;
}
.order-call-footer__input::-webkit-input-placeholder {
color: #9D9D9D;
}
.order-call-footer__input::-moz-placeholder {
color: #9D9D9D;
}
.order-call-footer__input:-ms-input-placeholder {
color: #9D9D9D;
}
.order-call-footer__input::-ms-input-placeholder {
color: #9D9D9D;
}
.order-call-footer__input::placeholder {
color: #9D9D9D;
}
.order-call-footer__input-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
@media (max-width: 768px) {
.order-call-footer__input-row {
gap: 6px;
}
}
.order-call-footer__input[value]:not([value=""], :disabled) {
border-color: #605757;
}
.order-call-footer__input:focus {
border: 1px solid #605757;
color: #554E4E;
}
.order-call-footer__submit-button {
font-family: "Montserrat", sans-serif;
font-weight: 500;
width: 100%;
font-size: 16px;
padding: 15px 32px;
background-color: #4A3933;
color: #fff;
border: none;
border-radius: 24px;
cursor: pointer;
margin: 12px 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-call-footer__submit-button:hover {
background-color: #382A2A;
}
.order-call-footer__submit-button:last-child {
margin-bottom: 0;
}
.order-call-footer__submit-button--fit {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 768px) {
.order-call-footer__submit-button--fit {
position: absolute;
max-width: 100%;
width: auto;
bottom: 24px;
left: 16px;
right: 16px;
}
}
.order-call-footer__text-button {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
margin: 10px 0 0;
color: #352C2C;
}
.order-call-footer__text-button--center {
text-align: center;
width: 100%;
}
.order-call-footer__text-button:is(p + *) {
margin-top: 0;
}
.order-call-footer__text-button:not(:last-child) {
margin-bottom: 32px;
}
.order-call-footer__text-button:hover {
color: #967E76;
}
.order-call-footer__form + .order-call-footer__agreement {
margin-top: 12px;
}
.order-call-footer__agreement {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #554E4E;
margin: 0;
}
.order-call-footer__agreement > a {
display: contents;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
color: inherit;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-call-footer__agreement > a:hover {
color: #967E76;
}
.order-call-footer__message {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
.order-call-footer__message:not(:last-child) {
margin-bottom: 16px;
}
.order-call-footer__message--grey {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #9D9D9D;
}
@media (max-width: 768px) {
.order-call-footer__message {
font-size: 14px;
line-height: 18.9px;
}
}
.order-call-footer.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.order-call-footer__stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3px;
padding: 3px 0;
margin: 6px 0 12px;
}
.order-call-footer__stars-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 2px 3px 5px;
}
.order-call-footer__stars-item svg {
width: 100%;
height: 100%;
stroke: #fff;
}
.order-call-footer__stars-item svg path {
fill: rgba(68, 83, 113, 0.1019607843);
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-call-footer__stars-item:hover svg, .order-call-footer__stars-item.active svg {
stroke: #fff;
}
.order-call-footer__stars-item:hover svg path, .order-call-footer__stars-item.active svg path {
fill: #F2C94D;
}
.order-call-footer__list-item {
padding: 16px 20px 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
width: 100%;
text-align: start;
border-bottom: 1px solid #F1EDEA;
}
.order-call-footer__list-item-image {
width: 100%;
height: 100%;
}
.order-call-footer__list-item-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 92px;
height: 92px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 768px) {
.order-call-footer__list-item-image-wrapper {
width: 64px;
height: 64px;
}
}
.order-call-footer__list-item-title {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-bottom: 2px;
color: #352C2C;
}
@media (max-width: 768px) {
.order-call-footer__list-item-title {
font-size: 14px;
line-height: 18.9px;
}
}
.order-call-footer__list-item-text {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
margin-bottom: 0;
color: #605757;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(53, 44, 44, 0.3);
z-index: 2;
display: block;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.overlay.active {
opacity: 1;
pointer-events: all;
}
.overlay-map {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 3;
width: calc(100% - 524px + 17px);
pointer-events: none;
opacity: 0;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}
.overlay-map [class^=ymaps] [class$=ground-pane] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.overlay-map:is(.site-container:has(.show[data-modal=map]) > *) {
opacity: 1;
pointer-events: all;
}
.overlay-map:is(.site-container:has(.show[data-modal=map]) > *) [class^=ymaps] [class$=ground-pane] {
-webkit-transition-property: -webkit-filter;
transition-property: -webkit-filter;
transition-property: filter;
transition-property: filter, -webkit-filter;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
@media (max-width: 1024px) {
.overlay-map {
width: calc(100% - 400px + 17px);
}
}
@media (max-width: 768px) {
.overlay-map {
width: 100%;
}
}
.error {
border: 1px solid #BF3131;
}
.error-message {
color: #BF3131;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
font-size: 14px;
margin-top: -10px;
margin-bottom: 10px;
display: none;
padding-left: 4px;
}
.error-message:is(.cabinet-section__item-input + *) {
margin-top: 4px;
margin-bottom: 0;
}
.error-message.show {
display: block;
}
.confirmation-message {
text-align: center;
margin: 12px 0;
color: #352C2C;
}
.confirmation-message > span {
color: #352C2C;
}
.order-call-footer__title_fidback-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-call-footer__content .confirmation-message {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #554E4E;
text-align: left;
max-width: 80%;
}
@media (max-width: 768px) {
.footer-container {
margin-bottom: 61px;
}
.footer-container__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px 16px;
}
.footer-container__logo p {
margin: 5px 0;
font-size: 14px;
}
.footer-container__social {
margin-top: 20px;
margin-bottom: 40px;
}
.footer-container__contact--adress {
font-size: 14px;
line-height: 20px;
}
.footer-container__left,
.footer-container__links,
.footer-container__contact {
text-align: left;
max-width: 100%;
}
.footer-container__links {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
gap: 60px;
margin-top: 40px;
}
.footer-container__contact--tell,
.footer-container__contact--email {
font-size: 18px;
}
.footer-container__links-column h5 {
margin: 0;
font-size: 18px;
margin-bottom: 5px;
}
.footer-container__links-column a {
font-size: 14px;
}
.footer-container__links-column {
margin-right: 0;
}
.footer-container__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 12px 0px;
margin: 0px 16px;
width: auto;
}
.footer-container__bottom p,
.footer-container__bottom a {
font-size: 12px;
margin-top: 2px;
margin-bottom: 2px;
}
.order-call-footer__content {
padding: 16px;
}
.order-call-footer__title {
font-size: 24px;
}
.order-call-footer__close-button {
padding: 0;
}
.order-call-footer__close-button svg {
height: 24px;
width: 24px;
margin-top: 5px;
}
.order-call-footer__description {
font-size: 14px;
line-height: 20px;
}
.order-call-footer__input {
padding: 11px 16px;
font-size: 14px;
}
.order-call-footer__submit-button {
margin-top: 8px;
margin-bottom: 12px;
}
.order-call-footer__agreement {
font-size: 12px;
}
.error-message {
margin-left: 5px;
}
.order-call-footer__content .confirmation-message {
font-size: 14px;
margin: 16px 0;
}
}
.container:has(footer) {
margin-top: auto;
}
/* footer end */
/* tabbar container */
.tap-bar-container_wrapper_baground {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.tap-bar-container_bottom_svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.tap-bar-container_bottom_title {
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
font-weight: 400;
color: #000;
}
.tap-bar-container_bottom_line {
width: 135px;
height: 5px;
background: #000;
text-align: center;
margin: 0;
border-radius: 6px;
}
/* Отображаем таббар только на мобильных устройствах */
.tap-bar-container_wrapper_baground {
visibility: hidden;
}
@media (max-width: 768px) {
.tap-bar-container_wrapper_baground {
visibility: visible;
height: 63px;
max-width: 100vw;
}
.tap-bar-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #FAFAFA;
padding: 10px 0;
}
}
/* Стили для каждого элемента таббара */
.tap-bar__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #7D7D7D;
gap: 2px;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.tap-bar__item.active {
color: #352C2C;
}
.tap-bar__item.active .tap-bar__icon svg path {
fill: currentColor;
}
.tap-bar__item.active .tap-bar__icon--cart svg path {
fill: none;
}
/* Иконки таббара */
.tap-bar__icon svg {
width: 24px;
height: 24px;
}
.tap-bar__icon svg path {
stroke: currentColor;
}
/* Метки таббара */
.tap-bar__label {
font-size: 12px;
color: inherit;
}
/* tabbar container end */
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 20px 0 16px;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
line-height: 19.6px;
margin-bottom: 14px;
}
.breadcrumbs__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
color: #9D9D9D;
text-wrap: nowrap;
}
.breadcrumbs__item:not(:first-child)::before {
content: "";
display: block;
width: 1px;
height: 16px;
background-color: currentColor;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.breadcrumbs__item:last-child {
color: #352C2C;
line-height: 16.8px;
}
.breadcrumbs__link {
display: inline;
white-space: nowrap;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.breadcrumbs__link:is(a):hover {
color: #967E76;
}
@media (max-width: 768px) {
.breadcrumbs {
padding: 12px 16px;
margin: 0 -16px;
overflow: auto;
line-height: 18.9px;
gap: 6px;
}
.breadcrumbs::-webkit-scrollbar {
width: 0;
height: 0;
}
}
.product-title {
margin: 0 0 8px;
}
.product-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px;
border-bottom: 1px solid #F1EDEA;
}
@media (max-width: 1024px) {
.product-head {
padding-bottom: 12px;
}
}
.product-head--mobile {
border: none;
}
@media (min-width: 769px) {
.product-head--mobile {
display: none;
}
}
.product-head__left, .product-head__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #352C2C;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
@media (max-width: 768px) {
.product-head__left, .product-head__right {
font-size: 14px;
line-height: 18.9px;
}
}
@media (max-width: 1024px) {
.product-head:not(.product-head--mobile) .product-head__right {
display: none;
}
}
@media (min-width: 1025px) {
.product-head--mobile .product-head__right {
display: none;
}
}
.product-head__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #554E4E;
}
.product-head__item:last-child {
margin-left: 16px;
}
.product-head__item:last-child::before {
content: "";
display: block;
width: 1px;
height: 22px;
background-color: #F1EDEA;
margin-right: 16px;
}
@media (max-width: 768px) {
.product-head__item:last-child {
margin-left: 10px;
}
.product-head__item:last-child::before {
margin-right: 10px;
}
}
.product-head__flag {
margin-left: 12px;
margin-right: 8px;
width: 22px;
height: 16px;
border-radius: 2px;
overflow: hidden;
}
.product__main {
padding-top: 32px;
margin-bottom: 120px;
}
@media (max-width: 1024px) {
.product__main {
padding-top: 12px;
}
}
.product__main > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
@media (max-width: 1024px) {
.product__main > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
}
.product__main-left {
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (min-width: 1025px) {
.product__main-left {
width: 420px;
}
}
.product__main-right {
width: 100%;
}
@media (max-width: 768px) {
.product__main {
margin-bottom: 60px;
}
}
.product-swiper {
margin-bottom: 18px;
z-index: 0;
}
@media (max-width: 1024px) {
.product-swiper {
max-width: 420px;
}
}
.product-swiper-container {
position: relative;
}
.product-swiper__head {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 16.8px;
}
.product-swiper__head-category {
padding: 6px 10px;
border-radius: 4px;
font-weight: 500;
}
.product-swiper__head-category--popular {
color: #352C2C;
background-color: #F1EDEA;
}
.product-swiper__head-category--discount {
color: #fff;
background-color: #916C5D;
}
.product-swiper__head-category--new {
background-color: #29282D;
color: #FFFFFF;
}
.product-swiper-thumbnails {
width: 320px;
margin: 0 auto 32px;
}
.product-swiper__wrapper, .product-swiper-thumbnails__wrapper {
display: -webkit-box;
position: relative;
width: 100%;
}
.product-swiper__slide {
width: 420px;
height: 420px;
border-radius: 16px;
overflow: hidden;
cursor: url("/local/templates/bonnemanche/css/../img/svg/zoom.svg") 12 12, -webkit-zoom-in;
cursor: url("/local/templates/bonnemanche/css/../img/svg/zoom.svg") 12 12, zoom-in;
}
.product-swiper__slide-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-swiper__slide:has(video), .product-swiper__slide:has(iframe) {
position: relative;
}
.product-swiper__slide:has(video)::before, .product-swiper__slide:has(iframe)::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 49px;
height: 49px;
border-radius: 50%;
background-color: rgba(72, 72, 72, 0.4);
-webkit-filter: blur(0.5);
filter: blur(0.5);
}
.product-swiper__slide:has(video)::after, .product-swiper__slide:has(iframe)::after {
content: "";
background: url(/local/templates/bonnemanche/css/../img/svg/Play.svg) no-repeat;
background-position: center;
background-size: 30px 30px;
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.product-swiper__slide.play:has(video)::after, .product-swiper__slide.play:has(video)::before, .product-swiper__slide.play:has(iframe)::after, .product-swiper__slide.play:has(iframe)::before {
content: none;
}
.product-swiper-thumbnails__slide {
width: 68px;
height: 68px;
padding: 2px;
border: 1px solid transparent;
border-radius: 4px;
overflow: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
cursor: pointer;
}
.product-swiper-thumbnails__slide img {
border-radius: 4px;
}
.product-swiper-thumbnails__slide.swiper-slide-thumb-active {
border-color: #4A3933;
}
.product-swiper-thumbnails__slide:hover {
border-color: #967E76;
}
.product-swiper-thumbnails__slide:has(video), .product-swiper-thumbnails__slide:has(iframe) {
position: relative;
}
.product-swiper-thumbnails__slide:has(video)::before, .product-swiper-thumbnails__slide:has(iframe)::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: rgba(72, 72, 72, 0.4);
-webkit-filter: blur(0.5);
filter: blur(0.5);
}
.product-swiper-thumbnails__slide:has(video)::after, .product-swiper-thumbnails__slide:has(iframe)::after {
content: "";
background: url(/local/templates/bonnemanche/css/../img/svg/Play.svg) no-repeat;
background-position: center;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.product-swiper__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.product-swiper__nav-left, .product-swiper__nav-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 68px;
pointer-events: all;
cursor: pointer;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
border-radius: 3px;
}
.product-swiper__nav-left:hover, .product-swiper__nav-right:hover {
background-color: #F1EDEA;
}
.product-swiper__nav-left:active, .product-swiper__nav-right:active {
background-color: #ecdacc;
}
.product-swiper__nav-right > img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 1024px) {
.product-swiper {
padding-bottom: 25px;
}
.product-swiper .product-swiper__pagination {
bottom: 0;
}
}
.product-package {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
padding: 24px;
background-color: #F1EDEA;
border-radius: 16px;
}
@media (max-width: 1024px) {
.product-package {
margin-bottom: 24px;
}
}
.product-package__icon {
width: 48px;
height: 48px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-package__title {
font-family: "Noto Sans", sans-serif;
font-weight: 600;
line-height: 20.8px;
margin: 0 0 6px;
}
.product-package__text {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
line-height: 22.4px;
margin: 0;
}
.product-shipping {
padding: 24px;
background-color: #F7F7F7;
border-radius: 16px;
margin-top: 16px;
}
.product-shipping__head {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.product-shipping__head-text, .product-shipping__head-select {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
.product-shipping__head-text {
color: #9D9D9D;
}
.product-shipping__head-select {
color: #352C2C;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.product-shipping__head-select-icon:hover {
stroke: none;
fill: currentColor;
}
.product-shipping__head-select-icon:hover path {
fill: currentColor;
}
.product-shipping__head-select-icon path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: currentColor;
stroke: none;
}
.product-shipping__head-select:hover {
color: #967E76;
}
.product-shipping__options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin-bottom: 18px;
}
.product-shipping__options-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
}
.product-shipping__options-icon {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-shipping__options-title {
margin: 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
}
.product-shipping__options-info {
margin: 4px 0 0 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #9D9D9D;
}
.product-shipping__link {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product-shipping__link:hover {
color: #967E76;
}
.product-shipping.mobile-visible {
margin-bottom: 32px;
}
.product__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 28px;
margin-bottom: 32px;
}
.product__actions-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product__actions-rating-icon {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
}
.product__actions-rating[data-modal] .product__actions-rating-icon path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: rgba(68, 83, 113, 0.1019607843);
}
.product__actions-rating-value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
margin-right: 14px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__actions-rating-value::after {
content: "";
display: block;
width: 1px;
height: 22px;
background-color: #F1EDEA;
}
.product__actions-rating-count {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
margin: 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__actions-rating:hover .product__actions-rating-count {
color: #967E76;
}
.product__actions-rating:hover .product__actions-rating-value {
color: #967E76;
}
.product__actions-rating:is(button):hover .product__actions-rating-icon path {
fill: #f2c94d;
}
.product__actions-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
--current-color: #554E4E;
position: relative;
}
.product__actions-button > span {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: var(--current-color);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product__actions-button > svg > path {
fill: transparent;
stroke: var(--current-color);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product__actions-button:hover {
--current-color: #967E76;
}
.product__actions-button.active > svg > path {
fill: #605757;
}
@media (max-width: 1024px) {
.product__actions-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px;
gap: 0;
}
}
.product__actions.mobile-visible {
position: absolute;
z-index: 1;
right: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.product__list {
border-bottom: 1px solid #f1edea;
max-height: 553px;
overflow-y: auto;
padding-right: 16px;
margin-bottom: 60px;
}
.product__list::-webkit-scrollbar {
width: 4px;
}
.product__list::-webkit-scrollbar-thumb {
background-color: #605757;
border-radius: 4px;
}
.product__list .product-card__buy-button {
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
}
.product__list .product-card__buy-button--white {
background-color: #fff;
color: #4A3933;
border: 1px solid #4A3933;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__list .product-card__buy-button--white:hover {
color: #fff;
background-color: #382A2A;
}
@media (max-width: 1324px) {
.product__list .product-card__buy-button {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
}
.product__list > .product-card__buy-button {
width: 100%;
margin-top: 16px;
}
@media (max-width: 1024px) {
.product__list {
border: none;
max-height: unset;
overflow: unset;
margin-bottom: 32px;
}
}
.product__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
border-top: 1px solid #f1edea;
position: relative;
}
.product__list-item:nth-last-child(1):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) .product__list-item-info-text, .product__list-item:nth-last-child(2):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) .product__list-item-info-text, .product__list-item:nth-last-child(3):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) .product__list-item-info-text {
top: unset;
bottom: calc(100% + 10px);
}
.product__list-item-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 16px;
}
.product__list-item-image {
width: 100%;
height: 100%;
}
.product__list-item-image-wrapper {
width: 54px;
height: 54px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.product__list-item-image-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
display: block;
background-color: rgba(255, 255, 255, 0);
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__list-item-text {
max-width: 270px;
pointer-events: none;
}
.product__list-item-title {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
color: #352C2C;
max-height: 46px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__list-item-left:hover {
cursor: pointer;
}
.product__list-item-left:hover .product__list-item-image-wrapper::after {
background-color: rgba(255, 255, 255, 0.33);
}
.product__list-item-left:hover .product__list-item-title {
color: #916C5D;
}
.product__list-item-info {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
color: #605757;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
height: 24px;
text-wrap: nowrap;
}
@media (max-width: 768px) {
.product__list-item-info {
max-width: 160px;
}
}
.product__list-item-info--additional {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%;
}
.product__list-item-info--additional > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product__list-item-info-text {
display: none;
opacity: 0;
pointer-events: none;
position: absolute;
z-index: 1;
top: calc(100% + 10px);
left: -170px;
padding: 20px;
width: 407px;
background-color: #fff;
border-radius: 16px;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
text-wrap: wrap;
}
.product__list-item-info-text:hover {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.product__list-item-info-wrapper {
margin-left: 6px;
position: relative;
pointer-events: all;
}
.product__list-item-info-icon {
cursor: pointer;
}
.product__list-item-info-icon > path {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.product__list-item-info-icon > path:first-of-type {
fill: #f1edea;
}
.product__list-item-info-icon > path:not(:first-of-type) {
stroke: #352C2C;
}
.product__list-item-info-icon > path:last-of-type {
stroke: none;
fill: #352C2C;
}
.product__list-item-info-icon:hover > path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__list-item-info-icon:hover > path:first-of-type {
fill: #967E76;
}
.product__list-item-info-icon:hover > path:not(:first-of-type) {
stroke: #FFFFFF;
}
.product__list-item-info-icon:hover > path:last-of-type {
stroke: none;
fill: #FFFFFF;
}
.product__list-item-info-icon:hover + .product__list-item-info-text {
display: block;
opacity: 1;
pointer-events: all;
}
@media (max-width: 900px) {
.product__list-item-info-icon:hover + .product__list-item-info-text {
display: none;
}
}
.product__list-item-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 24px;
}
.product__list-item-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 12px;
}
.product__list-item-price > p {
margin: 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
line-height: 20.8px;
}
.product__list-item-price-value {
color: #352C2C;
font-size: 20px;
line-height: 26px;
font-weight: 600;
}
.product__list-item-price-old {
text-decoration: line-through;
color: #9D9D9D;
font-weight: 500;
}
.product__list-item-price-discount {
color: #916C5D;
font-weight: 500;
}
.product__list-item-counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 151px;
gap: 4px;
}
.product__list-item-counter-button {
width: 49px;
height: 49px;
border-radius: 50%;
background-color: #F7F7F7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
--color: #3E3232;
}
.product__list-item-counter-button > svg path {
fill: var(--color);
stroke: none;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__list-item-counter-button:last-of-type > svg path {
fill: none;
stroke: var(--color);
}
@media (min-width: 769px) {
.product__list-item-counter-button:hover {
--color: #9D9D9D;
}
}
.product__list-item-counter-value {
width: 45px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
text-align: center;
color: #352C2C;
}
.product__list-item[data-absent="1"] .product__list-item-title {
color: #9D9D9D;
}
.product__list-item[data-absent="1"] .product__list-item-info {
color: #9D9D9D;
}
@media (max-width: 1249px) {
.product__list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 8px;
}
.product__list-item-right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 70px;
}
.product__list-item-price {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.product__list-item .product-card__buy-button {
margin-top: -60px;
}
.product__list-item-counter {
margin-top: -60px;
}
}
@media (max-width: 1100px) {
.product__list-item .product-card__buy-button {
position: absolute;
top: 12px;
right: 0;
margin: 0;
}
.product__list-item .product-card__buy-button[data-action=to-cart] {
text-indent: -9999em;
color: transparent;
padding: 0;
width: 49px;
height: 49px;
border-radius: 50%;
}
.product__list-item .product-card__buy-button[data-action=to-cart]::before {
content: "";
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/bonnemanche/css/../img/svg/Handbag.svg) no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product__list-item .product-card__buy-button[data-modal=notify-me] {
text-indent: -9999em;
color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 49px;
height: 49px;
border-radius: 50%;
border-color: #967E76;
}
.product__list-item .product-card__buy-button[data-modal=notify-me]::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/bonnemanche/css/../img/svg/Bell.svg) no-repeat;
background-position: center;
}
.product__list-item .product-card__buy-button.active[data-action=to-cart] {
background-color: #fff;
border: 1px solid #967E76;
}
.product__list-item .product-card__buy-button.active[data-action=to-cart]::before {
background: url(/local/templates/bonnemanche/css/../img/svg/Handbag_brown.svg) no-repeat;
background-position: center;
}
}
@media (max-width: 1024px) {
.product__list-item {
border-top: none;
border-bottom: 1px solid #f1edea;
}
.product__list-item-title {
font-size: 14px;
}
.product__list-item-image-wrapper {
height: 48px;
width: 48px;
}
.product__list-item-right {
padding-left: 60px;
}
.product__list-item-left {
gap: 12px;
}
}
@media (max-width: 768px) {
.product__list-item-counter {
width: 138px;
}
.product__list-item-counter-value {
width: 32px;
}
}
@media (max-width: 374px) {
.product__list-item-title {
max-width: 150px;
}
}
.product__advantages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
margin-bottom: 60px;
}
.product__advantages-item {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
}
.product__advantages-title {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20.8px;
margin: 12px 0 6px;
}
@media (max-width: 768px) {
.product__advantages-title {
font-size: 14px;
line-height: 18.2px;
}
}
.product__advantages-text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
}
@media (max-width: 768px) {
.product__advantages-text {
font-size: 14px;
line-height: 18.2px;
}
}
@media (max-width: 1024px) {
.product__advantages {
row-gap: 16px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product__advantages-item {
-ms-flex-preferred-size: calc(50% - 6px);
flex-basis: calc(50% - 6px);
}
}
.product__chords {
max-width: 440px;
margin-bottom: 32px;
}
.product__chords-item {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
padding: 8px 12px;
}
.product__chords-item:nth-child(2) {
width: 88.67%;
}
.product__chords-item:nth-child(3) {
width: 66%;
}
@media (max-width: 768px) {
.product__chords-item {
font-size: 14px;
line-height: 18.9px;
}
}
.product__params {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 8px auto 8px auto 8px auto 8px auto 8px auto 8px auto 8px auto 8px auto;
grid-template-areas: "a1 b1" "a2 b2" "a3 b3" "a4 b4" "a5 b5" "a6 b6" "a7 b7" "a8 b8" "a9 b9";
-ms-grid-columns: 1fr 6px 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
max-width: 670px;
width: 100%;
margin-bottom: 32px;
gap: 8px 6px;
}
@media (max-width: 768px) {
.product__params {
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
}
}
.product__params-left, .product__params-right {
display: contents;
}
.product__params-title {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 8px;
text-wrap: nowrap;
white-space: nowrap;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product__params-title:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: a1;
}
.product__params-title:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: a2;
}
.product__params-title:nth-child(3) {
-ms-grid-row: 5;
-ms-grid-column: 1;
grid-area: a3;
}
.product__params-title:nth-child(4) {
-ms-grid-row: 7;
-ms-grid-column: 1;
grid-area: a4;
}
.product__params-title:nth-child(5) {
-ms-grid-row: 9;
-ms-grid-column: 1;
grid-area: a5;
}
.product__params-title:nth-child(6) {
-ms-grid-row: 11;
-ms-grid-column: 1;
grid-area: a6;
}
.product__params-title:nth-child(7) {
-ms-grid-row: 13;
-ms-grid-column: 1;
grid-area: a7;
}
.product__params-title:nth-child(8) {
-ms-grid-row: 15;
-ms-grid-column: 1;
grid-area: a8;
}
.product__params-title::after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-bottom: 1px dashed #9D9D9D;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
@media (max-width: 768px) {
.product__params-title {
font-size: 14px;
line-height: 18.9px;
}
}
.product__params-value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
}
.product__params-value:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: b1;
}
.product__params-value:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 3;
grid-area: b2;
}
.product__params-value:nth-child(3) {
-ms-grid-row: 5;
-ms-grid-column: 3;
grid-area: b3;
}
.product__params-value:nth-child(4) {
-ms-grid-row: 7;
-ms-grid-column: 3;
grid-area: b4;
}
.product__params-value:nth-child(5) {
-ms-grid-row: 9;
-ms-grid-column: 3;
grid-area: b5;
}
.product__params-value:nth-child(6) {
-ms-grid-row: 11;
-ms-grid-column: 3;
grid-area: b6;
}
.product__params-value:nth-child(7) {
-ms-grid-row: 13;
-ms-grid-column: 3;
grid-area: b7;
}
.product__params-value:nth-child(8) {
-ms-grid-row: 15;
-ms-grid-column: 3;
grid-area: b8;
}
@media (max-width: 768px) {
.product__params-value {
font-size: 14px;
line-height: 18.9px;
}
}
.product__params-link {
font-size: inherit;
line-height: inherit;
text-decoration: underline;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__params-link:hover {
color: #967E76;
}
.product__description {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.product__description-wrapper {
margin-bottom: 60px;
}
.product__description p {
margin-top: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
display: inline;
}
.product__description p:last-child {
margin-bottom: 0;
}
.product__description-expand {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #4A3933;
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 8px 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__description-expand svg {
width: 14px;
height: 14px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__description-expand svg path {
fill: currentColor;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product__description-expand:hover {
color: #967E76;
}
.product__description-expand.active svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 768px) {
.product__description {
-webkit-line-clamp: 12;
font-size: 14px;
line-height: 18.2px;
}
.product__description-expand {
padding: 6.5px 0;
margin-top: 14.5px;
}
.product__description-wrapper {
margin-bottom: 32px;
}
}
.product-share {
position: absolute;
right: 0;
top: calc(100% + 17px);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
border-radius: 16px;
background-color: #fff;
bottom: 0px;
overflow: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
z-index: 1;
pointer-events: none;
}
.product-share.active {
bottom: -279px;
pointer-events: all;
}
.product-share__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 20px;
}
.product-share__list-item {
display: block;
}
.product-share__list-item-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 0;
gap: 8px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
text-wrap: nowrap;
}
.product-share__list-item-button:hover {
color: #967E76;
}
.product-share__list-item-icon path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
@media (max-width: 768px) {
.product-share:is(.mobile-popup > *) {
position: static;
}
.product-share__list {
padding: 0;
}
.product-share__list-item:not(:last-child) {
padding-bottom: 3px;
border-bottom: 1px solid #F1EDEA;
}
.product-share__list-item-button {
padding: 10px 0;
gap: 10px;
}
}
.product-button {
display: block;
text-align: center;
width: 100%;
margin: 0;
}
.product-button-container {
position: fixed;
z-index: 1;
bottom: 63px;
left: 0;
right: 0;
border-bottom: 1px solid #F1EDEA;
padding: 4px 16px;
background-color: #fff;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product-button-container.hidden {
bottom: 0;
}
@media (min-width: 769px) {
.product-button-container {
display: none;
}
}
.product-reviews {
margin-bottom: 120px;
}
@media (max-width: 768px) {
.product-reviews {
margin-bottom: 60px;
}
}
.product-reviews__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 24px;
margin-bottom: 40px;
}
.product-reviews__head-text {
margin: 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
}
.product-reviews__head-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.product-reviews__filters-item {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #9D9D9D;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.product-reviews__filters-item > svg {
width: 16px;
height: 16px;
}
.product-reviews__filters-item > svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
stroke: currentColor;
}
.product-reviews__filters-item:hover {
color: #967E76;
}
.product-reviews__filters-item--active {
color: #352C2C;
text-decoration: underline;
text-underline-offset: 5px;
}
@media (max-width: 768px) {
.product-reviews__filters-item {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.9px;
color: #352C2C;
padding: 10.5px 0 13.5px;
text-decoration: none;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-reviews__filters-item:not(:last-child) {
border-bottom: 1px solid #F1EDEA;
}
.product-reviews__filters-item:hover {
color: currentColor;
}
.product-reviews__filters-item > .product-review__filters-checkmark {
opacity: 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.product-reviews__filters-item--active > .product-review__filters-checkmark {
opacity: 1;
}
}
.product-reviews__filters:is(.mobile-popup__body > *) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0;
}
.product-reviews__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 100px;
}
@media (max-width: 1100px) {
.product-reviews__main {
gap: 24px;
}
}
@media (max-width: 768px) {
.product-reviews__main {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.product-reviews__reviews-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 54px;
}
@media (max-width: 768px) {
.product-reviews__reviews-container {
gap: 32px;
}
}
.product-reviews__button {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: -14px auto 0;
background-color: transparent;
border: 1px solid #4A3933;
color: #4A3933;
}
.product-reviews__button:hover {
color: #fff;
}
@media (max-width: 768px) {
.product-reviews__button {
width: auto;
margin: -27px 0 0;
display: block;
text-align: center;
}
}
.product-reviews__empty-icon {
width: 100%;
height: 100%;
}
.product-reviews__empty-icon-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 60px 0 60px 56px;
}
@media (max-width: 1100px) {
.product-reviews__empty-icon-wrapper {
padding: 0;
}
}
.product-reviews__empty-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.product-reviews__empty-text {
max-width: 474px;
}
.product-reviews__empty-text p:not([class]) {
margin-bottom: 0px;
}
.product-reviews__empty-text .section-subtitle {
color: #352C2C;
margin-bottom: 20px;
}
.product-reviews__empty-text .reviews-stats__button {
margin-top: 24px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 13px 32px;
}
@media (max-width: 1024px) {
.product-reviews__title {
font-size: 32px;
line-height: 38.4px;
}
}
@media (max-width: 768px) {
.product-reviews__title {
margin-bottom: 20px;
}
}
.product-reviews__sort {
margin: 20px 0 0;
}
.product-reviews__sort-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 5px 0;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
}
.product-reviews__sort .product-reviews__filters {
display: none;
}
.reviews-item__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 8px;
}
.reviews-item__head-name {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
margin: 0;
color: #352C2C;
}
.reviews-item__head-date {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #9D9D9D;
margin: 0;
}
@media (max-width: 768px) {
.reviews-item__head-name {
font-size: 16px;
line-height: 22.4px;
}
.reviews-item__head-date {
font-size: 14px;
line-height: 18.9px;
}
}
.reviews-item__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
margin-bottom: 14px;
}
.reviews-item__rating-star {
width: 24px;
height: 24px;
}
.reviews-item__rating-star path {
fill: #F2C94D;
}
.reviews-item__rating-star--inactive path {
fill: #F1EDEA;
}
.reviews-item__rating-count {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-left: 4px;
color: #352C2C;
}
.reviews-item__text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
.reviews-item__text:not(:last-child) {
margin-bottom: 18px;
}
@media (max-width: 768px) {
.reviews-item__text:not(:last-child) {
margin-bottom: 14px;
}
}
.reviews-item__text p {
margin: 0;
}
.reviews-item__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.reviews-item__actions-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
padding: 12px 18px;
border: 1px solid #352C2C;
border-radius: 24px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: #9D9D9D;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.reviews-item__actions-button-icon path {
stroke: #352C2C;
fill: none !important;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.reviews-item__actions-button.active {
background-color: #554E4E;
color: #fff;
}
.reviews-item__actions-button:hover {
background-color: #352C2C;
color: #fff;
}
.reviews-item__actions-button:hover .reviews-item__actions-button-icon path, .reviews-item__actions-button.active .reviews-item__actions-button-icon path {
stroke: currentColor;
}
.reviews-item__responses {
margin-top: 22px;
}
@media (max-width: 768px) {
.reviews-item__responses {
margin-top: 18px;
}
}
.reviews-item__responses-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
padding: 24px;
background-color: #F7F7F7;
border-radius: 16px;
}
.reviews-item__responses-item-image {
width: 100%;
height: 100%;
}
.reviews-item__responses-item-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
width: 54px;
height: 54px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.reviews-item__responses-item-main {
width: 100%;
}
@media (max-width: 900px) {
.reviews-item__responses-item {
padding: 16px;
gap: 12px;
}
.reviews-item__responses-item-image-wrapper {
width: 42px;
height: 42px;
}
.reviews-item__responses-item-head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
}
}
.reviews-stats {
padding: 32px;
width: 440px;
background-color: #F7F7F7;
border-radius: 16px;
color: #9D9D9D;
}
.reviews-stats__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reviews-stats__rating-star {
width: 100%;
height: 100%;
}
.reviews-stats__rating-star-wrapper {
width: 32px;
height: 32px;
padding: 2px 2px 4px;
position: relative;
--fraction: 100%;
}
.reviews-stats__rating-star-wrapper::after {
content: "";
position: absolute;
top: 2px;
left: calc(2px + var(--fraction));
right: 2px;
bottom: 4px;
display: block;
background: url(/local/templates/bonnemanche/css/../img/svg/star_grey.svg);
background-position: right;
background-size: cover;
}
.reviews-stats__rating-star-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.reviews-stats__rating-fraction {
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 31.2px;
color: #352C2C;
}
.reviews-stats__text {
color: inherit;
margin: 12px 0 24px;
}
.reviews-stats__lines {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 1fr auto;
grid-template-columns: auto 1fr auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.reviews-stats__lines-item-value {
color: #352C2C;
}
.reviews-stats__lines-item-line {
height: 4px;
border-radius: 6px;
background-color: rgba(68, 83, 113, 0.1019607843);
position: relative;
overflow: hidden;
}
.reviews-stats__lines-item-line::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: calc(var(--fraction) * 100%);
background-color: #4A3933;
border-radius: 6px;
}
.reviews-stats__button {
margin-top: 28px;
}
.reviews-stats__footer {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 28px 0 0;
color: #554E4E;
}
.reviews-stats__footer > a {
text-decoration: underline;
text-underline-offset: 1px;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.reviews-stats__footer > a:hover {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
@media (max-width: 1100px) {
.reviews-stats {
width: 343px;
padding: 24px 16px;
}
}
@media (max-width: 768px) {
.reviews-stats {
width: 100%;
}
}
.gallery-container {
position: fixed;
top: 0;
bottom: 0;
z-index: 5;
background-color: #fff;
left: 100vw;
right: -100vw;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.gallery-container.active {
left: 0;
right: 0;
}
.gallery__close {
position: absolute;
top: 32px;
right: 32px;
z-index: 2;
width: 32px;
height: 32px;
cursor: pointer;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.gallery__close:hover {
-webkit-transform: rotateZ(360deg);
-ms-transform: rotate(360deg);
transform: rotateZ(360deg);
}
@media (max-width: 950px) {
.gallery__close {
top: 12px;
right: 16px;
}
}
.gallery__main {
padding: 32px 40px;
width: 100vw;
height: 100vh;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 950px) {
.gallery__main {
padding: 60px 16px 16px;
height: calc(100vh - 130px);
}
}
.gallery-swiper {
max-width: 752px;
width: 100%;
max-height: calc(100vh - 144px);
margin-bottom: 16px;
}
.gallery-swiper__wrapper {
display: -webkit-box;
height: 100%;
width: 100%;
max-height: calc(100vh - 144px);
}
.gallery-swiper__slide {
width: 100%;
height: auto;
border-radius: 16px;
overflow: hidden;
}
.gallery-swiper__slide.swiper-slide-ios {
height: 100%;
}
.gallery-swiper__slide-img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.gallery-swiper__slide:has(video), .gallery-swiper__slide:has(iframe) {
position: relative;
background-color: rgba(72, 72, 72, 0.4);
}
.gallery-swiper__slide:has(video)::before, .gallery-swiper__slide:has(iframe)::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 49px;
height: 49px;
border-radius: 50%;
background-color: rgba(72, 72, 72, 0.4);
-webkit-filter: blur(0.5);
filter: blur(0.5);
}
.gallery-swiper__slide:has(video)::after, .gallery-swiper__slide:has(iframe)::after {
content: "";
background: url(/local/templates/bonnemanche/css/../img/svg/Play.svg) no-repeat;
background-position: center;
background-size: 30px 30px;
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.gallery-swiper__slide.play:has(video)::after, .gallery-swiper__slide.play:has(video)::before, .gallery-swiper__slide.play:has(iframe)::after, .gallery-swiper__slide.play:has(iframe)::before {
content: none;
}
.gallery-swiper__nav {
position: absolute;
top: 50%;
left: 40px;
right: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none;
}
.gallery-swiper__nav-left, .gallery-swiper__nav-right {
pointer-events: all;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #fff;
border: 1px solid #352C2C;
border-radius: 50%;
cursor: pointer;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.gallery-swiper__nav-left:hover, .gallery-swiper__nav-right:hover {
background-color: #382A2A;
}
.gallery-swiper__nav-left:hover svg path, .gallery-swiper__nav-right:hover svg path {
fill: #fff;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.gallery-swiper__nav-right {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.gallery-swiper-thumbnails {
height: 68px;
width: 588px;
border-radius: 4px;
}
.gallery-swiper-thumbnails__wrapper {
display: -webkit-box;
position: relative;
width: calc(100% - 100px);
margin: 0 auto;
}
.gallery-swiper-thumbnails__slide {
width: 68px;
height: 68px;
padding: 2px;
border: 1px solid transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.gallery-swiper-thumbnails__slide--active {
border-color: #4A3933;
}
.gallery-swiper-thumbnails__slide:hover {
border-color: #967E76;
}
.gallery-swiper-thumbnails__slide-img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.gallery-swiper-thumbnails__slide:has(video), .gallery-swiper-thumbnails__slide:has(iframe) {
position: relative;
}
.gallery-swiper-thumbnails__slide:has(video)::before, .gallery-swiper-thumbnails__slide:has(iframe)::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: rgba(72, 72, 72, 0.4);
-webkit-filter: blur(0.5);
filter: blur(0.5);
}
.gallery-swiper-thumbnails__slide:has(video)::after, .gallery-swiper-thumbnails__slide:has(iframe)::after {
content: "";
background: url(/local/templates/bonnemanche/css/../img/svg/Play.svg) no-repeat;
background-position: center;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.gallery-swiper-thumbnails__nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 68px;
}
.gallery-swiper-thumbnails__nav-left, .gallery-swiper-thumbnails__nav-right {
height: 100%;
pointer-events: all;
cursor: pointer;
width: 34px;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.gallery-swiper-thumbnails__nav-left:hover, .gallery-swiper-thumbnails__nav-right:hover {
background-color: #F1EDEA;
}
.gallery-swiper-thumbnails__nav-left.swiper-button-disabled, .gallery-swiper-thumbnails__nav-right.swiper-button-disabled {
pointer-events: none;
}
.gallery-swiper-thumbnails__nav-left.swiper-button-disabled svg path, .gallery-swiper-thumbnails__nav-right.swiper-button-disabled svg path {
fill: #9D9D9D;
}
.gallery-swiper-thumbnails__nav-right {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 950px) {
.gallery-swiper {
margin-bottom: 12px;
height: calc(100% - 80px);
}
.gallery-swiper__wrapper {
height: 100%;
}
.gallery-swiper__nav {
display: none;
}
}
@media (max-width: 619px) {
.gallery-swiper-thumbnails {
width: calc(100% + 32px);
margin: 0 -16px;
padding: 0 16px;
}
.gallery-swiper-thumbnails__wrapper {
margin: 0;
}
.gallery-swiper-thumbnails__nav {
display: none;
}
}
.mobile-popup {
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
height: auto;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 24px 20px 28px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
@media (max-width: 768px) {
.mobile-popup {
bottom: 0;
}
}
@media (min-width: 769px) {
.mobile-popup[data-popup-map] {
display: none;
}
}
.mobile-popup:has(.product__list-item) {
padding: 24px 16px 28px;
}
.mobile-popup.active, .mobile-popup:is(.overlay-map:is(.active ~ *) *) {
-webkit-transform: translateY(calc(0px + var(--distance)));
-ms-transform: translateY(calc(0px + var(--distance)));
transform: translateY(calc(0px + var(--distance)));
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
bottom: -100px;
padding-bottom: 128px;
}
.mobile-popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
background-color: rgba(53, 44, 44, 0.3019607843);
opacity: 0;
pointer-events: none;
}
.mobile-popup-overlay:has(.mobile-popup.active) {
opacity: 1;
pointer-events: all;
}
.mobile-popup__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
}
.mobile-popup__title {
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
margin: 0;
color: #352C2C;
}
.mobile-popup__title:first-letter {
text-transform: capitalize;
}
.mobile-popup__body {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.9px;
color: #352C2C;
}
.mobile-popup__body p:not([class]) {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
}
.mobile-popup__body .product__list-item-info-text {
top: unset;
bottom: 10px;
}
.mobile-popup__body > .product__list-item-info-text {
position: static;
display: contents;
}
.mobile-popup__footer {
border-top: 1px solid #f1edea;
padding-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.mobile-popup__footer .product__list-item-counter {
margin-top: 0;
}
.mobile-popup__link {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: #4A3933;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 15px;
border: 1px solid currentColor;
border-radius: 24px;
background-color: transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.mobile-popup__link:hover {
color: #fff;
background-color: #4A3933;
border-color: #4A3933;
}
.catalog-title {
margin-bottom: 20px;
}
.catalog__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 45px;
width: 100%;
margin-bottom: 80px;
}
@media (max-width: 768px) {
.catalog__main {
margin-bottom: 60px;
}
}
.catalog__aside {
max-width: 300px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.catalog__aside::-webkit-scrollbar {
width: 0;
height: 0;
}
.catalog__aside-item:not(:last-child) {
border-bottom: 1px solid #F1EDEA;
padding-bottom: 20px;
margin-bottom: 20px;
}
.catalog__aside-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px 16px;
margin-bottom: 8px;
position: relative;
}
.catalog__aside-head[data-head=filter] {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog__aside-title {
margin-bottom: 0;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #352C2C;
}
.catalog__aside-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
top: 50%;
left: 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
padding: 0;
}
.catalog__aside-head[data-head=filter] .catalog__aside-back {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.catalog__aside-actions {
position: sticky;
bottom: 0;
padding: 16px 16px 20px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.catalog__aside-actions-button {
padding: 15px 32px;
background-color: #4A3933;
border-radius: 24px;
border: 1px solid #4A3933;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
}
.catalog__aside-actions-button--white {
color: #4A3933;
background-color: #fff;
}
@media (max-width: 1024px) {
.catalog__aside {
position: fixed;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 460px;
background-color: #fff;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.catalog__aside.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.catalog__aside-item:not(:last-child) {
border: none;
padding: 0;
margin: 0;
}
.catalog__aside[data-active=categories] .catalog__aside-item[data-item=filter] {
display: none;
}
.catalog__aside[data-active=filter] .catalog__aside-item[data-item=categories] {
display: none;
}
.catalog__aside[data-active=filter] .catalog__aside-head[data-head=categories] {
display: none;
}
.catalog__aside[data-active=categories] .catalog__aside-head[data-head=filter] {
display: none;
}
.catalog__aside-item[data-item=filter] {
padding: 0 16px;
}
.catalog__aside-item[data-item=filter]:not(:last-child) {
margin-bottom: 32px;
}
.catalog__aside[data-active=categories] .catalog__aside-actions {
display: none;
}
.catalog__aside:has(.fixed) {
overflow: hidden;
}
}
.catalog__categories {
font-weight: 600;
color: #554E4E;
padding-left: 0;
}
.catalog__categories + .catalog__categories {
margin-top: 10px;
}
@media (max-width: 1024px) {
.catalog__categories + .catalog__categories {
margin-top: 0;
}
}
.catalog__categories--nested {
font-weight: 500;
color: #605757;
padding-left: 16px;
display: none;
}
@media (max-width: 1024px) {
.catalog__categories--nested {
padding: 0;
width: 100%;
}
}
.catalog__categories-item {
font-weight: inherit;
color: inherit;
font-family: "Noto Sans", sans-serif;
font-size: 18px;
line-height: 25.2px;
margin-left: -16px;
margin-right: -16px;
border-radius: 16px;
width: 100%;
}
.catalog__categories-item > a {
display: block;
width: 100%;
font-size: 16px;
color: inherit;
padding: 8px 16px;
background-color: transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.catalog__categories-item > a:hover {
color: #967E76;
}
.catalog__categories-item--active {
background-color: #F7F7F7;
}
.catalog__categories-item--active > .catalog__categories--nested {
display: block;
margin-left: 16px;
}
@media (max-width: 1024px) {
.catalog__categories-item--active > .catalog__categories--nested {
margin-left: 0;
}
}
.catalog__categories-item--active:has(.catalog__categories-item--active) {
background-color: transparent;
}
.catalog__categories-item-link {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.catalog__categories-item-link svg {
display: none;
}
@media (max-width: 1024px) {
.catalog__categories-item {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 16px;
border-radius: 0;
border-bottom: 1px solid #F1EDEA;
background: none;
color: #352C2C;
font-weight: 600;
}
.catalog__categories-item > .catalog__categories-item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding-right: 0;
}
.catalog__categories-item > .catalog__categories-item-link svg {
display: block;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.catalog__categories-item--active {
padding-right: 0;
border-bottom: none;
}
}
.catalog__categories-button {
margin: 10px 0 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 9px;
color: #001310;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18.9px;
}
.catalog__categories-button svg path {
fill: #001310;
}
@media (min-width: 1025px) {
.catalog__categories-button {
display: none;
}
}
@media (min-width: 769px) {
.catalog__categories-button {
font-size: 16px;
line-height: 22.4px;
}
}
@media (max-width: 1024px) {
.catalog__categories + .catalog__categories > .catalog__categories-item:last-child {
border-bottom: none;
}
}
.catalog__container {
width: 100%;
}
.catalog__wrapper {
padding-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px 1.9455252918%;
margin: 0 -6.5px;
position: relative;
z-index: 0;
}
.catalog__wrapper .product-slider__slide {
-ms-flex-preferred-size: 31.7029831388%;
flex-basis: 31.7029831388%;
}
@media (max-width: 1200px) {
.catalog__wrapper .product-slider__slide {
-ms-flex-preferred-size: 49.0272373541%;
flex-basis: 49.0272373541%;
}
}
@media (min-width: 769px) {
.catalog__wrapper .product-slider__slide {
margin-bottom: -155px;
}
}
@media (max-width: 768px) {
.catalog__wrapper {
gap: 12px 11px;
margin: 0;
}
.catalog__wrapper .product-slider__slide {
-ms-flex-preferred-size: 48.3965014577%;
flex-basis: 48.3965014577%;
max-width: unset;
}
}
.catalog__head {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 35px;
border-bottom: 1px solid #F1EDEA;
padding-bottom: 16px;
}
@media (max-width: 1024px) {
.catalog__head {
display: -ms-grid;
display: grid;
grid-template-areas: "a a" "c d" "b b";
gap: 0 35px;
}
}
.catalog__filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 6px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-area: b;
position: relative;
}
@media (max-width: 1024px) {
.catalog__filters:has(.visually-hidden) {
display: none;
}
.catalog__filters:not(.mobile) {
margin-top: 12px;
}
}
@media (max-width: 768px) {
.catalog__filters {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
padding: 0 16px;
margin: 0 -16px;
}
.catalog__filters::-webkit-scrollbar {
width: 0;
height: 0;
}
}
.catalog__filters-item {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
background-color: #F1EDEA;
border-radius: 24px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.catalog__filters-item--clear {
color: #001310;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.catalog__filters-item, .catalog__filters-item--clear {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 16px;
gap: 4px;
}
.catalog__filters-item svg path, .catalog__filters-item--clear svg path {
stroke: #605757;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.catalog__filters-item--default {
padding: 9px 20px;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.catalog__filters-item--default, .catalog__filters-item--clear {
background-color: #F7F7F7;
}
.catalog__filters-item:hover, .catalog__filters-item--active {
color: #fff;
background-color: #382A2A;
}
.catalog__filters-item:hover svg path, .catalog__filters-item--active svg path {
stroke: #fff;
}
@media (min-width: 1025px) {
.catalog__filters-item.mobile-hidden {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (max-width: 1024px) {
.catalog__filters-item.mobile-hidden {
display: none;
}
}
@media (max-width: 1024px) {
.catalog__filters-item--clear {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
text-indent: -9999em;
color: transparent;
gap: 0;
padding: 10px;
}
}
@media (max-width: 768px) {
.catalog__filters-item {
font-size: 14px;
line-height: 18.9px;
}
}
.catalog__filters.mobile {
grid-area: a;
margin-bottom: 12px;
}
@media (min-width: 1025px) {
.catalog__filters.mobile {
display: none;
}
}
.catalog__filters-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
grid-area: d;
-ms-grid-column-align: end;
justify-self: end;
}
.catalog__filters-open svg {
pointer-events: none;
}
@media (min-width: 1025px) {
.catalog__filters-open {
display: none;
}
}
.catalog__sort {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 9px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
padding: 8px 16px;
border-radius: 24px;
background-color: #F7F7F7;
cursor: pointer;
grid-area: c;
justify-self: flex-end;
margin-left: auto;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
color: #352C2C;
width: 220px;
}
@media (max-width: 1024px){
.catalog__filters {
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
.catalog__filters.mobile {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
.catalog__filters-open {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.catalog__sort {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
}
.catalog__sort svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: currentColor;
}
.catalog__sort-dropdown {
position: absolute;
right: 0;
top: calc(100% + 6px);
padding: 8px 20px;
border-radius: 16px;
background-color: #fff;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
width: 262px;
max-height: 0px;
overflow: hidden;
opacity: 0;
z-index: 1;
pointer-events: none;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.catalog__sort-dropdown.left {
right: unset;
left: -20px;
}
.catalog__sort-dropdown.active {
max-height: 218px;
opacity: 1;
pointer-events: all;
}
.catalog__sort-dropdown-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 9px 0;
color: #352C2C;
cursor: pointer;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
.catalog__sort-dropdown-item svg path {
fill: none;
stroke: #352C2C;
}
.catalog__sort-dropdown-item svg {
display: none;
}
.catalog__sort-dropdown-item.active svg {
display: block;
}
.catalog__sort-dropdown-item:not(.active):hover {
color: #967E76;
}
.catalog__sort:hover {
/* -webkit-box-shadow: 0px 4px 15px 0px rgba(96, 87, 87, 0.2392156863);
box-shadow: 0px 4px 15px 0px rgba(96, 87, 87, 0.2392156863);*/
}
@media (max-width: 1024px) {
.catalog__sort {
padding: 0;
background-color: transparent;
margin-left: 0;
-ms-grid-column-align: start;
justify-self: start;
width: auto;
}
}
.filter-block__title {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 26px;
margin: 0 0 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
color: #352C2C;
position: relative;
}
.filter-block__title[data-count]:not([data-count="0"])::after {
content: attr(data-count);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #352C2C;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 12px;
}
.filter-block__title-arrow {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 8px 5px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.filter-block:not(:has(.filter-block__container--expanded)) .filter-block__search-container {
display: none;
}
.filter-block__info-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media (min-width: 901px) {
.filter-block__info-wrapper:has(.filter-block__info-icon:hover) .filter-block__info-text, .filter-block__info-wrapper .filter-block__info-text:hover {
display: block;
}
}
.filter-block__info-icon path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__info-icon path:first-of-type {
fill: #F1EDEA;
}
.filter-block__info-icon path:not(:first-of-type) {
stroke: #352C2C;
}
.filter-block__info-icon path:last-of-type {
stroke: none;
fill: #352C2C;
}
@media (min-width: 901px) {
.filter-block__info-icon:hover path:first-of-type {
fill: #967E76;
}
.filter-block__info-icon:hover path:not(:first-of-type) {
stroke: #FFFFFF;
}
.filter-block__info-icon:hover path:last-of-type {
stroke: none;
fill: #FFFFFF;
}
}
.filter-block__info-text {
position: absolute;
top: calc(100% + 4px);
left: 30px;
z-index: 1;
padding: 20px;
background-color: #fff;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
border-radius: 16px;
width: 407px;
display: none;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
.filter-block__info-text > p {
margin: 0;
font-size: inherit;
color: inherit;
}
.filter-block__info-text:is(.mobile-popup__body > *) {
position: static;
display: contents;
width: auto;
}
.filter-block__item-label {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
padding-left: 28px;
position: relative;
cursor: pointer;
}
.filter-block__item-label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #9D9D9D;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__item-checkbox {
visibility: hidden;
width: 0;
height: 0;
display: contents;
}
.filter-block__item-label:has(input:checked)::before {
background-image: url(/local/templates/bonnemanche/css/../img/svg/check_white.svg);
background-color: #4A3933;
}
.filter-block__item-label:has(input[disabled=true]) {
color: #9D9D9D;
}
.filter-block__item-label:has(input[disabled=true])::before {
border-color: #E0E0E0;
}
.filter-block__item-label:hover::before {
background-color: #967E76;
}
.filter-block__item-label:active::before {
background-color: #4A3933;
}
.filter-block__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
max-height: 119px;
overflow: hidden;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__container::-webkit-scrollbar {
width: 4px;
}
.filter-block__container::-webkit-scrollbar-thumb {
background-color: #605757;
border-radius: 4px;
}
.filter-block__container--expanded {
overflow-y: scroll;
max-height: 249px;
}
.filter-block__button {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: #352C2C;
margin-top: 12px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__button:hover {
color: #967E76;
}
.filter-block__search, .filter-block__search:focus {
color: #554E4E;
padding: 10px 16px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
border: 1px solid #605757;
border-radius: 24px;
margin-bottom: 14px;
width: 100%;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__search::-webkit-input-placeholder, .filter-block__search:focus::-webkit-input-placeholder {
color: #9D9D9D;
}
.filter-block__search::-moz-placeholder, .filter-block__search:focus::-moz-placeholder {
color: #9D9D9D;
}
.filter-block__search:-ms-input-placeholder, .filter-block__search:focus:-ms-input-placeholder {
color: #9D9D9D;
}
.filter-block__search::-ms-input-placeholder, .filter-block__search:focus::-ms-input-placeholder {
color: #9D9D9D;
}
.filter-block__search::placeholder, .filter-block__search:focus::placeholder {
color: #9D9D9D;
}
.filter-block__search:hover, .filter-block__search:focus:hover {
border-color: #967E76;
}
.filter-block__search {
border-color: #E0E0E0;
}
.filter-block__search:-moz-placeholder-shown + .filter-block__search-button {
pointer-events: none;
}
.filter-block__search:-ms-input-placeholder + .filter-block__search-button {
pointer-events: none;
}
.filter-block__search:placeholder-shown + .filter-block__search-button {
pointer-events: none;
}
.filter-block__search-container {
position: relative;
}
.filter-block__search-container:has(input:-moz-placeholder-shown) .filter-block__search-button-icon {
display: block;
}
.filter-block__search-container:has(input:-ms-input-placeholder) .filter-block__search-button-icon {
display: block;
}
.filter-block__search-container:has(input:placeholder-shown) .filter-block__search-button-icon {
display: block;
}
.filter-block__search-container:has(input:-moz-placeholder-shown) .filter-block__search-button-icon--close {
display: none;
}
.filter-block__search-container:has(input:-ms-input-placeholder) .filter-block__search-button-icon--close {
display: none;
}
.filter-block__search-container:has(input:placeholder-shown) .filter-block__search-button-icon--close {
display: none;
}
.filter-block__search-container:has(input:not(:-moz-placeholder-shown)) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container:has(input:not(:-ms-input-placeholder)) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container:has(input:not(:placeholder-shown)) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container:has(input:not(:-moz-placeholder-shown)) .filter-block__search-button-icon--close {
display: block;
}
.filter-block__search-container:has(input:not(:-ms-input-placeholder)) .filter-block__search-button-icon--close {
display: block;
}
.filter-block__search-container:has(input:not(:placeholder-shown)) .filter-block__search-button-icon--close {
display: block;
}
@media (max-width: 1024px) {
.filter-block__search, .filter-block__search:focus {
padding-left: 52px;
}
.filter-block__search-container:has(input:-moz-placeholder-shown) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container:has(input:-ms-input-placeholder) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container:has(input:placeholder-shown) .filter-block__search-button-icon {
display: none;
}
.filter-block__search-container {
position: relative;
}
.filter-block__search-container::before {
content: "";
position: absolute;
top: 13px;
left: 32px;
display: block;
width: 20px;
height: 20px;
background: url("/local/templates/bonnemanche/css/../img/svg/MagnifyingGlass.svg") no-repeat;
background-position: center;
opacity: 0.3;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__search-container:has(input:not(:-moz-placeholder-shown))::before {
opacity: 1;
}
.filter-block__search-container:has(input:not(:-ms-input-placeholder))::before {
opacity: 1;
}
.filter-block__search-container:has(input:not(:placeholder-shown))::before, .filter-block__search-container:has(input:focus)::before {
opacity: 1;
}
}
.filter-block__search-button {
position: absolute;
display: block;
width: 24px;
height: 24px;
top: 23px;
right: 16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.filter-block__price {
width: 100%;
}
.filter-block__price, .filter-block__price:focus {
padding: 11px 16px;
border: 1px solid #E0E0E0;
border-radius: 24px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.filter-block__price::-webkit-input-placeholder, .filter-block__price:focus::-webkit-input-placeholder {
color: #9D9D9D;
}
.filter-block__price::-moz-placeholder, .filter-block__price:focus::-moz-placeholder {
color: #9D9D9D;
}
.filter-block__price:-ms-input-placeholder, .filter-block__price:focus:-ms-input-placeholder {
color: #9D9D9D;
}
.filter-block__price::-ms-input-placeholder, .filter-block__price:focus::-ms-input-placeholder {
color: #9D9D9D;
}
.filter-block__price::placeholder, .filter-block__price:focus::placeholder {
color: #9D9D9D;
}
.filter-block__price:hover, .filter-block__price:focus:hover {
border-color: #967E76;
}
.filter-block__price-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 32px;
margin-bottom: 12px;
}
.filter-block__price-container::before {
content: "";
position: absolute;
display: block;
width: 16px;
height: 1px;
background-color: #605757;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.filter-block__range-container {
position: relative;
width: 100%;
height: 2px;
padding: 9px 5px;
pointer-events: none;
}
.filter-block__range-container::after {
content: "";
display: block;
position: absolute;
height: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: calc(var(--left) - 8px);
right: calc(var(--right) - 8px);
background-color: #4A3933;
cursor: pointer;
pointer-events: all;
}
.filter-block__range-container::before {
content: "";
display: block;
position: absolute;
height: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
background-color: #F1EDEA;
cursor: pointer;
pointer-events: all;
}
.filter-block__range-slider {
width: 24px;
height: 24px;
border-radius: 4.5px;
position: absolute;
z-index: 1;
top: 50%;
pointer-events: all;
cursor: -webkit-grab;
cursor: grab;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.filter-block__range-slider[data-range=left] {
left: calc(var(--left) - 8px);
-webkit-transform: translate(calc(-50% + 8px), -50%);
-ms-transform: translate(calc(-50% + 8px), -50%);
transform: translate(calc(-50% + 8px), -50%);
}
.filter-block__range-slider[data-range=right] {
left: calc(100% - var(--right) + 8px);
-webkit-transform: translate(calc(-50% - 8px), -50%);
-ms-transform: translate(calc(-50% - 8px), -50%);
transform: translate(calc(-50% - 8px), -50%);
}
.filter-block__range-slider::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
display: block;
border-radius: 4.5px;
background-color: #4A3933;
}
.filter-block__back {
display: none;
}
@media (max-width: 1024px) {
.filter-block:not(.fixed) .filter-block__container .filter-block__item:nth-child(n+6) {
display: none;
}
.filter-block:not(.fixed) .filter-block__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
max-height: unset;
}
.filter-block:not(.fixed) .filter-block__item-label {
padding: 10px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
background: #F7F7F7;
border-radius: 24px;
font-size: 14px;
line-height: 18.9px;
}
.filter-block:not(.fixed) .filter-block__item-label::before {
content: none;
}
.filter-block:not(.fixed) .filter-block__item-label::after {
content: "";
display: none;
width: 24px;
height: 18px;
background: url("/local/templates/bonnemanche/css/../img/svg/Close Small.svg") no-repeat;
background-position: center;
}
.filter-block:not(.fixed) .filter-block__item-label:has(input:checked)::after {
display: block;
}
.filter-block:not(.fixed) .filter-block__item-label:has(input:checked) {
background-color: #F1EDEA;
}
.filter-block.fixed .filter-block__back {
display: block;
}
.filter-block.fixed {
position: fixed;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.filter-block.fixed .filter-block__title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px 16px;
}
.filter-block.fixed .filter-block__title::after {
content: none;
}
.filter-block.fixed .filter-block__container {
max-height: unset;
gap: 4px;
overflow: auto;
}
.filter-block.fixed .filter-block__search-container {
display: block;
padding: 0 16px;
}
.filter-block.fixed .filter-block__button {
display: none;
}
.filter-block.fixed .filter-block__item {
padding: 10px 16px;
border-bottom: 1px solid #F1EDEA;
}
.filter-block.fixed .filter-block__item-label {
font-size: 14px;
line-height: 18.9px;
padding-left: 32px;
}
.filter-block.fixed .filter-block__item-label::before {
width: 24px;
height: 24px;
}
}
.switch {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.switch::before {
content: "";
display: block;
width: 48px;
height: 24px;
border-radius: 24px;
background-color: #E0CBB8;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.switch::after {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
left: 2px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.switch-input {
height: 0;
width: 0;
visibility: hidden;
}
@media (min-width: 1025px) {
.switch:has(input:hover)::before {
background-color: #967E76;
}
}
.switch:has(input:checked)::after {
left: 26px;
}
.switch:has(input:checked)::before {
background-color: #4A3933;
}
.pagination {
/* margin-top: 60px; */
}
@media (max-width: 768px) {
.pagination {
margin-top: 28px;
}
}
.pagination__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6px;
}
.pagination__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
color: #352C2C;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
padding: 11px 15px;
border: 1px solid #E0E0E0;
border-radius: 4px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.pagination__item svg {
width: 9px;
height: 6px;
}
.pagination__item svg path {
fill: currentColor;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
@media (max-width: 768px) {
.pagination__item svg path {
fill: #352C2C;
}
}
.pagination__item:first-child > svg {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.pagination__item:last-child > svg {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media (max-width: 768px) {
.pagination__item {
gap: 0;
padding: 7px;
height: 40px;
width: 40px;
}
.pagination__item:nth-child(n+6) {
display: none;
}
.pagination__item:not(.pagination__items > *) {
text-indent: -9999em;
color: transparent;
}
}
.pagination__item--active {
background-color: #4A3933;
color: #fff;
border-color: #4A3933;
}
@media (min-width: 769px) {
.pagination__item:hover {
background-color: #382A2A;
border-color: #382A2A;
color: #fff;
}
}
.pagination__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
}
.pagination__items > .pagination__item {
font-weight: 600;
}
.cabinet-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 48px;
margin-bottom: 120px;
}
@media (max-width: 1360px) {
.cabinet-wrapper:not(:has(.cabinet-section:only-child)) {
gap: 20px;
}
}
@media (max-width: 1024px) {
.cabinet-wrapper {
margin-bottom: 60px;
}
}
@media (max-width: 768px) {
.cabinet-wrapper, .cabinet-wrapper:not(:has(.cabinet-section:only-child)) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: -16px;
margin-right: -16px;
gap: 60px;
}
}
.cabinet-title--mobile {
display: none;
}
@media (max-width: 768px) {
.cabinet-title {
margin-bottom: 16px;
}
.cabinet-title--visible {
margin-bottom: 24px;
}
.cabinet-title:not(.cabinet-title--visible) {
display: none;
}
.cabinet-title--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8.5px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 8px 16px 8px 0;
margin-bottom: 12px;
}
.cabinet-title--mobile svg path {
fill: #352C2C;
}
}
.cabinet-aside {
max-width: 325px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
@media (max-width: 768px) {
.cabinet-aside {
max-width: unset;
}
.cabinet-aside--mobile-hidden {
display: none;
}
}
.cabinet-aside__menu {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
}
.cabinet-aside__menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: #352C2C;
gap: 8px;
padding: 16px 20px;
border-radius: 16px;
background-color: transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
text-wrap: nowrap;
}
.cabinet-aside__menu-item--active, .cabinet-aside__menu-item:hover {
background-color: #F1EDEA;
}
.cabinet-aside__menu-item[data-count]:not([data-count="0"])::after {
content: attr(data-count);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #352C2C;
color: #fff;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-weight: 500;
text-align: center;
}
@media (max-width: 768px) {
.cabinet-aside__menu-item--active, .cabinet-aside__menu-item:hover {
background-color: transparent;
}
.cabinet-aside__menu-item::before {
content: "";
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/bonnemanche/css/../img/svg/arrow-down.svg) no-repeat;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
background-position: center;
margin-left: auto;
}
}
.cabinet-aside__menu-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: #9D9D9D;
padding: 16px 20px;
}
@media (max-width: 1439px) {
.cabinet-aside:not(.cabinet-wrapper:has(.cabinet-section:only-child) > *) {
-ms-flex-negative: 1;
flex-shrink: 1;
width: auto;
}
}
@media (max-width: 1024px) {
.cabinet-aside {
-ms-flex-negative: 1;
flex-shrink: 1;
width: auto;
}
}
.cabinet-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 32px 19px;
margin-bottom: 120px;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cabinet-main:has(.cabinet-section:only-child, .cabinet-section--full:last-child) {
margin-bottom: 0;
}
@media (min-width: 1440px) {
.cabinet-main {
gap: 32px 17px;
}
}
@media (max-width: 1350px) {
.cabinet-main {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.cabinet-main--empty {
display: none;
}
}
.cabinet-section {
-ms-flex-preferred-size: calc(50% - 9.5px);
flex-basis: calc(50% - 9.5px);
}
.cabinet-section:only-child, .cabinet-section--full {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
@media (max-width: 768px) {
.cabinet-section:only-child, .cabinet-section--full {
padding: 0 16px;
}
}
@media (max-width: 1350px) {
.cabinet-section {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
}
.cabinet-section:first-child:not(:only-child):not(.cabinet-section--full):not(.cabinet-main--empty > *) {
display: none;
}
}
@media (max-width: 1350px) and (min-width: 769px) {
.cabinet-section:has(.cabinet-info, .order-check) {
-ms-flex-preferred-size: calc(50% - 9.5px);
flex-basis: calc(50% - 9.5px);
}
}
@media (max-width: 768px) {
.cabinet-section:has(.order-check) {
padding: 28px 16px 0;
}
.cabinet-section--full .cabinet-back {
margin-bottom: 20px;
}
}
.cabinet-section__item {
border: 1px solid #F1EDEA;
border-radius: 16px;
padding: 32px;
}
.cabinet-section__item--full {
padding: 44px;
}
.cabinet-section__item--full .cabinet-section__item-title {
font-size: 32px;
line-height: 44.8px;
}
.cabinet-section__item--full .cabinet-section__item-title--small {
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
}
.cabinet-section__item-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px;
}
.cabinet-section__item-head--favourites {
margin-bottom: 16px;
}
.cabinet-section__item-head--favourites ~ .cabinet-section__item-subtitle--empty {
margin-top: 0;
}
.cabinet-section__item-title {
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
margin: 0;
color: #352C2C;
}
.cabinet-section__item-title[data-count]::after {
content: attr(data-count);
font-family: "Noto Sans", sans-serif;
font-size: 16px;
line-height: 22.4px;
color: #9D9D9D;
margin-left: 6px;
vertical-align: top;
}
.cabinet-section__item-title--small {
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
}
.cabinet-section__item-title:not(:first-of-type) {
margin-bottom: 0;
}
.cabinet-section__item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #352C2C;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-section__item-link svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.cabinet-section__item-link svg path {
fill: currentColor;
}
.cabinet-section__item-link:hover {
color: #967E76;
}
.cabinet-section__item-subtitle {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
margin-bottom: 8px;
color: #9D9D9D;
}
.cabinet-section__item-subtitle--empty {
margin-top: -12px;
margin-bottom: 24px;
}
.cabinet-section__item-subtitle--empty svg {
margin-bottom: -5px;
}
.cabinet-section__item-subtitle--empty svg path {
stroke: #605757;
}
.cabinet-section__item-value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
color: #352C2C;
}
.cabinet-section__item-value + .cabinet-section__button {
margin-top: 24px;
}
.cabinet-section__item-value + .cabinet-section__item-subtitle {
margin-top: 16px;
}
.cabinet-section__item + .cabinet-section__item {
margin-top: 20px;
}
.cabinet-section__item + .cabinet-section__item--full {
margin-top: 16px;
}
.cabinet-section__item-address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cabinet-section__item-address-name {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
color: #352C2C;
margin-bottom: 3px;
}
.cabinet-section__item-address-value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
margin: 0;
}
.cabinet-section__item-favourites {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.cabinet-section__item-favourites + .cabinet-section__button {
margin-top: 24px;
}
.cabinet-section__item-favourites-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 99px;
width: 99px;
border: 1px solid #F1EDEA;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
.cabinet-section__item-favourites-image {
width: 100%;
height: 100%;
max-width: unset;
-o-object-fit: contain;
object-fit: contain;
}
.cabinet-section__item-text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-top: -20px;
margin-bottom: 24px;
}
.cabinet-section__item-switch-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cabinet-section__item-switch-title {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 23.4px;
margin-bottom: 4px;
color: #352C2C;
}
.cabinet-section__item-switch-text {
margin: 0;
color: #554E4E;
}
.cabinet-section__item-form {
max-width: 614px;
}
.cabinet-section__item-form-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 14px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cabinet-section__item-form-container + .cabinet-section__item-form-container {
margin-top: 24px;
}
.cabinet-section__item-form-container--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cabinet-section__item-input {
margin: 0;
}
.cabinet-section__item-input-label {
margin-bottom: 6px;
}
.cabinet-section__item-input-info {
margin: 8px 0 0;
}
@media (max-width: 768px) {
.cabinet-section__item-input-info {
margin-top: -6px;
}
}
.cabinet-section__item-input-wrapper {
max-width: calc(50% - 7px);
width: 100%;
}
.cabinet-section__item-input-wrapper:has(input[name=email]) {
max-width: calc(50% - 7px + 30px);
}
.cabinet-section__item-input-button {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-top: 8px;
color: #554E4E;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
display: block;
}
@media (max-width: 768px) {
.cabinet-section__item-input-button {
margin-top: -6px;
margin-bottom: 14px;
}
}
.cabinet-section__item-input-button:hover {
color: #967E76;
}
@media (min-width: 769px) {
.cabinet-section__item--mobile {
display: none;
}
}
@media (max-width: 768px) {
.cabinet-section__item {
padding: 0 16px 32px;
border-radius: 0;
border-top: none;
border-left: none;
border-right: none;
}
.cabinet-section__item:not(.cabinet-section__item--mobile-hidden) + .cabinet-section__item {
margin-top: 32px;
}
.cabinet-section__item:not(.cabinet-section__item--mobile-hidden) + .cabinet-section__item--full {
margin-top: 0;
border-top: none;
}
.cabinet-section__item:last-child {
border-bottom: none;
}
.cabinet-section__item--full {
padding-top: 32px;
margin-left: -16px;
margin-right: -16px;
border-top: 1px solid #f1edea;
}
.cabinet-section__item--full:last-child {
border-bottom: none;
}
.cabinet-section__item--mobile-hidden {
display: none;
}
.cabinet-section__item--full .cabinet-section__item-title {
font-size: 24px;
line-height: 28.8px;
}
.cabinet-section__item--full .cabinet-section__item-title--small {
font-size: 20px;
line-height: 26px;
}
.cabinet-section__item--full .cabinet-section__item-head {
margin-bottom: 20px;
}
.cabinet-section__item--full .cabinet-section__item-text {
margin-top: -12px;
margin-bottom: 20px;
}
}
.cabinet-section__button, .cabinet-section__button > a {
display: block;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
text-align: center;
padding: 15.5px 32px;
border-radius: 24px;
border: 1px solid #4A3933;
color: #4A3933;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-section__button--fill, .cabinet-section__button > a--fill {
background-color: #4A3933;
color: #fff;
}
.cabinet-section__button:hover, .cabinet-section__button > a:hover {
color: #fff;
background-color: #382A2A;
}
.cabinet-section__button:has(a), .cabinet-section__button > a:has(a) {
padding: 0;
border: none;
}
@media (max-width: 768px) {
.cabinet-section__button, .cabinet-section__button > a {
max-width: 100%;
width: 100%;
}
}
.cabinet-section__date {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #9D9D9D;
padding-left: 44px;
margin-top: -26px;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.cabinet-section__date {
margin-top: -28px;
margin-bottom: 16px;
padding: 0;
}
}
.cabinet-section__message {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #9D9D9D;
margin: 0;
}
.cabinet-section__message > span {
color: #352C2C;
}
.cabinet-section__message:last-of-type {
margin-bottom: 16px;
}
.cabinet-section__message:last-child {
margin-bottom: 0;
}
.cabinet-order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.cabinet-order + .cabinet-section__button {
margin-top: 32px;
}
.cabinet-order:not(:last-of-type) {
padding-bottom: 16px;
border-bottom: 1px solid #f1edea;
}
.cabinet-order:not(:first-of-type) {
margin-top: 16px;
}
.cabinet-order__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #F7F7F7;
background-clip: content-box;
color: #352C2C;
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
text-align: center;
border: 1px solid #F1EDEA;
}
.cabinet-order__image:not(:only-child) {
width: 52px;
height: 52px;
}
.cabinet-order__image:nth-child(1) {
padding: 0 2px 2px 0;
border-top: none;
border-left: none;
}
.cabinet-order__image:nth-child(2) {
padding: 0 0 2px 2px;
border-top: none;
border-right: none;
}
.cabinet-order__image:nth-child(3) {
padding: 2px 2px 0 0;
border-bottom: none;
border-left: none;
}
.cabinet-order__image:nth-child(4) {
padding: 2px 0 0 2px;
border-bottom: none;
border-right: none;
}
@media (min-width: 769px) {
.cabinet-order__image:is(img):nth-of-type(n + 4):not(.cabinet-orders__item-image) {
display: none;
}
}
.cabinet-order__image--mobile {
display: none;
}
.cabinet-order__image-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
width: 104px;
height: 104px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cabinet-order__image-wrapper:has(*:only-child) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cabinet-order__image-wrapper:has(*:only-child) > *:only-child {
border: none;
padding: 0;
background-color: transparent;
width: 100%;
height: 100%;
}
.cabinet-order__main {
width: 100%;
}
.cabinet-order__main-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.cabinet-order__title {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 23.4px;
margin: 0;
color: #352C2C;
}
.cabinet-order__date {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
color: #9D9D9D;
}
.cabinet-order__status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 5px 12px;
border-radius: 24px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 768px) {
.cabinet-order__status:not(.cabinet-order__status--mobile) {
display: none;
}
}
.cabinet-order__status:not(:last-child) {
margin-bottom: 12px;
}
.cabinet-order__status--accepted {
color: #5B24B3;
background-color: rgba(124, 45, 253, 0.1019607843);
}
.cabinet-order__status--recieved {
color: #005804;
background-color: rgba(0, 203, 8, 0.1019607843);
}
.cabinet-order__status--waitpay {
color: #944700;
background-color: rgba(255, 126, 8, 0.1019607843);
}
.cabinet-order__status--waitpick {
color: #004D94;
background-color: rgba(54, 156, 250, 0.1019607843);
}
.cabinet-order__status--collecting {
color: #00596D;
background-color: rgba(2, 175, 213, 0.1019607843);
}
.cabinet-order__status--passed {
color: #9519A0;
background-color: rgba(239, 88, 252, 0.1019607843);
}
.cabinet-order__status--ready {
color: #004D94;
background-color: rgba(54, 156, 250, 0.1019607843);
}
.cabinet-order__status--return {
color: #352C2C;
background-color: #E0E0E0;
}
.cabinet-order__status--cancelled {
color: #A30000;
background-color: rgba(254, 86, 86, 0.1019607843);
}
.cabinet-order__status-text {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: inherit;
}
.cabinet-order__status-info {
position: relative;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cabinet-order__status-info-icon path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-order__status-info-icon path:first-child {
fill: #fff;
}
.cabinet-order__status-info-text {
position: absolute;
top: calc(100% + 11px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
padding: 20px;
border-radius: 16px;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0588235294);
background-color: #fff;
max-width: 407px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
@media (max-width: 900px) {
.cabinet-order__status-info-text {
display: none;
}
.cabinet-order__status-info-text:is(.mobile-popup__body > *) {
display: contents;
}
}
.cabinet-order__status-info:hover .cabinet-order__status-info-text {
opacity: 1;
pointer-events: all;
}
@media (min-width: 769px) {
.cabinet-order__status--mobile {
display: none;
}
}
.cabinet-order__desc {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 6px;
}
.cabinet-order__desc-title {
color: #9d9d9d;
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
}
.cabinet-order__desc-text {
color: #352C2C;
font-size: inherit;
line-height: inherit;
margin-bottom: 0;
}
.cabinet-order__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
@media (max-width: 768px) {
.cabinet-order {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cabinet-order__main {
display: contents;
}
.cabinet-order__main-head {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.cabinet-order__status {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.cabinet-order__status:not(:last-child) {
margin-bottom: 0;
}
.cabinet-order__status--mobile:not(:last-child):not(.cabinet-order *) {
margin-bottom: 24px;
}
.cabinet-order__image:nth-child(n), .cabinet-order__image:is(.cabinet-orders__item-image:nth-child(n)) {
padding: 0;
border: none;
width: 62px;
height: 62px;
}
.cabinet-order__image:is(img):nth-of-type(n + 5):not(.cabinet-orders__item-image) {
display: none;
}
.cabinet-order__image--empty:not(.cabinet-order__image--mobile, .cabinet-orders__item-image--empty) {
display: none;
}
.cabinet-order__image--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cabinet-order__image-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8.25px;
width: 100%;
height: 62px;
margin-top: 16px;
}
.cabinet-order__image-wrapper:has(*:only-child) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cabinet-order__image-wrapper:has(*:only-child) > *:only-child {
width: 62px;
}
.cabinet-order__desc {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: 12px;
}
.cabinet-order__desc:has(*:only-child) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cabinet-order + .cabinet-section__button {
margin-top: 24px;
}
.cabinet-order__actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.cabinet-back {
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cabinet-back > svg {
width: 24px;
height: 20px;
margin-right: 16px;
}
.cabinet-back::after {
content: attr(data-count);
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 23.4px;
color: #9d9d9d;
content: attr(data-count);
margin-left: 6px;
-ms-flex-item-align: start;
align-self: flex-start;
vertical-align: top;
}
.cabinet-back--mobile {
display: none;
}
.cabinet-back > .cabinet-order__status {
margin-left: 16px;
}
@media (max-width: 768px) {
.cabinet-back {
display: none;
}
.cabinet-back--mobile {
display: block;
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
}
}
.cabinet-orders__empty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cabinet-orders__empty-icon {
margin-bottom: 32px;
}
.cabinet-orders__empty-title {
margin-bottom: 8px;
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
color: #352C2C;
}
.cabinet-orders__empty-text {
margin-bottom: 24px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
@media (max-width: 768px) {
.cabinet-orders__empty-title {
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
text-align: center;
}
.cabinet-orders__empty-text {
text-align: center;
}
}
.cabinet-orders__item {
padding: 32px 44px;
border-radius: 16px;
border: 1px solid #F1EDEA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cabinet-orders__item + .cabinet-orders__item {
margin-top: 16px;
}
.cabinet-orders__item .cabinet-order__title {
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
}
.cabinet-orders__item .cabinet-order__main-head {
margin-bottom: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 4px;
}
.cabinet-orders__item .cabinet-order__status:not(:last-child) {
margin-bottom: 24px;
}
.cabinet-orders__item-desc {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
max-width: 322px;
}
.cabinet-orders__item-desc + .cabinet-orders__item-desc {
margin-top: 16px;
}
.cabinet-orders__item-desc-grey, .cabinet-orders__item-desc-black {
font: inherit;
margin-bottom: 0;
}
.cabinet-orders__item-desc-grey:not(:last-child), .cabinet-orders__item-desc-black:not(:last-child) {
margin-bottom: 4px;
}
.cabinet-orders__item-desc-grey {
color: #9D9D9D;
}
.cabinet-orders__item-desc-black {
color: #352C2C;
}
.cabinet-orders__item-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cabinet-orders__item-right .cabinet-order__main-head {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cabinet-orders__item-image:nth-child(n) {
width: 104px;
height: 100%;
padding: 0;
border: none;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cabinet-orders__item-image:is(img:nth-child(n+5)) {
display: none;
}
.cabinet-orders__item-image--empty {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cabinet-orders__item-image--empty:nth-child(n) {
width: 60px;
height: 100%;
}
.cabinet-orders__item-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
height: 104px;
gap: 8px;
}
@media (max-width: 768px) {
.cabinet-orders__item-image-wrapper {
height: 62px;
}
}
.cabinet-orders__item-footer {
gap: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
}
.cabinet-orders__item-footer > * {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cabinet-orders__link {
margin-top: auto;
justify-self: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8.5px;
color: #352C2C;
padding: 8px 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-orders__link svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.cabinet-orders__link svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
fill: currentColor;
}
.cabinet-orders__link:hover {
color: #967E76;
}
@media (max-width: 1439px) {
.cabinet-orders__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.cabinet-orders__item-right, .cabinet-orders__item-left {
display: contents;
}
.cabinet-orders__item-left .cabinet-order__main {
display: contents;
}
.cabinet-orders__item-left .cabinet-order__main-head {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 10px;
margin-right: 24px;
}
.cabinet-orders__item-right > .cabinet-order__main-head {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 18px;
}
.cabinet-orders__item .cabinet-order__status {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.cabinet-orders__item .cabinet-order__status:not(:last-child) {
margin-bottom: 16px;
}
.cabinet-orders__item .cabinet-order__image-wrapper {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.cabinet-orders__item .cabinet-order__title {
font-size: 20px;
line-height: 26px;
}
.cabinet-orders__item .cabinet-order__date {
font-size: 14px;
line-height: 16.8px;
}
.cabinet-orders__item-desc {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cabinet-orders__item-desc + .cabinet-orders__item-desc {
margin-top: 12px;
}
.cabinet-orders__item-footer {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cabinet-orders__link {
position: absolute;
top: 32px;
right: 44px;
padding: 0;
}
.cabinet-orders__link svg path {
fill: currentColor;
}
}
@media (max-width: 1024px) {
.cabinet-orders__item {
padding: 32px 24px;
}
.cabinet-orders__item-image:nth-child(n) {
width: 62px;
height: 62px;
}
.cabinet-orders__item-image-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
width: 100%;
height: 62px;
margin-bottom: 16px;
}
}
@media (max-width: 860px) {
.cabinet-orders__link {
right: 24px;
text-indent: -999em;
gap: 0;
color: transparent;
}
.cabinet-orders__link svg path {
fill: #352C2C;
}
}
@media (max-width: 768px) {
.cabinet-orders__item {
padding: 32px 16px;
border-left: none;
border-right: none;
margin: 0 -16px;
border-radius: 0;
}
.cabinet-orders__item-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cabinet-orders__item .cabinet-order__image-wrapper {
margin-top: 0;
margin-bottom: 12px;
}
.cabinet-orders__link {
right: 16px;
}
}
.cabinet-info + .cabinet-info {
border-top: 1px solid #f1edea;
padding-top: 24px;
margin-top: 24px;
}
.cabinet-info__title {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 26px;
color: #352C2C;
margin-bottom: 18px;
}
.cabinet-info__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.cabinet-info__list:not(:last-child) {
margin-bottom: 18px;
}
.cabinet-info__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.cabinet-info__list-item-title {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: #9D9D9D;
margin: 0;
}
.cabinet-info__list-item-value, .cabinet-info__list-item-detail {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
margin: 0;
}
.cabinet-info__list-item-detail {
color: #554E4E;
margin-top: -4px;
}
.cabinet-info__list-item-value + .cabinet-info__list-item-value {
margin-top: -4px;
}
.cabinet-info__map-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
color: #352C2C;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-info__map-link svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
stroke: currentColor;
}
.cabinet-info__map-link:hover {
color: #967E76;
}
@media (max-width: 768px) {
.cabinet-info {
padding: 0 16px;
}
}
.cabinet-address {
padding: 24px;
background-color: #F7F7F7;
border-radius: 16px;
margin-bottom: 24px;
}
.cabinet-address + .cabinet-section__button {
max-width: 100%;
width: 100%;
}
.cabinet-address--other {
background-color: transparent;
margin-bottom: 0;
border-bottom: 1px solid #F1EDEA;
border-radius: 0;
}
.cabinet-address--other + button {
margin-top: 24px;
}
.cabinet-address__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.cabinet-address__main:not(:last-child) {
margin-bottom: 16px;
}
.cabinet-address__icon {
width: 32px;
height: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cabinet-address__title {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
margin-bottom: 3px;
color: #352C2C;
}
.cabinet-address__value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin: 0;
}
.cabinet-address__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 48px;
gap: 24px;
}
@media (min-width: 769px) {
.cabinet-address__footer--mobile {
display: none;
}
}
@media (max-width: 768px) {
.cabinet-address__footer--mobile-hidden {
display: none;
}
}
.cabinet-address__edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
text-align: left;
color: #554E4E;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.cabinet-address__edit svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 24px;
}
.cabinet-address__edit svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
stroke: #352C2C;
}
.cabinet-address__edit:hover {
color: #967E76;
}
.cabinet-address__edit:hover svg path {
stroke: #967E76;
}
.cabinet-address__edit-popup {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: #554E4E;
}
.cabinet-address__edit-popup-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cabinet-address__edit-popup-container > button {
padding: 11px 0;
}
.cabinet-address__edit-popup-container:not(.mobile-popup__body *) {
display: none;
}
.cabinet-address__delete {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
gap: 8px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
text-align: left;
margin-left: auto;
}
.cabinet-address__delete svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 24px;
}
.cabinet-address__delete svg path {
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
stroke: #352C2C;
}
.cabinet-address__delete:hover svg path {
stroke: #967E76;
}
@media (max-width: 768px) {
.cabinet-address {
padding: 16px;
}
.cabinet-address:is(.mobile-popup__body *) {
margin-bottom: 20px;
}
.cabinet-address__main {
gap: 8px;
}
.cabinet-address__icon {
width: 24px;
height: 24px;
}
.cabinet-address__footer {
padding-left: 32px;
}
.cabinet-address__delete {
margin-left: 0;
}
}
.order-check {
padding: 32px;
border-radius: 16px;
background-color: #F7F7F7;
max-width: 440px;
margin-left: auto;
}
.order-check__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px;
border-bottom: 1px solid #F1EDEA;
margin-bottom: 16px;
}
.order-check__main-title {
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
color: #352C2C;
margin: 0;
}
.order-check__main-value {
font-family: "Noto Sans", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 33.6px;
color: #352C2C;
margin: 0;
}
.order-check__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.order-check__info-item:last-child {
margin-top: 4px;
}
.order-check__info-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-check__info-item-title {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
margin: 0;
}
.order-check__info-item-title:is(button) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
padding: 0;
}
.order-check__info-item-title:is(button) svg {
margin-left: 5px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-check__info-item-title:is(button).active svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.order-check__info-item-value {
font-family: "Noto Sans", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
color: #352C2C;
margin: 0;
}
.order-check__info-item-list {
--height: 0px;
margin-top: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
padding-left: 12px;
max-height: 0;
overflow: hidden;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.order-check__info-item-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-check__info-item-list-item-title {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
color: #9D9D9D;
margin: 0;
max-width: 270px;
text-wrap: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.order-check__info-item-list-item-value {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #352C2C;
margin: 0;
text-wrap: nowrap;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.order-check__info-item:has(.active) .order-check__info-item-list {
margin-top: 6px;
max-height: var(--height);
}
@media (max-width: 768px) {
.order-check {
margin: 0;
max-width: 100%;
padding: 24px 20px;
}
.order-check__main-title {
font-size: 24px;
line-height: 28.8px;
}
.order-check__main-value {
font-size: 20px;
line-height: 28px;
}
.order-check__info-item-title {
font-size: 14px;
line-height: 18.9px;
}
.order-check__info-item-value {
font-size: 16px;
line-height: 22.4px;
}
.order-check__info-item-list {
padding-left: 8px;
}
.order-check__info-item-list-item-title {
max-width: 195px;
}
.order-check__info-item-list-item-value {
font-size: 14px;
line-height: 18.9px;
}
}
@media (max-width: 374px) {
.order-check__info-item-list-item-title {
max-width: 160px;
}
}
.order-content {
margin-top: 24px;
}
.order-content__item {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
border-top: 1px solid #F1EDEA;
}
.order-content__item:last-child {
border-bottom: 1px solid #F1EDEA;
}
.order-content__item--cancelled, .order-content__item--returned {
position: relative;
}
.order-content__item--cancelled::before, .order-content__item--returned::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: #fff;
opacity: 0.5;
pointer-events: none;
}
.order-content__item--cancelled::after, .order-content__item--returned::after {
content: var(--text);
display: block;
position: absolute;
top: 20px;
left: 0;
z-index: 1;
padding: 6px 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 14.4px;
color: #352C2C;
background-color: #F1EDEA;
border-radius: 4px;
}
.order-content__item--cancelled {
--text: "Отменен";
}
.order-content__item--returned {
--text: "Возврат";
}
.order-content__item-image {
width: 165px;
height: 165px;
}
.order-content__item-image-wrapper {
width: 224px;
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 575px) {
.order-content__item-image {
width: 100%;
height: 100%;
}
.order-content__item-image-wrapper {
width: 154px;
height: 154px;
}
}
.order-content__item-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: 10px;
}
@media (max-width: 575px) {
.order-content__item-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
}
.order-content__item-category {
margin: 0 0 12px;
color: #605757;
}
.order-content__item-brand {
font-weight: 600;
line-height: 20.8px;
margin: 0 0 6px;
color: #352C2C;
}
.order-content__item-name {
margin: 0 0 12px;
color: #554E4E;
}
.order-content__item-info {
color: #605757;
}
.order-content__item-info:not(:last-child) {
margin-bottom: 6px;
}
.order-content__item-price {
text-align: right;
text-wrap: nowrap;
}
.order-content__item-price-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.order-content__item-price-container:not(:last-child) {
margin-bottom: 12px;
}
.order-content__item-price-value {
font-size: 24px;
font-weight: 600;
line-height: 33.6px;
color: #352C2C;
margin: 0 0 4px;
}
.order-content__item-price-old {
font-size: 20px;
line-height: 26px;
color: #9D9D9D;
margin: 0;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.order-content__item-price-piece {
color: #9D9D9D;
margin: 0;
}
@media (max-width: 575px) {
.order-content__item {
gap: 12px;
}
.order-content__item-category {
font-size: 14px;
line-height: 18.9px;
margin-bottom: 4px;
}
.order-content__item-brand {
line-height: 22.4px;
margin-bottom: 4px;
}
.order-content__item-name {
font-size: 14px;
line-height: 18.9px;
margin-bottom: 10px;
}
.order-content__item-info:not(:last-child) {
margin-bottom: 4px;
}
.order-content__item-price {
text-align: left;
}
.order-content__item-price-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
.order-content__item-price-container:not(:last-child) {
margin-bottom: 2px;
}
.order-content__item-price-value {
margin-bottom: 0;
font-size: 18px;
line-height: 25.2px;
}
.order-content__item-price-old {
font-size: 14px;
line-height: 18.9px;
}
.order-content__item-price-piece {
font-size: 14px;
line-height: 18.9px;
}
}
@media (max-width: 374px) {
.order-content__item-image {
-o-object-fit: contain;
object-fit: contain;
}
.order-content__item-image-wrapper {
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
.modal {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background-color: transparent;
pointer-events: none;
-webkit-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.modal.active {
pointer-events: all;
background-color: rgba(53, 44, 44, 0.3019607843);
}
.modal__container {
padding: 32px;
background-color: #fff;
border-radius: 16px;
-webkit-transform: translateY(calc(-50vh - 50%));
-ms-transform: translateY(calc(-50vh - 50%));
transform: translateY(calc(-50vh - 50%));
opacity: 0;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
min-width: 600px;
}
.modal__container:is(.active > *) {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.modal__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
}
.modal__title {
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
color: #352C2C;
margin: 0;
}
.modal__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.modal__close svg {
width: 32px;
height: 32px;
}
.modal__close svg path {
stroke: #352C2C;
}
.modal__message {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: #554E4E;
}
.modal__message + .modal__message {
margin-top: 6px;
}
.modal__message span {
color: #352C2C;
}
.modal__message p:not([class]) + p {
margin-top: 4px;
}
@media (max-width: 768px) {
.modal__message {
font-size: inherit;
line-height: inherit;
}
.modal__message:not(:last-child) {
margin-bottom: 20px;
}
}
.modal__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
@media (max-width: 768px) {
.modal__actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 20px;
}
}
.modal__button {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
padding: 15px 32px;
border: 1px solid #4A3933;
background-color: #4A3933;
border-radius: 24px;
color: #fff;
text-align: center;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.modal__button--white {
color: #4A3933;
background-color: #fff;
}
.modal__button:hover {
background-color: #382A2A;
color: #fff;
}
.notification {
position: fixed;
top: calc(var(--header-height) + 4px);
right: 40px;
padding: 32px;
background-color: #F7F7F7;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
opacity: 0;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
max-width: 520px;
width: 100%;
z-index: 2;
}
.notification.active {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.notification__text {
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 23.4px;
text-align: left;
color: #352C2C;
margin: 0;
}
.notification__close {
position: absolute;
top: 12px;
right: 12.5px;
}
@media (max-width: 768px) {
.notification {
right: 16px;
padding: 16px;
max-width: 343px;
left: 16px;
}
}
.page-auth {
--font-family: "Montserrat", sans-serif;
--title-font-size: 32px;
--title-font-weight: 600;
--title-color: #352C2C;
--paragraph-font-size: 16px;
--paragraph-font-family: "Noto Sans", sans-serif;
--paragraph-color: #9D9D9D;
--paragraph-font-weight: 400;
--input-radius: 24px;
--input-border: 1px solid #E0E0E0;
--input-padding: 15px 16px;
--input-max-width: 343px;
--button-radius: 24px;
--button-padding: 15px 32px;
--button-color: #382A2A;
--button-hover: #4A3933;
}
.pagelogin__content {
font-family: var(--font-family);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 60px 0;
}
.login {
background: #fff;
border-radius: 8px;
width: 100%;
text-align: left;
}
.login__title {
font-family: var(--font-family);
font-size: var(--title-font-size);
font-weight: var(--title-font-weight);
color: var(--title-color);
margin-bottom: 10px;
text-align: left;
margin: 0 0 12px;
}
.login__title--center {
text-align: center;
}
.login__success-icon {
display: block;
margin: 0 auto 12px;
}
.login__register {
margin-bottom: 32px;
font-size: var(--paragraph-font-size);
font-family: var(--paragraph-font-family);
color: var(--paragraph-color);
font-weight: var(--paragraph-font-weight);
}
.login__register--black {
color: var(--title-color);
}
.login__register-link {
color: var(--title-color);
font-size: 16px;
text-decoration: none;
font-weight: 500;
margin-left: 3px;
}
.login__register-link:hover {
text-decoration: underline;
}
.login__register-link--form {
display: none;
}
.login__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login__field {
margin-bottom: 12px;
width: 100%;
}
.login__field:has(input[name=subscribe]) {
margin-top: 12px;
}
.login__field + .order-call-footer__description {
margin-top: 12px;
}
.login__label {
display: block;
margin-bottom: 6px;
text-align: left;
font-family: var(--paragraph-font-family);
margin-left: 8px;
color: #554E4E;
}
.login__input {
width: 100%;
padding: var(--input-padding);
border: var(--input-border);
border-radius: var(--input-radius);
font-size: var(--paragraph-font-size);
line-height: 22.4px;
}
.login__input:focus {
border: 1px solid #605757;
color: #554E4E;
}
.login__checkbox {
visibility: hidden;
width: 0;
height: 0;
display: contents;
}
.login__checkbox-label {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
padding-left: 28px;
position: relative;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 1.5px;
color: #554E4E;
}
.login__checkbox-label::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #9D9D9D;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.login__checkbox-label span {
display: block;
}
.login__checkbox-label a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: #352c2c;
}
.login__checkbox-label a:hover {
text-decoration: underline;
}
.login__checkbox-label .error-message {
margin: 4px 0;
padding: 0;
}
.login__checkbox-label:has(input:checked)::before {
background-image: url(/local/templates/bonnemanche/css/../img/svg/check_white.svg);
background-color: #4A3933;
}
.login__checkbox-label:has(.error-border)::before {
border-color: #C63A42;
}
.login__checkbox-label:hover:not(:has(a:hover))::before {
background-color: #967E76;
}
.login__checkbox-label:active::before {
background-color: #4A3933;
}
.login__eye-icon {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
background: url("/auth/images/EyeClosed.png") no-repeat center center;
background-size: contain;
cursor: pointer;
}
.login__button {
background-color: var(--button-color);
color: #fff;
padding: var(--button-padding);
margin-top: 12px;
border: none;
border-radius: var(--button-radius);
font-size: 16px;
height: 49px;
cursor: pointer;
width: 100%;
display: block;
text-align: center;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.login__button:is(h1 + *) {
margin-top: 32px;
}
.login__button:hover {
background-color: var(--button-hover);
}
.login__forgot-password {
display: block;
margin-top: 20px;
color: var(--title-color);
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-align: center;
}
.login__forgot-password:hover {
text-decoration: underline;
}
.password_voka_salam {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.password_voka_papalam {
position: absolute;
right: 19px;
cursor: pointer;
}
.error-message {
color: red;
font-size: 0.875rem;
margin-top: 0.5rem;
}
.password_voka_papalam__eye {
display: none;
}
.password_voka_papalam__eyeClosed {
display: block;
}
input:focus + .password_voka_papalam .password_voka_papalam__eye {
display: none;
}
input:focus + .password_voka_papalam .password_voka_papalam__eyeClosed {
display: block;
}
.error-border {
border: 1px solid #BF3131;
}
@media screen and (min-width: 520px) {
.login__input {
max-width: var(--input-max-width);
}
.login {
width: 343px;
}
.pagelogin__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/*# sourceMappingURL=main.css.map */
/* End */
/* Start:/local/templates/bonnemanche/css/custom.css?175258108026810*/
a.product-card__buy-button {
display: block;
text-align: center;
}
@media (min-width: 769px) {
.catalog__container .product-slider__slide {
margin-right: 0px;
}
}
form[name=product-reviews] {
display: none;
}
.pageHeader__submenu-content_ukhod {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 130px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 25px 32px 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.submenu-sections.ukhod {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(300px, 2fr) minmax(160px, 1fr);
grid-template-columns: minmax(300px, 2fr) minmax(160px, 1fr);
gap: 0px;
column-gap: 0px;
grid-column-gap: 61px;
}
.pageHeader__submenu-content_dlya-doma {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 155px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 32px 25px 32px 48px;
max-width: 1440px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.submenu-sections.dlya-doma {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(200px, 2fr) minmax(160px, 1fr);
grid-template-columns: minmax(200px, 2fr) minmax(160px, 1fr);
gap: 0px;
column-gap: 0px;
grid-column-gap: 137px;
}
.product-reviews__empty {
display: flex;
}
.product-reviews__empty-left {
display: flex;
width: 100%;
max-width: 564px;
padding-left: 60px;
padding-top: 40px;
}
.product-reviews__empty-right {
display: flex;
align-items: center;
justify-content: left;
padding-left: 100px;
}
.product-reviews__empty-rightinner {
max-width: 520px;
}
.product-reviews__empty-rightinner .reviews-stats__button {
max-width: fit-content;
}
@media (max-width: 1024px) {
.product-reviews__empty-left {
padding-left: 0px;
padding-top: 20px;
}
.product-reviews__empty-right {
padding-left: 50px;
}
}
@media (max-width: 768px) {
.product-reviews__empty {
flex-direction: column;
}
.product-reviews__empty-right {
padding-left: 0px;
padding-top: 30px;
}
.product-reviews__empty-right .reviews-stats__button {
display: block;
max-width: 100%;
}
}
.add2cart.hidden-button,
.product__list-item-counter.hidden-counter {
display: none;
}
.basketIcon {
position: relative;
}
.js-counter-cart {
position: absolute;
background: #967E76;
width: 20px;
height: 20px;
border-radius: 10px;
top: -9px;
right: -7px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 20px;
}
.js-counter-cart.hid {
display: none;
}
.order-form__title-box .js-change-step {
display: none;
}
.filled .order-num__box {
background: var(--color-light);
color: #fff;
}
.filled .order-form__title-box .js-change-step {
display: block;
}
.filled .order-txt__box .form-message__box {
display: none;
}
.order-form-filled {
display: none;
}
.filled .order-form-filled {
display: block;
}
.filled .order-form-fill {
display: none;
}
.disabled-row .order-form {
display: none;
}
.order-form-fill .bx-sls {
margin-bottom: 14px;
}
.order-form-fill .bx-sls .dropdown-block {
padding: 13px 16px;
border-radius: 24px;
border: 1px solid #E0E0E0;
-webkit-box-shadow: none;
box-shadow: none;
height: 50px
}
.order-form-fill .bx-sls .bx-ui-sls-container {
min-height: 22px !important
}
.order-form-fill .bx-sls .bx-ui-sls-fake,
.order-form-fill .bx-sls .bx-ui-sls-route {
font-size: 16px;
height: 22px;
font-family: "Noto Sans", sans-serif;
}
.order-form-fill .bx-ui-sls-clear,
.order-form-fill .dropdown-icon {
display: none !important;
}
.order-form-fill .bx-sls .dropdown-fade2white {
top: 8px;
right: 1px;
}
.order-form-fill .bx-sls .bx-ui-sls-loader {
top: 9px;
right: 9px;
}
.order-delivery__box {
display: none;
}
.order-delivery__box.active {
display: block;
}
.order-form-filled-inner {
display: none;
}
.order-form-filled-inner.active {
display: block;
}
.overlay-map:is(.site-container:has(.show[data-modal=map-select]) > *),
.order-call-footer.show {
z-index: 11;
}
.pvz-pick-block, .pvz-picked-block {
display: none;
}
.pvz-pick-block.active, .pvz-picked-block.active {
display: block;
}
.delayed-items-count {
display: none;
}
.delayed-items-count.active {
position: absolute;
width: 20px;
height: 20px;
background: var(--link-hover);
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
font-weight: 500;
font-size: 10px;
line-height: 120%;
top: -4px;
left: 13px;
}
.link-box__header {
position: relative;
}
.dropbox-header__box {
position: absolute;
right: 0;
display: none;
}
.link-box__header:hover .dropbox-header__box {
display: block;
}
.dropbox-header__body {
background: #fff;
padding: 16px 20px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
border-radius: 16px;
min-width: 400px;
margin: 10px 0 0;
}
.dropbox-header_list {
max-height: 345px;
overflow: hidden;
overflow-y: auto;
}
.link-box__header:has(.header__personal-link--basket) .dropbox-header_list {
max-height: 407px;
}
.dropbox-header_list::-webkit-scrollbar {
width: 4px;
scrollbar-color: transparent;
}
.dropbox-header_list::-webkit-scrollbar-track {
background: transparent;
scrollbar-color: transparent;
}
.dropbox-header_list::-webkit-scrollbar-thumb {
background-color: var(--color-light);
border-radius: 3px;
border: 0;
}
.dropbox-header_list .product-card {
height: auto;
gap: 12px;
padding: 12px;
align-items: flex-start;
position: relative;
pointer-events: auto;
}
.dropbox-header_list .product-card:not(:last-child) {
border-bottom: 1px solid #F1EDEA;
}
.dropbox-header_list .product-card:last-child {
padding-bottom: 0;
}
.dropbox-header_list .product-card__popular_img_container {
width: 100%;
max-width: 90px;
height: 90px;
}
.dropbox-header_list .product-card__popular_container {
position: static;
left: auto;
right: auto;
top: auto;
}
.dropbox-header_list .product-card__favorite {
padding: 0;
}
.dropbox-header_list .product-card__favorite svg {
width: 16px;
height: 16px;
}
.dropbox-header_list .product-card__info {
padding: 0;
width:100%;
}
.dropbox-header_list .product-card__price {
margin: 16px 0 0;
font-size: 18px;
}
.dropbox-header_list .product-card__price.strikethrough {
margin-left: 10px;
}
.dropbox-header__actions {
padding: 12px 0 0;
}
.dropbox-header__body .cabinet-section__button--fill {
padding: 14px 32px;
width: 100%;
max-width: none;
}
.dropbox-header_list .product-card__volume_submenu {
margin: 0;
font-size: 14px;
color: var(--light-text);
}
.dropbox-header_list .product-card__description {
margin: 0 0 4px;
}
.dropbox-header_list .product-card__volume_submenu span {
color: var(--color);
}
.dropbox-header__price {
margin: 0 16px 10px;
font-weight: 600;
font-size: 18px;
line-height: 140%;
}
.link-box__header:has(.header__personal-link--profile) .dropbox-header__body {
min-width: 262px;
}
.error-message[data-error=address] {
margin-top: -10px;
}
.total-items-discont.hidden {
display: none;
}
@media (max-width: 768px) {
.order-call-footer.show[data-modal=map-select] {
z-index: 12;
}
}
.map__popover {
display: block;
position: absolute;
background-color: #fff;
padding: 30px;
}
@media (min-width: 768px) {
.map__popover .map-sdek__item {
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.order-call-footer[data-modal="map-select"]:not(:has(.cabinet-info__list.map-list__box.selected)) {
height: 150px;
}
}
@media (max-width: 420px) {
.order-call-footer[data-modal="map-select"]:not(:has(.cabinet-info__list.map-list__box.selected)) {
height: 173px;
}
}
@media (max-width: 768px) {
.overlay-map.sdek-map.selected:is(.site-container:has(.show[data-modal="map-select"]) > *) {
opacity: 1;
}
}
@media screen and (max-width: 1200px) {
.map-sdek__item button {
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.order-edit.ph {
display: none !important;
}
.filled .order-edit.ph {
display: block !important;
}
}
@media screen and (max-width: 736px) {
.order-delivery__box.active .select-date__box {
pointer-events: none;
}
.order-delivery__box.active #select-date.active .select-date__box {
pointer-events: all;
}
.order-delivery__box.active #select-date__value:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.order-delivery__box.active #select-date.active #select-date__value:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.breadcrumbs__link.flex {
display: flex;
}
.link-box__header.load-list:hover .dropbox-header__box {
display: none;
}
.resendCodeBtn {
display: none;
}
.fav__wrapper .product-slider__slide {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
}
.catalog__wrapper.fav__wrapper {
gap: 0;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.fav__wrapper .product-slider__slide {
-ms-flex-preferred-size: 48.3965014577%;
flex-basis: 48.3965014577%;
max-width: unset;
}
}
.fav-head__box {
align-items: center;
gap: 20px;
}
.fav-head__box {
align-items: center;
gap: 20px;
}
.fav-head__box .catalog__sort {
margin: 0;
}
.fav-head__box .delete-all__items {
font-size: 16px;
margin-left: auto;
}
.switch-fav {
gap: 0;
font-size: 16px;
color: var(--color);
}
@media (max-width: 768px) {
.fav-head__box .catalog__sort {
grid-area: auto;
order: 1;
}
.fav-head__box .delete-all__items {
order: 2;
justify-content: flex-start;
}
}
.dropbox-header__body > h3 {
font-family: var(--family-title);
font-weight: 600;
font-size: 20px;
line-height: 130%;
margin: 0 0 8px;
}
.link-box__header.wishlist-block .dropbox-header__body > h3,
.link-box__header.wishlist-block .dropbox-header__body > p {
display: none;
}
.link-box__header.wishlist-block.empty-list .dropbox-header__body > h3,
.link-box__header.wishlist-block.empty-list .dropbox-header__body > p {
display: block;
}
.header__personal-link {
font-size: 14px;
}
.link-box__header:has(.header__personal-link--basket) .dropbox-header_list {
max-height: 407px;
}
.dropbox-header_list::-webkit-scrollbar {
width: 4px;
scrollbar-color: transparent;
}
.dropbox-header_list::-webkit-scrollbar-track {
background: transparent;
scrollbar-color: transparent;
}
.dropbox-header_list::-webkit-scrollbar-thumb {
background-color: var(--color-light);
border-radius: 3px;
border: 0;
}
.link-box__header:has(.header__personal-link--profile) .dropbox-header__body {
min-width: 262px;
}
.link-box__header:not(:has(.dropbox-header_list)):not(:has(.user-links__list)) .dropbox-header__body {
min-width: 350px;
}
.dropdown-header__user-pic {
gap: 14px;
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: var(--color);
}
.user-pic__box {
font-family: var(--family-title);
font-size: 16px;
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background: var(--light-grey);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.user-links__list {
margin: 0 -20px;
}
.user-links__list a {
display: block;
padding: 10px 20px;
}
.user-links__list a:hover {
color: #fff;
background: #382A2A;
}
.user-links__list:not(:first-child) {
margin-top: 12px;
}
.user-links__list a:hover i {
background: #fff;
}
.user-links__list a.flex {
display: flex;
justify-content: flex-start;
gap: 6px;
}
.logout-icon {
width: 24px;
height: 24px;
background-color: var(--color-light);
mask-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%3Crect width='24' height='24' fill=''/%3E%3Cpath d='M12.5609 3.83984H4.7998V19.3693H12.5645' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7998 15.4874L20.3292 11.605L16.7998 7.72266' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.02979 11.6045H20.3239' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-webkit-mask-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%3Crect width='24' height='24' fill=''/%3E%3Cpath d='M12.5609 3.83984H4.7998V19.3693H12.5645' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7998 15.4874L20.3292 11.605L16.7998 7.72266' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.02979 11.6045H20.3239' stroke='%23605757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.cabinet-orders__items-reviews {
display: none;
}
.product-card__delete {
position: absolute;
bottom: 12px;
opacity: 0;
}
.product-card__delete i {
width: 20px;
height: 20px;
}
.dropbox-header_list .product-card:last-child .product-card__delete {
bottom: 0;
}
.dropbox-header_list .product-card:hover .product-card__delete {
opacity: 1;
}
.select-city {
max-width: fit-content;
}
.select-city__selected {
display: block;
background: #F7F7F7;
color: black;
border-radius: 25px;
font-size: 16px;
width: 100%;
padding: 10px 20px;
cursor: pointer;
user-select: none; /* Для большинства браузеров */
-webkit-user-select: none; /* Для Safari */
-moz-user-select: none; /* Для Firefox */
-ms-user-select: none
}
.select-city__items {
display: none;
flex-direction: column;
gap: 5px;
background: #f7f7f7;
width: 100%;
/* padding: 10px; */
border: 1px solid;
border-bottom: none;
}
.select-city input:checked ~ .select-city__items {
display: flex;
}
.select-city input:checked ~ .select-city__selected {
border-radius: 25px 25px 0 0;
}
.select-city__item {
border-bottom: 1px solid;
padding: 10px;
cursor: pointer;
transition: 0.3s;
}
.select-city__selected:hover, .select-city__item:hover {
background: #cbc7c7;
}
.swiper_pageMain-title_container button a
{
color: #fff;
font-size: 14px;
}
.about_us_description__button {
font-size: 100%;
display: inline-block;
text-align: center;
}
.delivery_banner-button,
.certificates_container__button
{
display: inline-block;
text-align: center;
}
.num-label-hid
{
display:none;
}
.unavailable-item {
opacity:.5;
}
.unavailable-item button.product-card__buy-button {
background:none;
color:var(--btn-color);
border:1px solid var(--btn-color);
height:48px;
}
.unavailable-item button.product-card__buy-button:hover {
color:#000;
border-color:#000;
}
#search-history-wrap.hid,
#search-req-wrap.hid,
#search-popular-wrap.hid
{
display: none;
}
.modal[data-modal="delete-fav"] .modal__container {
max-width: 545px;
min-width: auto;
}
@media screen and (min-width: 520px) {
.login.login-success {
width: 430px;
}
}
#header-search
{
transform: translateZ(0);
}
@media screen and (min-width: 768px) {
.cabinet-section__item-address-wrap
{
margin-top: 16px;
}
}
@media (max-width: 1100px) {
.product__list-item .add2cart {
text-indent: -9999em;
color: transparent;
padding: 0;
width: 49px;
height: 49px;
border-radius: 50%;
}
.product__list-item .add2cart:before {
content: "";
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/bonnemanche/css/../img/svg/Handbag.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product__list-item .notifyBtn {
text-indent: -9999em;
color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 49px;
height: 49px;
border-radius: 50%;
border-color: #967E76;
}
.product__list-item .notifyBtn:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
display: block;
width: 24px;
height: 24px;
background: url(/local/templates/bonnemanche/css/../img/svg/Bell.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: center;
}
}
.promo-code__container input:focus {
background: #fff;
border:1px solid var(--link-hover)
}
.cabinet-section__item-form-container--column.hiddenColumn
{
display: none;
}
@media (max-width: 768px) {
.carousel__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
.hidden-filter-tags
{
display: none;
}
.catalog__filters.mobile
{
display: none;
}
@media (max-width: 768px) {
.catalog__filters-item {
order: 1;
-ms-flex-order: 1;
}
.catalog__filters-item--clear {
-ms-flex-order: 0;
order: 0;
}
}
.something_new_banner-button
{
display: inline-block;
text-align: center;
}
@media (max-width: 1024px) {
.product__main-right .product__list {
padding-right: 0px;
}
.product__list-item-right.priceNoPadding
{
padding-left: 0px;
}
}
@media (max-width: 1100px) {
.product__list-item .product-card__buy-button.active.offerToCart {
background-color: #fff;
border: 1px solid #967E76;
}
.product__list-item .product-card__buy-button.active.offerToCart:before {
background: url(/local/templates/bonnemanche/css/../img/svg/Handbag_brown.svg) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: center;
}
}
@media (min-width: 769px) {
.product-slider__slide:hover .product-card__extra-info {
height: 195px;
}
}
.hidePrice
{
display:none;
}
.cart__item-price-single,
.item-max-count
{
font-size: 16px;
color: #9D9D9D;
font-weight: 400;
}
.basket-item__box .product-card__info-box {
position: relative;
}
.bottom-block
{
position: absolute;
bottom: -10px;
right:0;
}
@media screen and (max-width: 736px) {
.basket-item__box .product-card__price {
width:100%
}
.bottom-block
{
position: relative;
bottom: auto;
right:auto;
text-align: right;
margin-bottom: -12px;
}
}
.search-empty
{
max-width: 555px;
line-height: 22.4px;
font-size: 16px;
color: #484848;
margin-bottom: 32px;
}
.search-empty-popular
{
display: flex;
gap: 6px;
max-width: 555px;
flex-wrap: wrap;
margin-bottom: 32px;
}
.empty-phrase
{
line-height: 22.4px;
font-size: 16px;
color: #352C2C;
background: #F7F7F7;
padding: 9px 16px 9px 17px;
display: flex;
gap:10px;
border-radius: 20px;
}
@media (max-width: 768px) {
.product-card__info a.product-card__buy-button{
display:none
}
}
@media (max-width: 768px) {
.catalog__wrapper {
gap: 10px 9px;
}
.catalog__wrapper .product-slider__slide {
padding: 0px;
-ms-flex-preferred-size: 48.3965014577%;
flex-basis: 48.3965014577%;
}
}
.catalog__aside-actions {
z-index: 90;
}
.header.scrolled .pageHeader__submenu-popup
{
top:0px
}
.header.scrolled .pageHeader__submenu-second.active .pageHeader__submenu-popup
{
top: 34px;
}
.header.scrolled .pageHeader__submenu-second {
margin: 0 0 0px;
}
.something_new_banner-container_img,
.delivery_banner-container_img{
max-height: 401px;
}
.catalog__categories-item-link img {
display: none;
}
@media (max-width: 1024px) {
.filter-block.fixed {
z-index: 100;
}
}
@media (max-width: 768px) {
.catalog__filters-item--clear {
width: 40px;
height: 40px;
display: block;
}
.catalog__filters-item--clear svg {
width: 20px;
height: 20px;
display: block;
}
}
@media (max-width: 768px) {
.product-card__info {
padding-top: 6px;
}
}
@media (min-width: 1024px) {
.header
{
z-index: 4;
}
}
@media (min-width: 900px) {
.header.scrolled .pageHeader__submenu-second.active {
margin: 0 0 10px;
}
}
@media (max-width: 768px) {
.delivery_banner-container_img,
.something_new_banner-container_img {
display: flex;
justify-items: center;
align-items: center;
}
}
@media (max-width: 1024px) {
.filter-block.fixed {
display: flex;
flex-direction: column;
}
.filter-block.fixed .filter-block__container {
max-height: unset;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
}
.product-slider__slide {
height:545px;
background:none!important;
transition:none;
}
.product-card:not(.flex) {
height:auto!important;
position:relative;
overflow: inherit;
}
.product-card:not(.flex):after {
content:'';
/*transition: 0.1s ease-out;*/
border-radius: 16px;
top:-12px;
left:-12px;
right:-12px;
bottom:-12px;
position:absolute;
background:#fff;
opacity:0;
visibility:hidden;
-webkit-box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
box-shadow: 0px 4px 25px 0px rgba(96, 87, 87, 0.0784313725);
}
.product-card__price, .product-card__category, .product-card__title, .product-card__extra-info, .product-card__popular_img_container {
z-index:2;
position:relative;
}
@media (min-width: 769px) {
.product-slider__slide:hover .product-card:after {
opacity:1;
visibility:visible;
}
}
.product-slider__slide:hover {
-webkit-box-shadow:none!important;
box-shadow: none!important;
background:none;
}
@media (min-width: 769px) {
.product-slider__slide:hover .product-card__extra-info {
height: auto;
display: block;
pointer-events: all;
}
}
.product-card__popular_container {
z-index:3;
}
@media (max-width: 768px) {
.product-slider__slide {
height:auto;
}
}
@media (min-width: 769px) {
.grid-item__wrapper:hover .grid-item {
justify-content: end;
}
.grid-item__wrapper:hover .grid-item img, .grid-item__wrapper:hover .grid-item h4 {
transform: translateY(-35px);
}
}
@media (max-width: 768px) {
.catalog__filters {
overflow:hidden;
overflow-x:auto;
}
input[type=search] {
outline-offset: 0;
padding-top:0;
padding-bottom:0;
padding-left:5px;
font-size:16px;
padding-right:25px;
height:23px;
line-height:20px;
}
}
.basket-item__box .product-card__price {
position:initial;
}
#review_rating
{
max-width: 360px;
}
.catalog__sort-dropdown
{
z-index: 2;
}
.bmloader {
width: 50px;
padding: 8px;
aspect-ratio: 1;
border-radius: 50%;
background: #362d2d;
--_m:
conic-gradient(#0000 10%,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.loading_block
{
opacity: 0.2;
}
.carousel.oneSlide .controls-indicators
{
display: none;
}
.brand-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(6, 1fr);
grid-gap: 30px;
margin-bottom: 40px;
}
.brand-letter
{
font-weight: 600;
margin-bottom: 10px;
font-size: 22px;
display: block;
}
.brand-item-links
{
line-height: 24px;
}
.brand-item-links a
{
display: block;
}
@media (max-width: 1024px) {
.brand-grid {
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 520px) {
.brand-letter
{
margin-bottom: 8px;
font-size: 20px;
}
.brand-item-links
{
line-height: 20px;
}
.brand-grid {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
.low-price__popup .modal__container {
max-width: 464px;
}
.loader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
background: #0000002b;
}
.success_pay_block
{
min-height: 400px;
}
.success_pay_block div {
font-family: var(--family-title);
font-size: 24px;
line-height: 120%;
font-weight: 600;
margin:0 0 16px;
color: var(--color);
}
.success_pay_block .cabinet-section__button--fill
{
color:#fff;
}
@media (max-width: 520px) {
.success_pay_block div {
font-size: 20px;
}
}
.pageHeader__callback_tell
{
display: flex;
gap: 20px;
}
/* End */
/* Start:/local/templates/bonnemanche/components/bxmaker/geoip.city/.default/style.css?173018164515572*/
.bxmaker__geoip__city {
margin: 0 auto;
position: relative;
padding: 0;
}
.bxmaker__geoip__city * {
box-sizing: border-box;
}
.bxmaker__geoip__city__composite__params {
display: none !important;
}
.bxmaker__geoip__popup {
margin: 0 auto;
font-size: 14px;
padding: 0;
display: none;
position: absolute;
top: 0;
left: 0;
}
.bxmaker__geoip__popup * {
font-weight: normal;
line-height: normal;
box-sizing: border-box;
}
.bxmaker__geoip__popup::selection,
.bxmaker__geoip__popup *::selection {
background: transparent;
}
.bxmaker__geoip__popup-background {
position: fixed;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 10000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 2s easy, background 2s easy;
}
.bxmaker__geoip__popup-content {
position: fixed;
z-index: 10001;
top: 10%;
left: 45%;
margin-left: -200px;
width: 520px;
background: #FFF;
padding: 20px;
border-radius: 4px;
opacity: 0;
}
.bxmaker__geoip__popup-close {
position: absolute;
top: 2px;
height: 30px;
right: 7px;
color: rgba(0, 0, 0, 0.29);
cursor: pointer;
display: block;
line-height: 30px;
font-weight: normal;
font-size: 28px;
}
.bxmaker__geoip__popup-close:hover {
color: #2A4E69;
}
.bxmaker__geoip__popup-header {
font-weight: bold;
font-size: 15px;
color: #585858;
}
.bxmaker__geoip__popup-search {
margin-top: 15px;
position: relative;
}
.bxmaker__geoip__popup-search input {
padding: 7px 10px;
width: 100%;
border: 1px solid #ddd;
border-radius: 3px;
height: 36px;
}
.bxmaker__geoip__popup-search input::selection {
background-color: #8CDCFC !important;
color: #232323;
}
.bxmaker__geoip__popup-search-clean {
position: absolute;
width: 36px;
height: 36px;
display: block;
right: 0;
top: 0;
font-size: 23px;
text-align: center;
color: #deabab;
font-weight: normal;
padding-top: 2px;
cursor: pointer;
line-height: 32px;
}
.bxmaker__geoip__popup-search-clean:hover {
color: #bb4040;
}
.bxmaker__geoip__popup-search-clean.preloader {
background-image: url("data:image/gif;base64,R0lGODlhGQAZAKUAAGRiZLSytNza3IyKjOzu7JyenMTGxHR2dOTm5JSWlPz6/KyqrNTS1Ly+vGxubOTi5JSSlPT29KSmpMzOzISChLy6vNze3IyOjPTy9KSipMzKzOzq7JyanPz+/KyurNTW1MTCxHRydISGhP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAjACwAAAAAGQAZAAAG/sCRcEgcWTiWorLYsWCGoIthuPl0lkNCZqEQGiDTkeJCQWCFikWBIYyGGxRI9zx6FCSRkXuEEVE+WBhzIxUFICNfUwsUGUMKD1d1HhVmI1oBChGaCgkUG0ITIg5sfBUeAQZPCJGOSQgJIQ6ejh8Bp59YH7EHFYNDERoNrEodAxJPZ75LeUUEFs/PykoRHgvVHgwgIA3aDdJFGADi4g7OFgLRdCMRCwsS1RPE6t+tAsNM6NIdCAwTDMhLMPhjsOrXh34W8mC41+FJBAH+PjATKIAAmgn2FGjsAHEOgQ8TLAqJMAjigxEIJnyyMCGJkA70BDLows+Mgn4AsXQAiStlHU8GVuhEYMAgUk00IJmdIaB0g4ZKYkSqI/Ix55IgACH5BAkIACQALAAAAAAZABkAhWRiZLSytNza3IyKjMTGxOzu7HR2dJyenLy+vOTm5NTS1Pz6/ISChJSWlKyurGxqbLy6vOTi5MzOzPT29Hx+fKSmpLS2tNze3JSSlMzKzPTy9Hx6fKSipMTCxOzq7NTW1Pz+/ISGhJyanGxubP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJJwSCRFKpGiUhnRDDMHybAgWBILDghImOFISYsDxmMVgiCOKgn6zQw4i7IwEQhM1lGSpoG5WDVbQh0OUl1SFhgOQwsJgR4IGQVCGg4dCxMTlxUYkiQfGAwfQhMECB0Sdx6BQyBJHhwUDAOdJK0dprRKFwwUIZZKEx8Zq0oLDQFOZXFyd0UaCR4J0MtlExbX1x8KEhLbEtR/I+LiDM/R0cRL1hAB7ApK6cByCxcC8YsUIrlmCdsKyUs+AADwIAC1YNsu3AFUBISTCAMGGkgwSYKATgssgljAEYQAVLUkGACQYUimIR+TJJBA5oICP0Lo3dPQLU4/ihO2AbQC4gMiyzk/SfT7cM+kAgWBbsb02axMgaYeMlCMuU+OkAIfdi4JAgAh+QQJCAAlACwAAAAAGQAZAIVkYmS0srTc2tyMiozs7ux0dnTMysycnpxsbmy8vrzk5uT8+vysqqyUkpSEgoTU0tRsamy8urzk4uT09vSkpqRkZmS0trTc3tyMjoz08vR8enzMzsykoqR0cnTEwsTs6uz8/vysrqyUlpSEhoTU1tT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/sCScEgsKSyfolL5mQxJgccwc1kSMwnDQvgIkYQLxoFgFYI8CYmQ5BVuOCFQWUjweJxQaYZzUC8ncm4eX11fHgcRQwtJdA8kGUJYGwsLE5QhHGQlFwcNAkITJA8bF04ZW0QgSR8hDQ1jigqjD5BWFw0YIlpKCxcCgUsgFBG1VqhlTkUZCh8KzMdWEwnT0wKjG9fQSxkOGg7dGMvNzcDR1NVK5UvaRb2/ZQsDFMVDILLY9EUkHQgFEcehRpUqkUEdiE8KRPBzwCjDBgGaFjwEQamSAwAKSoB4MAKBFFDHBGxQo2BDEhEAMCiSoC4Sti2yMn6oAGDDHI0kTAopySgEHwAN7IhMePAgUEwwHQBUmUMgWYkPBjLuNNCS6aObQQAAIfkECQgAIgAsAAAAABkAGQCFZGJktLK03NrcjI6M7O7sxMbEpKKkdHZ05ObknJqc/Pr81NLUvL68rKqsbG5s5OLklJaU9Pb0zM7MhIKEvLq83N7clJKU9PL0zMrMpKak7OrsnJ6c/P781NbUxMLErK6sdHJ0hIaE////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5AkXBIFBEKmqJSSVAMBYzK8IJYEiOSDkdY8UhFCsrnYhVyOouqqPvtBCjbsugiWTih0kjgo1ZG4iICEg9rXiIYAR5DCgRDBAsdZCIRCwIKChGXDGNCDx8bhJNoEhURc4BmSQQUGxsNkmAICwsSsEoIBhsZdkoKFQKoRQqJtr1yYEpUGggIGk5yEQXS0hW0dRISz2URFhYD3QnKzQjBvR4F54ZF5UWmZb7A7xCc67J1xUQVExMhHtoRo0qdWidABK59AxrNkSBAoQKGHC5ciBBhAIgkIjoMmNBhSKYng0Q0APBBhAEHCRaRW0KHVwaSRg446CjnjASMI0uKoOAghB22JZQWxMkpJMIEEKHKEHAnEqYQBBLYlZHgYMGxIAAh+QQJCAAmACwAAAAAGQAZAIVkYmS0srTc2tyMiozExsTs7uycnpx0dnS8vrzk5uSUlpTU0tT8+vysqqyEgoRsamy8urzk4uSUkpTMzsz09vSkpqR8fny0trTc3tyMjozMysz08vSkoqR8enzEwsTs6uycmpzU1tT8/vysrqyEhoRsbmz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCTcEg0bRabolJZYAwTk8SQ8lkSKZOQSJhYSE0iDSJpBYe83EnVhEFotmXjZOHsSikez1pJgZsEExEmUFULCAtDImQmBQshZBQLAgyUlBMIFFwQI18UZxMYmRt+QiIFRh4jARCLDF0LE4tKH6oBIU5FDBgCpEUibplluMJKGwkfCcfDVlgTzoGwc87LSxQcBtccDcbIyL1KDBoT4hqCvnEmwVa6vGUiHKxKIl1zskUREhkKGsOesKF/qInAYIJWPg6n5AhIGAGAAwoUNkAE4WANBgMSBEzBJWIAABAmApS4YKKBhQpDXFmZAODBKZEkN5BwEAIdgwMARgi5MFIIIwIHEqgVwQDgAK4ABwIIYZDBwRcrYZ7CHPJBC7oiCyzUjBMEACH5BAkIACQALAAAAAAZABkAhWRiZLSytNza3IyOjOzu7HR2dMzKzKSipGxubLy+vOTm5JyanPz6/ISChNTS1GxqbLy6vOTi5JSWlPT29KyurGRmZLS2tNze3JSSlPTy9Hx6fMzOzKSmpHRydMTCxOzq7JyenPz+/ISGhNTW1P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+QJJwSCRlHJmiUklgDBUbxZBBWBInm1FIqHBISSHHZmIVhkZe7ubDdWjLwszG4exKGeLkcrIVCjYRJFBsFxsXU3okBG56Ew4CDJGRaGQkHwYJbCQTaIZkGX1DIUlHCQkGlSQMXXllBKYeEaFTFwKzRSEGAqlLTnC3RgofCsK+ZQwjyckfYnMbG8ZWEwEU1AEBGcLawEXIbm5fV3CqcAQLGtxmAR68QgwUDwAVI2UKByAcdE8dAAAiUrZwBSIAAQQICnoMACiwgUuHARMmZJjAgAOGKiQiUAARCMwFXyEkdOBAAkKDBCQsYKAwRZMSBwgKJIGgAWUGCRgOwWEgogMoBCEmUZLwgAFEOiEREDTwFdQdCAwul4SIMiRBzSEEBIxTMmKAVjhBAAAh+QQJCAAgACwAAAAAGQAZAIVkYmS0srTc2tyMjozs7uzExsSkoqR0dnTk5uScmpz8+vy8vrzU0tRsbmzk4uSUlpT09vSsqqyEgoS8urzc3tyUkpT08vTMzszs6uycnpz8/vzEwsTU1tR0cnSsrqyEhoT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCQcEgEWRiWolJJUAwRF8RQQVgSIReORohgSEEaxgViFWo4Xu4Fw2Voy0LLheHsShXi5BKyFQouDiBQbBQXFEMaZEIEbnoQDAIKkpJoikcXjmiGZBZ9iEkQf26KIApdeWWXXp5TFAKsRWcOTmW0ZbAgFx4Rux6kVgoUwsIEDQDHx79LCgsbG80bFxHT08pKwcMUbEXWRbZLBAYDuIgLY9cBBx0dAmUYAR4BkU8SDR0PUg6wGlIWGx4eJui50OADAyEYJCSAoAACwwAGqoDAMMHDFw2zhmSQ4AHEhgEFQCzIMOGTFQESPiTZUCGkBQMZAsFRMEDCAiEFQAphkMEDGjl644SwDFkqQkQ4YSR61BmnHRwlFBIcghMEACH5BAkIACUALAAAAAAZABkAhWRiZLSytNza3IyOjMTGxOzu7KSipHR2dLy+vOTm5JyanNTS1Pz6/GxqbKyqrISChLy6vOTi5JSWlMzOzPT29GRmZLS2tNze3JSSlMzKzPTy9KSmpHx6fMTCxOzq7JyenNTW1Pz+/GxubKyurISGhP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJJwSCxpFpqiUllgDBOTxJBRWBIpE1BImFhIS6HFhGIVhkBe7sTDXWjLQs1k4exKGeKkMhRxCgUTESVQbBcTF0MhZEIZAAcLQhRuIQyVDGiLRxN6EQcAAAOCGltEIUkUgG6LJRQjFQAVIGWaXqREBQoctnsCF35Wq1a7QiAWxsa/VgwJHgnMGhwi0tLJSwwTc9gLCxYQAd7BSyHN5FVF4UrVRRoOCsOlGSDqDAgkDw+IVgUdCB0Rth4G3PvA5l+RcUYWIECQYdGCBxhklSgwwAEFBhfpBdDjgUCHLyES2BqBwUKJDB8mnBxBIJEeJQIGSEgyISWrACPYwGFgAEMoBkY2SwgYAeEdkQQDPvipqbIEAwgjXooTYO6kgaZGBMFREmGD1jJBAAAh+QQJCAAmACwAAAAAGQAZAIVkYmS0srTc2tyMiozExsTs7uycnpx0dnS8vrzk5uSUlpTU0tT8+vysqqxsbmyEgoS8urzk4uSUkpTMzsz09vSkpqRsamy0trTc3tyMjozMysz08vSkoqR8enzEwsTs6uycmpzU1tT8/vysrqx0cnSEhoT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCTcEg0bRaborIo0iSGiclnSCksiRjAgSFMLJ4mRmhCuQoZB0CgK+0uQiKzcAKwWL1PxmKSVIoiXCYiAwAgJlFTGBMYQyJlcw4lC0IRAA8UDJliC49HfEIfDw4kCk9wTEkUAhNvjyYUEAckJIxXnl9xRQUcA7lLYoByrle+QwIIyMiBZgwJHwnOGyUPHQ/Uw78TrNoLx8gQCMtXDM/lVkXiv3IbFxXFTAIY6WEEChISYEsbrLhDBQYSMoy4806EFVWsQjwSkIFDrV0BMmFioMFDpz3nRHxYBsGABxMhRoQAiWCSEEdXIhioUGZBgJEMPCA4x2yEAZMLRArB4EHDHztdBhoEChHApAgCCPoQw6A050ghFKbIUZLgglQzQQAAIfkECQgAIQAsAAAAABkAGQCFZGJktLK03NrcjI6M7O7spKKkxMbEdHZ05ObknJqc/Pr8vL68rKqs1NLUbG5s5OLklJaU9Pb0hIKEvLq83N7clJKU9PL0pKakzM7M7OrsnJ6c/P78xMLErK6s1NbUdHJ0hIaE////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7AkHBIDGEcjaKyuMFkhgxAZxghLIkPh0QhjE5DG08jchUqQI6J8CIVZjCeTVnYcBwsIW8o0sDglRsIXGAJDhd5bRQNAkMbZHQSEIwhCB8DERYEEQoCGI8WHn5uAxISBQghAnJEG3gRFBgNY0MKCyClFGUWfQ0Iq0QEHRC/gAIUg1fIyUoUBs7OyksKCBkI1AQJAxUV2o9lChix4R4UHAbmBtFK09XVf0TqTHMWCwHETMbq4BcFp7qxvX4FK6BhgpUM91rtgdXAwyMKGjo8EGKhAwcFGBVs6DSIgBgrYDIgM9ABQwgKC3IpymXGWxEEAQKQKZcLXAOQZTZM6DBJQB9KN3DuFQk2YRVNM2JcLnnwDiXLEAqezFGSwYDUMkEAACH5BAkIACUALAAAAAAZABkAhWRiZLSytNza3IyOjMTGxOzu7Hx6fKSipGxubLy+vOTm5JyanNTS1Pz6/ISChGxqbLy6vOTi5JSWlMzOzPT29KyurGRmZLS2tNze3JSSlMzKzPTy9Hx+fKSmpHRydMTCxOzq7JyenNTW1Pz+/ISGhP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJJwSCwxOKKisjhigIYBxGWo0IyWVMfgWopOSw0PIIIVNjKcj/Di+VYAHm5Z5CBtutIS6AGYLEcgDUMHHAF4UxIAA0MjFEMCAwcYQgoOCxQUG5gOAApCGwwTdyUFIQMZFQUlGHJmSRQYEwwijmYaGbhkWKCyCq2fFx2/RCMCEYJlyMlKERPOzspYIwogCtQFHQch2ge1yc6hEyIRGhPlGtF/1eujROlK70QUGgnDjAIY7w0CARUBqrtkMfA1ZMMFfwTuFPg14g4FAbJoCYkQAIKnEhs+TGjAsUGxjUIKiGAAkJScCQkElFAw4UmsSUIaYgHx4YMjBQPBhGonjUAgAl0sn6ycZa/gBwJcQLR0NcHbTG/NhJbIVGYXA55LggAAIfkECQgAJwAsAAAAABkAGQCFZGJktLK03NrcjIqMxMbE7O7snJ6cdHZ0vL685ObklJaU1NLU/Pr8rKqshIKEbG5svLq85OLklJKUzM7M9Pb0pKakfH58bGpstLa03N7cjI6MzMrM9PL0pKKkfHp8xMLE7OrsnJqc1NbU/P78rK6shIaEdHJ0////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv7Ak3BIPAkGgqKyOBIUhhALYgiajJZUjYEhRDimJ4bFFMEKGR3NRhgFQx4lrvmUkSg4p/apcDAtliMFcickEhgnXlMdDyFDDBlXdB0kZScgEhUMFBwUFAMmICcjGwcAa3sNBh0QTxGRQ00nEQMAAAcJjhMdqrhYIrUAGBRKFAgBr0piIU9mg1jDRQki09POgAkgCdgFGAEk3gHWyRMTC+Qi0gsi6uJM2e94Re1E80IUIhvITAIZ4iMRHxB8YLaEQ7kFCV5RICBwwjAO+kbgoZChnAhoIBBsCHWCwgIBDEIyaDJBToF1BDkMqlgmwQRcGRZkcARNicEFXBIgDFOOICKWESImcHQ5dIIAfUU8LoiksxdQh3P21CQ6ZFNUmwvimQkCADs=");
background-position: center center;
background-repeat: no-repeat;
color: transparent;
}
.bxmaker__geoip__popup-search-options {
display: none;
position: absolute;
top: 34px;
border: 1px solid #ccc;
background: #FFF;
z-index: 10002;
border-radius: 0 0 4px 4px;
width: 100%;
}
.bxmaker__geoip__popup-search-options.active {
display: block;
height: auto;
max-height: 250px;
}
.bxmaker__geoip__popup-search-options.preloader {
height: 100px;
overflow: hidden;
color: #fff;
}
.bxmaker__geoip__popup-search-options.preloader div {
border-color: transparent;
}
.bxmaker__geoip__popup-search-option {
border-bottom: 1px solid #ccc;
cursor: pointer;
padding: 7px 10px;
color: #909090;
}
.bxmaker__geoip__popup-search-option:last-child {
border-bottom: none;
}
.bxmaker__geoip__popup-search-option span {
color: #5f5f5f;
font-weight: bold;
}
.bxmaker__geoip__popup-search-option p {
padding: 0;
margin: 0;
font-size: 0.9em;
}
.bxmaker__geoip__popup-search-option:hover {
background: #f1f1f1;
}
.bxmaker__geoip__popup-search-option.bxmaker__geoip__popup-search-option--empty {
padding: 20px 10px;
text-align: center;
line-height: 18px;
height: auto;
width: 100%;
overflow: visible;
}
.bxmaker__geoip__popup-options {
font-size: 0.90em;
padding-top: 10px;
padding-bottom: 0;
}
.bxmaker__geoip__popup-options:after {
content: ' ';
display: block;
width: 100%;
height: 1px;
clear: both;
}
.bxmaker__geoip__popup-options.preloader {
height: 350px;
overflow: hidden;
color: transparent;
}
.bxmaker__geoip__popup-options.preloader div {
border-color: transparent;
background: transparent;
display: none;
}
.bxmaker__geoip__popup-options-col {
float: left;
padding: 0 10px 0 0;
width: 33.33%;
}
.bxmaker__geoip__popup-option {
margin: 0;
padding: 4px 5px;
cursor: pointer;
font-size: 14px;
}
.bxmaker__geoip__popup-option.bxmaker__geoip__popup-option--bold,
.bxmaker__geoip__popup-option.bxmaker__geoip__popup-option--bold span {
font-weight: bold;
}
.bxmaker__geoip__popup-option span {
border-bottom: 1px dashed black;
}
.bxmaker__geoip__popup-option:hover {
background: #8CDCFC;
border-radius: 3px;
}
.bxmaker__geoip__popup-option:hover span {
border-bottom-color: transparent;
font-weight: bold;
}
@media screen and (min-width: 461px) and (max-width: 767px) {
body .bxmaker__geoip__popup-content {
top: 3%;
left: 3%;
width: 94%;
padding: 15px;
margin-left: 0;
height: auto;
}
}
@media screen and (max-width: 460px) {
body .bxmaker__geoip__popup-content {
top: 5%;
left: 5%;
width: 90%;
padding: 15px;
margin-left: 0;
height: auto;
}
body .bxmaker__geoip__popup-header {
display: none;
}
body .bxmaker__geoip__popup-city_search_box {
margin-top: 25px;
}
body .bxmaker__geoip__popup-option {
width: 100%;
padding: 0;
}
body .bxmaker__geoip__popup-option:nth-child(1) {
display: block;
}
}
.popover {
background: #fff;
-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, .12);
box-shadow: 0px 0px 18px rgba(0, 0, 0, .12);
position: absolute;
top: calc(100% + 7px);
right: 0;
padding: 24px;
display: none;
z-index: 2;
border-radius: 16px;
}
.popover__city {
left: 0;
min-width: 430px;
z-index: 3;
}
.bxmaker__geoip__city * {
box-sizing: border-box;
}
.popover.active {
display: block;
}
.popover__city-name {
font-family: "Montserrat", sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 600;
color: #352C2C;
margin-bottom: 6px;
}
.popover__city-btns
{
display:flex;
gap:8px;
}
.popover__city-btn {
margin-top: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
border-radius: 24px;
background: #352C2C;
width: 100%;
margin-top: 0px;
cursor: pointer;
padding: 15px 32px 15px 32px;
-webkit-transition: 0.15s ease-out;
transition: 0.15s ease-out;
text-align: center;
}
.popover__city-btn.btn-secondary {
color: #352C2C;
border:1px solid #352C2C;
background: #fff;
}
.popover__close {
position: absolute;
top: 20px;
right: 14px;
width: 32px;
height: 32px;
}
.js-bxmaker__geoip__city-flex
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-decoration: none;
}
.popup__city.order-call-footer
{
max-width: 524px;
}
.js-search-city-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 14px 20px;
border: 1px solid #989898;
border-radius: 24px;
cursor: text;
}
.js-search-city-wrap input {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #9D9D9D;
width: 100%;
height: 18px;
padding: 7px 5px 7px 15px;
}
.location-country
{
display:none;
}
.popup .city__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-gap: 14px 60px;
gap: 14px 60px;
margin-top: 38px;
}
.popup .city__list a {
white-space: nowrap;
width: calc(50% - 30px);
}
/* End */
/* Start:/local/templates/bonnemanche/components/bxmaker/geoip.city.line/.default/style.css?17328068273155*/
.bxmaker__geoip__city__line-label {
text-transform: initial;
}
.bxmaker__geoip__city__line-name {
cursor: pointer;
font-size: 14px;
}
.bxmaker__geoip__city__line-question,
.bxmaker__geoip__city__line-info {
display: none;
position: absolute;
z-index: 1009;
top: 35px;
background: #fff;
width: 200px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
.bxmaker__geoip__city__line-question:before,
.bxmaker__geoip__city__line-info:before {
content: "";
display: block;
position: absolute;
top: -24px;
left: 50%;
margin-left: -12px;
width: 0;
height: 0;
border: 12px solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0);
}
.bxmaker__geoip__city__line-question:after,
.bxmaker__geoip__city__line-info:after {
content: "";
display: block;
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: 10px solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
}
.bxmaker__geoip__city__line-question-text {
padding: 20px 10px;
text-align: center;
vertical-align: middle;
color: #676767;
font-size: 12px;
}
.bxmaker__geoip__city__line-question-text span {
color: #676767;
cursor: pointer;
border-bottom: none;
font-size: 14px;
font-weight: bold;
margin: 0 1px;
}
.bxmaker__geoip__city__line-question-btn-box {
cursor: pointer;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
margin-bottom: -1px;
}
.bxmaker__geoip__city__line-question-btn-box:after {
content: ' ';
display: block;
width: 100%;
height: 1px;
clear: both;
float: none;
}
.bxmaker__geoip__city__line-question-btn-yes {
float: right;
width: 50%;
text-align: center;
padding: 8px 0;
border-left: 1px solid #4696dd;
margin-left: -1px;
background: #3585CC;
border-radius: 0 0 5px 0;
}
.bxmaker__geoip__city__line-question-btn-yes:hover {
background: #2474bb;
border-left: 1px solid #2474bb;
}
.bxmaker__geoip__city__line-question-btn-no {
float: left;
width: 50%;
text-align: center;
padding: 8px 0;
border-right: 1px solid #1363aa;
margin-right: -1px;
background: #3585CC;
border-radius: 0 0 0 5px;
}
.bxmaker__geoip__city__line-question-btn-no:hover {
background: #2474bb;
}
.bxmaker__geoip__city__line-info-content {
padding: 20px 10px;
text-align: center;
vertical-align: middle;
color: #676767;
}
.bxmaker__geoip__city__line-info-content a {
border-bottom: 1px dashed #3585CC;
cursor: pointer;
text-decoration: none;
color: #3585CC;
}
.bxmaker__geoip__city__line-info-content a:hover {
border-color: transparent;
}
.bxmaker__geoip__city__line-info-btn-box {
cursor: pointer;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.bxmaker__geoip__city__line-info-btn {
float: left;
width: 100%;
text-align: center;
padding: 8px 0;
border-right: 1px solid #1363aa;
background: #3585CC;
border-radius: 0 0 5px 5px;
}
.bxmaker__geoip__city__line-info-btn:hover {
background: #2474bb;
}
.bxmaker__geoip__city__line__params__id {
display: none !important;
}
/* End */
/* /local/templates/bonnemanche/css/vendor.css?1732806827152094 */
/* /local/templates/bonnemanche/css/main.css?1758180788270001 */
/* /local/templates/bonnemanche/css/custom.css?175258108026810 */
/* /local/templates/bonnemanche/components/bxmaker/geoip.city/.default/style.css?173018164515572 */
/* /local/templates/bonnemanche/components/bxmaker/geoip.city.line/.default/style.css?17328068273155 */