/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Onest","arguments":[{"variable":"--font-family","subsets":["latin","cyrillic"]}],"variableName":"onest"} ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/7bb4ad34d7ebf0d7-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c1f853e4758089a8-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/4c4943bfceab8361-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/6e50af2f4c313e23-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Onest Fallback';src: local("Arial");ascent-override: 92.20%;descent-override: 28.99%;line-gap-override: 0.00%;size-adjust: 105.20%
}.__className_796408 {font-family: 'Onest', 'Onest Fallback';font-style: normal
}.__variable_796408 {--font-family: 'Onest', 'Onest Fallback'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Noto_Sans","arguments":[{"variable":"--second-family","subsets":["latin","cyrillic"]}],"variableName":"notoSans"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/82ef96de0e8f4d8c-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/a6ecd16fa044d500-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/bd82c78e5b7b3fe9-s.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c32c8052c071fc42-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/6f22fce21a7c433c-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1d8a05b60287ae6c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/77c207b095007c34-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1755441e3a2fa970-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Noto Sans Fallback';src: local("Arial");ascent-override: 100.54%;descent-override: 27.56%;line-gap-override: 0.00%;size-adjust: 106.33%
}.__className_7ad1b1 {font-family: 'Noto Sans', 'Noto Sans Fallback';font-style: normal
}.__variable_7ad1b1 {--second-family: 'Noto Sans', 'Noto Sans Fallback'
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/globals.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

:root {
  --text: #212531;
  --bg: #ffffff;
  --grey-1: #4f5e75;
  --grey-2: #f6f7f8;
  --orange: #ff8409;
  --orange-2: #ec7100;
  --error: #bc2615;
  --success: #30b23e;
}

html,
body {
  max-width: 100vw;
  width: 100%;
  min-height: 100vh;
  font-family: var(--font-family);
  color: var(--text);
  background-color: var(--bg);
}
html:has(.not-found),
body:has(.not-found) {
  overflow-x: hidden;
}
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }
}

main {
  max-width: calc(min(86.4vw, 1296px) * 1);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: calc(min(1.7333333333vw, 26px) * 1);
  gap: calc(min(6.6666666667vw, 100px) * 1);
}

.mobile {
  display: none !important;
}

.scroll-lock {
  overflow-y: scroll;
}

.main-title {
  margin-bottom: calc(min(5.0666666667vw, 76px) * -1);
}
@media (max-width: 768px) {
  .main-title {
    margin-bottom: -56px;
    text-align: center;
  }
}

.fixed-head {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: var(--bg);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .fixed-head {
    display: none;
  }
}

.h1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
}

.h2 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
}

.h3 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
}

.h4 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
}

.body-1 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.body-1-medium {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.body-2 {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
}

.body-3 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 130%;
}

.body-3-medium {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 130%;
}

.body-4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}

.t-button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
}

.t-link {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
}

.t-button-small {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
}

.t-placeholder {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 16px;
}

#pricePicker {
  height: calc(min(0.2vw, 3px) * 1);
  background-color: rgba(79, 94, 117, 0.1);
}
#pricePicker .range-slider__range {
  background-color: var(--grey-1);
  height: calc(min(0.2vw, 3px) * 1);
}
#pricePicker .range-slider__thumb {
  background-color: var(--grey-1);
  width: calc(min(0.9333333333vw, 14px) * 1);
  height: calc(min(0.9333333333vw, 14px) * 1);
}

.breadcrumbs-container {
  display: flex;
  flex-direction: column;
  gap: calc(min(1.3333333333vw, 20px) * 1);
  width: 100%;
}

