/*! dk-src:5533830ddd77c2d836f6c051d1da6c9e v1 */
footer {
color: var(--dk-dark);
margin: 80px 0 0;
line-height: var(--lh-body);
}
footer .container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .logo {
margin: 0 0 24px;
}
.footer-top {
width: 100%;
padding: 40px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer-bottom {
width: 100%;
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;
color: var(--dk-grey-500);
padding: 24px 0;
position: relative;
z-index: 1;
}
.footer-bottom::before {
content: "";
position: absolute;
}
.copyright {
font-size: var(--fs-sm);
margin: 0 auto 0 0;
}
.link-documents {
color: var(--dk-grey-500);
}
.link-documents:hover {
color: var(--dk-dark);
}
.footer-box {
margin: 0 160px 0 0;
}
.footer-box:last-child {
margin: 0;
}
.footer-box__title {
width: 100%;
margin: 0 0 18px;
color: var(--dk-dark);
font-size: var(--fs-lg);
font-weight: var(--fw-medium);
}
.footer-box__title-toggle {
display: none;
}
.footer-box__title-toggle svg {
margin: 0 0 0 auto;
fill: none;
stroke: var(--dk-dark);
width: 24px;
height: 24px;
min-width: 24px;
}
.footer-box__title-toggle.click svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer-box__menu {
font-size: var(--fs-base);
width: 100%;
}
.footer-box__menu li {
margin: 0 0 8px;
}
.footer-box__menu li:last-child {
margin: 0;
}
.footer-box__menu li a {
color: var(--dk-text);
}
.footer-box__menu li a:hover {
color: var(--dk-dark);
}
.footer-wrapper {
margin: 0 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer-menu-wrapper.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer-menu-wrapper .footer-box__menu {
margin: 0 48px 0 0;
width: 155px;
}
.footer-menu-wrapper .footer-box__menu:last-child {
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.requisites-list {
margin: 16px 0 0;
font-weight: var(--fw-regular);
font-size: var(--fs-sm);
}
.requisites-list li {
margin: 0 0 8px;
}
.requisites-list li:last-child {
margin: 0;
}
.document-list {
font-size: var(--fs-sm);
font-weight: var(--fw-regular);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.document-list li {
margin: 0 40px 0 0;
}
.document-list li:last-child {
margin: 0;
}
.mail-link {
margin: 0 0 8px;
}
.phone-link, .mail-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--dk-dark);
font-size: var(--fs-sm);
font-weight: var(--fw-regular);
}
.phone-link:hover, .mail-link:hover {
color: var(--dk-dark);
}
.phone-link__icon, .mail-link__icon {
stroke: var(--dk-text);
fill: none;
width: 20px;
height: 20px;
min-width: 20px;
margin: 0 8px 0 0;
}
.modal__div {
position: fixed;
max-width: 425px;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -48%);
z-index: 101;
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
}
.modal__div.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(-50%, -50%);
}
.modal__close {
position: absolute;
right: 10px;
top: 10px;
}
.modal__wrapper {
background: var(--dk-white);
border-radius: var(--radius-md);
width: 100%;
height: auto;
overflow: auto;
margin: 50px auto;
padding: 26px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.modal__wrapper h3 {
text-align: center;
margin: 0 auto 8px;
}
.modal__wrapper .box-text {
line-height: var(--lh-body);
}
.check-image {
margin: 0 auto 32px;
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: 120px;
height: 120px;
}
.check-image img {
width: 100%;
}
#thanksModal .modal__wrapper, #errorModal .modal__wrapper {
padding: 70px 28px 44px;
}
.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;
width: 24px;
height: 24px;
min-width: 24px;
position: absolute;
z-index: 1;
cursor: pointer;
top: 20px;
right: 20px;
stroke: var(--dk-grey-500);
}
.modal__close:focus-visible {
outline: 2px solid var(--focus-color);
outline-offset: 2px;
border-radius: var(--radius-xs);
}
.overlay {
z-index: 100;
position: fixed;
background-color: var(--dk-scrim);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0.25s;
}
.overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.btn-close-modal {
margin: 32px auto 0;
}
.modal__div-v2 {
max-width: 434px;
}
.modal__div-v2 .modal__wrapper {
padding: 40px 32px;
}
.modal__div-v2 h3 {
text-align: left;
margin: 0;
}
.modal__div-v2 .form {
margin: 24px 0 0;
}
.modal__div-v2 .form label {
margin: 0 0 8px;
}
.modal__div-v2 .form textarea {
height: 140px;
}
.modal__div-v2 .form button {
margin: 24px auto 0;
}
.modal-order {
max-width: 460px;
}
#orderModal {
max-width: 600px;
}
.modal-order .modal__wrapper {
border-radius: var(--radius-md);
padding: 26px;
position: relative;
}
.modal-order .modal__close {
position: absolute !important;
right: 20px !important;
top: 20px !important;
z-index: 10;
}
.modal-order .modal-title {
margin: 0 auto 0 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: left;
}
.modal-order .modal-title span {
font-weight: var(--fw-regular);
}
.modal-order .tabs__caption-product {
margin: 0 0 24px;
}
.modal-order .amount {
width: 124px;
margin: 0 0 0 auto;
padding: 0;
height: 40px;
}
.modal-order .amount .down, .modal-order .amount .up {
min-width: 40px;
height: 40px;
width: 40px;
}
.modal__head {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 16px;
}
.modal__body {
width: 100%;
}
.form-order {
margin: 20px 0 0;
}
.form-order .consent {
max-width: none;
margin: 16px 0 0;
font-size: var(--fs-sm);
}
.form-order .consent a {
color: var(--dk-text);
text-decoration: underline;
text-underline-offset: 2px;
}
.form-order [type=submit] {
width: 100%;
margin: 24px 0 0;
}
.form-order textarea {
height: 98px;
padding: 16px;
}
.product-row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 16px;
border-bottom: 1px solid var(--dk-soft);
margin-bottom: 16px;
}
.payment-logos {
display: flex;
align-items: center;
justify-content: center;
margin: 12px 0 0;
}
.payment-logos img {
height: 20px;
width: auto;
opacity: 0.55;
}
.product-row__img {
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: 80px;
height: 108px;
min-width: 80px;
border-radius: 0;
border: 1px solid var(--dk-border-i);
}
.product-row__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0;
}
.product-row__body {
padding: 0 24px 0 16px;
width: calc(100% - 80px - 123px);
}
.product-row__title {
color: var(--dk-dark);
}
.product-row__title:hover {
color: var(--dk-dark);
}
.product-row__subtitle {
margin: 4px 0 0;
font-size: var(--fs-sm);
color: var(--dk-text);
}
.tabs-order {
margin: 0 0 32px;
}
.list-order-product {
width: 100%;
color: var(--dk-dark);
font-size: var(--fs-sm);
}
.list-order-product li {
width: 100%;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 8px;
}
.list-order-product li:last-child {
margin: 0;
}
.list-order-product p {
color: var(--dk-grey-500);
}
.total-sum {
width: 100%;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 8px 0 0;
margin: 8px 0 0;
border-top: 1px solid var(--dk-border-i);
font-weight: var(--fw-semibold);
font-size: var(--fs-lg);
color: var(--dk-dark);
}
.modal-reviews {
max-width: none;
}
.modal-reviews .modal__wrapper {
border-radius: 0;
margin: 0 auto;
padding: 32px 0;
}
.push-popup {
position: fixed;
left: 50%;
bottom: 24px;
transform: translate(-50%, 16px) scale(0.98);
opacity: 0;
z-index: 12100;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
max-width: min(560px, calc(100vw - 32px));
padding: 13px 18px;
background: var(--dk-white);
color: var(--dk-dark);
border: 1px solid var(--dk-separator);
border-radius: var(--radius-md);
box-shadow: var(--shadow-lg);
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
line-height: var(--lh-snug);
text-align: left;
transition: opacity var(--t-state), transform var(--t-state);
--push-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M4.5 10.5l3.4 3.4 7.6-8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.push-popup.active {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.push-popup::before {
content: "";
flex: 0 0 18px;
width: 18px;
height: 18px;
background: var(--push-icon-color, var(--dk-green));
-webkit-mask: var(--push-icon) center / contain no-repeat;
mask: var(--push-icon) center / contain no-repeat;
}
.push-popup--error {
background: var(--dk-error-bg);
border-color: transparent;
color: var(--dk-error-t);
--push-icon-color: var(--dk-error-t);
--push-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 5.5v5.2M10 14.2h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/><circle cx='10' cy='10' r='7.4' fill='none' stroke='black' stroke-width='1.8'/></svg>");
}
@media (max-width: 600px) {
.push-popup {
left: 16px;
right: 16px;
transform: translate(0, 16px) scale(0.98);
max-width: none;
}
.push-popup.active { transform: translate(0, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.push-popup { transition: opacity var(--t-hover); transform: translate(-50%, 0); }
.push-popup.active { transform: translate(-50%, 0); }
}