/* */ /* Cormorant Garamond подключён через в (nuxt.config) с preconnect — @import здесь создавал цепочку запросов и блокировал рендер. */ @import url("../../fonts/Gilroy/stylesheet.css"); img.lazy { transition: 1s; transition-delay: 0.25s; transition-property: opacity; } img.lazy:not([src]) { opacity: 0.125; background: #000; } img.lazy.loaded { opacity: 1; } :root { --fsz-h1: 84px; --fsz-h2: 48px; --fsz-h3: 36px; --fsz-h4: 28px; --fsz-lead: 20px; --section-spacer: 100px; } @media (max-width: 1229px) { :root { --fsz-h1: 48px; --fsz-h2: 38px; --fsz-h3: 28px; --fsz-h4: 24px; --fsz-lead: 20px; --section-spacer: 80px; } } @media (max-width: 991px) { :root { --fsz-h1: 36px; --fsz-h2: 32px; --fsz-h3: 24px; --fsz-h4: 22px; --fsz-lead: 20px; --section-spacer: 60px; } } @media (max-width: 767px) { :root { --fsz-h1: 28px; --fsz-h2: 26px; --fsz-h3: 22px; --fsz-h4: 20px; --fsz-lead: 16px; --section-spacer: 40px; } } @media (max-width: 479px) { :root { --fsz-h1: 24px; --fsz-h2: 22px; --fsz-h3: 20px; --fsz-h4: 18px; --fsz-lead: 12px; } } body { color: #000; } .container { padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .container { max-width: 97%; } } @media (min-width: 1230px) { .container { width: 1686px !important; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Cormorant Garamond", serif; font-weight: 600; color: #000; } h1, .h1 { font-size: var(--fsz-h1); } h2, .h2 { font-size: var(--fsz-h2); } h3, .h3 { font-size: var(--fsz-h3); } h4, .h4 { font-size: var(--fsz-h4); } .lead { font-size: var(--fsz-lead); } .layout { width: 100%; margin-left: auto; margin-right: auto; overflow: visible; } .layout > .wrapper { padding-top: 0; } .layout > .wrapper > .main-block { padding-top: unset; } .main-block { display: flex; flex-direction: column; width: 100%; } .main-block > * { min-width: 0; width: 100%; } .section { margin: var(--section-spacer) 0; } .section + .section { margin-top: 0; } .btn { border-radius: 6px; font-weight: 500; } .btn-primary:not(:hover):not(:focus) { background: rgb(156, 87, 137); } .btn-outline-primary { border-color: #dddddd; color: #000; font-weight: 600; } @media (min-width: 992px) { .btn { border-radius: 10px; } } .form-control { border-radius: 6px; min-height: 50px; } .vr { border-left: 1px solid currentColor; opacity: 0.5; } .app-form { display: grid; grid-gap: 16px 28px; } @media (max-width: 767px) { .app-form { grid-gap: 24px; } } .form-check { display: flex; gap: 10px; align-items: start; } .form-check-label { line-height: 1.2; } .caret { display: inline-block; width: 10px; height: 10px; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67676 0.469727C9.77459 0.626319 9.77472 0.828819 9.67676 0.985352L9.61914 1.05957L5.33301 5.60449C5.15055 5.79801 4.84946 5.798 4.66699 5.60449L0.380859 1.05957C0.292387 0.965737 0.250052 0.844902 0.25 0.727539C0.25 0.610195 0.292467 0.489368 0.380859 0.395507C0.563326 0.201985 0.865385 0.201985 1.04785 0.395507L5 4.58691L8.95215 0.395508C9.13462 0.201986 9.43667 0.201986 9.61914 0.395508L9.67676 0.469727Z' fill='%237A6F6A' stroke='%237A6F6A' stroke-width='0.5'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .swiper-button-prev, .swiper-button-next { width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); background: #fff; border-radius: 50%; box-shadow: 8px 11px 15px rgba(0, 0, 0, 0.13); } .swiper-button-prev::after, .swiper-button-next::after { font-size: calc(var(--swiper-navigation-size) * 0.35); color: #000; } .page-head { margin-left: 0 !important; margin-right: 0 !important; } @media (min-width: 768px) { .page-head + .section { margin-top: 0; } } @media (max-width: 767px) { .breadcrumbs-block { display: none; } } .page-head .breadcrumbs-block { padding: 30px 0 0 !important; margin: 0 0 30px !important; } .page-head .breadcrumbs-block .breadcrumb > li + li:before { content: ""; display: inline-block; margin: 0 8px; width: 20px; height: 20px; color: #b8bbc8; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.08711 5L6.91211 6.175L10.7288 10L6.91211 13.825L8.08711 15L13.0871 10L8.08711 5Z' fill='%23B8BBC8'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .header-new { font-size: 14px; box-shadow: 2px 2px 7.2px rgba(0, 0, 0, 0.1); position: relative; z-index: 1050; } .header-new a { color: currentColor; } .header-new__main { background: #f7f7f7; padding: 28px 0; } .header-new__main-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 40px; align-items: center; } .header-new__contacts { display: flex; gap: 28px; align-items: center; } .header-new__socials { display: flex; gap: 28px; align-items: center; } .header-new__phones { display: flex; gap: 16px; align-items: center; } .header-new__phones .vr { align-self: stretch; } .header-new__phones > a + a { margin-left: 12px; } .header-new__logo { justify-self: center; } .header-new__logo img, .header-new__logo svg { display: block; width: 100%; height: auto; } .header-new__actions { justify-self: end; display: flex; gap: 28px; align-items: center; font-weight: 500; } .header-new__fav-link a { display: flex; align-items: center; gap: 10px; color: rgb(122, 111, 106); } .header-new__fav-link a::before { flex-shrink: 0; content: ""; display: block; width: 14px; height: 14px; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.49707 0.500977C4.90794 0.488359 5.35527 0.626903 5.82715 0.878906C6.2968 1.12972 6.75811 1.47452 7.1875 1.83301L7.52734 2.11719L7.84961 1.81348C9.48582 0.27445 11.8859 -0.00487164 13.3994 1.48535C14.2292 2.3024 14.6668 3.39753 14.6982 4.51074C14.7264 5.51136 14.4254 6.51786 13.7959 7.34082L13.7949 7.3418C13.7251 7.43357 13.6507 7.52441 13.5713 7.6123L7.8584 13.9395L1.80078 7.97461H1.7998C1.71593 7.89191 1.63664 7.80602 1.56152 7.71875C0.177131 6.11309 0.139043 3.65905 1.49316 2.00586L1.62891 1.84863C2.41107 0.982227 3.44986 0.533489 4.49707 0.500977Z' stroke='black'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .header-new__contacts-link a { display: flex; align-items: center; gap: 10px; color: rgb(122, 111, 106); } .header-new__contacts-link a::before { flex-shrink: 0; content: ""; display: block; width: 14px; height: 14px; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.59961 0.400391C9.73851 0.400391 12.1448 4.63309 9.98926 7.80762L5.87891 13.8623C5.75386 14.0461 5.4465 14.0459 5.32129 13.8623L1.21094 7.80762C-0.943902 4.63305 1.46097 0.400547 5.59961 0.400391Z' stroke='black' stroke-width='0.8' stroke-miterlimit='10'/%3E%3Cpath d='M5.59961 2.81367C7.12409 2.81383 8.31335 3.96267 8.31348 5.32539C8.31348 6.68821 7.12417 7.83792 5.59961 7.83809C4.0749 7.83809 2.88574 6.68831 2.88574 5.32539C2.88587 3.96257 4.07498 2.81367 5.59961 2.81367Z' stroke='black' stroke-width='0.8' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .header-new__recall-btn { display: flex; align-items: center; gap: 10px; } .header-new__recall-btn .btn { height: 40px; line-height: 20px; border-radius: 6px; padding-left: 10px; padding-right: 10px; color: rgb(156, 87, 137); display: flex; align-items: center; gap: 5px; } .header-new__recall-btn .btn::before { flex-shrink: 0; content: ""; display: block; width: 15px; height: 15px; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73522 3.85415L3.35999 1.89378C3.23859 1.72076 3.02488 1.64154 2.81952 1.69004C2.55314 1.75315 2.17199 1.90172 1.78366 2.24901C1.0959 2.86358 0.785128 3.78611 0.959031 4.69289C1.1836 5.86257 2.05598 7.33336 4.02134 9.24685C5.98597 11.1603 7.47874 11.9916 8.65091 12.1825C9.56019 12.3303 10.4717 11.9919 11.0645 11.2849C11.3995 10.8856 11.5365 10.4994 11.5916 10.2306C11.634 10.0234 11.5488 9.81162 11.3727 9.69502L9.37637 8.37352C9.14501 8.22016 8.84115 8.23326 8.62321 8.40689L7.73506 9.11466C7.46655 9.32876 7.09067 9.34363 6.80614 9.15133C6.46341 8.92015 5.95626 8.53103 5.31747 7.90909C4.68232 7.29071 4.29853 6.81312 4.07338 6.49283C3.88721 6.22687 3.88349 5.87302 4.06401 5.60315L4.74439 4.58133C4.89175 4.36034 4.88826 4.07149 4.73522 3.85415Z' fill='%239C5789'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .header-new__is-online { width: 6px; height: 6px; background: #44d046; border-radius: 3px; } .header-new__navigation { background: #fff; padding: 10px 0; } .header-new__navigation-inner { display: grid; grid-template-columns: 1fr 218px; } .header-new__nav { display: flex; white-space: nowrap; list-style-type: none; padding: 0; margin: 0; } .header-new__nav > * { flex-grow: 1; } .header-new__nav > * a { text-transform: uppercase; height: 36px; display: flex; justify-content: center; align-items: center; gap: 10px; } .header-new__nav > *:first-child { flex-grow: 0.5; } .header-new__nav > *:first-child a { justify-content: start; } .header-new__search-btn a { height: 36px; display: flex; justify-content: end; align-items: center; gap: 35px; } .header-new__search-btn a::before { flex-shrink: 0; content: ""; width: 27px; height: 27px; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 26.3073L17.3233 16.6292C20.8614 12.7259 20.7597 6.67721 16.9946 2.91164C13.113 -0.970547 6.79676 -0.970547 2.91592 2.91164C1.03536 4.79247 0 7.29319 0 9.95281C0 12.6124 1.03536 15.1131 2.91592 16.9932C4.79569 18.874 7.29605 19.9095 9.95528 19.9095C12.4494 19.9095 14.7971 18.9883 16.6315 17.3227L26.3066 27L26.9992 26.3073H27ZM3.6085 16.3013C1.91342 14.606 0.979015 12.351 0.979015 9.95281C0.979015 7.55461 1.91264 5.30044 3.6085 3.60433C5.35837 1.855 7.65682 0.97994 9.95528 0.97994C12.2537 0.97994 14.5522 1.855 16.3028 3.60511C19.8026 7.10534 19.8026 12.801 16.3028 16.3013C14.6078 17.9966 12.3531 18.9304 9.95528 18.9304C7.55743 18.9304 5.30358 17.9966 3.60772 16.3013H3.6085Z' fill='black'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } @media (max-width: 1449px) { .header-new__main-inner { grid-template-columns: auto 1fr auto; } } @media (max-width: 1229px) { .header-new__main { padding: 23px 0; } .header-new__socials { gap: 16px; } .header-new__actions { gap: 16px; } .header-new__actions a { font-size: 12px; } .header-new__logo { width: 180px; } .header-new__nav { font-size: 12px; } .header-new__navigation-inner { grid-template-columns: 1fr auto; gap: 24px; } .header-new__search-btn a { gap: 16px; } .header-new__search-btn a::before { width: 20px; height: 20px; } } @media (max-width: 1229px) and (min-width: 992px) { .header-new__phones { display: flex; flex-direction: column; align-items: start; gap: 0; font-size: 12px; } .header-new__phones a { margin-left: 0 !important; } .header-new__phones .vr { display: none; } } @media (max-width: 991px) { .header-new { position: sticky; top: 0; } .header-new__main { padding: 8px 0; } .header-new__main-inner { grid-template-columns: 1fr; } .header-new__logo { display: none; } .header-new__actions { display: none; } .header-new__contacts { justify-content: space-between; } .header-new__socials svg { background: #fff; border-radius: 50%; padding: 4px; } .header-new__navigation { display: none; } } @media (max-width: 767px) { .header-new__main { display: none; } .header-new__contacts { gap: 16px; } .header-new__socials { gap: 10px; } .header-new__phones { gap: 10px; font-size: 12px; white-space: nowrap; } .header-new__phones .vr { display: none; } .header-new__phones > a + a { margin-left: 0; } } @media (max-width: 479px) { .header-new__socials { gap: 6px; } .header-new__phones { font-size: 11px; gap: 8px; } } .header-new__mobile-nav { background: #fff; } @media (min-width: 992px) { .header-new__mobile-nav { display: none; } } .mobile-nav__inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; height: 50px; } .mobile-nav__menu-toggle a { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 30px; height: 30px; padding-right: 10px; } .mobile-nav__menu-toggle a > * { border-top: 1px solid; } .mobile-nav__logo { width: 128px; } .mobile-nav__logo img, .mobile-nav__logo svg { display: block; width: 100%; height: auto; } .mobile-nav__actions { display: flex; align-items: center; gap: 22px; } .mobile-nav__search svg { display: block; } .mobile-nav__fav svg { display: block; } .mobile-nav__contacts svg { display: block; } .mobile-nav__recall { display: flex; align-items: center; gap: 6px; } .mobile-nav__recall .btn { width: 30px; height: 30px; border-radius: 15px; padding: 5px; display: flex; justify-content: center; align-items: center; } .mobile-nav__is-online { width: 6px; height: 6px; background: #44d046; border-radius: 3px; } .header-drop { position: relative; z-index: 1040; pointer-events: none; } .header-drop__wrapper { position: absolute; top: 0; left: 0; right: 0; } .header-drop__card { background: #f7f7f7; box-shadow: 0 0 7.2px 2px rgba(0, 0, 0, 0.1); pointer-events: all; } .header-drop__item { display: none; opacity: 0; transition: 0.5s; transition-property: opacity; } .header-drop__item.show { display: block; } .header-drop__item.active { opacity: 1; } .header-drop__inner { padding: 20px; } .header-drop__list { list-style-type: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 20px; font-size: 14px; } .header-drop__list a { color: currentColor; } .header-drop { visibility: hidden; opacity: 0; transform: translateY(-50px); transition: 0.5s; transition-property: opacity, transform; } .header-drop.show { visibility: visible; } .header-drop.active { opacity: 1; transform: none; } @media (max-width: 991px) { .header-drop { display: none; } } .footer-new { background: #000; padding: 50px 0 0; color: #fff; } .footer-new a { color: inherit; } .footer-new__inner { display: grid; grid-gap: 20px; } .footer-new__inner > * { min-width: 0; } .footer-new__col--map { display: flex; flex-direction: column; } .footer-new__nav { display: grid; align-content: start; grid-gap: 15px 20px; } .footer-new__map { flex-grow: 1; } .footer-new__map > *, .footer-new__map iframe { display: block; border: 0; width: 100%; height: auto; aspect-ratio: 4/3; min-height: 100%; border-radius: inherit; } .footer-new__button .btn { width: 100%; } @media (max-width: 991px) { .footer-new__inner { grid-template-columns: calc(50% + 10px) calc(50% - 10px); grid-template-rows: 1fr auto; grid-gap: 30px 1px; margin-bottom: 30px; } .footer-new__col--nav { display: contents; } .footer-new__col--nav > * { order: 2; } .footer-new__col--map { grid-row: span 2; } .footer-new__col--contacts { display: contents; } .footer-new__contacts, .footer-new__logo { margin-left: 20px; } .footer-new__nav { grid-column: span 2; grid-template-columns: repeat(2, 1fr); } .footer-new__nav + .footer-new__nav { margin-top: 10px; } .footer-new__desc { order: 2; grid-column: span 2; } } @media (min-width: 992px) { .footer-new__inner { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); } .footer-new__col--nav { grid-column: span 2; display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr auto; } .footer-new__nav { grid-row: span 2; } .footer-new__nav--menu { grid-row: span 1; } .footer-new__logo { grid-column: 1/2; grid-row: 2/3; } .footer-new__map { flex-grow: unset; } } .footer-new { font-size: 14px; } .footer-new__logo { max-width: 104px; } .footer-new__logo svg { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .footer-new__logo { max-width: 65px; } } .footer-new__map { border-radius: 20px; margin-bottom: 24px; } @media (max-width: 767px) { .footer-new__map { border-radius: 15px; margin-bottom: 15px; } } @media (max-width: 767px) { .footer-new__button .btn { font-size: 12px; height: 36px; line-height: 26px; } } .footer-new__contacts { display: flex; flex-direction: column; gap: 6px; } .footer-new__phone a { color: #cdcdcd; } .footer-new__worktime { color: #817e81; font-size: 12px; } .footer-new__email { font-size: 13px; } .footer-new__email a { color: #cdcdcd; } .footer-new__email { margin-top: 14px; } .footer-new__address { font-size: 13px; margin-top: 24px; } .footer-new__metro { color: #817e81; font-size: 12px; margin-top: 20px; } @media (max-width: 767px) { .footer-new__email { margin-top: 6px; } .footer-new__address { margin-top: 6px; } .footer-new__metro { margin-top: 6px; } } .footer-new__desc { color: #919191; font-size: 10px; } .footer-new__desc a { color: #98208b; text-decoration: underline; } .footer-new__asset { font-size: clamp(2rem, 10.5vw, 17rem); border-bottom: 0.1952662722em solid #fff; margin-top: 0.3905325444em; overflow: hidden; } .footer-new__asset .container { width: 1920px !important; max-width: unset !important; padding-left: 0; padding-right: 0; } .footer-new__asset-text { font-family: "Cormorant Garamond", serif; text-transform: uppercase; white-space: nowrap; font-weight: 500; line-height: 1; margin-bottom: -0.21em; user-select: none; pointer-events: none; } @media (max-width: 1229px) and (min-width: 992px) { .footer-new__nav { font-size: 12px; gap: 10px; } .footer-new__logo { width: 80px; } } .text-section { font-weight: 300; font-size: 22px; line-height: 1.6; color: #4f4350; } .text-section b { font-weight: 500; } .text-section h1, .text-section h2, .text-section h3, .text-section h4, .text-section h5, .text-section h6 { color: #000; } .text-section ul, .text-section ol { padding-left: 1.25em; } .text-section ul > * + *, .text-section ol > * + * { margin-top: 0.3em; } .text-section p, .text-section ul, .text-section ol { margin-bottom: 1em; } @media (max-width: 1229px) { .text-section { font-size: 18px; } } @media (max-width: 991px) { .text-section { font-size: 16px; } } @media (max-width: 767px) { .text-section { font-size: 16px; } } .intro { display: grid; --intro-spacer: 34px; } .main-block:has(.intro) { padding-top: 0; } .intro::before { content: ""; display: block; aspect-ratio: 192/56; max-width: 100%; min-width: 0; grid-column: 1/2; grid-row: 1/2; } .intro > * { grid-column: 1/2; grid-row: 1/2; max-width: 100%; min-width: 0; } .intro__item { background-size: cover; background-position: center; } .intro__item > .container { height: 100%; } .intro__inner { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: var(--section-spacer) 0; gap: var(--intro-spacer); } .intro__title { margin-bottom: var(--intro-spacer); font-weight: 500; } .intro__lead { margin-bottom: var(--intro-spacer); min-width: 9em; } @media (max-width: 767px) { .intro { --intro-spacer: 20px; } } .section-services .container { max-width: 1200px; } .section-services__inner { display: flex; flex-wrap: wrap; justify-content: space-between; } .section-services__inner > * { flex: 0 0 538px; max-width: calc(50% - 10px); font-size: 16px; padding: 1.5em 0; } .section-services__item, .services__item { border-top: 1px solid #e8ded9; border-bottom: 1px solid #e8ded9; margin-top: -1px; padding: 20px 15px; display: flex; align-items: center; gap: 25px; font-weight: 600; text-transform: uppercase; } .section-services__item img, .services__item img { flex-shrink: 0; width: 5em; height: 5em; border-radius: 50%; object-fit: cover; } @media (max-width: 1229px) { .section-services__item, .services__item { font-size: 13px; } } @media (max-width: 767px) { .section-services__inner > * { flex: 0 0 100%; max-width: unset; font-size: 12px; } .section-services__item, .services__item { font-size: 12px; } } .section-catalog { overflow: hidden; } .section-catalog__title sup { font-family: "Gilroy", Helvetica, sans-serif; font-weight: 300; color: #c8c8c8; font-size: 0.375em; top: -1em; } .section-catalog__inner, .section-catalog__grid { display: grid; grid-gap: 15px 4px; grid-template-columns: repeat(2, 1fr); } .section-catalog__grid { grid-auto-flow: row dense; } .section-catalog__grid > * { min-width: 0; } .section-catalog__grid .swiper, .section-catalog__grid .swiper-wrapper { grid-column: 1/-1; width: 100%; } .section-catalog__swiper { overflow: visible; --swiper-navigation-sides-offset: calc(var(--swiper-navigation-size) * -0.5); } @media (max-width: 991px) { .section-catalog__swiper .swiper-navigation { display: none; } } @media (max-width: 479px) { .section-catalog__grid { grid-template-columns: repeat(1, 1fr); } } @media (min-width: 992px) { .section-catalog__inner, .section-catalog__grid { grid-gap: 40px 20px; grid-template-columns: repeat(3, 1fr); } .section-catalog__grid { grid-gap: 20px !important; grid-template-columns: repeat(2, 1fr) repeat(2, 1.2fr); grid-template-rows: 630fr 370fr 400fr; } .section-catalog__grid > * { min-width: 0; } .section-catalog__grid > *:nth-child(1) { z-index: 2; grid-column: 1/3; grid-row: 1/3; } .section-catalog__grid > *:nth-child(3) { z-index: 2; grid-column: 3/4; grid-row: 2/4; margin-right: 44px; } .section-catalog__grid .swiper-navigation { display: none !important; } .section-catalog__grid .swiper, .section-catalog__grid .swiper-wrapper { transition-duration: unset !important; transform: unset !important; transition-delay: unset !important; display: inherit; grid-template-columns: inherit; grid-template-rows: inherit; grid-column: 1/-1; grid-row: 1/-1; grid-gap: inherit; } .section-catalog__grid .swiper > *, .section-catalog__grid .swiper-wrapper > * { min-width: 0; width: unset !important; margin-right: 0 !important; } .section-catalog__grid .swiper-wrapper::before { content: ""; grid-column: 1/3; grid-row: 1/3; } .section-catalog__grid .swiper-wrapper::after { content: ""; grid-column: 3/4; grid-row: 2/4; } .section-catalog__grid .swiper-wrapper > * { width: auto; } .section-catalog__grid .swiper-wrapper > *:nth-child(3) { grid-row: span 2; } .section-catalog__grid .swiper-wrapper > *:nth-child(3) { margin-left: -44px !important; } } .catalog-item { color: #fff !important; text-decoration: unset; } .catalog-item__card { aspect-ratio: 3/4; width: 100%; min-height: 100%; position: relative; z-index: 0; overflow: hidden; display: flex; flex-direction: column; border-radius: 20px; } @media (max-width: 1229px) { .catalog-item__card { border-radius: 10px; } } .catalog-item__head { position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: start; padding: 24px; } @media (max-width: 1229px) { .catalog-item__head { padding: 10px; } } .catalog-item__tags { display: flex; gap: 0.5em; } .catalog-item__tag, .product-main__tag { font-size: 1em; white-space: nowrap; display: flex; align-items: center; text-transform: uppercase; line-height: 1; padding: 0.25em 0.5em; background: #fff; color: #000; border: 1px solid transparent; border-radius: 0.375em; font-family: "Cormorant Garamond", serif; font-weight: 600; } .catalog-item__tag--new, .product-main__tag--new { background: #e6d5c7; } .catalog-item__tag--new::after, .product-main__tag--new::after { content: ""; width: 0.75em; height: 0.75em; background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50063 9C4.43874 8.58695 4.38568 8.21684 4.33895 7.88337C4.26063 7.32884 4.15579 6.72126 4.07621 6.29053C3.87663 5.37221 3.63158 5.1259 2.71579 4.92632C2.28379 4.84547 1.67368 4.73937 1.11663 4.66105C0.784421 4.61432 0.413053 4.56126 0 4.49937C0.413053 4.43747 0.783158 4.38442 1.11663 4.33768C1.74316 4.24926 2.424 4.12926 2.86863 4.04337C3.63284 3.87411 3.87789 3.62779 4.04716 2.86232C4.13305 2.41895 4.25053 1.74063 4.34021 1.11663C4.38695 0.784421 4.44 0.413053 4.50189 0C4.56379 0.413053 4.61684 0.783158 4.66358 1.11663C4.752 1.74316 4.872 2.42526 4.95789 2.86863C5.12716 3.63284 5.37347 3.8779 6.13895 4.04716C6.58232 4.13305 7.26063 4.25179 7.88463 4.34021C8.21684 4.38695 8.58821 4.44 9.00126 4.50189C8.58821 4.56379 8.21811 4.61684 7.88463 4.66358C7.3301 4.7419 6.72253 4.84674 6.29179 4.92632C5.37347 5.1259 5.12716 5.37095 4.92758 6.28674C4.84674 6.71874 4.74063 7.32884 4.66232 7.8859C4.61558 8.21811 4.56253 8.58947 4.50063 9.00253V9Z' fill='%238E2A83'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; } .catalog-item__tag--discount { color: #8e2a83; font-family: unset; } .catalog-item__tag--hit, .product-main__tag--hit { color: unset; background: transparent; border-color: currentColor; } .catalog-item__fav { margin-left: auto; } .catalog-item__fav button { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } .catalog-item__fav button svg { display: block; } .catalog-item__fav button.active svg path { fill: #9c5789; stroke: #9c5789; stroke-width: 0; } .catalog-item__image { flex-grow: 1; position: relative; } .catalog-item__image img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; } .catalog-item__content { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; padding: 24px; display: flex; flex-direction: column; } @media (max-width: 1229px) { .catalog-item__content { padding: 10px; } } .catalog-item__name { text-transform: uppercase; font-size: 2.625em; line-height: 1; font-family: "Cormorant Garamond", serif; font-weight: 600; } .catalog-item__description { margin-top: 1.125em; font-size: 1em; max-width: 22em; } .catalog-item__prices { margin-top: 1.25em; display: flex; gap: 1.5em; align-items: baseline; } .catalog-item__price--current { font-size: 2em; line-height: 1; font-family: "Cormorant Garamond", serif; font-weight: 600; } .catalog-item__price--old { font-size: 1.5em; line-height: 1; font-family: "Cormorant Garamond", serif; font-weight: 600; opacity: 0.7; } .catalog-item__link, .coollections__link { margin-top: 1.25em; font-size: 1em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 1.875em; } .catalog-item__link::after, .coollections__link::after { flex-shrink: 0; content: ""; width: 1.875em; height: 0.5em; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='31' height='8' viewBox='0 0 31 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 3.18188H0V4.18188H0.5V3.68188V3.18188ZM30.8536 4.03544C31.0488 3.84018 31.0488 3.52359 30.8536 3.32833L27.6716 0.146351C27.4763 -0.0489113 27.1597 -0.0489113 26.9645 0.146351C26.7692 0.341613 26.7692 0.658195 26.9645 0.853458L29.7929 3.68188L26.9645 6.51031C26.7692 6.70557 26.7692 7.02216 26.9645 7.21742C27.1597 7.41268 27.4763 7.41268 27.6716 7.21742L30.8536 4.03544ZM0.5 3.68188V4.18188H30.5V3.68188V3.18188H0.5V3.68188Z' fill='white'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } @media (min-width: 992px) { .catalog-item--short .catalog-item__card { aspect-ratio: 37/40; } } .catalog-item--accessories .catalog-item__content { position: relative; background: #f3efeb; color: #000; } .catalog-item--accessories .catalog-item__name { font-size: 2em; } @media (max-width: 1229px) { .catalog-item { font-size: 12px; } } @media (max-width: 767px) { .catalog-item { font-size: 10px; } .catalog-item__prices { margin-bottom: unset; } .catalog-item__link, .coollections__link { display: none; } } .section-feedback { overflow: hidden; } .section-feedback .container { max-width: min(100%, 1336px); } .section-feedback__inner > * { min-width: 0; } .section-feedback__title { margin-bottom: 20px; line-height: 1 !important; } .section-feedback__form { margin-top: 20px; } .section-feedback__checks { grid-column: 1/-1; display: grid; grid-gap: 20px; font-size: 12px; } .section-feedback__checks label { font-weight: normal; color: #9696a1; margin: 0; } .section-feedback__checks label a { color: inherit; text-decoration: underline; } .section-feedback__asset img { width: 100%; max-width: 760px; } @media (min-width: 768px) { .section-feedback__form { grid-template-columns: repeat(2, 1fr); } .section-feedback__form .btn { grid-column: 1/-1; } } @media (max-width: 991px) { .section-feedback__title { text-align: center; } .section-feedback__subtitle { text-align: center; } .section-feedback__asset { display: none; } } @media (min-width: 992px) { .section-feedback { margin-bottom: 0; overflow: visible; } .section-feedback__inner { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-columns: repeat(4, 1.4fr) repeat(6, 1fr); grid-gap: 20px; align-items: end; width: 100%; } .section-feedback__content { grid-column: span 4; padding-bottom: 32px; } .section-feedback__title { font-size: 42px; } .section-feedback__asset { grid-column: span 6; margin-left: 15px; } .section-feedback__card { position: relative; z-index: 0; background: #faf8f6; padding: 32px 60px; padding-bottom: 0; border: 1px solid #e8ded9; border-top-left-radius: 30px; border-top-right-radius: 30px; } .section-feedback__asset { z-index: -1; margin-left: -35%; margin-left: -47%; margin-right: -5%; } .section-feedback__asset img { width: 100%; max-width: unset; margin-top: -20%; mask-image: linear-gradient(to right, transparent 20%, #fff 50%); } } @media (min-width: 1230px) { .section-feedback__checks { grid-template-columns: repeat(2, 1fr); } } .section-gallery { overflow: hidden; } .section-gallery__swiper { overflow: visible; } .section-gallery__swiper .swiper-slide { transition: 0.5s; transition-property: filter; } .section-gallery__swiper .swiper-slide:not(.swiper-slide-visible) { filter: grayscale(0.5) opacity(0.5); } .section-gallery__swiper img { width: 100%; height: auto; aspect-ratio: 40/56; object-fit: cover; border-radius: 20px; } @media (max-width: 767px) { .section-gallery__swiper img { border-radius: 10px; } } .catalog-filter { margin-bottom: 40px; } @media (max-width: 1229px) { .catalog-filter { margin-bottom: 30px; } } .catalog-filter__tags { font-size: 14px; line-height: 1.4285714286; display: flex; flex-wrap: wrap; gap: 15px 40px; max-width: 1385px; } @media (max-width: 991px) { .catalog-filter__tags { font-size: 12px; gap: 10px 20px; } } .catalog-filter__tag { color: currentColor; display: flex; align-items: start; } .catalog-filter__tag--new { display: flex; align-items: start; } .catalog-filter__tag--new::after { content: ""; width: 0.5em; height: 0.5em; background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50063 9C4.43874 8.58695 4.38568 8.21684 4.33895 7.88337C4.26063 7.32884 4.15579 6.72126 4.07621 6.29053C3.87663 5.37221 3.63158 5.1259 2.71579 4.92632C2.28379 4.84547 1.67368 4.73937 1.11663 4.66105C0.784421 4.61432 0.413053 4.56126 0 4.49937C0.413053 4.43747 0.783158 4.38442 1.11663 4.33768C1.74316 4.24926 2.424 4.12926 2.86863 4.04337C3.63284 3.87411 3.87789 3.62779 4.04716 2.86232C4.13305 2.41895 4.25053 1.74063 4.34021 1.11663C4.38695 0.784421 4.44 0.413053 4.50189 0C4.56379 0.413053 4.61684 0.783158 4.66358 1.11663C4.752 1.74316 4.872 2.42526 4.95789 2.86863C5.12716 3.63284 5.37347 3.8779 6.13895 4.04716C6.58232 4.13305 7.26063 4.25179 7.88463 4.34021C8.21684 4.38695 8.58821 4.44 9.00126 4.50189C8.58821 4.56379 8.21811 4.61684 7.88463 4.66358C7.3301 4.7419 6.72253 4.84674 6.29179 4.92632C5.37347 5.1259 5.12716 5.37095 4.92758 6.28674C4.84674 6.71874 4.74063 7.32884 4.66232 7.8859C4.61558 8.21811 4.56253 8.58947 4.50063 9.00253V9Z' fill='%23C20000'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; } .catalog-filter__row { font-size: 14px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 30px; } * + .catalog-filter__row { margin-top: 60px; } @media (max-width: 1229px) { * + .catalog-filter__row { margin-top: 30px; } } .catalog-filter__main { display: flex; flex-wrap: wrap; gap: 5px 45px; font-weight: 600; } .catalog-filter__main a { color: unset !important; text-decoration: none !important; display: flex; gap: 10px; align-items: center; } @media (max-width: 1229px) { .catalog-filter__main { gap: 5px 30px; } } .catalog-filter__sort { margin-left: auto; font-weight: 600; } .catalog-filter__sort a { color: unset !important; text-decoration: none !important; display: flex; gap: 10px; align-items: center; } .dress-filter .select2.select2-container--default .select2-selection { height: 50px; border-radius: 8px; border-color: #e8ded9; } .dress-filter .select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; padding-left: 20px; } .dress-filter .select2.select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; } .dress-filter .irs-bar { background: #9c5789; } .dress-filter .irs--round .irs-from, .dress-filter .irs--round .irs-to, .dress-filter .irs--round .irs-single { background: #9c5789; } .dress-filter .irs--round .irs-from::before, .dress-filter .irs--round .irs-to::before, .dress-filter .irs--round .irs-single::before { border-top-color: #9c5789; } .dress-filter .irs--round .irs-handle { border-color: #9c5789; border-width: 12px; } .dress-filter__card, .coollections__card { padding: 20px; background: #ffffff; border: 2px solid #fff2eb; box-shadow: 6px 0px 24px rgba(166, 146, 137, 0.24); border-radius: 15px; overflow: hidden; } .dress-filter__looks { overflow: visible; } .dress-filter__look-item { display: flex; flex-direction: column; position: relative; overflow: hidden; border-radius: 20px; color: unset; } .dress-filter__look-image img { width: 100%; aspect-ratio: 232/308; object-fit: cover; } .dress-filter__look-name { padding: 20px; font-size: 18px; border-radius: inherit; border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid #e4e4e4; border-top: unset; } .dress-filter__filters { margin-top: 50px; padding: 20px; background: #f9f7f6; border-radius: 15px; } .dress-filter__filters-inner { display: grid; grid-gap: 20px; } .dress-filter__filters-inner > * { min-width: 0; } .dress-filter__filter-title { font-size: 20px; margin-bottom: 50px; font-family: unset; font-weight: normal; text-transform: uppercase; } .dress-filter__filter-options { --rows: 3; --item-height: 50px; --gap: 15px; display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-gap: var(--gap); max-height: calc(var(--item-height) * var(--rows) + var(--gap) * (var(--rows) - 1)); overflow: hidden; position: relative; } .dress-filter__filter-options.is-expanded { max-height: unset; grid-template-rows: unset; } .dress-filter__filter-options { grid-template-rows: repeat(var(--rows), 1fr); } .dress-filter__filter-option, .product-main__option { padding: 5px 15px; height: 50px; font-size: 14px; background: #fffeff; border: 1px solid #e8ded9; border-radius: 25px; display: flex; justify-content: center; align-items: center; gap: 20px; } .dress-filter__filter-option.active, .active.product-main__option { border: 1px solid rgb(156, 87, 137); box-shadow: unset; } .dress-filter__filter-more { content: "test"; grid-column: -2/-1; grid-row: -2/-1; width: 100%; z-index: 999; padding: 5px 15px; height: 50px; font-size: 14px; background: transparent; border: 1px solid transparent; border-radius: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .is-expanded .dress-filter__filter-more { position: static; grid-column: unset; grid-row: unset; } .dress-filter__filter-more::after { content: ""; margin-left: 15px; width: 18px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.58987e-08 0.363718C-1.18296e-08 0.270629 0.0396652 0.177541 0.118593 0.106633C0.276855 -0.0355454 0.532663 -0.0355454 0.690924 0.106633L8.49995 7.12211L16.309 0.106634C16.4672 -0.0355447 16.723 -0.0355447 16.8813 0.106634C17.0396 0.248813 17.0396 0.478626 16.8813 0.620804L8.78611 7.89337C8.62785 8.03554 8.37204 8.03554 8.21378 7.89337L0.118593 0.620803C0.0396652 0.549896 -1.99677e-08 0.456807 -1.58987e-08 0.363718Z' fill='%23663619'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; } .dress-filter__filter-more.is-active::after { transform: scaleY(-1); } .dress-filter__filter-presets { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 15px; } .dress-filter__filter-presets > * { flex: 1; } .dress-filter__filter-presets .btn { padding: 5px 15px; height: 50px; font-size: 14px; background: #e8ded9; border: 1px solid #e8ded9; border-radius: 25px; display: flex; justify-content: center; align-items: center; } .dress-filter__filter-presets .btn:active, .dress-filter__filter-presets .btn.active { border: 1px solid rgb(156, 87, 137); box-shadow: unset; } .dress-filter__filter-brand { margin-top: 15px; } .dress-filter__actions { margin-top: 30px; display: flex; flex-wrap: wrap-reverse; } .dress-filter__actions > * { flex: 1; } @media (max-width: 767px) { .dress-filter__card, .coollections__card { margin-left: -20px; margin-right: -20px; } .dress-filter__filters { margin-left: -20px; margin-right: -20px; } } @media (min-width: 768px) { .dress-filter { margin-top: -40px; } } @media (max-width: 991px) { .dress-filter__filter-title { display: none; } .dress-filter__filter-options { display: none; } } @media (min-width: 992px) { .dress-filter__card, .coollections__card { padding: 40px; } .dress-filter__filters { padding: 40px; } .dress-filter__filters-inner { display: grid; grid-template-columns: 420fr 525fr 448fr; grid-gap: 1.875rem; } .dress-filter__filters-inner > * + * { padding-left: 1.875rem; border-left: 2px solid #e8ded9; } .dress-filter__filter-select { display: none; } .dress-filter__actions { width: fit-content; margin-left: auto; margin-right: auto; } } @media (max-width: 1449px) { .dress-filter__card, .coollections__card, .dress-filter__filters { padding: 20px; } .dress-filter__filter-title { margin-bottom: 20px; } .dress-filter__look-name { font-size: 14px; padding: 10px; } .dress-filter__filter-options { --rows: 3; --item-height: 32px; --gap: 8px; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } .dress-filter__filter-options .btn, .dress-filter__filter-more, .dress-filter__filter-presets .btn { height: 32px; padding-left: 5px; padding-right: 5px; font-size: 12px; } } .coollections__card { box-shadow: unset; background-color: #f3efeb; } .coollections__inner { display: grid; grid-gap: 20px; } .coollections__inner > * { min-width: 0; } .coollections__link { display: inline-flex !important; color: unset; } .coollections__items .swiper { height: 100%; } @media (max-width: 991px) { .coollections__head { text-align: center; } .coollections__content { text-align: center; } @supports (display: contents) { .coollections__content { display: contents; } .coollections__link { order: 2; justify-content: center; } } } @media (min-width: 992px) { .coollections__inner { grid-template-columns: repeat(12, 1fr); } .coollections__content { grid-column: span 4; } .coollections__items { grid-column: span 8; position: relative; } .coollections__items .swiper { position: static; overflow: hidden; } .coollections__item { font-size: 12px; } .coollections__item .catalog-item__head, .coollections__item .catalog-item__content { padding: 15px; } .coollections__item .catalog-item__name { font-size: 1.6666666667em; } .coollections__item .catalog-item__price--current { font-size: 1.8333333333em; } } @media (max-width: 1449px) { .coollections__text { font-size: 12px; } .coollections__link { font-size: 14px !important; } .coollections__item { font-size: 10px; } } @media (min-width: 1450px) { .coollections__content { padding: 30px; } .coollections__title { margin-bottom: 40px; } .coollections__text { margin-bottom: 40px; } } .product-main__inner { display: grid; } .product-main__gallery { min-width: 0; } .product-main__gallery img { width: 100%; aspect-ratio: 53/80; object-fit: cover; } .product-main__swiper img { border-radius: 10px; } .product-main__info { display: grid; } .product-main__info > * { margin-top: 32px; } .product-main__tags { font-size: 20px; display: inline-flex; gap: 20px; } .product-main__name { margin-top: 5px; margin-bottom: unset; } .product-main__props { display: inline-flex; gap: 50px; align-items: baseline; margin-top: 0; } .product-main__price-row { display: inline-flex; align-items: center; gap: 15px; } .product-main__price-current { font-size: 36px; font-weight: 500; margin-right: 25px; } .product-main__price-old { font-size: 24px; color: #524150; text-decoration: line-through; } .product-main__price-discount { font-size: 24px; color: #98208b; } .product-main__price-benefit { margin-top: 5px; font-weight: 500; } .product-main__options { display: inline-flex; flex-wrap: wrap; gap: 10px 15px; } .product-main__brand { display: inline-flex; align-items: center; gap: 32px; } .product-main__brand-logo { max-width: 138px; max-height: 56px; } .product-main__brand-logo img { max-width: 100%; max-height: 100%; height: auto; object-fit: contain; object-position: left center; } .product-main__brand-link a { font-weight: 500; text-decoration: underline; display: inline-flex; align-items: center; gap: 0.625em; } .product-main__brand-link a::after { content: ""; display: block; width: 0.5em; height: 0.75em; background: currentColor; mask-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.407227 0.396484C0.610607 0.201394 0.935358 0.201287 1.13867 0.396484L6.59277 5.63477C6.80185 5.83555 6.80185 6.16445 6.59277 6.36523L1.13867 11.6035C1.03617 11.7019 0.90289 11.75 0.772461 11.75C0.642207 11.7499 0.509618 11.7017 0.407227 11.6035C0.198145 11.4027 0.198145 11.0738 0.407227 10.873L5.47949 6L0.407227 1.12793C0.198145 0.927142 0.198145 0.597272 0.407227 0.396484Z' fill='%237A6F6A' stroke='%239C5789' stroke-width='0.5'/%3E%3C/svg%3E%0A"); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } .product-main__actions { display: inline-flex; flex-wrap: wrap; gap: 10px 15px; } .product-main__actions > * { flex: 1; } .product-main__actions .btn { display: flex; align-items: center; justify-content: center; gap: 10px; } .product-main__actions .btn-link { box-shadow: none !important; text-decoration: underline; } .product-main__description { color: #4f4350; } .product-main__services { margin-top: 60px; width: 100%; } .product-main__services .services__item { text-align: left; } @media (max-width: 767px) { .product-main__gallery { margin-left: -20px; margin-right: -20px; } .product-main__gallery img { border-radius: 0; } .product-main__info > * { margin-top: 18px; } .product-main__tags { font-size: 13px; } .product-main__prices { gap: 10px; } .product-main__price-current { font-size: 26px; margin-right: 20px; } .product-main__price-old { font-size: 16px; } .product-main__price-discount { font-size: 16px; } .product-main__price-benefit { font-size: 12px; } .product-main__props { font-size: 12px; gap: 30px; } .product-main__brand-logo { max-width: 90px; max-height: 37px; } .product-main__brand-link a { font-size: 12px; } .product-main__description { font-size: 12px; } } @media (max-width: 991px) { .product-main { margin-top: 0; } .product-main__info { text-align: center; justify-items: center; } } @media (min-width: 992px) { .product-main__inner { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .product-main__gallery { grid-column: span 2; margin-right: 30px; } .product-main__gallery .swiper { width: 100%; } .product-main__gallery .swiper > .swiper-wrapper { width: 100%; min-width: 0; transform: none !important; transition: 0s !important; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px; } .product-main__gallery .swiper > .swiper-wrapper > .swiper-slide { width: 100% !important; margin: 0 !important; } } @media (min-width: 992px) and (max-width: 1229px) { .product-main__inner { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .product-main__gallery { grid-column: unset; margin-right: unset; } } .product-main__mobile-back { text-decoration: none !important; padding: 15px 0; display: grid; align-items: center; grid-template-columns: 1fr auto 1fr; } .product-main__mobile-back::before { content: ""; display: block; width: 12px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4544 -4.7696e-08C11.5941 -3.54889e-08 11.7337 0.0559978 11.8401 0.167427C12.0533 0.390854 12.0533 0.751995 11.8401 0.975422L1.31683 11.9999L11.84 23.0244C12.0533 23.2479 12.0533 23.609 11.84 23.8324C11.6268 24.0559 11.2821 24.0559 11.0688 23.8324L0.159951 12.4039C-0.053316 12.1805 -0.053316 11.8194 0.159951 11.5959L11.0688 0.167427C11.1752 0.0559978 11.3148 -5.99031e-08 11.4544 -4.7696e-08Z' fill='%23524150'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; } .product-main__mobile-back-text { margin-bottom: 0; } @media (min-width: 768px) { .product-main__mobile-back { display: none; } } /*# sourceMappingURL=style.css.map */