@media (max-width: 1480px) {
  .h1 {
    font-size: calc(min(2.4vw, 36px) * 1);
  }
  .h2 {
    font-size: calc(min(1.8666666667vw, 28px) * 1);
  }
  .h3 {
    font-size: calc(min(1.4666666667vw, 22px) * 1);
  }
  .h4 {
    font-size: calc(min(1.0666666667vw, 16px) * 1);
  }
  .body-1,
  .body-1-medium {
    font-size: calc(min(1.0666666667vw, 16px) * 1);
  }
  .body-2 {
    font-size: calc(min(1vw, 15px) * 1);
  }
  .body-3,
  .body-3-medium {
    font-size: calc(min(1vw, 15px) * 1);
  }
  .body-4 {
    font-size: calc(min(0.9333333333vw, 14px) * 1);
  }
  .t-button {
    font-size: calc(min(1.0666666667vw, 16px) * 1);
  }
  .t-link {
    font-size: calc(min(1.2vw, 18px) * 1);
  }
  .t-button-small {
    font-size: calc(min(0.9333333333vw, 14px) * 1);
  }
  .t-placeholder {
    font-size: calc(min(1.0666666667vw, 16px) * 1);
  }
}
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }
  .wrapper {
    max-width: 336px;
    width: 100%;
  }
  main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    max-width: calc(100% - 40px);
    margin-top: 175px;
  }
  .h1 {
    font-size: 22px;
  }
  .h2 {
    font-size: 20px;
  }
  .h3 {
    font-size: 17px;
  }
  .h4 {
    font-size: 14px;
  }
  .body-1,
  .body-1-medium {
    font-size: 15px;
  }
  .body-2 {
    font-size: 14px;
  }
  .body-3,
  .body-3-medium {
    font-size: 14px;
  }
  .body-4 {
    font-size: 13px;
  }
  .t-button {
    font-size: 16px;
  }
  .t-link {
    font-size: 16px;
  }
  .t-button-small {
    font-size: 14px;
  }
  .t-placeholder {
    font-size: 16px;
  }
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  #pricePicker {
    height: 3px;
    background-color: rgba(79, 94, 117, 0.1);
  }
  #pricePicker .range-slider__range {
    background-color: var(--grey-1);
    height: 3px;
  }
  #pricePicker .range-slider__thumb {
    background-color: var(--grey-1);
    width: 14px;
    height: 14px;
  }
  .breadcrumbs-container {
    gap: 16px;
    width: 100%;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/FeedbackPopup/FeedbackPopup.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FeedbackPopup_wrapper__C_CoW {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(33, 37, 49, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  overflow: auto;
}

.FeedbackPopup_wrapper__C_CoW.FeedbackPopup_active__3arMV {
  opacity: 1;
  z-index: 100;
  pointer-events: auto;
}

.FeedbackPopup_container__LP1Ez {
  width: calc(min(64.4vw, 966px) * 1);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  background: var(--grey-2);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.FeedbackPopup_image__DFQGS {
  width: calc(min(33.8vw, 507px) * 1);
  height: calc(min(39.0666666667vw, 586px) * 1);
  object-fit: cover;
  object-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.FeedbackPopup_form__zHa5x {
  padding: calc(min(2.8vw, 42px) * 1);
  display: flex;
  flex-direction: column;
  gap: calc(min(1.3333333333vw, 20px) * 1);
  width: 100%;
  max-width: calc(min(39.2vw, 588px) * 1);
}
.FeedbackPopup_form__zHa5x label:has(input:not([type=checkbox])),
.FeedbackPopup_form__zHa5x label:has(textarea) {
  margin-top: calc(min(0.8666666667vw, 13px) * 1);
}
.FeedbackPopup_form__zHa5x .FeedbackPopup_button__T_452 {
  width: calc(min(13.0666666667vw, 196px) * 1);
}
.FeedbackPopup_form__zHa5x .FeedbackPopup_loader__R9nMF {
  width: calc(min(1.3333333333vw, 20px) * 1);
  min-height: calc(min(1.3333333333vw, 20px) * 1);
  height: calc(min(1.3333333333vw, 20px) * 1);
}
.FeedbackPopup_form__zHa5x .FeedbackPopup_loader__R9nMF div {
  width: calc(min(1.3333333333vw, 20px) * 1);
  height: calc(min(1.3333333333vw, 20px) * 1);
}

.FeedbackPopup_closeButton__LcKU2 {
  position: absolute;
  top: calc(min(1.6vw, 24px) * 1);
  right: calc(min(1.6vw, 24px) * 1);
  width: calc(min(2.8vw, 42px) * 1);
  height: calc(min(2.8vw, 42px) * 1);
  background-color: var(--orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--bg);
  transition: all 0.3s ease-in-out;
}
.FeedbackPopup_closeButton__LcKU2:hover {
  background-color: var(--orange-2);
}
.FeedbackPopup_closeButton__LcKU2 svg {
  width: calc(min(1.7333333333vw, 26px) * 1);
  height: calc(min(1.7333333333vw, 26px) * 1);
}

@media (max-width: 768px) {
  .FeedbackPopup_wrapper__C_CoW {
    padding: 36px 0;
  }
  .FeedbackPopup_container__LP1Ez {
    flex-direction: column;
    gap: 4px;
    width: calc(100% - 40px);
  }
  .FeedbackPopup_image__DFQGS {
    display: none;
  }
  .FeedbackPopup_title__0Y7LD {
    text-align: center;
  }
  .FeedbackPopup_form__zHa5x {
    padding: 20px;
    padding-top: 32px;
    gap: 16px;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  .FeedbackPopup_form__zHa5x label {
    width: 100%;
  }
  .FeedbackPopup_form__zHa5x label:has(input:not([type=checkbox])),
  .FeedbackPopup_form__zHa5x label:has(textarea) {
    margin-top: 13px;
  }
  .FeedbackPopup_form__zHa5x .FeedbackPopup_button__T_452 {
    width: 100%;
    max-width: 295px;
  }
  .FeedbackPopup_form__zHa5x .FeedbackPopup_loader__R9nMF {
    width: 20px;
    min-height: 20px;
    height: 20px;
  }
  .FeedbackPopup_form__zHa5x .FeedbackPopup_loader__R9nMF div {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }
  .FeedbackPopup_closeButton__LcKU2 {
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
  }
  .FeedbackPopup_closeButton__LcKU2 svg {
    width: 26px;
    height: 26px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Inputs/MainInput/MainInput.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MainInput_container__B2g7d {
  width: 100%;
  max-width: 588px;
  padding: 15px 18px;
  border-radius: 32px;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  background: var(--bg);
  border: 1px solid rgba(79, 94, 117, 0.2);
  color: var(--text);
  transition: all 0.2s ease;
}

.MainInput_field__tlYuE {
  color: var(--text);
  flex: 1 1 auto;
  border: none;
  outline: none;
  min-width: 0px;
  background-color: transparent;
}

.MainInput_title__tNcK_ {
  border-radius: 14px;
  left: 16px;
  top: 0;
  padding: 2px 10px;
  position: absolute;
  transform: translateY(-50%);
  color: var(--bg);
  background: var(--orange);
}

.MainInput_message__hW2T_ {
  position: absolute;
  bottom: -2px;
  left: 0;
  color: var(--error);
  transform: translateY(100%);
}

@media (max-width: 1480px) {
  .MainInput_container__B2g7d {
    max-width: calc(min(39.2vw, 588px) * 1);
    padding: calc(min(1vw, 15px) * 1) calc(min(1.2vw, 18px) * 1);
    border-radius: calc(min(2.1333333333vw, 32px) * 1);
  }
  .MainInput_title__tNcK_ {
    left: calc(min(1.0666666667vw, 16px) * 1);
    top: calc(min(0vw, 0px) * 1);
    padding: calc(min(0.1333333333vw, 2px) * 1) calc(min(0.6666666667vw, 10px) * 1);
  }
  .MainInput_message__hW2T_ {
    bottom: calc(min(0.1333333333vw, 2px) * -1);
  }
}
@media (max-width: 768px) {
  .MainInput_container__B2g7d {
    border-radius: 32px;
    padding: 15px 18px;
    max-width: 100%;
  }
  .MainInput_message__hW2T_ {
    bottom: -2px;
  }
  .MainInput_title__tNcK_ {
    left: 16px;
    top: 0;
    padding: 2px 10px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/MainButton/MainButton.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MainButton_button__b_0EE {
  width: -moz-fit-content;
  width: fit-content;
  padding: 17px 27.5px;
  min-width: 136px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--orange);
  color: var(--bg);
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  outline: none;
  text-decoration: none;
}

.MainButton_button__b_0EE.MainButton_secondary__SpBYO {
  border: 1px solid rgba(33, 37, 49, 0.1);
  background: transparent;
  color: var(--text);
}

.MainButton_button__b_0EE:hover {
  background: var(--orange-2);
}

.MainButton_button__b_0EE.MainButton_secondary__SpBYO:hover {
  background: var(--grey-1);
  color: var(--bg);
  border-color: var(--grey-1);
}

.MainButton_button__b_0EE:active {
  box-shadow: 0 0 4px 0 var(--orange);
  background: var(--orange-2);
}

.MainButton_button__b_0EE.MainButton_secondary__SpBYO:active {
  background: var(--text);
  color: var(--bg);
  border-color: var(--text);
}

.MainButton_button__b_0EE:disabled,
.MainButton_button__b_0EE.MainButton_disabled__jTlKB {
  cursor: default;
  pointer-events: none;
  background: rgba(79, 94, 117, 0.5);
}

.MainButton_button__b_0EE.MainButton_secondary__SpBYO:disabled,
.MainButton_button__b_0EE.MainButton_secondary__SpBYO.MainButton_disabled__jTlKB {
  background: transparent;
}

.MainButton_button__b_0EE.MainButton_secondary__SpBYO:disabled span,
.MainButton_button__b_0EE.MainButton_secondary__SpBYO.MainButton_disabled__jTlKB span {
  opacity: 0.5;
}

.MainButton_button__b_0EE:disabled span,
.MainButton_button__b_0EE.MainButton_disabled__jTlKB span {
  opacity: 0.5;
}

@media (max-width: 1480px) {
  .MainButton_button__b_0EE {
    padding: calc(min(1.1333333333vw, 17px) * 1) calc(min(1.7333333333vw, 26px) * 1);
    min-width: calc(min(9.0666666667vw, 136px) * 1);
    border-radius: calc(min(2.1333333333vw, 32px) * 1);
  }
  .MainButton_button__b_0EE.MainButton_secondary__SpBYO {
    border: calc(min(0.0666666667vw, 1px) * 1) solid rgba(33, 37, 49, 0.1);
  }
}
@media (max-width: 768px) {
  .MainButton_button__b_0EE {
    border-radius: 32px;
    padding: 17px 16px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Inputs/Checkbox/Checkbox.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_container__AfoqF {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  cursor: pointer;
  color: var(--grey-1);
}

.Checkbox_input__6MKGY {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}

.Checkbox_checkbox__pfYfP {
  border: 1px solid rgba(79, 94, 117, 0.2);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg);
  color: transparent;
}

.Checkbox_icon__3WY1q {
  display: none;
  width: 24px;
  height: 24px;
}

.Checkbox_input__6MKGY:checked + .Checkbox_checkbox__pfYfP {
  background: var(--orange);
  border-color: var(--orange);
}

.Checkbox_input__6MKGY:checked + .Checkbox_checkbox__pfYfP > .Checkbox_icon__3WY1q {
  display: block;
}

.Checkbox_input__6MKGY:disabled + .Checkbox_checkbox__pfYfP {
  pointer-events: none;
  background: transparent;
}

.Checkbox_container__AfoqF:has(.Checkbox_input__6MKGY:disabled) {
  cursor: default;
}

input:focus + .Checkbox_checkbox__pfYfP {
  border-color: var(--orange);
}

@media (max-width: 1480px) {
  .Checkbox_container__AfoqF {
    gap: calc(min(0.5333333333vw, 8px) * 1);
  }
  .Checkbox_checkbox__pfYfP {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(min(2vw, 30px) * 1);
    width: calc(min(2vw, 30px) * 1);
    height: calc(min(2vw, 30px) * 1);
    border-radius: calc(min(0.5333333333vw, 8px) * 1);
  }
  .Checkbox_icon__3WY1q {
    width: calc(min(1.6vw, 24px) * 1);
    height: calc(min(1.6vw, 24px) * 1);
  }
}
@media (max-width: 768px) {
  .Checkbox_container__AfoqF {
    gap: 8px;
  }
  .Checkbox_checkbox__pfYfP {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
  .Checkbox_icon__3WY1q {
    width: 24px;
    height: 24px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Inputs/CommentInput/CommentInput.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CommentInput_container__uafsC {
  width: 100%;
  max-width: 588px;
  min-height: 177px;
  padding: 16px 18px;
  border-radius: 24px;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  background: var(--bg);
  border: 1px solid rgba(79, 94, 117, 0.2);
  color: var(--text);
  transition: all 0.2s ease;
}

.CommentInput_field__qKFAi {
  color: var(--text);
  flex: 1 1 auto;
  border: none;
  outline: none;
  resize: none;
  min-width: 0px;
  background-color: transparent;
}

.CommentInput_title__qmMMg {
  border-radius: 14px;
  left: 16px;
  top: 0;
  padding: 2px 10px;
  position: absolute;
  transform: translateY(-50%);
  color: var(--bg);
  background: var(--orange);
}

.CommentInput_message__2O6fs {
  position: absolute;
  bottom: -2px;
  left: 0;
  color: var(--error);
  transform: translateY(100%);
}

@media (max-width: 1480px) {
  .CommentInput_container__uafsC {
    max-width: calc(min(39.2vw, 588px) * 1);
    min-height: calc(min(11.8vw, 177px) * 1);
    padding: calc(min(1.0666666667vw, 16px) * 1) calc(min(1.2vw, 18px) * 1);
    border-radius: calc(min(1.6vw, 24px) * 1);
  }
  .CommentInput_title__qmMMg {
    left: calc(min(1.0666666667vw, 16px) * 1);
    top: calc(min(0vw, 0px) * 1);
    padding: calc(min(0.1333333333vw, 2px) * 1) calc(min(0.6666666667vw, 10px) * 1);
  }
  .CommentInput_message__2O6fs {
    bottom: calc(min(0.1333333333vw, 2px) * -1);
  }
}
@media (max-width: 768px) {
  .CommentInput_container__uafsC {
    border-radius: 24px;
    padding: 15px 18px;
    max-width: 100%;
    min-height: 177px;
  }
  .CommentInput_title__qmMMg {
    left: 16px;
    top: 0;
    padding: 2px 10px;
  }
  .CommentInput_message__2O6fs {
    bottom: -2px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/IconButton/IconButton.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IconButton_button__OZnQ0 {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--grey-1);
  background-color: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  border: none;
}

.IconButton_button__OZnQ0 svg {
  width: 26px;
  height: 26px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Loader/Loader.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Loader_container__pZ44U {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: calc(min(6.6666666667vw, 100px) * 1);
  grid-column: 1/-1;
}
@media (max-width: 768px) {
  .Loader_container__pZ44U {
    min-height: 100px;
  }
}

.Loader_loader__GrUtG {
  width: calc(min(3.2vw, 48px) * 1);
  height: calc(min(3.2vw, 48px) * 1);
  border: calc(min(0.3333333333vw, 5px) * 1) solid var(--orange);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: Loader_rotation__PINnv 1s linear infinite;
}
@media (max-width: 768px) {
  .Loader_loader__GrUtG {
    width: 48px;
    height: 48px;
    border: 5px solid var(--orange);
    border-bottom-color: transparent;
  }
}

@keyframes Loader_rotation__PINnv {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Logo/Logo.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Logo_logo__5xyYV {
  position: relative;
  display: block;
  width: 138px;
  height: 68px;
}

.Logo_logo__5xyYV img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1480px) {
  .Logo_logo__5xyYV {
    width: calc(min(9.2vw, 138px) * 1);
    height: calc(min(4.5333333333vw, 68px) * 1);
  }
}
@media (max-width: 768px) {
  .Logo_logo__5xyYV {
    width: 104px;
    height: 51px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Footer/Footer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer_wrapper__PEk_i {
  background-color: var(--grey-1);
  color: var(--bg);
  margin-top: calc(min(9.3333333333vw, 140px) * 1);
}

.Footer_container__4vuwe {
  max-width: calc(min(86.4vw, 1296px) * 1);
  margin: 0 auto;
  padding: calc(min(4.2666666667vw, 64px) * 1) 0 calc(min(2.8vw, 42px) * 1);
}

.Footer_content__KBIeA {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: calc(min(1.6vw, 24px) * 1);
  gap: calc(min(1.6vw, 24px) * 1);
}

.Footer_logo__zgW9I {
  grid-column: span 3/span 3;
}

.Footer_logo__zgW9I > a {
  width: calc(min(15.2vw, 228px) * 1);
  height: calc(min(4.6666666667vw, 70px) * 1);
}

.Footer_description__HyQqZ {
  margin-top: calc(min(1.0666666667vw, 16px) * 1);
  margin-bottom: calc(min(1.3333333333vw, 20px) * 1);
  max-width: calc(min(19.1333333333vw, 287px) * 1);
}

.Footer_socialsTitle__Zxmwf {
  margin-bottom: calc(min(0.8vw, 12px) * 1);
}

.Footer_socialsList__sL4hB {
  display: flex;
  gap: calc(min(0.5333333333vw, 8px) * 1);
}

.Footer_social__ZsGfz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(min(2.1333333333vw, 32px) * 1);
  height: calc(min(2.1333333333vw, 32px) * 1);
  border-radius: 50%;
  color: var(--bg);
}

.Footer_social__ZsGfz:nth-child(1) {
  background-color: #613887;
}

.Footer_social__ZsGfz:nth-child(2) {
  background: #25a3e1;
}

.Footer_social__ZsGfz:nth-child(3) {
  background: #4fce5d;
}

.Footer_links__QKkm7 {
  grid-column: span 3/span 3;
}

.Footer_links__QKkm7:nth-child(3) {
  grid-column: span 2/span 2;
}

.Footer_linksTitle__mL1FO {
  margin-bottom: calc(min(0.8vw, 12px) * 1);
  margin-bottom: calc(min(1.3333333333vw, 20px) * 1);
}

.Footer_linksList__wLd6J {
  display: flex;
  flex-direction: column;
  gap: calc(min(1.3333333333vw, 20px) * 1);
}

.Footer_link__26Xon {
  color: var(--bg);
  text-decoration: none;
}

.Footer_link__26Xon:hover {
  text-decoration: underline;
}

.Footer_contacts__uPVgc {
  grid-column: span 4/span 4;
  display: flex;
  flex-direction: column;
  gap: calc(min(1.0666666667vw, 16px) * 1);
}

.Footer_contactItem__uegvt {
  display: flex;
  align-items: center;
  gap: calc(min(0.5333333333vw, 8px) * 1);
}

.Footer_contactItem__uegvt > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: calc(min(0.2666666667vw, 4px) * 1);
}

.Footer_icon__ghBU0 {
  width: calc(min(3.6vw, 54px) * 1);
  height: calc(min(3.6vw, 54px) * 1);
  border-radius: 50%;
  background: var(--grey-2);
  color: var(--grey-1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Footer_value__uZIux {
  color: var(--bg);
  text-decoration: none;
}

a.Footer_value__uZIux:hover {
  text-decoration: underline;
}

.Footer_contacts__uPVgc .Footer_button__srL8z {
  max-width: calc(min(20vw, 300px) * 1);
  width: 100%;
}

.Footer_copyright__y2WH7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: calc(min(5.7333333333vw, 86px) * 1);
}

.Footer_copyright__y2WH7 a {
  color: var(--bg);
  text-decoration: none;
}

.Footer_copyright__y2WH7 a:hover {
  text-decoration: underline;
}

.Footer_dev__Q4ZO5 a {
  color: var(--orange);
}

.Footer_privacy__oEcEr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.Footer_content__KBIeA > .Footer_socials__U_AHz {
  display: none;
}

.Footer_contactItem__uegvt svg {
  width: calc(min(1.7333333333vw, 26px) * 1);
  height: calc(min(1.7333333333vw, 26px) * 1);
}

@media (max-width: 768px) {
  .Footer_container__4vuwe {
    max-width: calc(100% - 40px);
    width: 100%;
    padding: 0;
    margin-top: 72px;
  }
  .Footer_wrapper__PEk_i {
    padding: 48px 0;
  }
  .Footer_content__KBIeA {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .Footer_logo__zgW9I {
    grid-column: span 4/span 4;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Footer_logo__zgW9I > a {
    width: 182px;
    height: 56px;
  }
  .Footer_description__HyQqZ {
    max-width: 240px;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: center;
  }
  .Footer_logo__zgW9I .Footer_socials__U_AHz {
    display: none;
  }
  .Footer_links__QKkm7 {
    grid-column: span 2/span 2;
    margin-top: 4px;
  }
  .Footer_links__QKkm7:nth-child(3) {
    grid-column: span 2/span 2;
    margin-left: 16px;
  }
  .Footer_contacts__uPVgc {
    grid-column: span 4/span 4;
    gap: 12px;
    align-items: center;
  }
  .Footer_linksTitle__mL1FO {
    margin-bottom: 12px;
  }
  .Footer_linksList__wLd6J {
    gap: 12px;
  }
  .Footer_contactItem__uegvt {
    gap: 8px;
    max-width: 254px;
    width: 100%;
  }
  .Footer_icon__ghBU0 {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
  }
  .Footer_contactItem__uegvt > div {
    gap: 4px;
  }
  .Footer_contacts__uPVgc .Footer_button__srL8z {
    max-width: 254px;
    padding: 17px 0;
    border-radius: 32px;
  }
  .Footer_content__KBIeA > .Footer_socials__U_AHz {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-column: span 4/span 4;
    margin-top: 13px;
  }
  .Footer_socialsTitle__Zxmwf {
    margin-bottom: 12px;
  }
  .Footer_socialsList__sL4hB {
    gap: 8px;
  }
  .Footer_social__ZsGfz {
    width: 32px;
    height: 32px;
  }
  .Footer_copyright__y2WH7 {
    margin-top: 32px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .Footer_privacy__oEcEr {
    position: relative;
    left: 0;
    transform: none;
  }
  .Footer_contactItem__uegvt svg {
    width: 26px;
    height: 26px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Header/Header.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__avl99 {
  max-width: 1296px;
  margin: 0 auto;
  padding-top: 16px;
  background-color: var(--bg);
}

.Header_info__y9enW {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Header_menu__bP0r4 {
  display: flex;
  gap: 32px;
  list-style: none;
}

.Header_link__nR_fN {
  text-decoration: none;
  color: var(--text);
}

.Header_link__nR_fN:hover {
  text-decoration: underline;
}

.Header_contacts__shvJr {
  display: flex;
  gap: 24px;
}

.Header_contactItem__Y1CHD {
  gap: 8px;
  display: flex;
  align-items: center;
  max-width: 267px;
}

.Header_contactItem__Y1CHD svg {
  width: 26px;
  height: 26px;
}

.Header_icon__rTGHP {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 32px;
  background: var(--grey-2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Header_value__ZYypa {
  display: flex;
  color: var(--text);
  text-decoration: none;
}

a.Header_value__ZYypa:hover {
  text-decoration: underline;
}

.Header_contactItem__Y1CHD div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 1480px) {
  .Header_header__avl99 {
    max-width: calc(min(86.4vw, 1296px) * 1);
    padding-top: calc(min(1.0666666667vw, 16px) * 1);
  }
  .Header_menu__bP0r4 {
    gap: calc(min(2.1333333333vw, 32px) * 1);
  }
  .Header_contacts__shvJr {
    gap: calc(min(1.6vw, 24px) * 1);
  }
  .Header_contactItem__Y1CHD {
    gap: calc(min(0.5333333333vw, 8px) * 1);
    max-width: calc(min(17.8vw, 267px) * 1);
  }
  .Header_icon__rTGHP {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(min(3.6vw, 54px) * 1);
    width: calc(min(3.6vw, 54px) * 1);
    height: calc(min(3.6vw, 54px) * 1);
    border-radius: calc(min(2.1333333333vw, 32px) * 1);
  }
  .Header_contactItem__Y1CHD div {
    gap: calc(min(0.2666666667vw, 4px) * 1);
  }
  .Header_contactItem__Y1CHD svg {
    width: calc(min(1.7333333333vw, 26px) * 1);
    height: calc(min(1.7333333333vw, 26px) * 1);
  }
}
@media (max-width: 768px) {
  .Header_info__y9enW {
    display: none;
  }
  .Header_header__avl99 {
    padding-top: 12px;
    max-width: 100%;
    width: 100%;
    padding: 12px 20px 54px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Header/HeaderControls/HeaderControls.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fixed-head:has(.HeaderControls_container__7YbzE.HeaderControls_fixed__2UwQG.HeaderControls_scrolled__aqbTa) {
  opacity: 1;
  pointer-events: auto;
}

.HeaderControls_container__7YbzE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding: 16px 0;
}
.HeaderControls_container__7YbzE.HeaderControls_fixed__2UwQG {
  width: 1296px;
  padding: calc(min(1.0666666667vw, 16px) * 1) 0;
  background-color: var(--bg);
  margin: 0 auto;
  margin-top: 0;
}
@media (max-width: 1480px) {
  .HeaderControls_container__7YbzE.HeaderControls_fixed__2UwQG {
    width: calc(min(86.4vw, 1296px) * 1);
  }
}

.HeaderControls_container__7YbzE .HeaderControls_catalogButton__TojyR {
  margin-left: 12px;
}

.HeaderControls_catalog__Z9X0S {
  padding: 32px;
  width: 1140px;
  display: flex;
  gap: 32px;
  position: absolute;
  bottom: -14px;
  left: 0;
  transform: translateY(100%);
  z-index: 50;
  border: 1px solid rgba(33, 37, 49, 0.1);
  border-radius: 16px;
  box-shadow: 0 15px 33px 0 rgba(51, 33, 44, 0.08), 0 60px 60px 0 rgba(51, 33, 44, 0.07), 0 134px 81px 0 rgba(51, 33, 44, 0.03), 0 239px 96px 0 rgba(51, 33, 44, 0.01), 0 373px 105px 0 rgba(51, 33, 44, 0);
  background: var(--bg);
}

.HeaderControls_liftBlock__nAb73 {
  flex: 1 1 540px;
  max-width: 540px;
}

.HeaderControls_escalatorBlock__Q5WYq {
  flex: 0 0 340px;
}

.HeaderControls_title__fiK5n {
  display: flex;
  align-self: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--text);
}

.HeaderControls_title__fiK5n svg {
  transition: color 0.2s ease-in-out;
}

.HeaderControls_liftBlock__nAb73:hover .HeaderControls_title__fiK5n svg,
.HeaderControls_escalatorBlock__Q5WYq:hover .HeaderControls_title__fiK5n svg {
  color: var(--orange);
}

.HeaderControls_categories__p8bzy {
  display: flex;
  flex-direction: column;
  gap: 12px 24px;
  flex-wrap: wrap;
  max-height: 552px;
  max-width: 262px;
}

.HeaderControls_category__X90ab {
  color: var(--text);
  text-align: left;
  text-decoration: none;
}

.HeaderControls_category__X90ab:hover {
  text-decoration: underline;
}

.HeaderControls_socials__B7hA3 {
  display: flex;
  gap: 8px;
  margin-left: 42px;
  align-items: center;
}

.HeaderControls_social__VlVZb {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 36px;
  padding: 4px;
  width: 32px;
  height: 32px;
  color: var(--bg);
}

.HeaderControls_social__VlVZb svg {
  width: 20px;
  height: 20px;
}

.HeaderControls_social__VlVZb:nth-child(1) {
  background: #613887;
}

.HeaderControls_social__VlVZb:nth-child(2) {
  background: #25a3e1;
}

.HeaderControls_social__VlVZb:nth-child(3) {
  background: #4fce5d;
}

.HeaderControls_callbackButton__6piXW {
  margin-left: 28px;
}

.HeaderControls_mobileMenu__lQw8I {
  display: none;
}

.HeaderControls_contacts__R1syu {
  overflow: hidden;
}

@media (max-width: 1480px) {
  .HeaderControls_container__7YbzE {
    margin-top: calc(min(0.8vw, 12px) * 1);
    padding: calc(min(1.0666666667vw, 16px) * 1) 0;
  }
  .HeaderControls_container__7YbzE .HeaderControls_catalogButton__TojyR {
    margin-left: calc(min(0.8vw, 12px) * 1);
  }
  .HeaderControls_catalog__Z9X0S {
    width: calc(min(86.4vw, 1296px) * 1 - min(10.4vw, 156px) * 1);
    padding: calc(min(2.1333333333vw, 32px) * 1);
    gap: calc(min(2.1333333333vw, 32px) * 1);
    bottom: calc(min(0.9333333333vw, 14px) * -1);
    border-radius: calc(min(1.0666666667vw, 16px) * 1);
  }
  .HeaderControls_liftBlock__nAb73 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(min(36vw, 540px) * 1);
    max-width: calc(min(36vw, 540px) * 1);
  }
  .HeaderControls_escalatorBlock__Q5WYq {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(min(22.6666666667vw, 340px) * 1);
  }
  .HeaderControls_title__fiK5n {
    margin-bottom: calc(min(1.0666666667vw, 16px) * 1);
    gap: calc(min(0.5333333333vw, 8px) * 1);
  }
  .HeaderControls_title__fiK5n svg {
    width: calc(min(1.7333333333vw, 26px) * 1);
    height: calc(min(1.7333333333vw, 26px) * 1);
  }
  .HeaderControls_categories__p8bzy {
    max-height: calc(min(36.8vw, 552px) * 1);
    max-width: calc(min(17.4666666667vw, 262px) * 1);
    gap: calc(min(0.8vw, 12px) * 1) calc(min(1.6vw, 24px) * 1);
  }
  .HeaderControls_socials__B7hA3 {
    gap: calc(min(0.5333333333vw, 8px) * 1);
    margin-left: calc(min(2.8vw, 42px) * 1);
  }
  .HeaderControls_social__VlVZb {
    border-radius: calc(min(2.4vw, 36px) * 1);
    padding: calc(min(0.2666666667vw, 4px) * 1);
    width: calc(min(2.1333333333vw, 32px) * 1);
    height: calc(min(2.1333333333vw, 32px) * 1);
  }
  .HeaderControls_social__VlVZb svg {
    width: calc(min(1.3333333333vw, 20px) * 1);
    height: calc(min(1.3333333333vw, 20px) * 1);
  }
  .HeaderControls_callbackButton__6piXW {
    margin-left: calc(min(1.8666666667vw, 28px) * 1);
  }
}
@media (max-width: 1131px) {
  .HeaderControls_container__7YbzE .HeaderControls_callbackButton__6piXW {
    margin-left: calc(min(1.3333333333vw, 20px) * 1);
    padding: calc(min(1.1333333333vw, 17px) * 1) calc(min(1.3333333333vw, 20px) * 1);
  }
}
@media (max-width: 768px) {
  .HeaderControls_desktop__VoHId {
    display: none;
  }
  .HeaderControls_mobileMenu__lQw8I {
    position: relative;
    display: block;
  }
  .HeaderControls_container__7YbzE {
    margin-top: 0;
    padding-top: 0;
  }
  .HeaderControls_contacts__R1syu {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .HeaderControls_socials__B7hA3 {
    margin-left: 0;
    gap: 8px;
  }
  .HeaderControls_social__VlVZb {
    border-radius: 36px;
    padding: 4px;
    width: 26px;
    height: 26px;
  }
  .HeaderControls_social__VlVZb svg {
    width: 20px;
    height: 20px;
  }
  .HeaderControls_mobileMenu__lQw8I .HeaderControls_callbackButton__6piXW {
    padding: 8px 17px;
  }
  .HeaderControls_menu__yoK63 {
    padding-top: 8px;
    border-top: 1px solid rgba(79, 94, 117, 0.1);
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease-in-out;
  }
  .HeaderControls_opened__uFd4_ {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .HeaderControls_controls__qfN_J {
    display: flex;
    gap: 6px;
    align-items: center;
  }
  .HeaderControls_controls__qfN_J .HeaderControls_burger__0k910 {
    margin-left: 4px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--grey-1);
    color: var(--bg);
  }
  .HeaderControls_controls__qfN_J .HeaderControls_burger__0k910 svg {
    width: 20px;
    height: 20px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/MenuButton/MenuButton.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MenuButton_button__r0vrf {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  border-radius: 32px;
  gap: 6px;
  color: var(--bg);
  transition: all 0.3s ease;
  background-color: var(--orange);
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
}
.MenuButton_button__r0vrf svg {
  width: 26px;
  height: 26px;
}

.MenuButton_button__r0vrf:hover {
  background: var(--orange-2);
}

.MenuButton_button__r0vrf:active {
  box-shadow: 0 0 4px 0 var(--orange);
  background: var(--orange-2);
}

.MenuButton_button__r0vrf.MenuButton_disabled__4Zh1R {
  cursor: default;
  pointer-events: none;
  background: rgba(79, 94, 117, 0.5);
}

.MenuButton_button__r0vrf.MenuButton_disabled__4Zh1R svg,
.MenuButton_button__r0vrf.MenuButton_disabled__4Zh1R div {
  opacity: 0.5;
}

@media (max-width: 1480px) {
  .MenuButton_button__r0vrf {
    padding: calc(min(0.9333333333vw, 14px) * 1) calc(min(1.8666666667vw, 28px) * 1);
    border-radius: calc(min(2.1333333333vw, 32px) * 1);
    gap: calc(min(0.4vw, 6px) * 1);
  }
  .MenuButton_button__r0vrf svg {
    width: calc(min(1.7333333333vw, 26px) * 1);
    height: calc(min(1.7333333333vw, 26px) * 1);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Search/Search.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Search_container__zFSIi {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(33, 37, 49, 0.1);
  border-radius: 32px;
  width: 592px;
  height: 54px;
  padding-left: 16px;
  margin-left: 24px;
}

.Search_container__zFSIi svg {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
}

.Search_input__uWM1i {
  flex: 1 1 100%;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text);
}

.Search_input__uWM1i::placeholder {
  color: rgba(33, 37, 49, 0.4);
}

.Search_container__zFSIi .Search_button__CRRon {
  flex: 0 0 auto;
}

.Search_results__M1kIb {
  position: absolute;
  bottom: -11px;
  transform: translateY(100%);
  left: 0;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 338px;
  z-index: 60;
  box-shadow: 0 15px 33px 0 rgba(51, 33, 44, 0.08), 0 60px 60px 0 rgba(51, 33, 44, 0.07), 0 134px 81px 0 rgba(51, 33, 44, 0.03), 0 239px 96px 0 rgba(51, 33, 44, 0.01), 0 373px 105px 0 rgba(51, 33, 44, 0);
  background: var(--bg);
  border: 1px solid rgba(33, 37, 49, 0.1);
  border-radius: 16px;
  overflow: hidden;
}

.Search_item__FPhEp {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: var(--text);
}

.Search_item__FPhEp img {
  border-radius: 12px;
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.Search_price__uEzXf {
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.Search_price__uEzXf.Search_sale__DjZm_ {
  color: var(--error);
}

.Search_oldPrice__mkA3E {
  text-decoration: line-through;
  color: var(--grey-1);
}

.Search_items__31fWt {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.Search_scrollContainer__1QfV_ {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 338px;
  padding: 24px;
  overflow-y: auto;
}

.Search_item__FPhEp .Search_resultButton__6Gm2c {
  padding: 12px 16px;
}

@media (max-width: 1480px) {
  .Search_container__zFSIi {
    gap: calc(min(0.6666666667vw, 10px) * 1);
    width: calc(min(39.4666666667vw, 592px) * 1);
    height: calc(min(3.6vw, 54px) * 1);
    padding-left: calc(min(1.0666666667vw, 16px) * 1);
    margin-left: calc(min(1.6vw, 24px) * 1);
  }
  .Search_container__zFSIi svg {
    width: calc(min(1.7333333333vw, 26px) * 1);
    height: calc(min(1.7333333333vw, 26px) * 1);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(min(1.7333333333vw, 26px) * 1);
  }
  .Search_results__M1kIb {
    bottom: calc(min(0.7333333333vw, 11px) * -1);
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(min(22.5333333333vw, 338px) * 1);
    border-radius: calc(min(1.0666666667vw, 16px) * 1);
  }
  .Search_item__FPhEp {
    gap: calc(min(0.2666666667vw, 4px) * 1);
  }
  .Search_item__FPhEp img {
    width: calc(min(6.6666666667vw, 100px) * 1);
    height: calc(min(6.6666666667vw, 100px) * 1);
  }
  .Search_price__uEzXf {
    margin-top: calc(min(0.4vw, 6px) * 1);
    margin-bottom: calc(min(0.4vw, 6px) * 1);
  }
  .Search_items__31fWt {
    gap: calc(min(1.6vw, 24px) * 1);
  }
  .Search_scrollContainer__1QfV_ {
    height: -moz-fit-content;
    height: fit-content;
    max-height: calc(min(22.5333333333vw, 338px) * 1);
    padding: calc(min(1.6vw, 24px) * 1);
  }
  .Search_item__FPhEp .Search_resultButton__6Gm2c {
    padding: calc(min(0.8vw, 12px) * 1) calc(min(1.0666666667vw, 16px) * 1);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/SearchPopup/SearchPopup.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchPopup_container__31_Pc {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(33, 37, 49, 0.1);
  background: var(--bg);
  border-radius: 32px;
  padding-left: 16px;
  padding-right: 16px;
  height: 48px;
  z-index: 10;
}

.SearchPopup_wrapper__1RFMm {
  width: 100%;
  display: none;
  position: absolute;
  bottom: -6px;
  left: 0;
  height: 48px;
  transform: translateY(100%);
  z-index: 60;
}

.SearchPopup_wrapper__1RFMm.SearchPopup_active__UXXo_ {
  display: flex;
}

.SearchPopup_container__31_Pc svg {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
}

.SearchPopup_input__MDNyq {
  flex: 1 1 100%;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text);
}

.SearchPopup_input__MDNyq::placeholder {
  color: rgba(33, 37, 49, 0.4);
}

.SearchPopup_container__31_Pc .SearchPopup_button__VbogS {
  flex: 0 0 auto;
}

.SearchPopup_results___wnnZ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 482px;
  box-shadow: 0 15px 33px 0 rgba(51, 33, 44, 0.08), 0 60px 60px 0 rgba(51, 33, 44, 0.07), 0 134px 81px 0 rgba(51, 33, 44, 0.03), 0 239px 96px 0 rgba(51, 33, 44, 0.01), 0 373px 105px 0 rgba(51, 33, 44, 0);
  background: var(--bg);
  border: 1px solid rgba(33, 37, 49, 0.1);
  border-radius: 24px 24px 16px 16px;
  padding-top: 48px;
  overflow: hidden;
  z-index: 1;
}

.SearchPopup_item__UqqeI {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  text-decoration: none;
  color: var(--text);
}

.SearchPopup_item__UqqeI img {
  border-radius: 12px;
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex: 0 0 64px;
}

.SearchPopup_price__reQ2e {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

.SearchPopup_price__reQ2e.SearchPopup_sale__wk8oA {
  color: var(--error);
}

.SearchPopup_oldPrice__7n0SM {
  text-decoration: line-through;
  color: var(--grey-1);
}

.SearchPopup_items__fpTOP {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.SearchPopup_scrollContainer__uX9sf {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 434px;
  padding: 12px;
  overflow-y: auto;
}

.SearchPopup_item__UqqeI .SearchPopup_resultButton__uJTXr {
  padding: 8px 24px;
  border-radius: 32px;
}

svg.SearchPopup_close__Wbs5_ {
  display: none;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  color: var(--orange);
  cursor: pointer;
}

.SearchPopup_itemContent__dIe3B {
  display: flex;
  gap: 4px;
  align-items: center;
  flex: 1 1 100%;
}

.SearchPopup_info__fZ6A0 {
  flex: 0 0 126px;
}

.SearchPopup_close__Wbs5_.SearchPopup_active__UXXo_ {
  display: block;
}

@media (max-width: 768px) {
  .SearchPopup_wrapper__1RFMm {
    display: flex;
  }
  .SearchPopup_container__31_Pc {
    height: 36px;
    border-radius: 32px;
    padding: 0 10px;
  }
  .SearchPopup_container__31_Pc svg {
    width: 20px;
    height: 20px;
  }
  .SearchPopup_container__31_Pc .SearchPopup_close__Wbs5_ {
    display: flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
@media (max-width: 390px) {
  .SearchPopup_title__8G3iM {
    -webkit-hyphens: auto;
            hyphens: auto;
    word-break: break-word;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/Header/HeaderPopup/HeaderPopup.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderPopup_popup__z9pmU {
  background-color: var(--bg);
  width: 100%;
  padding-bottom: 25px;
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  overflow: hidden;
}

.HeaderPopup_scrollContainer__tlO3z {
  overflow-y: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  width: 100%;
}

.HeaderPopup_menu__fMh9n {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.HeaderPopup_menuItem__JWE7m {
  color: var(--black);
  text-decoration: none;
}

.HeaderPopup_contactItem__Lj9Ap {
  gap: 8px;
  display: flex;
  align-items: center;
  max-width: 254px;
}

.HeaderPopup_icon__8z_DD {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 50%;
  background: var(--grey-2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.HeaderPopup_value__xmi2w {
  display: flex;
  color: var(--text);
  text-decoration: none;
}

a.HeaderPopup_value__xmi2w:hover {
  text-decoration: underline;
}

.HeaderPopup_contactItem__Lj9Ap div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.HeaderPopup_contacts__dFX2J {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.HeaderPopup_contacts__dFX2J .HeaderPopup_callbackButton__SX6PW {
  margin-top: 4px;
  width: 100%;
  max-width: 254px;
  padding: 17px 0;
  border-radius: 32px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/CardButton/CardButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardButton_wrapper__5gvYd {
  position: relative;
}
@media (max-width: 768px) {
  .CardButton_wrapper__5gvYd {
    position: static;
  }
}

.CardButton_container__9zxIm {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--text);
  text-decoration: none;
}
@media (max-width: 1440px) {
  .CardButton_container__9zxIm {
    gap: calc(min(0.5333333333vw, 8px) * 1);
  }
}
@media (max-width: 768px) {
  .CardButton_container__9zxIm {
    gap: 0;
  }
}
.CardButton_container__9zxIm .CardButton_icon__f_0Eg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background-color: var(--grey-1);
  border-radius: 50%;
  position: relative;
}
.CardButton_container__9zxIm .CardButton_icon__f_0Eg.CardButton_active__kVeof {
  background-color: var(--text);
}
.CardButton_container__9zxIm .CardButton_icon__f_0Eg.CardButton_active__kVeof .CardButton_count__h0uyW {
  background-color: var(--orange);
  color: var(--bg);
}
@media (max-width: 1440px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg {
    width: calc(min(3.6vw, 54px) * 1);
    height: calc(min(3.6vw, 54px) * 1);
  }
}
@media (max-width: 768px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg {
    width: 34px;
    height: 34px;
  }
}
.CardButton_container__9zxIm .CardButton_icon__f_0Eg svg {
  width: 26px;
  height: 26px;
}
@media (max-width: 1440px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg svg {
    width: calc(min(1.7333333333vw, 26px) * 1);
    height: calc(min(1.7333333333vw, 26px) * 1);
  }
}
@media (max-width: 768px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg svg {
    width: 22px;
    height: 22px;
  }
}
.CardButton_container__9zxIm .CardButton_icon__f_0Eg .CardButton_count__h0uyW {
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: var(--text);
  color: var(--bg);
  border-radius: 20px;
  padding: 0 4px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1440px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg .CardButton_count__h0uyW {
    top: calc(min(0.2666666667vw, 4px) * -1);
    right: calc(min(0.2666666667vw, 4px) * -1);
    border-radius: calc(min(1.3333333333vw, 20px) * 1);
    padding: 0 calc(min(0.2666666667vw, 4px) * 1);
    height: calc(min(1.3333333333vw, 20px) * 1);
    min-width: calc(min(1.3333333333vw, 20px) * 1);
  }
}
@media (max-width: 768px) {
  .CardButton_container__9zxIm .CardButton_icon__f_0Eg .CardButton_count__h0uyW {
    top: -5px;
    right: -5px;
    border-radius: 16px;
    padding: 0 4px;
    height: 16px;
    min-width: 16px;
  }
}
.CardButton_container__9zxIm .CardButton_caption__xVfHu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1440px) {
  .CardButton_container__9zxIm .CardButton_caption__xVfHu {
    gap: calc(min(0.5333333333vw, 8px) * 1);
  }
}
@media (max-width: 768px) {
  .CardButton_container__9zxIm .CardButton_caption__xVfHu {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/blocks/ProductPopup/ProductPopup.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductPopup_wrapper__nRN_v {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(33, 37, 49, 0.6);
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  padding-top: calc(min(9.2vw, 138px) * 1);
  padding-bottom: calc(min(9.2vw, 138px) * 1);
  overflow: auto;
}

.ProductPopup_wrapper__nRN_v.ProductPopup_active__SvvzW {
  opacity: 1;
  z-index: 100;
  pointer-events: auto;
}

.ProductPopup_container__JG5F5 {
  padding: calc(min(2.8vw, 42px) * 1);
  width: calc(min(64.4vw, 966px) * 1);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  background: var(--grey-2);
  border-radius: 16px;
  overflow: hidden;
}

.ProductPopup_title__UgTSZ {
  margin-bottom: calc(min(1.3333333333vw, 20px) * 1);
  text-align: center;
}
.ProductPopup_title__UgTSZ br {
  display: none;
}

.ProductPopup_inner__RxdwH {
  display: flex;
  gap: calc(min(1.9333333333vw, 29px) * 1);
}

.ProductPopup_product__0RWGR {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(min(18.3333333333vw, 275px) * 1);
}
.ProductPopup_product__0RWGR img {
  width: calc(min(18.3333333333vw, 275px) * 1);
  height: calc(min(18.3333333333vw, 275px) * 1);
  border-radius: calc(min(1.0666666667vw, 16px) * 1);
  object-fit: contain;
  object-position: center;
  background-color: var(--bg);
}
.ProductPopup_product__0RWGR .ProductPopup_productTitle__As_m9 {
  margin-top: calc(min(1.0666666667vw, 16px) * 1);
  text-align: center;
}

.ProductPopup_form__gUtd_ {
  display: flex;
  flex-direction: column;
  gap: calc(min(1.3333333333vw, 20px) * 1);
  width: 100%;
  max-width: calc(min(39.2vw, 588px) * 1);
}
.ProductPopup_form__gUtd_ label:has(input:not([type=checkbox])),
.ProductPopup_form__gUtd_ label:has(textarea) {
  margin-top: calc(min(0.8666666667vw, 13px) * 1);
}
.ProductPopup_form__gUtd_ .ProductPopup_button__5LV1o {
  width: calc(min(13.0666666667vw, 196px) * 1);
}
.ProductPopup_form__gUtd_ .ProductPopup_loader__FhPE2 {
  width: calc(min(1.3333333333vw, 20px) * 1);
  min-height: calc(min(1.3333333333vw, 20px) * 1);
  height: calc(min(1.3333333333vw, 20px) * 1);
}
.ProductPopup_form__gUtd_ .ProductPopup_loader__FhPE2 div {
  width: calc(min(1.3333333333vw, 20px) * 1);
  height: calc(min(1.3333333333vw, 20px) * 1);
}

.ProductPopup_closeButton__KKmCN {
  position: absolute;
  top: calc(min(1.6vw, 24px) * 1);
  right: calc(min(1.6vw, 24px) * 1);
  width: calc(min(2.8vw, 42px) * 1);
  height: calc(min(2.8vw, 42px) * 1);
  background-color: var(--orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--bg);
  transition: all 0.3s ease-in-out;
}
.ProductPopup_closeButton__KKmCN:hover {
  background-color: var(--orange-2);
}
.ProductPopup_closeButton__KKmCN svg {
  width: calc(min(1.7333333333vw, 26px) * 1);
  height: calc(min(1.7333333333vw, 26px) * 1);
}

@media (max-width: 768px) {
  .ProductPopup_wrapper__nRN_v {
    padding: 36px 0;
  }
  .ProductPopup_inner__RxdwH {
    flex-direction: column;
    gap: 24px;
  }
  .ProductPopup_product__0RWGR {
    flex: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ProductPopup_product__0RWGR img {
    width: auto;
    height: 150px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1/1;
    border-radius: 16px;
  }
  .ProductPopup_product__0RWGR .ProductPopup_productTitle__As_m9 {
    margin-top: 12px;
    text-align: center;
  }
  .ProductPopup_container__JG5F5 {
    flex-direction: column;
    gap: 4px;
    width: calc(100% - 40px);
    padding: 20px;
    padding-top: 32px;
  }
  .ProductPopup_title__UgTSZ {
    text-align: center;
  }
  .ProductPopup_title__UgTSZ br {
    display: block;
  }
  .ProductPopup_form__gUtd_ {
    gap: 16px;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  .ProductPopup_form__gUtd_ label {
    width: 100%;
  }
  .ProductPopup_form__gUtd_ label:has(input:not([type=checkbox])),
  .ProductPopup_form__gUtd_ label:has(textarea) {
    margin-top: 13px;
  }
  .ProductPopup_form__gUtd_ .ProductPopup_button__5LV1o {
    width: 100%;
    max-width: 295px;
  }
  .ProductPopup_form__gUtd_ .ProductPopup_loader__FhPE2 {
    width: 20px;
    min-height: 20px;
    height: 20px;
  }
  .ProductPopup_form__gUtd_ .ProductPopup_loader__FhPE2 div {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }
  .ProductPopup_closeButton__KKmCN {
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
  }
  .ProductPopup_closeButton__KKmCN svg {
    width: 26px;
    height: 26px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Notification/Notification.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Notification_wrapper__Q9soC {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: calc(min(11.3333333333vw, 170px) * 1);
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}

.Notification_wrapper__Q9soC.Notification_active__Qog4O {
  opacity: 1;
  z-index: 150;
  pointer-events: auto;
}

.Notification_item__VUr8x {
  position: relative;
  padding: calc(min(1.0666666667vw, 16px) * 1) calc(min(1.6vw, 24px) * 1);
  background: var(--success);
  max-width: calc(min(25.3333333333vw, 380px) * 1);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: calc(min(1.0666666667vw, 16px) * 1);
}

.Notification_title__WSG5N {
  color: var(--bg);
  display: flex;
  gap: calc(min(0.5333333333vw, 8px) * 1);
  align-items: center;
}

.Notification_text__Fh_nh {
  margin-top: calc(min(0.5333333333vw, 8px) * 1);
  color: var(--bg);
  text-align: center;
}

.Notification_item__VUr8x.Notification_error__denkX {
  background: var(--error);
}

.Notification_title__WSG5N svg {
  width: calc(min(2.1333333333vw, 32px) * 1);
  height: calc(min(2.1333333333vw, 32px) * 1);
}

@media (max-width: 768px) {
  .Notification_wrapper__Q9soC {
    padding-top: 48px;
  }
  .Notification_item__VUr8x {
    padding: 16px 24px;
    max-width: 300px;
    border-radius: 16px;
  }
  .Notification_title__WSG5N {
    gap: 8px;
  }
  .Notification_text__Fh_nh {
    margin-top: 8px;
  }
  .Notification_title__WSG5N svg {
    width: 32px;
    height: 32px;
  }
}