/* ==========================================================================   PotolokTop — BEM styles (flow layout)   ========================================================================== */@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 300;  font-display: swap;  src: url("/fonts/inter-tight-300.woff2") format("woff2");}@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 400;  font-display: swap;  src: url("/fonts/inter-tight-400.woff2") format("woff2");}@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 500;  font-display: swap;  src: url("/fonts/inter-tight-500.woff2") format("woff2");}@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 600;  font-display: swap;  src: url("/fonts/inter-tight-600.woff2") format("woff2");}@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 700;  font-display: swap;  src: url("/fonts/inter-tight-700.woff2") format("woff2");}@font-face {  font-family: "Inter Tight";  font-style: normal;  font-weight: 800;  font-display: swap;  src: url("/fonts/inter-tight-800.woff2") format("woff2");}:root {  --color-bg: #ffffff;  --color-soft: #f6f6f6;  --color-ink: #062a26;  --color-muted: #5a6b68;  --color-accent: #d2482b;  --color-accent-dark: #b33d25;  --color-accent-hot: #e05538;  --color-teal: var(--color-accent);  --color-teal-dark: var(--color-accent-dark);  --color-orange: var(--color-accent);  --color-orange-hot: var(--color-accent-hot);  --color-orange-dark: var(--color-accent-dark);  --color-line: #e5e8e7;  --color-danger: #b42318;  --radius-lg: 1.25rem;  --radius-md: 0.875rem;  --radius-sm: 0.5rem;  --shadow: 0 0.75rem 2.5rem rgba(6, 42, 38, 0.1);  --font: "Inter Tight", Inter, "Segoe UI", sans-serif;  --container: 75rem;  --ease: 0.18s ease;  --header-height: 3.625rem;}*,*::before,*::after {  box-sizing: border-box;}html {  scroll-behavior: smooth;  -webkit-text-size-adjust: 100%;  font-size: 16px;}@media screen and (min-width: 1200px) {  html {    font-size: clamp(16px, calc(100vw / 75), 24px);  }}body {  margin: 0;  min-width: 320px;}body.page {  font-family: var(--font);  color: var(--color-ink);  background: var(--color-bg);  line-height: 1.5;  font-weight: 500;  -webkit-font-smoothing: antialiased;  overflow-x: clip;  padding-top: var(--header-height);}@media screen and (max-width: 639px) {  :root {    --header-height: calc(2.5rem + 10px);  }}body.overlay-open,body.is-locked {  overflow: hidden;}img {  display: block;  max-width: 100%;}a {  color: inherit;  text-decoration: none;}button,input,select,textarea {  font: inherit;  color: inherit;}button {  cursor: pointer;}h1, h2, h3, h4, p {  margin: 0;}.page__content {  position: relative;  min-height: 100vh;}.section {  position: relative;  padding: 3.75rem 0;}.section-anchor {  display: block;  position: relative;  top: -1px;  height: 0;  overflow: hidden;  scroll-margin-top: var(--header-height);}.visually-hidden {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}.form__honeypot {  position: absolute !important;  left: -9999px !important;  width: 1px !important;  height: 1px !important;  opacity: 0 !important;  pointer-events: none !important;}.container {  max-width: var(--container);  width: 100%;  margin-inline: auto;  padding-inline: 1.5rem;  box-sizing: border-box;}@media screen and (min-width: 960px) {  .container {    padding-inline: 2.5rem;  }}.section-heading {  margin: 0 0 1.25rem;  font-size: 3rem;  font-weight: 500;  line-height: 1.15;  letter-spacing: -0.02em;}.section-heading--center {  text-align: center;  max-width: 48rem;  margin-inline: auto;}@media screen and (max-width: 959px) {  .section {    padding: 2.5rem 0;  }  .section-heading {    font-size: 2rem;  }}@media screen and (max-width: 639px) {  .section-heading {    font-size: 1.65rem;  }}.accent {  color: var(--color-orange);}/* Corner accent mark on cards */.card-mark::after {  content: "";  position: absolute;  top: 1.875rem;  right: 1.875rem;  width: 0.5rem;  height: 0.5rem;  border-radius: 0.125rem;  background: var(--color-accent);}.card-mark--light::after {  background: #fff;}.card-mark--inset::after {  top: 1.25rem;  right: 1.25rem;}.card-mark--bottom::after {  top: auto;  bottom: 1.5rem;  right: 1.5rem;}/* Buttons */.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 0.4rem;  width: max-content;  min-height: 52px;  padding: 0 45px;  border-radius: 8px;  border: 1px solid transparent;  appearance: none;  -webkit-appearance: none;  background: transparent;  font-family: inherit;  font-weight: 500;  font-size: 0.75rem;  line-height: 1.55;  cursor: pointer;  flex-shrink: 0;  transition: background var(--ease), border-color var(--ease), color var(--ease), opacity var(--ease);  text-align: center;}.btn:disabled {  opacity: 0.55;  cursor: not-allowed;}.btn[hidden],[hidden] {  display: none !important;}.btn--primary {  background: var(--color-teal);  color: #fff;  min-width: 240px;}.btn--primary:hover:not(:disabled) {  background: var(--color-teal-dark);}.btn--orange {  background: var(--color-orange);  color: #fff;}.btn--orange:hover:not(:disabled) {  background: var(--color-orange-dark);  color: #fff;}.btn--ghost {  background: transparent;  border-color: var(--color-line);  color: var(--color-ink);}.btn--block {  width: 100%;  min-width: 0;}.btn--sm {  min-height: 2.15rem;  padding: 0 0.9rem;}.btn--drawer {  width: 100%;  background: #fff;  color: var(--color-teal);  border-radius: 4px;  font-weight: 700;}/* Form / field */.form {  display: flex;  flex-direction: column;  gap: 0.75rem;}.form__status {  margin: 0;  font-size: 0.92rem;  color: var(--color-teal);}.form__status--error {  color: var(--color-danger);}.field {  display: flex;  align-items: center;  gap: 0.5rem;  width: 100%;  min-height: 3rem;  padding: 0 0.9rem;  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  background: #fff;}.field:focus-within {  border-color: var(--color-teal);}.field--stack {  flex-direction: column;  align-items: stretch;  gap: 0.35rem;  min-height: 0;  padding: 0;  border: 0;  background: transparent;}.field.field--stack input,.field.field--stack select {  width: 100%;  min-height: 3rem;  padding: 0.7rem 0.9rem;  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  background: #fff;  outline: none;}.field:not(.field--stack) input {  flex: 1;  min-width: 0;  border: 0;  background: transparent;  padding: 0.7rem 0;  outline: none;}.field__prefix {  color: var(--color-muted);  font-weight: 600;  flex-shrink: 0;}.field__label {  font-size: 0.9rem;  color: var(--color-muted);}.checkbox {  display: flex;  gap: 8px;  align-items: flex-start;  color: var(--color-muted);  cursor: pointer;}.checkbox input {  position: absolute;  opacity: 0;  pointer-events: none;}.checkbox__box {  width: 18px;  height: 18px;  margin-top: 1px;  border: 1.5px solid var(--color-line);  border-radius: 4px;  flex-shrink: 0;  background: #fff;}.checkbox input:checked + .checkbox__box {  border-color: var(--color-teal);  background-color: var(--color-teal);  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.2 6.3L4.8 8.8L9.8 3.2'/%3E%3C/svg%3E");  background-repeat: no-repeat;  background-position: center;  background-size: 11px 11px;}.checkbox__text {  font-size: 14px;  line-height: 20px;}.checkbox__text a {  color: var(--color-teal);  text-decoration: underline;}.upload {  display: grid;  gap: 0.45rem;}.upload__cta {  display: inline-flex;  align-items: center;  justify-content: center;  min-height: 2.75rem;  padding: 0.55rem 1rem;  border: 1px dashed var(--color-teal);  border-radius: var(--radius-sm);  color: var(--color-teal);  font-weight: 600;  background: rgba(0, 124, 110, 0.06);  cursor: pointer;}.upload__list {  margin: 0;  font-size: 0.88rem;  color: var(--color-muted);}.upload__hint {  margin: 0;  font-size: 0.8rem;  line-height: 1.35;  color: var(--color-muted);}/* Quiz */.section.quiz {  padding-top: 0;  padding-bottom: 3.75rem;}.quiz__layout {  --quiz-w: 940;  display: block;  width: 100%;  height: 33.125rem;  min-height: 33.125rem;  background: #f6f6f6;  border-radius: 0.5rem;  overflow: hidden;}.quiz__extra {  margin-top: auto;  font-size: 12px;  line-height: 1.55;  color: #798281;  font-weight: 300;}.quiz__main {  min-width: 0;  min-height: 0;  height: 100%;  padding: 10px;}.quiz__form {  display: flex;  flex-direction: column;  height: 100%;  min-height: 0;  background: #fff;  border-radius: 4px;}.quiz__steps {  flex: 1;  overflow: hidden;  padding: 45px 45px 12px;}.quiz__step {  display: none;}.quiz__step.is-active,.quiz__step.is-leaving {  display: block;}.quiz__heading {  font-size: 24px;  font-weight: 500;  color: #062a26;  margin-bottom: 5px;  line-height: 1.23;  padding-right: 10px;}.quiz__hint {  color: #a3a3a3;  font-size: 14px;  font-weight: 400;  line-height: 1.55;  margin-bottom: 20px;  padding-right: 10px;}.quiz__hint--contact {  color: #062a26;  font-size: 16px;  font-weight: 300;  margin-bottom: 20px;}.quiz__price {  margin: 0 0 16px;  padding-right: 10px;  color: var(--color-accent);  font-size: 24px;  font-weight: 500;  line-height: 1.23;}.quiz__step:not(:has(.quiz__hint)) .quiz__heading {  margin-bottom: 20px;}.quiz__options {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 22px 18px;  padding-top: 7px;  width: 100%;}.quiz__option {  position: relative;  display: block;  width: 100%;  min-width: 0;  overflow: visible;  cursor: pointer;}.quiz__options--2 {  grid-template-columns: repeat(2, minmax(0, 1fr));  width: calc((2 * 124px + 18px) / 550 * 100%);  max-width: 16.625rem;}.quiz__option input {  position: absolute;  opacity: 0;  pointer-events: none;}.quiz__option-photo {  display: block;  width: 100%;  aspect-ratio: 1;  border-radius: 16px;  background-size: cover;  background-position: center;  border: 0;  position: relative;  overflow: visible;}.quiz__option-photo::after {  content: "";  position: absolute;  top: -7px;  left: -7px;  width: 28px;  height: 28px;  border-radius: 50%;  background-color: var(--color-accent-hot);  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76.887 55.552'%3E%3Cpath fill='%23ffffff' d='M34.373 49.541L76.887 5.889 70.739 0 28.426 43.458 6.078 20.632 0 26.585l22.488 22.972 6.029 5.995-.091-.085.091.085 5.856-6.011z'/%3E%3C/svg%3E");  background-repeat: no-repeat;  background-position: center;  background-size: 50%;  pointer-events: none;  z-index: 1;  will-change: transform;  opacity: 0;  transform: scale(0.5);  transition: transform 0.2s ease-in, opacity 0.2s ease-in;}.quiz__option input:checked + .quiz__option-photo::after {  opacity: 1;  transform: scale(1);}@media (prefers-reduced-motion: reduce) {  .quiz__option-photo::after {    transition: none;  }}.quiz__option-name {  display: block;  margin-top: 10px;  font-size: 14px;  font-weight: 500;  color: #363636;  line-height: 1.1;}.quiz__params {  display: flex;  flex-direction: column;  gap: 20px;  max-width: none;}.quiz__room {  display: flex;  flex-direction: column;  gap: 28px;}.quiz__area {  display: flex;  flex-direction: column;  gap: 14px;}.quiz__area-row {  display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;}.quiz__area-label {  font-size: 16px;  font-weight: 400;  color: #363636;  line-height: 1.3;}.quiz__area-input {  width: 72px;  flex-shrink: 0;  height: 40px;  padding: 0 8px;  border: 1px solid #d8d8d8;  border-radius: 8px;  background: #fff;  text-align: center;  font: inherit;  font-size: 16px;  font-weight: 500;  color: #000;  outline: none;  appearance: textfield;  -moz-appearance: textfield;}.quiz__area-input::-webkit-outer-spin-button,.quiz__area-input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}.quiz__area-input:focus {  border-color: var(--color-accent);}.quiz__range {  --fill: 0%;  display: flex;  flex-direction: column;  gap: 8px;}.quiz__range-input {  width: 100%;  height: 20px;  margin: 0;  padding: 0;  background: transparent;  appearance: none;  -webkit-appearance: none;  cursor: pointer;}.quiz__range-input:focus {  outline: none;}.quiz__range-input::-webkit-slider-runnable-track {  height: 4px;  border-radius: 2px;  background: linear-gradient(    to right,    var(--color-accent) 0%,    var(--color-accent) var(--fill),    #e5e5e5 var(--fill),    #e5e5e5 100%  );}.quiz__range-input::-webkit-slider-thumb {  -webkit-appearance: none;  appearance: none;  width: 18px;  height: 18px;  margin-top: -7px;  border: 3px solid var(--color-accent);  border-radius: 50%;  background: #fff;  box-shadow: none;  cursor: pointer;}.quiz__range-input::-moz-range-track {  height: 4px;  border: 0;  border-radius: 2px;  background: #e5e5e5;}.quiz__range-input::-moz-range-progress {  height: 4px;  border-radius: 2px;  background: var(--color-accent);}.quiz__range-input::-moz-range-thumb {  width: 18px;  height: 18px;  border: 3px solid var(--color-accent);  border-radius: 50%;  background: #fff;  box-shadow: none;  cursor: pointer;}.quiz__range-scale {  display: flex;  justify-content: space-between;  font-size: 13px;  font-weight: 400;  color: #9a9a9a;  line-height: 1;}.quiz__counters {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 16px 20px;}.quiz__counter {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 10px;  min-width: 0;}.quiz__counter-label {  font-size: 14px;  font-weight: 400;  color: #363636;  line-height: 1.2;}.quiz__counter-controls {  display: flex;  align-items: center;  gap: 8px;}.quiz__counter-btn {  display: inline-flex;  align-items: center;  justify-content: center;  width: 36px;  height: 36px;  padding: 0;  border-radius: 8px;  font: inherit;  font-size: 20px;  font-weight: 500;  line-height: 1;  cursor: pointer;  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;}.quiz__counter-btn--minus {  color: #363636;  background: #fff;  border: 1px solid #d8d8d8;}.quiz__counter-btn--minus:hover {  border-color: var(--color-accent);  color: var(--color-accent);}.quiz__counter-btn--plus {  color: #fff;  background: var(--color-accent);  border: 1px solid var(--color-accent);}.quiz__counter-btn--plus:hover {  background: var(--color-accent-dark);  border-color: var(--color-accent-dark);}.quiz__counter-value {  width: 28px;  border: 0;  background: transparent;  padding: 0;  text-align: center;  font: inherit;  font-size: 16px;  font-weight: 500;  color: #000;  appearance: textfield;  -moz-appearance: textfield;  pointer-events: none;}.quiz__counter-value::-webkit-outer-spin-button,.quiz__counter-value::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}.quiz__field {  display: flex;  align-items: center;  gap: 10px;  width: 100%;  min-height: 60px;  padding: 0 20px;  border: 1px solid #fff;  border-radius: 12px;  background: #f9f9f9;}.quiz__field input {  flex: 1;  min-width: 0;  border: 0;  background: transparent;  padding: 16px 0;  outline: none;  font-size: 16px;  font-weight: 400;  color: #000;}.quiz__field input::placeholder {  color: #9a9a9a;  font-weight: 400;}.quiz__phone-code {  font-size: 16px;  font-weight: 400;  color: #000;  line-height: 1;}.quiz__agree {  margin-top: 20px;}.quiz__footer {  display: flex;  align-items: center;  justify-content: space-between;  gap: 40px;  flex-wrap: wrap;  margin-top: auto;  padding: 0 45px 45px;  background: #fff;}.quiz__step-label {  color: #000;  font-size: 14px;  font-weight: 300;  line-height: 1.55;  margin: 0;  margin-right: auto;}.quiz__extra--foot {  display: none;}.quiz__nav {  display: flex;  gap: 8px;  align-items: center;}.quiz__btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 10px;  border: 0;  cursor: pointer;  font: inherit;  font-size: 16px;  font-weight: 600;  line-height: 1;  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;}.quiz__btn[hidden] {  display: none !important;}.quiz__btn--prev {  width: 50px;  height: 52px;  padding: 0;  color: #b9b9b9;  background: transparent;  border: 1px solid #b9b9b9;  border-radius: 12px;}.quiz__btn--prev:disabled {  opacity: 1;  cursor: not-allowed;}.quiz__btn--prev:hover:not(:disabled) {  color: #fff;  background: var(--color-accent-dark);  border-color: var(--color-accent-dark);}.quiz__btn--next,.quiz__btn--submit {  min-height: 52px;  padding: 15px 30px;  color: #fff;  background: var(--color-accent);  border-radius: 12px;}.quiz__btn--next:hover,.quiz__btn--submit:hover {  background: var(--color-accent-dark);}@media screen and (min-width: 860px) {  .quiz__layout {    container-type: inline-size;    height: auto;    min-height: 0;    aspect-ratio: 940 / 496;  }  .quiz__main {    padding: calc(10 / 940 * 100cqi);  }  .quiz__form {    border-radius: calc(4 / 940 * 100cqi);  }  .quiz__steps {    padding: calc(45 / 940 * 100cqi) calc(45 / 940 * 100cqi) calc(12 / 940 * 100cqi);  }  .quiz__heading {    font-size: calc(24 / 940 * 100cqi);    margin-bottom: calc(5 / 940 * 100cqi);    padding-right: calc(10 / 940 * 100cqi);  }  .quiz__price {    font-size: calc(24 / 940 * 100cqi);    padding-right: calc(10 / 940 * 100cqi);  }  .quiz__hint {    font-size: calc(14 / 940 * 100cqi);    margin-bottom: calc(20 / 940 * 100cqi);    padding-right: calc(10 / 940 * 100cqi);  }  .quiz__hint--contact {    font-size: calc(16 / 940 * 100cqi);    margin-bottom: calc(20 / 940 * 100cqi);  }  .quiz__step:not(:has(.quiz__hint)) .quiz__heading {    margin-bottom: calc(20 / 940 * 100cqi);  }  .quiz__options {    gap: calc(22 / 940 * 100cqi) calc(18 / 940 * 100cqi);    padding-top: calc(7 / 940 * 100cqi);  }  .quiz__options--2 {    width: calc((248 + 18) / 550 * 100%);    max-width: none;  }  .quiz__option-photo {    border-radius: calc(16 / 940 * 100cqi);  }  .quiz__option-photo::after {    top: calc(-7 / 940 * 100cqi);    left: calc(-7 / 940 * 100cqi);    width: calc(28 / 940 * 100cqi);    height: calc(28 / 940 * 100cqi);  }  .quiz__option-name {    margin-top: calc(10 / 940 * 100cqi);    font-size: calc(14 / 940 * 100cqi);  }  .quiz__params {    gap: calc(20 / 940 * 100cqi);  }  .quiz__room {    gap: calc(28 / 940 * 100cqi);  }  .quiz__area {    gap: calc(14 / 940 * 100cqi);  }  .quiz__area-row {    gap: calc(16 / 940 * 100cqi);  }  .quiz__area-label {    font-size: calc(16 / 940 * 100cqi);  }  .quiz__area-input {    width: calc(72 / 940 * 100cqi);    height: calc(40 / 940 * 100cqi);    padding: 0 calc(8 / 940 * 100cqi);    border-radius: calc(8 / 940 * 100cqi);    font-size: calc(16 / 940 * 100cqi);  }  .quiz__range {    gap: calc(8 / 940 * 100cqi);  }  .quiz__range-input {    height: 28px;  }  .quiz__range-input::-webkit-slider-thumb {    width: 27px;    height: 27px;    margin-top: -11.5px;    border-width: 4.5px;  }  .quiz__range-input::-moz-range-thumb {    width: 27px;    height: 27px;    border-width: 4.5px;  }  .quiz__range-scale {    font-size: calc(13 / 940 * 100cqi);  }  .quiz__counters {    gap: calc(16 / 940 * 100cqi) calc(20 / 940 * 100cqi);  }  .quiz__counter {    gap: calc(10 / 940 * 100cqi);  }  .quiz__counter-label {    font-size: calc(14 / 940 * 100cqi);  }  .quiz__counter-controls {    gap: calc(8 / 940 * 100cqi);  }  .quiz__counter-btn {    width: calc(36 / 940 * 100cqi);    height: calc(36 / 940 * 100cqi);    border-radius: calc(8 / 940 * 100cqi);    font-size: calc(20 / 940 * 100cqi);  }  .quiz__counter-value {    width: calc(28 / 940 * 100cqi);    font-size: calc(16 / 940 * 100cqi);  }  .quiz__field {    min-height: calc(60 / 940 * 100cqi);    padding: 0 calc(20 / 940 * 100cqi);    gap: calc(10 / 940 * 100cqi);    border-radius: calc(12 / 940 * 100cqi);  }  .quiz__field input {    padding: calc(16 / 940 * 100cqi) 0;    font-size: calc(16 / 940 * 100cqi);  }  .quiz__footer {    gap: calc(40 / 940 * 100cqi);    padding: 0 calc(45 / 940 * 100cqi) calc(45 / 940 * 100cqi);  }  .quiz__step-label {    font-size: calc(14 / 940 * 100cqi);  }  .quiz__nav {    gap: calc(8 / 940 * 100cqi);  }  .quiz__btn {    gap: calc(10 / 940 * 100cqi);    font-size: calc(16 / 940 * 100cqi);  }  .quiz__btn--prev {    width: calc(50 / 940 * 100cqi);    height: calc(52 / 940 * 100cqi);    border-radius: calc(12 / 940 * 100cqi);  }  .quiz__btn--next,  .quiz__btn--submit {    min-height: calc(52 / 940 * 100cqi);    padding: calc(15 / 940 * 100cqi) calc(30 / 940 * 100cqi);    border-radius: calc(12 / 940 * 100cqi);  }}@media screen and (max-width: 859px) {  .quiz__layout {    height: auto;    min-height: 0;    aspect-ratio: auto;  }  .quiz__main {    padding: 0;  }  .quiz__extra--foot {    display: block;    flex: 1 0 100%;    margin: 0;    order: 2;  }  .quiz__options,  .quiz__options--2 {    grid-template-columns: repeat(2, minmax(0, 1fr));    width: 100%;    max-width: none;  }  .quiz__option-photo {    width: 100%;    height: auto;  }  .quiz__steps {    padding: 30px 20px 12px;    overflow: auto;  }  .quiz__footer {    padding: 12px 20px 24px;    gap: 16px;  }  .quiz__params {    max-width: none;  }  .quiz__room {    gap: 24px;  }  .quiz__counters {    gap: 16px 12px;  }  .quiz__counter-label {    font-size: 13px;  }  .quiz__counter-btn {    width: 32px;    height: 32px;  }}@media screen and (max-width: 639px) {  .quiz__layout {    border-radius: 0;    box-shadow: none;  }  .quiz__heading {    font-size: 20px;  }  .quiz__price {    font-size: 20px;  }}@media screen and (max-width: 424px) {  .quiz__counters {    grid-template-columns: 1fr;    gap: 16px;  }  .quiz__counter {    flex-direction: row;    align-items: center;    justify-content: space-between;    width: 100%;    gap: 12px;  }  .quiz__counter-label {    flex: 1;    min-width: 0;  }}/* Header */.header {  position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 990;  height: var(--header-height);  background: var(--color-bg);  max-width: 100%;  overflow: visible;}.header__bar {  display: flex;  align-items: center;  gap: 0.5rem 0.75rem;  width: 100%;  max-width: var(--container);  height: var(--header-height);  margin: 0 auto;  min-height: var(--header-height);  padding: 0 1.5rem;  box-sizing: border-box;}@media screen and (min-width: 960px) {  .header__bar {    padding-inline: 2.5rem;  }}.header__brand {  display: flex;  align-items: center;  gap: 1.5rem;  flex-shrink: 0;  min-width: 0;}.header__logo {  flex-shrink: 0;  font-size: 1.125rem;  font-weight: 700;  line-height: 1.15;  color: var(--color-teal);}.header__nav {  display: none;  flex: 1;  align-items: center;  justify-content: center;  gap: 0 0.9375rem;  min-width: 0;}.header__link {  display: inline-flex;  align-items: center;  color: #303030;  font-size: 17px;  font-weight: 500;  line-height: 1.2;  white-space: nowrap;  transition: color 0.2s ease;}.header__link:hover,.header__link.is-active {  color: var(--color-accent);}.header__item--dropdown {  position: relative;  display: flex;  align-items: center;  align-self: center;}.header__link--parent {  gap: 0.15rem;}.header__dropdown-arrow {  flex-shrink: 0;  width: 1rem;  height: 1rem;  opacity: 0.85;  transition: transform 0.2s ease;}.header__item--dropdown:hover > .header__link--parent .header__dropdown-arrow,.header__item--dropdown:focus-within > .header__link--parent .header__dropdown-arrow,.header__item--dropdown.is-open > .header__link--parent .header__dropdown-arrow {  transform: rotate(180deg);}.header__dropdown {  position: absolute;  top: 100%;  left: 0;  min-width: 12.5rem;  padding: 20px 0 0;  background: transparent;  border: 0;  border-radius: 0;  box-shadow: none;  opacity: 0;  visibility: hidden;  transform: translateY(4px);  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;  z-index: 100;  pointer-events: none;}.header__dropdown--catalog {  width: max-content;  min-width: 0;  padding-top: 24px;}.header__dropdown::after {  content: "";  position: absolute;  top: 20px;  left: 0;  right: 0;  bottom: 0;  background: #fff;  border: 1px solid #f5f5f5;  border-radius: 6px;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  z-index: 0;  pointer-events: none;}.header__dropdown--catalog::after {  top: 24px;}.header__item--dropdown:hover > .header__dropdown,.header__item--dropdown:focus-within > .header__dropdown,.header__item--dropdown.is-open > .header__dropdown {  opacity: 1;  visibility: visible;  transform: translateY(0);  pointer-events: auto;}.header__dropdown-item {  position: relative;  z-index: 1;  box-sizing: border-box;  padding: 0 0.5rem;}.header__dropdown-item--has-sub > .header__dropdown-link {  display: flex;  align-items: center;  justify-content: space-between;  gap: 0.75rem;  margin: 0;}.header__dropdown-chevron {  flex-shrink: 0;  width: 1rem;  height: 1rem;  opacity: 0.7;  transform: rotate(-90deg);  transition: transform 0.2s ease;}.header__dropdown-item--has-sub:hover > .header__dropdown-link .header__dropdown-chevron,.header__dropdown-item--has-sub:focus-within > .header__dropdown-link .header__dropdown-chevron {  transform: rotate(0deg);}.header__dropdown-sub {  position: absolute;  top: 0;  left: 100%;  width: max-content;  min-width: 0;  max-height: min(70vh, 28rem);  overflow-y: auto;  margin: 0;  padding: 0;  background: #fff;  border: 1px solid #f5f5f5;  border-radius: 6px;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  opacity: 0;  visibility: hidden;  transform: translateX(4px);  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;  z-index: 101;  pointer-events: none;}.header__dropdown-item--has-sub:hover > .header__dropdown-sub,.header__dropdown-item--has-sub:focus-within > .header__dropdown-sub {  opacity: 1;  visibility: visible;  transform: translateX(0);  pointer-events: auto;}.header__dropdown-link {  position: relative;  z-index: 1;  display: block;  margin: 0 0.5rem;  padding: 0.5rem 0.75rem;  border-radius: 4px;  font-size: 15px;  font-weight: 400;  color: #303030;  white-space: nowrap;  transition: background-color 0.15s ease, color 0.15s ease;}.header__dropdown-item .header__dropdown-link {  margin-left: 0;  margin-right: 0;}.header__dropdown-sub > .header__dropdown-link {  margin-left: 0.5rem;  margin-right: 0.5rem;}.header__dropdown > .header__dropdown-link:first-child,.header__dropdown-sub > .header__dropdown-link:first-child,.header__dropdown > .header__dropdown-item:first-child {  margin-top: 0.5rem;}.header__dropdown > .header__dropdown-link:last-child,.header__dropdown-sub > .header__dropdown-link:last-child,.header__dropdown > .header__dropdown-item:last-child {  margin-bottom: 0.5rem;}.header__dropdown-link:hover {  background: #f5f5f5;  color: #222;}.header__search {  display: flex;  align-items: center;  justify-content: center;  width: 2.25rem;  height: 2.25rem;  padding: 0;  border: 1px solid var(--color-line);  border-radius: 0.625rem;  background-color: transparent;  cursor: pointer;  flex-shrink: 0;  transition: background-color 0.2s ease, border-color 0.2s ease;}.header__search:hover {  background-color: #fff;  border-color: var(--color-accent);}.header__search img {  width: 1.125rem;  height: 1.125rem;  display: block;}.header__search--desktop {  display: none;  margin-left: 0.5rem;  margin-right: 0.25rem;}.header__search--mobile {  display: flex;}.header__call {  display: none;  align-items: center;  justify-content: center;  width: 2.25rem;  height: 2.25rem;  padding: 0;  border: 1px solid var(--color-line);  border-radius: 0.625rem;  background-color: transparent;  flex-shrink: 0;  transition: background-color 0.2s ease, border-color 0.2s ease;}.header__call:hover {  background-color: #fff;  border-color: var(--color-accent);}.header__call img {  width: 1.375rem;  height: 1.375rem;  display: block;}.site-search {  position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 1000;  background-color: var(--color-soft);  border-bottom: 1px solid var(--color-line);  box-shadow: 0 0.25rem 1rem rgba(6, 42, 38, 0.08);  transform: translateY(-100%);  opacity: 0;  visibility: hidden;  pointer-events: none;  transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s;}.site-search.is-open {  transform: translateY(0);  opacity: 1;  visibility: visible;  pointer-events: auto;}.site-search__form {  display: flex;  align-items: center;  gap: 0.75rem;  width: 100%;  max-width: var(--container);  margin: 0 auto;  padding: 0.75rem 1.5rem;  box-sizing: border-box;}.site-search__input {  flex: 1;  min-width: 0;  height: 2.5rem;  padding: 0 0.875rem;  border: 1px solid var(--color-line);  border-radius: 0.625rem;  background-color: #fff;  color: var(--color-ink);  font-family: var(--font);  font-size: 0.875rem;  font-weight: 400;  line-height: 1.4;  outline: none;  box-sizing: border-box;}.site-search__input::placeholder {  color: var(--color-ink);  opacity: 0.5;}.site-search__input:focus {  border-color: var(--color-accent);}.site-search__submit {  flex-shrink: 0;  height: 2.5rem;  padding: 0 1.25rem;  border: none;  border-radius: 0.625rem;  background-color: var(--color-accent);  color: #fff;  font-family: var(--font);  font-size: 0.875rem;  font-weight: 500;  line-height: 1.4;  cursor: pointer;  white-space: nowrap;  transition: background-color 0.2s ease;}.site-search__submit:hover {  background-color: var(--color-accent-dark);}.header__actions {  display: flex;  align-items: center;  gap: 0.55rem;  margin-left: auto;  flex-shrink: 0;}.header__phone-block {  display: none;  flex-direction: column;  align-items: flex-end;  margin-right: 1rem;  flex-shrink: 0;}.header__phone-hours {  display: inline-flex;  align-items: center;  gap: 0.35rem;  margin: 0;  color: var(--color-ink);  font-size: 0.625rem;  font-weight: 400;  line-height: 1.2;  white-space: nowrap;  opacity: 0.75;}.header__phone-hours-dot {  display: block;  width: 0.4rem;  height: 0.4rem;  border-radius: 50%;  background-color: var(--color-teal);  flex-shrink: 0;  animation: header-phone-hours-blink 2.4s ease-in-out infinite;}@keyframes header-phone-hours-blink {  0%,  100% {    opacity: 1;  }  50% {    opacity: 0.35;  }}@media (prefers-reduced-motion: reduce) {  .header__phone-hours-dot {    animation: none;  }}.header__phone {  color: var(--color-ink);  font-weight: 500;  font-size: 0.95rem;  line-height: 1.3;  white-space: nowrap;  text-decoration: none;}.header__phone:hover {  color: var(--color-teal);}.btn--header {  min-height: 2.125rem;  height: 2.125rem;  padding: 0 0.85rem;  background: var(--color-orange);  color: #fff;  border-radius: 0.25rem;  font-size: 0.625rem;  font-weight: 500;  white-space: nowrap;}.btn--header:hover:not(:disabled) {  background: var(--color-orange-dark);  color: #fff;}.header__burger {  display: inline-flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 0.25rem;  width: 2.25rem;  height: 2.25rem;  padding: 0;  border-radius: 0.625rem;  background-color: var(--color-teal);  flex-shrink: 0;  cursor: pointer;  transition: background-color 0.2s ease;}.header__burger:hover {  background-color: var(--color-teal-dark);}.header__burger span {  display: block;  width: 1.125rem;  height: 0.125rem;  background: #fff;  border-radius: 1px;}@media screen and (min-width: 1200px) {  .header__bar {    justify-content: space-between;  }  .header__nav {    display: flex;    flex: 0 1 auto;  }  .header__phone-block {    display: flex;  }  .header__burger {    display: none;  }  .header__search--desktop {    display: flex;    margin-left: 0;    margin-right: 0;  }  .header__search--mobile {    display: none;  }  .header__actions {    margin-left: 0;  }}@media screen and (max-width: 1199px) {  .site-search__form {    padding: 0.75rem 0.625rem;  }  .header__bar {    padding: 0 0.625rem;  }}@media screen and (max-width: 639px) {  .site-search__form {    padding: 0.75rem 0.9375rem;    gap: 0.5rem;  }  .site-search__submit {    padding: 0 0.875rem;    font-size: 0.8125rem;  }}@media screen and (min-width: 960px) and (max-width: 1199px) {  .header__bar {    padding-inline: 2.5rem;  }}@media screen and (min-width: 640px) and (max-width: 1199px) {  .header__phone-block {    display: flex;  }  .header__phone {    font-size: 0.85rem;  }  .btn--header {    min-height: 2.125rem;    height: 2.125rem;    font-size: 0.75rem;  }}@media screen and (max-width: 639px) {  .header__bar {    padding: 5px 0.9375rem;  }  .header__brand {    gap: 1rem;  }  .header__logo {    font-size: 0.875rem;  }  .header__phone-block {    display: none;  }  .header__call {    display: flex;  }  .btn--header {    display: none;  }}/* Inner pages */.page--inner .page__content {  display: flex;  flex-direction: column;  min-height: 100vh;}.page-hero {  background: var(--color-soft);  padding: 2.5rem 0 2rem;  border-bottom: 1px solid var(--color-line);}.page-hero__title {  margin: 0 0 0.65rem;  font-size: clamp(1.75rem, 3.2vw, 2.6rem);  font-weight: 800;  letter-spacing: -0.02em;  line-height: 1.15;}.page-hero__lead {  margin: 0;  max-width: 40rem;  color: var(--color-muted);  font-size: 1.05rem;}.page-section {  padding: 2.5rem 0;}.page-section--soft {  background: var(--color-soft);}.page-section__title {  margin: 0 0 1.25rem;  font-size: clamp(1.35rem, 2.4vw, 1.85rem);  font-weight: 700;}.cards-grid {  display: grid;  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));  gap: 1.15rem;}.card {  background: #fff;  border: 1px solid var(--color-line);  border-radius: var(--radius-md);  overflow: hidden;  display: flex;  flex-direction: column;}.card__media {  aspect-ratio: 4 / 3;  background: center / cover no-repeat #e8eeec;}.card__body {  padding: 1rem 1.1rem 1.2rem;  display: flex;  flex-direction: column;  gap: 0.45rem;  flex: 1;}.card__title {  margin: 0;  font-size: 1.05rem;  font-weight: 700;}.card__text {  margin: 0;  color: var(--color-muted);  font-size: 0.95rem;}.card__meta {  margin: 0;  font-size: 0.85rem;  color: var(--color-teal);  font-weight: 600;}.price-table {  width: 100%;  border-collapse: collapse;  background: #fff;  border-radius: var(--radius-md);  overflow: hidden;  border: 1px solid var(--color-line);}.price-table th,.price-table td {  padding: 0.9rem 1rem;  text-align: left;  border-bottom: 1px solid var(--color-line);  font-size: 0.98rem;}.price-table th {  background: var(--color-soft);  font-weight: 700;}.price-table tr:last-child td {  border-bottom: 0;}.price-table__value {  font-weight: 700;  color: var(--color-teal);  white-space: nowrap;}.promo-banner {  display: grid;  gap: 1.25rem;  padding: 1.75rem;  background: #fff;  border-radius: var(--radius-lg);  border: 1px solid var(--color-line);  box-shadow: var(--shadow);}@media screen and (min-width: 760px) {  .promo-banner {    grid-template-columns: 1.1fr 0.9fr;    align-items: center;  }}.promo-banner__eyebrow {  margin: 0 0 0.4rem;  color: var(--color-orange);  font-size: 0.85rem;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 0.04em;}.promo-banner__title {  margin: 0 0 0.65rem;  font-size: clamp(1.5rem, 2.8vw, 2.1rem);  font-weight: 800;  line-height: 1.2;}.promo-banner__text {  margin: 0 0 1.1rem;  color: var(--color-muted);}.promo-banner__media {  min-height: 200px;  border-radius: var(--radius-md);  background: center / cover no-repeat #e8eeec;}.review-card {  background: #fff;  border: 1px solid var(--color-line);  border-radius: var(--radius-md);  padding: 1.25rem;  display: flex;  flex-direction: column;  gap: 0.75rem;}.review-card__quote {  margin: 0;  font-size: 1rem;  line-height: 1.55;}.review-card__author {  margin: 0;  font-size: 0.9rem;  font-weight: 600;  color: var(--color-teal);}.review-card__meta {  margin: 0;  font-size: 0.85rem;  color: var(--color-muted);}.work-card__price {  margin-top: auto;  font-size: 1.15rem;  font-weight: 800;}.content-block {  max-width: 46rem;}.content-block p {  margin: 0 0 0.9rem;  color: var(--color-muted);}.content-block ul {  margin: 0 0 1rem;  padding-left: 1.2rem;  color: var(--color-muted);}.content-block li {  margin-bottom: 0.4rem;}.subnav {  display: flex;  flex-wrap: wrap;  gap: 0.5rem;  margin: 0 0 1.5rem;}.subnav__link {  display: inline-flex;  align-items: center;  padding: 0.45rem 0.85rem;  border-radius: 999px;  border: 1px solid var(--color-line);  background: #fff;  font-size: 0.9rem;  font-weight: 500;  color: var(--color-ink);}.subnav__link:hover,.subnav__link.is-active {  border-color: var(--color-teal);  color: var(--color-teal);}.contacts-grid {  display: grid;  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));  gap: 1rem;}.contacts-card {  background: #fff;  border: 1px solid var(--color-line);  border-radius: var(--radius-md);  padding: 1.25rem;}.contacts-card__title {  margin: 0 0 0.65rem;  font-size: 0.85rem;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 0.04em;  color: var(--color-muted);}.contacts-card__link,.contacts-card__text {  display: block;  margin: 0 0 0.35rem;  font-size: 1.05rem;  font-weight: 600;  color: var(--color-ink);}.contacts-card__social {  display: flex;  gap: 0.65rem;  align-items: center;}.page-cta {  display: flex;  flex-wrap: wrap;  gap: 0.75rem;  margin-top: 1.5rem;}.site-footer {  margin-top: auto;  background: var(--color-soft);  color: var(--color-ink);  padding: 1.6875rem 0 1.25rem;}.site-footer__inner {  display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 1.5rem;}.site-footer__left {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0.625rem;  min-width: 0;}.site-footer__main {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 0.5rem 2.5rem;}.site-footer__logo {  color: var(--color-ink);  font-size: 1.25rem;  font-weight: 500;  line-height: 1.55;  text-decoration: none;  white-space: nowrap;  flex-shrink: 0;}.site-footer__logo:hover {  color: var(--color-accent);}.site-footer__nav {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 0.375rem 1rem;}.site-footer__link {  color: var(--color-ink);  font-size: 17px;  font-weight: 500;  line-height: 1.2;  text-decoration: none;  white-space: nowrap;}.site-footer__link:hover {  color: var(--color-accent);}.site-footer__right {  text-align: right;  flex-shrink: 0;  max-width: 10rem;}.site-footer__disclaimer,.site-footer__privacy {  margin: 0;  color: var(--color-muted);  font-size: 14px;  font-weight: 400;  line-height: 1.55;}.site-footer__privacy {  margin-top: 0.5rem;}.site-footer__privacy a {  color: var(--color-muted);  text-decoration: none;}.site-footer__privacy a:hover {  color: var(--color-ink);}@media screen and (max-width: 1199px) {  .site-footer__left {    gap: 0.75rem;  }  .site-footer__main {    gap: 0.75rem 1.5rem;  }}@media screen and (max-width: 959px) {  .site-footer__inner {    flex-direction: column;    gap: 1rem;  }  .site-footer__main {    flex-direction: column;    align-items: flex-start;    gap: 0.75rem;  }  .site-footer__right {    text-align: left;    max-width: none;  }}.page--inner .quiz {  padding-bottom: 2rem;}/* Menu — t450 (above fixed header z-index 990) */.menu {  position: fixed;  inset: 0;  z-index: 1001;  margin: 0;  padding: 0;  pointer-events: none;  visibility: hidden;}.menu.is-open {  pointer-events: auto;  visibility: visible;}.menu__overlay {  position: absolute;  inset: 0;  background: rgba(6, 42, 38, 0.45);  opacity: 0;  transition: opacity 0.2s ease;}.menu.is-open .menu__overlay {  opacity: 1;}.menu__panel {  position: absolute;  top: 0;  right: 0;  width: min(100%, 260px);  height: 100%;  background: var(--color-teal);  color: #fff;  padding: 1.25rem;  transform: translateX(100%);  transition: transform 0.25s ease;  display: grid;  align-content: start;  gap: 1rem;}.menu.is-open .menu__panel {  transform: none;}.menu__close {  justify-self: end;  position: relative;  width: 2.5rem;  height: 2.5rem;  border: 0;  padding: 0;  background: transparent;  cursor: pointer;  flex-shrink: 0;}.menu__close span {  position: absolute;  left: 50%;  top: 50%;  width: 1.25rem;  height: 0.125rem;  background: #fff;  transform-origin: center;}.menu__close span:nth-child(1) {  transform: translate(-50%, -50%) rotate(45deg);}.menu__close span:nth-child(2) {  transform: translate(-50%, -50%) rotate(-45deg);}.menu__close span:nth-child(3),.menu__close span:nth-child(4) {  display: none;}.menu__logo {  font-size: 1.15rem;  font-weight: 500;}.menu__nav {  display: grid;  gap: 0.2rem;}.menu__link {  color: #fff;  font-size: 14px;  font-weight: 500;  padding: 0.4rem 0;}.menu__link--sub {  padding-left: 0.75rem;  font-size: 13px;  opacity: 0.9;}.menu__link--sub2 {  padding-left: 1.35rem;  font-size: 12px;  opacity: 0.85;}.menu__sub .menu__group {  margin: 0.1rem 0;}.menu__sub .menu__group-head .menu__link {  font-size: 13px;  opacity: 0.9;}.menu__group-head {  display: flex;  align-items: center;  gap: 0.25rem;}.menu__group-head .menu__link {  flex: 1;}.menu__accordion {  flex-shrink: 0;  width: 2rem;  height: 2rem;  border: 0;  background: transparent;  color: #fff;  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;}.menu__accordion-icon {  display: block;  width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 6px solid currentColor;  transition: transform 0.2s ease;}.menu__group.is-open > .menu__group-head > .menu__accordion .menu__accordion-icon {  transform: rotate(180deg);}.menu__sub {  display: grid;  gap: 0.1rem;  padding: 0.15rem 0 0.35rem;}.menu__sub[hidden] {  display: none !important;}.menu__phone {  color: #fff;  font-weight: 600;}/* ===== Homepage flow sections ===== */.btn--on-orange {  background: #fff;  color: var(--color-ink);}.btn--on-orange:hover:not(:disabled) {  background: #f3f3f3;  color: var(--color-ink);}.btn--on-dark {  background: #fff;  color: var(--color-ink);}.btn--on-dark:hover:not(:disabled) {  background: #f3f3f3;}.section.hero {  position: relative;  padding: 3.75rem 0;  background: #fff;  overflow: hidden;}.hero__layout {  display: grid;  grid-template-columns: minmax(18rem, 27.75rem) minmax(0, 1fr);  align-items: stretch;  gap: 2.5rem;  position: relative;  z-index: 1;}.hero__copy {  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: center;}.hero__title {  margin: 0 0 1.5rem;  font-size: 3rem;  font-weight: 500;  line-height: 1;  letter-spacing: -1px;  color: var(--color-ink);}.hero__title .accent {  display: inline-block;}.hero__aside {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 1.3125rem;  width: 100%;  max-width: 28rem;}.hero__lead {  margin: 0;  color: var(--color-ink);  font-size: 0.875rem;  line-height: 1.4286;  font-weight: 500;  max-width: 22.0625rem;  opacity: 0.8;}.hero__form-title {  margin: 0;  color: var(--color-ink);  font-size: 0.875rem;  line-height: 1.4286;  font-weight: 500;  opacity: 0.8;}.form--hero {  display: flex;  flex-direction: column;  align-items: stretch;  gap: 0.75rem;  width: 100%;}.form--hero .form__status {  margin: 0;  font-size: 0.8125rem;  line-height: 1.3;  color: var(--color-ink);}.form--hero .form__status--error {  color: #b42318;}.form__hero-row {  display: flex;  flex-wrap: nowrap;  align-items: stretch;  gap: 0.5rem;  width: 100%;}.field--hero {  flex: 1 1 auto;  min-width: 0;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 0.875rem;  border: 1px solid transparent;  border-radius: 0.5rem;  background: #f0f0f0;  color: var(--color-ink);  box-sizing: border-box;  gap: 0.5rem;}.field--hero:focus-within {  border-color: var(--color-line);  background: #fff;}.field--hero input {  color: var(--color-ink);  font-size: 0.875rem;  font-weight: 500;  line-height: 1.4;  padding: 0;  background: transparent;}.field--hero input::placeholder {  color: var(--color-ink);  opacity: 0.45;}.field--hero .field__prefix {  color: var(--color-ink);  font-size: 0.875rem;  font-weight: 500;}.form__hero-row .btn {  flex: 0 0 auto;  width: auto;  min-width: 10.5rem;  max-width: none;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1.25rem;  white-space: nowrap;  color: #fff;}.form__hero-row .btn:hover:not(:disabled) {  color: #fff;}.hero__form-consent {  margin: 0;  color: var(--color-muted, #8a8a8a);  font-size: 0.6rem;  line-height: 1.4;  font-weight: 400;}.hero__form-consent a {  color: inherit;  text-decoration: underline;  text-underline-offset: 0.12em;}.hero__form-consent a:hover {  color: var(--color-ink);}.process__head .btn,.about-intro__actions .btn,.materials__cta .btn,.measure__body .btn {  width: 15rem;  min-width: 15rem;  max-width: 15rem;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1rem;}.hero__media {  position: relative;  z-index: 1;  width: 100%;  min-height: 22.5rem;  aspect-ratio: 3 / 2;  border-radius: 1rem;  overflow: visible;  background: var(--color-soft);}.hero__media::before {  content: "";  position: absolute;  inset: 0;  z-index: 1;  border-radius: 1rem;  background: linear-gradient(0.301turn, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 46%);  pointer-events: none;}.hero__photo {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  border-radius: 1rem;  overflow: hidden;  background-color: #e8eeec;  background-position: center 20%;  background-size: cover;  background-repeat: no-repeat;}.hero__gift-card {  position: absolute;  left: 1.25rem;  bottom: 1.25rem;  z-index: 2;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: flex-end;  gap: 0;  width: 9.25rem;  height: auto;  min-height: 0;  padding: 2.75rem 1rem 0.85rem;  background: #fff;  border-radius: 0.75rem;  box-shadow: 0 8px 24px rgba(6, 42, 38, 0.08);  box-sizing: border-box;}.hero__gift-img {  position: absolute;  top: -2.55rem;  left: 0.55rem;  width: 4.9375rem;  height: 4.9375rem;  flex-shrink: 0;  background-image: url("/assets/demo/podarki.png");  background-repeat: no-repeat;  background-size: 199.25%;  background-position: 95.592% 66.01%;}.hero__gift-copy {  display: flex;  flex-direction: column;  gap: 0;}.hero__gift-title {  margin: 0;  max-width: 7.5rem;  font-size: 1.1rem;  font-weight: 500;  line-height: 1.15;  color: var(--color-teal);}.hero__gift-note {  margin: 0;  max-width: 8rem;  font-size: 0.75rem;  font-weight: 400;  line-height: 1.4167;  color: var(--color-ink);  opacity: 0.45;}.hero__ratings {  position: absolute;  right: 1.25rem;  bottom: 1.25rem;  z-index: 2;  display: flex;  flex-direction: column;  gap: 0.625rem;  align-items: stretch;}.hero__rating {  display: flex;  align-items: center;  gap: 0.4rem;  width: 9.625rem;  height: 3.125rem;  padding: 0 0.75rem;  background: #fff;  border-radius: 0.75rem;  box-shadow: 0 8px 24px rgba(6, 42, 38, 0.08);  box-sizing: border-box;}.hero__rating-score {  font-size: 0.875rem;  font-weight: 500;  line-height: 1;  color: var(--color-ink);}.hero__rating-star {  width: 0.625rem;  height: 0.625rem;  flex-shrink: 0;}.hero__rating-sep {  display: block;  width: 1px;  height: 1.25rem;  margin: 0 0.15rem 0 0.25rem;  background: #e5e4e1;  flex-shrink: 0;}.hero__rating-brand {  display: block;  flex-shrink: 0;  background: center / contain no-repeat;}.hero__rating-brand--yandex {  width: 3.375rem;  height: 1.25rem;  background-image: url("/assets/demo/logo-yandex.png");  background-size: 185%;  background-position: 0 0;}.hero__rating-pin {  width: 0.875rem;  height: 1.0625rem;  flex-shrink: 0;  margin-left: auto;}.section.trust {  background: #fff;  margin-top: 0;  padding-top: 3.75rem;  padding-bottom: 3.75rem;}.trust__layout {  display: flex;  flex-direction: column;  align-items: stretch;  gap: 1.5rem;}.section.trust .section-heading {  max-width: 48rem;  line-height: 1;  margin-bottom: 0;}.trust__grid {  width: 100%;  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0.625rem;}.trust-card {  position: relative;  background: var(--color-soft);  border-radius: 0.5rem;  padding: 1.25rem 1.875rem 1.15rem 1.875rem;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0.4375rem;  width: auto;  min-width: 0;  min-height: 10rem;  box-sizing: border-box;}.trust-card__icon-wrap {  display: inline-flex;  align-items: center;  justify-content: center;  width: 3rem;  height: 3rem;  margin-bottom: 0.25rem;  border-radius: 0.5rem;  background: #fff;}.trust-card__icon {  width: 1rem;  height: 1rem;  object-fit: contain;}.trust-card__title {  margin: 0;  font-size: 1.125rem;  font-weight: 500;  line-height: 1;  color: var(--color-ink);}.trust-card__text {  margin: 0;  color: var(--color-ink);  font-size: 0.875rem;  line-height: 1.2857;  font-weight: 500;  max-width: none;  opacity: 0.4;}.section.quiz-title {  padding-bottom: 1.25rem;  background: var(--color-soft);}.section.quiz-title .section-heading {  width: 100%;  max-width: none;  line-height: 1;  margin-bottom: 0;}.section.quiz {  background: var(--color-soft);}.section.prices-home {  background: #fff;}.prices-home .section-heading {  margin-bottom: 1.5rem;}.prices-home__table-wrap {  width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch;}.price-table--home th:nth-child(2),.price-table--home td:nth-child(2),.price-table--home th:nth-child(3),.price-table--home td:nth-child(3) {  white-space: nowrap;  width: 1%;}.price-table--home td:nth-child(2) {  color: #062a26;  opacity: 0.55;  font-weight: 500;  font-size: 0.875rem;}.price-table__group th {  background: #062a26;  color: #fff;  font-weight: 600;  font-size: 0.9rem;  padding: 0.75rem 1rem;}.section.process {  background: #fff;}.process__layout {  display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 2.5rem;}.process__head {  flex: 1 1 34rem;  width: 100%;  max-width: 36rem;  display: flex;  flex-direction: column;  align-items: flex-start;}.process__head .section-heading {  max-width: none;  line-height: 1;  letter-spacing: -0.5px;  margin: 0 0 3.375rem;}.process__lead {  margin: 0 0 1.25rem;  color: #062a26;  font-size: 0.875rem;  line-height: 1.4;  font-weight: 500;  opacity: 0.4;}.process__head .quality__list {  margin: 0 0 1.9375rem;  max-width: none;}.process__steps {  flex: 0 1 32.25rem;  width: 100%;  max-width: 32.25rem;  display: flex;  flex-direction: column;  gap: 0.75rem;}.process-step {  display: flex;  align-items: center;  gap: 1.25rem;  width: 100%;  background: #f9f9f9;  border-radius: 0.5rem;  padding: 0.6rem 1rem 0.6rem 0.6rem;  min-height: 9.625rem;  box-sizing: border-box;}.process-step__body {  flex: 1 1 auto;  min-width: 0;}.process-step__media {  position: relative;  width: 8.4375rem;  height: 8.4375rem;  flex-shrink: 0;  border-radius: 0.5rem;  background: center / cover no-repeat #e8eeec;}.process-step__num {  position: absolute;  z-index: 1;  left: 0.35rem;  bottom: 0.35rem;  width: 1.875rem;  height: 1.875rem;  border-radius: 50%;  background: var(--color-orange);  color: #fff;  display: inline-flex;  align-items: center;  justify-content: center;  font-size: 0.625rem;  font-weight: 500;}.process-step__title {  font-size: 1.5rem;  font-weight: 500;  line-height: 1.15;  margin-bottom: 0.35rem;}.process-step__text {  color: var(--color-ink);  font-size: 0.875rem;  font-weight: 500;  line-height: 1.3;}.quality__banner {  position: relative;  min-height: 26.875rem;  border-radius: 0.5rem;  overflow: hidden;  background: center / cover no-repeat #e8eeec;  display: flex;  align-items: center;  padding: 1.75rem;}.quality__body {  max-width: 30.375rem;  width: 100%;  min-height: 23.125rem;  background: #fff;  border-radius: 0.5rem;  padding: 1.3125rem 1.875rem 1.75rem;  display: flex;  flex-direction: column;  gap: 0;  position: relative;  box-shadow: none;}.quality__body .btn {  align-self: flex-start;  width: 12.5rem;  min-width: 12.5rem;  max-width: 12.5rem;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1rem;  margin-top: auto;}.quality__title {  margin: 0 0 1.25rem;  max-width: 23.6875rem;  font-size: 1.5rem;  font-weight: 500;  line-height: 1.15;  color: #000;}.quality__list {  margin: 0;  padding-left: 1.125rem;  max-width: 27.9375rem;  color: #000;  font-size: 0.875rem;  font-weight: 500;  line-height: 1;  opacity: 0.4;  display: grid;  gap: 0.875rem;}.quality__list li::marker {  font-size: 0.75em;}.section.materials {  background: #f6f6f6;  padding-top: 5.0625rem;  padding-bottom: 5.0625rem;}.materials__head {  text-align: center;  max-width: 44.5625rem;  margin: 0 auto 2.1875rem;}.materials__head .section-heading {  max-width: 44.5625rem;  margin: 0 auto 1.0625rem;  font-size: 3rem;  line-height: 1;  letter-spacing: -0.5px;  font-weight: 500;  text-align: center;}.materials__head .accent {  display: inline;  font-size: inherit;}.materials__lead {  max-width: 36.125rem;  margin: 0 auto;  color: #062a26;  font-size: 0.875rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.4;}.materials__grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0.625rem;}.material-card {  height: auto;  min-height: 16.25rem;  background: #fff;  border-radius: 0.5rem;  padding: 1.5rem 1.25rem 1.25rem;  display: flex;  flex-direction: column;  align-items: stretch;  gap: 0;  box-sizing: border-box;}.material-card__head {  display: flex;  justify-content: space-between;  align-items: center;  gap: 0.75rem;  margin: 0 0 2.0625rem;  min-height: 1.375rem;}.material-card__name {  margin: 0;  font-size: 1rem;  line-height: 1.2;  font-weight: 500;  color: #062a26;  flex: 1 1 auto;  min-width: 0;}.material-card__logo {  flex: 0 0 auto;  width: 5.5625rem;  max-width: 40%;  height: 1.375rem;  margin: 0;  background-position: right center;  background-size: contain;  background-repeat: no-repeat;}.material-card__price {  margin: 0;  font-size: 1.125rem;  line-height: 1.3;  font-weight: 500;  color: var(--color-accent);}.material-card__note {  margin: 0 0 1.3125rem;  color: #062a26;  font-size: 0.75rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.2;}.material-card__specs {  margin: 0;  display: grid;  gap: 0.6875rem;}.material-card__specs div {  display: flex;  justify-content: space-between;  align-items: baseline;  gap: 0.75rem;  font-size: 0.75rem;  line-height: 1.3;  font-weight: 500;  color: #062a26;}.material-card__specs dt {  opacity: 0.4;}.material-card__specs dd {  margin: 0;  text-align: right;  font-weight: 500;}.materials__cta {  margin-top: 3.5rem;  display: flex;  flex-direction: column;  align-items: center;  text-align: center;  gap: 0;}.materials__more {  margin: 0 0 0.4375rem;  font-size: 1.5rem;  line-height: 1.15;  font-weight: 500;  color: #062a26;}.materials__cta-text {  margin: 0;  max-width: 18.4375rem;  color: #062a26;  font-size: 0.875rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.6;}.materials__cta .btn {  border-radius: 4px;}@media screen and (max-width: 1199px) {  .materials__head {    max-width: none;    margin-left: 0;    margin-right: 0;    text-align: left;  }  .materials__head .section-heading {    max-width: 34.5625rem;    margin-left: 0;    text-align: left;  }  .materials__lead {    margin-left: 0;    text-align: left;  }  .materials__cta {    align-items: flex-start;    text-align: left;  }  .materials__more {    text-align: left;  }  .materials__cta-text {    text-align: left;  }}@media screen and (max-width: 639px) {  .section.materials {    padding-top: 3.3125rem;    padding-bottom: 3.5rem;  }  .materials__head {    margin-bottom: 1.5rem;  }  .materials__head .section-heading {    max-width: 16.5625rem;    margin-bottom: 0.75rem;    font-size: 1.5rem;  }  .materials__lead {    max-width: 15.4375rem;    font-size: 0.75rem;  }  .material-card {    height: auto;    min-height: 12.5rem;  }  .material-card__head {    margin-bottom: 1.25rem;  }  .material-card__name {    font-size: 0.875rem;  }  .material-card__price {    font-size: 0.75rem;  }  .materials__cta {    margin-top: 1.5rem;  }  .materials__more {    max-width: 9.4375rem;    font-size: 1.125rem;  }  .materials__cta-text {    max-width: 11rem;    margin-bottom: 0;    font-size: 0.75rem;  }}.types-switch {  background: #fff;  padding: 0;  margin: 0.75rem 0 1rem;}.types-switch__tabs {  display: flex;  width: 100%;  list-style: none;  margin: 0;  padding: 6px;  background: var(--color-soft);  border-radius: 14px;  gap: 0;}.types-switch__tabs > li {  flex: 1 1 0;  margin: 0;  padding: 0;  min-width: 0;}.types-switch__tab {  display: block;  width: 100%;  box-sizing: border-box;  appearance: none;  background: transparent;  border: 0;  border-radius: 12px;  font-family: inherit;  font-size: 0.9375rem;  line-height: 1.25;  color: #8a8a8a;  font-weight: 500;  padding: 0.75rem 0.5rem;  text-align: center;  cursor: pointer;  transition: color 0.2s ease, background-color 0.2s ease;}.types-switch__tab:hover {  color: var(--color-ink);}.types-switch__tab:focus {  outline: none;}.types-switch__tab:focus-visible {  outline: 2px solid var(--color-ink);  outline-offset: 2px;}.types-switch__tab.is-active {  background: #fff;  color: var(--color-ink);}.types-switch__mobile {  display: none;  padding: 0;}.types-switch__mobile select {  width: 100%;  min-height: 2.75rem;  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  padding: 0 0.75rem;  background: #fff;  font-family: inherit;  font-size: 0.9375rem;  color: var(--color-ink);}.types__panels {  margin-top: 0;}.types__panel[hidden] {  display: none;}.types__slider {  position: relative;}.types__viewport {  overflow-x: auto;  overflow-y: hidden;  scroll-snap-type: x mandatory;  scrollbar-width: none;  -ms-overflow-style: none;}.types__viewport::-webkit-scrollbar {  display: none;}.types__grid {  display: flex;  gap: 1.15rem;  margin-top: 0;  width: 100%;}.type-card {  flex: 0 0 calc((100% - 3 * 1.15rem) / 4);  scroll-snap-align: start;  border-radius: 0.5rem;  overflow: hidden;  min-height: 17.5rem;  min-width: 0;}.type-card__link {  display: block;  height: 100%;  color: inherit;  text-decoration: none;}.type-card__link:hover .type-card__title,.type-card__link:focus-visible .type-card__title {  text-decoration: underline;}.types__nav {  position: absolute;  top: 50%;  transform: translateY(-50%);  z-index: 3;  width: 2.75rem;  height: 2.75rem;  border: 0;  border-radius: 50%;  padding: 0;  display: flex;  align-items: center;  justify-content: center;  background: #fff;  color: var(--color-ink);  box-shadow: 0 0.25rem 1rem rgba(6, 42, 38, 0.12);  cursor: pointer;  transition: background-color var(--ease), color var(--ease);}.types__nav:hover {  background: var(--color-ink);  color: #fff;}.types__nav:focus {  outline: none;}.types__nav:focus-visible {  outline: 2px solid var(--color-ink);  outline-offset: 2px;}.types__nav--prev {  left: 0.75rem;}.types__nav--next {  right: 0.75rem;}.type-card__media {  position: relative;  height: 100%;  min-height: 17.5rem;  background: center / cover no-repeat #e8eeec;  display: flex;  flex-direction: column;  justify-content: flex-start;  padding: 1rem;  color: #fff;}.type-card__media::before {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(180deg, rgba(6, 42, 38, 0.45) 0%, rgba(6, 42, 38, 0.2) 42%, rgba(6, 42, 38, 0.78) 100%);}.type-card__media--swatch::after {  content: "";  position: absolute;  inset: 0;  background: var(--swatch, transparent);  pointer-events: none;  z-index: 0;}.type-card__num,.type-card__title,.type-card__price,.type-card__text {  position: relative;  z-index: 1;}.type-card__num {  font-size: 0.8rem;  opacity: 0.9;}.type-card__title {  font-size: 1.35rem;  font-weight: 600;  margin: 0.35rem 0 0;}.type-card__price {  margin: 0.35rem 0 0;  font-size: 0.95rem;  font-weight: 600;  line-height: 1.2;  color: rgba(255, 255, 255, 0.95);}.type-card__text {  margin-top: auto;  padding-top: 1rem;  font-size: 0.9rem;  line-height: 1.35;  color: rgba(255, 255, 255, 0.9);}.why__layout {  display: grid;  grid-template-columns: 1.05fr 0.95fr;  gap: 1.5rem;  align-items: stretch;}.why__main {  display: flex;  flex-direction: column;  gap: 1.35rem;}.why__intro {  margin: -0.35rem 0 0;  max-width: 28rem;  color: var(--color-muted);  font-size: 0.95rem;  line-height: 1.45;}.why__grid {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;}.why-card {  background: var(--color-soft);  border-radius: 1rem;  padding: 1.35rem 1.25rem 1.25rem;  display: flex;  flex-direction: column;  gap: 1.5rem;  min-height: 10.5rem;}.why-card img {  width: 1.75rem;  height: 1.75rem;}.why-card p {  margin: 0;  font-size: 0.95rem;  line-height: 1.4;}.why__media {  position: relative;  min-height: 40.1875rem;  border-radius: 0.5rem;  overflow: hidden;  background-color: #e8eeec;  background-repeat: no-repeat;  background-position: 28.182% 0.607%;  background-size: 268.981%;  display: flex;  align-items: flex-end;  padding: 1.875rem;}.why__cta-card {  background: #fff;  border-radius: 0.5rem;  width: 28.5rem;  max-width: 100%;  min-height: 22.5rem;  padding: 1.4375rem 1.875rem 1.875rem;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0;  box-shadow: none;  position: relative;  box-sizing: border-box;  color: #062a26;}.why__cta-card .btn {  width: 12.5rem;  min-width: 12.5rem;  max-width: 12.5rem;  height: 3.25rem;  min-height: 3.25rem;  margin-top: auto;  padding: 0 1rem;}.why__lead {  max-width: 13.8125rem;  margin: 0;  font-size: 1.5rem;  line-height: 1;  font-weight: 500;  color: #062a26;}.why__text {  max-width: 14.9375rem;  margin: 2.4375rem 0 0;  color: #062a26;  font-size: 0.875rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.4;}.section.portfolio {  background: #fff;  padding: 5.0625rem 0 0;}.section.portfolio .section-heading {  max-width: 50.625rem;  margin: 0 0 2.25rem;  line-height: 0.9;  letter-spacing: -0.5px;}.portfolio__row {  overflow: hidden;  cursor: grab;  user-select: none;  touch-action: pan-y;  -webkit-user-select: none;}.portfolio__row.is-dragging {  cursor: grabbing;}.portfolio__track {  display: flex;  flex-wrap: nowrap;  gap: 1.15rem;  transition: margin-left 0.3s ease-in-out;  will-change: margin-left;}.portfolio__track.is-dragging {  transition: none;}.portfolio-card {  flex: 0 0 21.25rem;  background: var(--color-soft);  border: none;  border-radius: 0.75rem;  overflow: hidden;  display: flex;  flex-direction: column;}.portfolio-card__media {  position: relative;  aspect-ratio: 4 / 3;  background: center / cover no-repeat #e8eeec;  display: flex;  flex-direction: column;  justify-content: flex-end;  padding: 1.1rem 1.15rem 1.15rem;  color: #fff;}.portfolio-card__media::after {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(180deg, rgba(6, 42, 38, 0) 35%, rgba(6, 42, 38, 0.55) 100%);}.portfolio-card__title {  position: relative;  z-index: 1;  font-size: 1.05rem;  font-weight: 600;  margin: 0;}.portfolio-card__body {  padding: 1.25rem;  display: flex;  flex-direction: column;  gap: 0.85rem;  flex: 1;}.portfolio-card__specs {  margin: 0;  display: grid;  gap: 0.3rem;}.portfolio-card__specs div {  display: flex;  justify-content: space-between;  gap: 0.75rem;  font-size: 0.8rem;}.portfolio-card__specs dt {  color: var(--color-muted);}.portfolio-card__specs dd {  margin: 0;  font-weight: 600;  text-align: right;}.section.measure {  padding: 5rem 0;}.measure__banner {  position: relative;  height: auto;  min-height: 0;  border-radius: 0.5rem;  overflow: hidden;}.measure__photo {  position: absolute;  inset: 0;  background-color: #fff;  background-repeat: no-repeat;  background-position: 100% 0;  background-size: 105.881%;}.measure__banner::after {  content: "";  position: absolute;  inset: 0;  background-image: linear-gradient(0.644turn, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 46%);  pointer-events: none;}.measure__body {  position: relative;  z-index: 1;  margin-left: auto;  width: 31.25rem;  height: auto;  min-height: 0;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: flex-start;  gap: 0;  padding: 3rem 2.5rem 3.75rem 0;  box-sizing: border-box;}.measure__body .section-heading {  max-width: 27.5625rem;  margin: 0 0 2.5rem;  line-height: 0.9;  letter-spacing: -0.5px;}.measure__list {  list-style: none;  margin: 0;  padding: 0;  display: grid;  grid-template-columns: 14.3125rem 13.75rem;  column-gap: 0.6875rem;  row-gap: 1.5rem;  width: auto;}.measure__list li {  display: flex;  gap: 0.8125rem;  align-items: flex-start;  font-size: 0.875rem;  line-height: 1.3;  font-weight: 500;  color: #062a26;  opacity: 0.6;  background: none;  border-radius: 0;  padding: 0;}.measure__icon {  width: 2rem;  height: 2rem;  border-radius: 0.5rem;  background: #fff;  display: inline-flex;  align-items: center;  justify-content: center;  flex-shrink: 0;}.measure__list img {  width: 0.75rem;  height: 0.75rem;  flex-shrink: 0;}.measure__body .btn {  margin-top: 2.5rem;}.cases-block {  background: #fff;  padding: 5.0625rem 0 0;}.cases-block .section-heading {  max-width: 55.5rem;  margin: 0 0 2.25rem;  line-height: 0.9;  letter-spacing: -0.5px;}.cases-switch {  margin: 0 0 0.625rem;}.cases__layout {  display: grid;  grid-template-columns: 31.25rem 28.75rem;  justify-content: space-between;  column-gap: 1.5rem;  background: #f9f9f9;  border-radius: 0.5rem;  padding: 1.875rem 2.5rem 2.6875rem;  min-height: 24.375rem;  box-sizing: border-box;  align-items: stretch;}.cases__aside {  display: flex;  flex-direction: column;  gap: 1.5625rem;}.cases__gallery {  display: grid;  grid-template-columns: 13.9375rem 13.9375rem;  gap: 0.875rem;}.cases__photo {  width: 13.9375rem;  height: 11.375rem;  min-height: 0;  border-radius: 0.5rem;  background: center / cover no-repeat #e8eeec;}.cases__info {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0;}.cases__info .btn {  margin-top: auto;  width: 15rem;  min-width: 15rem;  max-width: 15rem;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1rem;}.cases__meta {  display: flex;  flex-wrap: wrap;  gap: 0.5rem 0.875rem;  align-items: baseline;  margin: 0 0 1.25rem;}.cases__type {  margin: 0;  font-size: 1.5rem;  font-weight: 500;  line-height: 1.15;}.cases__price {  margin: 0;  color: var(--color-accent);  font-size: 0.875rem;  font-weight: 500;  line-height: 1.15;}.cases__block {  margin: 0 0 1.25rem;}.cases__info .cases__block:last-of-type {  margin-bottom: 1.6875rem;}.cases__label {  margin: 0 0 0.125rem;  font-size: 0.625rem;  line-height: 1.4;  font-weight: 500;  color: var(--color-accent);}.cases__text {  margin: 0;  color: #062a26;  font-size: 0.875rem;  line-height: 1.4;  font-weight: 500;  opacity: 0.4;}.cases__aside .cases__text {  opacity: 0.8;}.cases__author {  margin: 0.4375rem 0 0;  color: #062a26;  font-size: 0.625rem;  line-height: 1.4;  font-weight: 500;  opacity: 0.4;}.section.promo-lamp {  padding-block: 2.25rem;}.promo-lamp__banner {  --pl: calc(100cqw / 980);  container-type: inline-size;  position: relative;  display: flex;  align-items: stretch;  width: 100%;  aspect-ratio: 3 / 1;  border-radius: calc(8 * var(--pl));  overflow: hidden;  color: #fff;  background-color: #111;  background-position: 80% 48%;  background-size: cover;  background-repeat: no-repeat;}.promo-lamp__banner::before {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(    90deg,    rgba(8, 8, 10, 0.55) 0%,    rgba(8, 8, 10, 0.28) 38%,    rgba(8, 8, 10, 0) 62%  );  pointer-events: none;}.promo-lamp__body {  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: center;  box-sizing: border-box;  width: 100%;  max-width: calc(400 * var(--pl));  padding:    calc(28 * var(--pl))    calc(24 * var(--pl))    calc(28 * var(--pl))    calc(52 * var(--pl));  position: relative;  z-index: 1;}.promo-lamp__eyebrow {  margin: 0 0 calc(8 * var(--pl));  color: var(--color-orange);  font-size: calc(10 * var(--pl));  font-weight: 500;  line-height: calc(13 * var(--pl));}.promo-lamp__body .section-heading {  margin: 0 0 calc(10 * var(--pl));  max-width: calc(306 * var(--pl));  color: #fff;  font-size: calc(40 * var(--pl));  font-weight: 500;  line-height: 0.95;  letter-spacing: -0.02em;}.promo-lamp__body .section-heading .accent {  color: orangered;}.promo-lamp__text {  margin: 0 0 calc(20 * var(--pl));  max-width: calc(273 * var(--pl));  color: #fff;  font-size: calc(14 * var(--pl));  font-weight: 500;  line-height: calc(18 * var(--pl));}.promo-lamp__body .btn--on-dark {  height: calc(46 * var(--pl));  min-height: calc(46 * var(--pl));  min-width: calc(220 * var(--pl));  padding-inline: calc(36 * var(--pl));  border-radius: calc(4 * var(--pl));  font-size: calc(12 * var(--pl));  color: #000;}.promo-lamp__note {  position: absolute;  left: calc(52 * var(--pl));  bottom: 30px;  z-index: 1;  margin: 0;  max-width: calc(360 * var(--pl));  color: #9a9a9a;  font-size: 14px;  font-weight: 400;  line-height: 1.35;}.about__head {  max-width: 40rem;  margin-bottom: 1.5rem;}.about__grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 1.15rem;}.about-card {  position: relative;  background: var(--color-soft);  border-radius: 1rem;  padding: 2.15rem 1.75rem 1.5rem;  display: flex;  flex-direction: column;  justify-content: center;  gap: 0.6rem;  min-height: 12.5rem;}.about-card__title {  font-size: 1.35rem;  font-weight: 600;}.about-card__text {  color: var(--color-muted);}.section.geo {  background: #fff;}.geo .section-heading {  margin-bottom: 1.5rem;}.geo__map {  width: 100%;  border-radius: 0.5rem;  overflow: hidden;  background: var(--color-soft);  border: 1px solid var(--color-line);}.geo__map iframe {  display: block;  width: 100%;  height: 28rem;  max-width: 100%;  border: 0;}.geo__tabs {  display: flex;  flex-wrap: wrap;  gap: 0.625rem;  margin-top: 1.5rem;}.geo__tab {  appearance: none;  font-family: inherit;  font-size: 0.9375rem;  line-height: 1.25;  font-weight: 500;  color: #062a26;  background: #fff;  border: 1px solid var(--color-line);  border-radius: 0.5rem;  padding: 0.75rem 1.25rem;  cursor: pointer;  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;}.geo__tab:hover {  border-color: var(--color-teal);  color: var(--color-teal);}.geo__tab:focus {  outline: none;}.geo__tab:focus-visible {  outline: 2px solid var(--color-teal);  outline-offset: 2px;}.geo__tab.is-active,.geo__tab[aria-selected="true"] {  background: var(--color-teal);  border-color: var(--color-teal);  color: #fff;}.geo__panels {  margin-top: 1.25rem;}.geo__panel[hidden] {  display: none;}.geo__list {  list-style: none;  margin: 0;  padding: 1.25rem;  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 0.75rem 1.25rem;  background: var(--color-soft);  border-radius: 0.5rem;}.geo__list li {  margin: 0;  font-size: 0.9375rem;  line-height: 1.35;  font-weight: 500;  color: #062a26;}@media screen and (max-width: 1199px) {  .geo__list {    grid-template-columns: repeat(3, minmax(0, 1fr));  }  .geo__map iframe {    height: 22rem;  }}@media screen and (max-width: 639px) {  .geo__tabs {    flex-direction: column;  }  .geo__tab {    width: 100%;    text-align: center;  }  .geo__list {    grid-template-columns: repeat(2, minmax(0, 1fr));    padding: 1rem;    gap: 0.625rem 1rem;  }  .geo__list li {    font-size: 0.875rem;  }  .geo__map iframe {    height: 18rem;  }}.section.final-form {  position: relative;  padding: 0;  background: #fff;  overflow: visible;}.section.final-form::before {  content: "";  position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 13.125rem;  background: var(--color-accent);  pointer-events: none;}.section.final-form .container {  position: relative;  z-index: 1;}.final-form__banner {  position: relative;  height: 26.25rem;  min-height: 26.25rem;  border-radius: 0.5rem;  overflow: hidden;  background-color: #fff;  background-position: 0 0;  background-size: 100%;  background-repeat: no-repeat;  display: flex;  align-items: stretch;  padding: 0;}.final-form__banner::before {  content: "";  position: absolute;  inset: 0;  background-image: linear-gradient(0.145turn, var(--color-accent) 0%, rgba(255, 255, 255, 0) 70%);  pointer-events: none;}.final-form__body {  position: relative;  z-index: 1;  width: 100%;  max-width: none;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0;  color: #fff;  padding: 3.5rem 2.5rem 1.5rem 3.6875rem;  box-sizing: border-box;}.final-form__body .section-heading {  max-width: 34.375rem;  margin: 0 0 1.25rem;  color: #fff;  font-size: 3rem;  line-height: 0.9;  letter-spacing: -0.5px;  font-weight: 500;}.final-form__eyebrow {  margin: 0 0 0.9375rem;  color: #fff;  font-size: 0.625rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.4;}.final-form__lead {  max-width: 33.3125rem;  margin: 0 0 2.3125rem;  color: #fff;  font-size: 0.875rem;  line-height: 1.3;  font-weight: 500;  opacity: 0.6;}.form--final {  width: 57.4375rem;  max-width: 100%;  gap: 0;}.form--final .form__status {  margin: 0 0 0.75rem;  color: #fff;  font-size: 0.875rem;  line-height: 1.3;}.form--final .form__status--error {  color: #fff;}.form--final .checkbox {  display: none;}.form__final-row {  display: flex;  flex-wrap: nowrap;  gap: 0.625rem;  align-items: stretch;}.field--final {  flex: 0 0 20.625rem;  width: 20.625rem;  min-width: 0;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1.25rem;  border: 1px solid #fff;  border-radius: 0.5rem;  background: #fff;  color: #000;  box-sizing: border-box;}.field--final:focus-within {  border-color: #fff;}.field--final input {  color: #000;  font-size: 0.75rem;  font-weight: 500;  line-height: 1.55;  padding: 0;}.field--final input::placeholder {  color: #000;  opacity: 0.5;}.field--final .field__prefix {  color: #000;  font-size: 0.75rem;  font-weight: 500;}.field--final.field--phone {  padding-left: 0.875rem;  gap: 0.5rem;}.form__final-row .btn {  flex: 0 0 15rem;  width: 15rem;  min-width: 15rem;  max-width: 15rem;  height: 3.25rem;  min-height: 3.25rem;  padding: 0 1.25rem;  background: var(--color-accent);  color: #fff;  font-size: 0.75rem;  font-weight: 500;  border-radius: 0.5rem;}.form__final-row .btn:hover:not(:disabled) {  background: var(--color-accent-dark);  color: #fff;}.checkbox--on-dark {  color: rgba(255, 255, 255, 0.8);}.checkbox--on-dark .checkbox__text a {  color: #fff;}@media screen and (max-width: 1199px) {  .final-form__banner {    height: 38.125rem;    min-height: 38.125rem;    background-size: 152.5%;  }  .final-form__body {    padding: 3.5rem 1.5rem 1.5rem 3.0625rem;  }  .final-form__body .section-heading {    max-width: 30.4375rem;  }  .form--final {    width: 31.375rem;  }  .form__final-row {    flex-wrap: wrap;  }  .field--final {    flex: 1 1 100%;    width: 100%;  }}@media screen and (max-width: 639px) {  .section.final-form::before {    height: 14.0625rem;  }  .final-form__banner {    height: 27.8125rem;    min-height: 27.8125rem;    background-position: 5.236% 0;    background-size: 238.393%;  }  .final-form__banner::before {    background-image: linear-gradient(0.319turn, var(--color-accent) 0%, rgba(255, 255, 255, 0) 70%);  }  .final-form__body {    padding: 1.75rem 1.25rem 1.25rem 1.1875rem;  }  .final-form__eyebrow {    margin-bottom: 0.5rem;    font-size: 0.5rem;  }  .final-form__body .section-heading {    max-width: 13.9375rem;    margin-bottom: 0.8125rem;    font-size: 1.5rem;    line-height: 1;  }  .final-form__lead {    max-width: 14.25rem;    margin-bottom: 2.5rem;    font-size: 0.75rem;  }  .form--final {    width: 15rem;  }  .form__final-row {    flex-wrap: wrap;  }  .field--final,  .form__final-row .btn {    flex: 1 1 100%;    width: 100%;    min-width: 0;    max-width: none;    height: 3.25rem;  }}.section.contacts.contacts--home {  background: var(--color-soft);  color: var(--color-ink);  padding: 4.125rem 0;}.contacts--home__title {  max-width: 40.9375rem;  margin: 0 0 2.0625rem;  color: var(--color-ink);  font-size: 3rem;  font-weight: 500;  line-height: 1;  letter-spacing: -0.5px;}.contacts-grid--home {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 0.625rem;}.contacts--home .contacts-card {  position: relative;  height: 10rem;  min-height: 10rem;  background: #fff;  border: none;  border-radius: 0.5rem;  padding: 1.625rem 1.875rem 1.5rem;  color: #062a26;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 0;  box-sizing: border-box;}.contacts--home .contacts-card__title {  margin: 0 0 2.5625rem;  font-size: 0.625rem;  line-height: 1.3;  font-weight: 500;  letter-spacing: 0;  text-transform: none;  color: #062a26;  opacity: 0.4;}.contacts--home .contacts-card--social .contacts-card__title {  margin-bottom: 2.75rem;}.contacts--home .contacts-card__phones {  display: flex;  flex-direction: column;  gap: 0;}.contacts--home .contacts-card__link,.contacts--home .contacts-card__text {  margin: 0;  font-size: 1.5rem;  font-weight: 500;  line-height: 1.15;  color: #062a26;}.contacts--home .contacts-card--address .contacts-card__text {  max-width: 17.75rem;}.contacts--home .contacts-card__social {  display: flex;  gap: 0.625rem;  align-items: center;}.contacts--home .contacts-card__icon {  display: inline-flex;  align-items: center;  justify-content: center;  width: 3rem;  height: 3rem;  border-radius: 50%;  background: var(--color-accent);  transition: background-color 0.2s ease;}.contacts--home .contacts-card__icon--telegram:hover {  background: #039be5;}.contacts--home .contacts-card__icon--max:hover {  background: #471aff;}.contacts--home .contacts-card__icon--mail:hover {  background: #d1d1d1;}.contacts--home .contacts-card__icon img {  width: 1.125rem;  height: 1.125rem;}@media screen and (max-width: 1199px) {  .contacts-grid--home {    grid-template-columns: 1fr;  }}@media screen and (max-width: 639px) {  .section.contacts.contacts--home {    padding: 3.3125rem 0;  }  .contacts--home__title {    max-width: 13.875rem;    margin-bottom: 2.4375rem;    font-size: 1.5rem;    letter-spacing: -0.5px;  }  .contacts--home .contacts-card {    height: 7.8125rem;    min-height: 7.8125rem;    padding: 1.6875rem 1.875rem 1.25rem;  }  .contacts--home .contacts-card--social {    height: 8.75rem;    min-height: 8.75rem;  }  .contacts--home .card-mark::after {    top: 1.6875rem;    right: 1.875rem;  }  .contacts--home .contacts-card__title {    margin-bottom: 1rem;  }  .contacts--home .contacts-card--social .contacts-card__title {    margin-bottom: 2.125rem;  }  .contacts--home .contacts-card__link,  .contacts--home .contacts-card__text {    font-size: 1.125rem;  }  .contacts--home .contacts-card--address .contacts-card__text {    max-width: 14.1875rem;  }}@media screen and (max-width: 1199px) {  .materials__grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .type-card {    flex-basis: calc((100% - 1.15rem) / 2);  }  .section.portfolio .section-heading {    max-width: 38.4375rem;  }}@media screen and (max-width: 960px) {  .types-switch__tabs {    display: none;  }  .types-switch__mobile {    display: block;  }  .hero__layout {    grid-template-columns: 1fr;    gap: 2rem;  }  .hero__copy {    justify-content: flex-start;  }  .hero__title {    font-size: 2rem;  }  .hero__aside {    max-width: none;    width: 100%;  }  .form__hero-row {    flex-wrap: wrap;  }  .form__hero-row .field--hero,  .form__hero-row .btn {    flex: 1 1 100%;    width: 100%;    min-width: 0;    max-width: none;  }  .process__layout,  .why__layout,  .cases__layout {    display: flex;    flex-direction: column;  }  .process__head,  .process__steps {    flex: none;    max-width: none;    width: 100%;  }  .process__head .section-heading {    max-width: none;  }  .trust__grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .hero__media {    min-height: 0;    aspect-ratio: 16 / 10;  }  .hero__photo {    background-position: center;    background-size: cover;  }  .quality__banner {    min-height: 22rem;    justify-content: flex-start;  }  .section.promo-lamp {    padding-block: 1.75rem;  }  .promo-lamp__banner {    --pl: 1;    aspect-ratio: 21 / 9;    height: auto;    min-height: 16.5rem;    border-radius: 8px;    background-position: 86% 46%;  }  .promo-lamp__banner::before {    background: linear-gradient(      90deg,      rgba(8, 8, 10, 0.62) 0%,      rgba(8, 8, 10, 0.38) 48%,      rgba(8, 8, 10, 0.12) 100%    );  }  .promo-lamp__body {    max-width: 100%;    padding: 1.5rem 1.25rem 4rem;  }  .promo-lamp__eyebrow {    margin-bottom: 0.5rem;    font-size: 10px;    line-height: 13px;  }  .promo-lamp__body .section-heading {    max-width: none;    margin-bottom: 0.5rem;    font-size: 1.75rem;    line-height: 1.05;  }  .promo-lamp__text {    max-width: 20rem;    margin-bottom: 1.15rem;    font-size: 14px;    line-height: 18px;  }  .promo-lamp__body .btn--on-dark {    height: 46px;    min-height: 46px;    min-width: 12.5rem;    padding-inline: 1.75rem;    border-radius: 4px;    font-size: 0.75rem;  }  .promo-lamp__note {    left: 1.25rem;    right: 1.25rem;    bottom: 30px;    max-width: none;    font-size: 14px;    line-height: 1.35;  }  .about__grid,  .why__grid {    grid-template-columns: 1fr;  }  .cases__layout {    min-height: 0;    height: auto;  }  .cases__info .btn {    margin-top: 1.5rem;  }  .quiz__layout {    min-height: 0;  }}@media screen and (max-width: 640px) {  .section.hero {    padding-top: 2.5rem;  }  .materials__grid {    grid-template-columns: 1fr;  }  .type-card {    flex-basis: 85%;  }  .types__nav {    width: 2.25rem;    height: 2.25rem;  }  .types__nav--prev {    left: 0.5rem;  }  .types__nav--next {    right: 0.5rem;  }  .hero__gift-card {    left: 0.75rem;    bottom: 0.75rem;    width: 8.25rem;    height: auto;    padding: 2.25rem 0.85rem 0.75rem;  }  .hero__gift-img {    width: 3.75rem;    height: 3.75rem;    top: -2rem;  }  .hero__gift-title {    font-size: 1rem;    max-width: 6.5rem;  }  .hero__ratings {    right: 0.75rem;    bottom: 0.75rem;  }  .hero__rating {    width: 8.5rem;    height: 2.75rem;    padding: 0 0.55rem;  }  .hero__rating-sep,  .hero__rating-pin,  .hero__rating-brand--yandex {    display: none;  }  .cases__gallery {    grid-template-columns: 13.9375rem 13.9375rem;  }  .process-step {    align-items: flex-start;  }}/* Cases tabs — pill switcher */.cases-switch {  background: #fff;  padding: 0;  margin: 0 0 0.625rem;}.cases-switch__tabs {  display: flex;  width: 100%;  list-style: none;  margin: 0;  padding: 4px;  background: var(--color-soft);  border-radius: 12px;}.cases-switch__tabs > li {  flex: 1 1 0;  width: 25%;  margin: 0;  padding: 0;  min-width: 0;}.cases-switch__tab {  display: block;  width: 100%;  box-sizing: border-box;  appearance: none;  background: transparent;  border: 0;  border-radius: 10px;  font-family: inherit;  font-size: 12px;  line-height: 1.2;  color: #a7a7a7;  font-weight: 500;  padding: 10px 8px;  text-align: center;  cursor: pointer;  transition: color 0.2s ease, background-color 0.2s ease;}.cases-switch__tab:hover {  color: var(--color-ink);}.cases-switch__tab:focus {  outline: none;}.cases-switch__tab:focus-visible {  outline: 2px solid var(--color-ink);  outline-offset: 2px;}.cases-switch__tab.is-active {  background: #fff;  color: var(--color-ink);}.cases-switch__mobile {  display: none;  padding: 0.5rem 0 1rem;}.cases-switch__mobile select {  width: 100%;  min-height: 2.75rem;  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  padding: 0 0.75rem;  background: #fff;}@media screen and (max-width: 639px) {  .promo-lamp__banner {    aspect-ratio: auto;    min-height: 14.5rem;    background-position: 92% 42%;    flex-direction: column;  }  .promo-lamp__body {    padding: 1.25rem 1.1rem 0;  }  .promo-lamp__note {    position: static;    left: auto;    right: auto;    bottom: auto;    margin: 0.75rem 1.1rem 1.15rem;    max-width: none;    font-size: 12px;    line-height: 1.35;  }  .promo-lamp__body .section-heading {    font-size: 1.5rem;  }  .cases-switch__tabs {    display: none;  }  .cases-switch__mobile {    display: block;  }  .form__hero-row .btn {    height: 3rem;    min-height: 3rem;  }  .process__head .btn,  .about-intro__actions .btn {    width: 17.5rem;    min-width: 0;    max-width: 100%;  }  .process-step__title {    font-size: 1.125rem;  }  .quality__title {    max-width: 15.6875rem;    margin-bottom: 1rem;    font-size: 1.125rem;  }  .quality__list {    max-width: 17.6875rem;    font-size: 0.75rem;    line-height: 1.15;    gap: 0.75rem;  }  .quality__body {    min-height: 19.375rem;    padding: 1.4375rem 1.25rem 1.25rem;  }  .quality__body .btn,  .why__cta-card .btn,  .materials__cta .btn,  .measure__body .btn,  .cases__info .btn {    width: 100%;    min-width: 0;    max-width: 100%;  }  .why__media {    min-height: 28.125rem;    background-position: 33.622% 0;    background-size: 199.134%;    padding: 1.25rem;  }  .why__cta-card {    width: 17.5rem;    min-height: 17.125rem;    padding: 1.5625rem 1.25rem 1.875rem;  }  .why__cta-card.card-mark::after {    top: 1.25rem;    right: 1.25rem;  }  .why__lead {    max-width: 14.9375rem;    font-size: 1.125rem;  }  .why__text {    max-width: 15.6875rem;    margin-top: 0.8125rem;    font-size: 0.75rem;  }  .section.portfolio {    padding-top: 3.375rem;  }  .section.portfolio .section-heading {    max-width: 17.3125rem;    font-size: 1.5rem;    line-height: 1;    margin-bottom: 1.5rem;  }  .section.measure {    padding: 3.75rem 0;  }  .measure__banner {    height: auto;    min-height: 0;  }  .measure__photo {    background-size: 211.607%;  }  .measure__body {    width: 100%;    height: auto;    padding: 1.4375rem 1.25rem 1.5rem;  }  .measure__body .btn {    margin-top: 1.5rem;  }  .measure__body .section-heading {    max-width: 12.5rem;    margin: 0 0 1.5rem;    font-size: 1.5rem;    line-height: 1;  }  .measure__list {    grid-template-columns: 1fr;    row-gap: 0.8125rem;    width: 100%;    max-width: 16.5rem;  }  .measure__list li {    font-size: 0.75rem;  }  .cases-block {    padding-top: 3.3125rem;  }  .cases-block .section-heading {    max-width: 18.3125rem;    font-size: 1.5rem;    line-height: 1;    margin-bottom: 1.5rem;  }  .cases__layout {    grid-template-columns: 1fr;    padding: 1.5625rem 1.25rem 1.5rem;    min-height: 0;  }  .cases__gallery {    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 0.75rem;  }  .cases__photo {    width: 100%;    height: auto;    aspect-ratio: 7.25 / 5.9375;  }}@media screen and (max-width: 479px) {  .trust-card {    padding: 1.25rem 0.875rem 1.15rem;  }  .trust-card__title {    font-size: 0.9375rem;    line-height: 1.2;    overflow-wrap: break-word;  }  .trust-card__text {    overflow-wrap: break-word;  }}/* Hero badges: avoid gift/rating overlap on very narrow screens */@media screen and (max-width: 359px) {  .hero__media {    aspect-ratio: auto;    min-height: 13.5rem;  }  .hero__ratings {    top: 0.75rem;    right: 0.75rem;    bottom: auto;  }}/* Dialogs live after page content and must not reserve layout space */.popups {  position: absolute;  width: 0;  height: 0;  margin: 0;  padding: 0;  overflow: hidden;}.dialog:not([open]) {  display: none;}/* Dialog — t702 */.dialog {  border: 0;  padding: 0;  max-width: 26rem;  width: calc(100% - 2rem);  background: transparent;  color: var(--color-ink);}.dialog::backdrop {  background: rgba(6, 42, 38, 0.45);}.dialog__inner {  position: relative;  background: #fff;  border-radius: var(--radius-lg);  padding: 1.75rem 1.5rem 1.5rem;  box-shadow: var(--shadow);}.dialog--info .dialog__inner {  background: #fbfbf9;  max-width: 36rem;}.dialog--info {  max-width: 36rem;}.dialog__close {  position: absolute;  top: 0.85rem;  right: 0.85rem;  border: 0;  background: transparent;  color: var(--color-ink);  width: 2.2rem;  height: 2.2rem;  border-radius: 999px;  display: flex;  align-items: center;  justify-content: center;  padding: 0;}.dialog__title {  margin: 0 2rem 0.5rem 0;  font-size: 1.45rem;  line-height: 1.25;  font-weight: 700;}.dialog__descr {  margin: 0 0 0.35rem;  color: var(--color-muted);  font-size: 0.95rem;}.dialog__form {  display: flex;  flex-direction: column;  gap: 0.75rem;  margin-top: 0.75rem;}.dialog__form .field {  min-height: 3.25rem;  height: 3.25rem;  padding: 0 1.25rem;  border: 1px solid #c9c9c9;  border-radius: 5px;  box-sizing: border-box;}.dialog__form .field:focus-within {  border-color: var(--color-teal);}.dialog__form .field input {  font-size: 1rem;  font-weight: 500;  line-height: 1.4;  color: #062a26;}.dialog__form .field input::placeholder {  color: #062a26;  opacity: 0.4;}.dialog__form .field__prefix {  color: #062a26;  font-weight: 500;}.dialog__form .field--phone {  padding-left: 0.875rem;  gap: 0.5rem;}.dialog__error {  font-size: 0.9rem;}.dialog__error--error {  color: var(--color-danger);}.dialog__error--success {  color: var(--color-teal);}/* Cookie — t886 */.cookie-bar {  position: fixed;  left: 20px;  bottom: 20px;  z-index: 60;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  width: max-content;  max-width: min(240px, calc(100vw - 24px));  padding: 10px 12px;  background: #fff;  border-radius: 8px;  box-shadow: var(--shadow);}.cookie-bar[hidden] {  display: none !important;}.cookie-bar__text {  margin: 0;  font-size: 13px;  line-height: 1.35;  color: var(--color-muted);}.cookie-bar__text a {  color: var(--color-teal);  text-decoration: underline;}.cookie-bar .btn {  min-width: 0;  min-height: 32px;  height: 32px;  padding: 0 12px;  font-size: 12px;  border-radius: 6px;}.to-top{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#3d3d3d;color:#fff;cursor:pointer;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--ease),visibility var(--ease),transform var(--ease),background var(--ease);appearance:none;-webkit-appearance:none;}.to-top:not([hidden]){opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}.to-top[hidden]{display:inline-flex!important;opacity:0;visibility:hidden;pointer-events:none;}.to-top:hover{background:#525252;}.to-top:focus-visible{outline:2px solid #fff;outline-offset:3px;}.to-top__icon{display:block;flex-shrink:0;}/* Legal */.page--legal .page__content {  padding: 2rem 0 4rem;}.section.legal {  padding: 2rem 0 4rem;}.legal {  max-width: 48rem;}.legal h1 {  margin: 0 0 1rem;  font-size: clamp(1.8rem, 3vw, 2.5rem);  font-weight: 800;}.legal h2 {  margin: 1.75rem 0 0.65rem;  font-size: 1.2rem;  font-weight: 700;}.legal p {  margin: 0 0 0.85rem;  color: var(--color-muted);}.legal a {  color: var(--color-teal);  text-decoration: underline;}.legal__inner {  width: min(100% - 2.5rem, 48rem);  margin-inline: auto;}.legal__inner--center {  text-align: center;}/* FAQ accordion (potolki colors) */.section--faq-title {  background-color: var(--color-soft);  padding-bottom: 1.25rem;}.section--faq-title .section-heading {  margin: 0;}.section--faq {  background-color: var(--color-soft);  padding: 0 0 3rem;}.section--faq .faq-list {  display: flex;  flex-direction: column;  gap: 1.25rem;}.section--faq .faq-item {  background-color: #ffffff;  border-radius: 1.625rem;  overflow: hidden;}.section--faq .faq-summary {  display: flex;  align-items: center;  justify-content: space-between;  gap: 1rem;  padding: 1.25rem 1.875rem;  cursor: pointer;  list-style: none;  position: relative;}.section--faq .faq-summary::-webkit-details-marker {  display: none;}.section--faq .faq-title {  font-family: var(--font);  font-size: 1.25rem;  line-height: 1.25;  color: var(--color-ink);  font-weight: 500;  padding-right: 3.5rem;  flex: 1;}.section--faq .faq-icon {  position: absolute;  top: 50%;  right: 1.125rem;  width: 2.5rem;  height: 2.5rem;  transform: translateY(-50%);  flex-shrink: 0;}.section--faq .faq-icon-circle {  position: absolute;  top: 0;  left: 0;  width: 2.5rem;  height: 2.5rem;  border-radius: 50%;  background-color: #ffffff;}.section--faq .faq-icon-lines {  position: absolute;  top: 50%;  left: 50%;  width: 1.5rem;  height: 1.5rem;  transform: translate(-50%, -50%);  display: flex;  align-items: center;  justify-content: center;  color: var(--color-ink);  transition: transform 0.3s ease-in-out, color 0.2s ease-in-out;}.section--faq .faq-icon-svg {  display: block;}.section--faq .faq-item[open] .faq-icon-lines {  transform: translate(-50%, -50%) rotate(-45deg);}.section--faq .faq-summary:hover .faq-icon-lines,.section--faq .faq-summary:focus-visible .faq-icon-lines {  color: var(--color-teal);}.section--faq .faq-answer {  padding: 0 1.875rem 1.25rem;}.section--faq .faq-text {  font-family: var(--font);  font-size: 1.0625rem;  color: var(--color-muted);  font-weight: 400;  line-height: 1.55;}@media screen and (max-width: 639px) {  .section--faq {    padding-bottom: 2.5rem;  }  .section--faq .faq-summary {    padding: 1.25rem;  }  .section--faq .faq-answer {    padding: 0 1.25rem 1.25rem;  }  .section--faq .faq-icon {    right: 0.5rem;  }  .section--faq .faq-title {    font-size: 1.0625rem;  }  .section--faq .faq-text {    font-size: 0.9375rem;  }}/* Reviews carousel */.section--reviews-title {  background-color: var(--color-soft);  padding-bottom: 1.25rem;}.section--reviews-title .section-heading {  margin: 0;}.section--reviews {  background-color: var(--color-soft);  padding: 0 0 3rem;  overflow: hidden;}.section--reviews .reviews-gallery {  position: relative;  overflow: visible;  width: 100%;  max-width: var(--container);  margin: 0 auto;  padding: 0 4rem;  box-sizing: border-box;}.section--reviews .reviews-viewport {  overflow: hidden;  width: 100%;  cursor: grab;  touch-action: pan-y;  user-select: none;}.section--reviews .reviews-viewport.is-dragging {  cursor: grabbing;}.section--reviews .reviews-track {  display: flex;  flex-wrap: nowrap;  flex-shrink: 0;  transition: margin-left 0.3s ease-in-out;  will-change: margin-left;}.section--reviews .reviews-track.is-dragging {  transition: none;}.section--reviews .reviews-slide {  flex: 0 0 auto;  box-sizing: border-box;  padding-right: 2.5rem;}.section--reviews .reviews-card-wrap {  border-radius: 1.625rem;  overflow: hidden;  position: relative;}.section--reviews .reviews-card {  background-color: #ffffff;  height: 18.75rem;  padding: 2.5rem 1.875rem 1.875rem;  box-sizing: border-box;  position: relative;  overflow: hidden;  display: flex;  flex-direction: column;  cursor: default;}.section--reviews .reviews-card--fade {  cursor: pointer;}.section--reviews .reviews-card--fade::after {  content: "";  position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 7.1875rem;  background-image: linear-gradient(0deg, #ffffff 27%, rgba(255, 255, 255, 0) 110%);  pointer-events: none;}.section--reviews .reviews-author {  display: flex;  align-items: flex-start;  text-align: left;  margin-bottom: 0.75rem;}.section--reviews .reviews-stars {  display: flex;  align-items: center;  gap: 0.1875rem;  color: var(--color-orange);  margin-bottom: 1rem;}.section--reviews .reviews-stars svg {  display: block;  width: 1.125rem;  height: 1.125rem;  flex-shrink: 0;}.section--reviews .reviews-avatar {  width: 3.125rem;  height: 3.125rem;  border-radius: 1.25rem;  object-fit: cover;  flex-shrink: 0;  margin-right: 0.5625rem;}.section--reviews .reviews-avatar--initials {  display: inline-flex;  align-items: center;  justify-content: center;  background: var(--color-ink);  color: #fff;  font-size: 1.125rem;  font-weight: 600;  line-height: 1;}.section--reviews .reviews-author-name {  font-family: var(--font);  font-size: 1.5rem;  line-height: 1.2;  color: var(--color-ink);  font-weight: 500;  margin-bottom: 0.4375rem;}.section--reviews .reviews-author-descr {  font-family: var(--font);  font-size: 1rem;  color: #8a9a96;  font-weight: 400;}.section--reviews .reviews-text {  font-family: var(--font);  font-size: 1.125rem;  color: var(--color-muted);  font-weight: 400;  line-height: 1.55;}.section--reviews .reviews-more {  display: none;  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 7.1875rem;  background-image: linear-gradient(0deg, #ffffff 2.5rem, rgba(255, 255, 255, 0) 110%);  pointer-events: none;  align-items: flex-end;  justify-content: center;  padding-bottom: 1.5625rem;  box-sizing: border-box;}.section--reviews .reviews-card--fade .reviews-more {  display: flex;}.section--reviews .reviews-more span {  width: 0.125rem;  height: 0.125rem;  margin: 0 0.125rem;  border-radius: 50%;  background: #000000;  opacity: 0.5;}.section--reviews .reviews-control {  position: absolute;  top: 50%;  transform: translateY(-50%);  z-index: 3;  width: 2.75rem;  height: 2.75rem;  border: 0;  border-radius: 50%;  padding: 0;  display: flex;  align-items: center;  justify-content: center;  background: #fff;  color: var(--color-ink);  box-shadow: 0 0.25rem 1rem rgba(6, 42, 38, 0.12);  cursor: pointer;  transition: background-color var(--ease), color var(--ease), transform var(--ease);}.section--reviews .reviews-control:hover {  background: var(--color-ink);  color: #fff;}.section--reviews .reviews-control:disabled {  opacity: 0.35;  pointer-events: none;  cursor: default;}.section--reviews .reviews-control:focus {  outline: none;}.section--reviews .reviews-control:focus-visible {  outline: 2px solid var(--color-ink);  outline-offset: 2px;}.section--reviews .reviews-control__icon {  display: flex;  align-items: center;  justify-content: center;}.section--reviews .reviews-control--prev {  left: 0.5rem;}.section--reviews .reviews-control--next {  right: 0.5rem;}.section--reviews .reviews-dialog {  border: none;  padding: 0;  max-width: 47.5rem;  width: calc(100% - 2.5rem);  background: transparent;}.section--reviews .reviews-dialog::backdrop {  background: rgba(0, 0, 0, 0.6);}.section--reviews .reviews-dialog-inner {  position: relative;  background: #ffffff;  border-radius: 1.625rem;  padding: 2.5rem 1.875rem;  max-height: calc(100vh - 7.5rem);  overflow-y: auto;  box-sizing: border-box;}.section--reviews .reviews-dialog-close {  position: absolute;  top: 0.625rem;  right: 0.625rem;  width: 2.6875rem;  height: 2.6875rem;  border: none;  background: transparent;  cursor: pointer;  padding: 0;  display: flex;  align-items: center;  justify-content: center;  color: var(--color-ink);}.section--reviews .reviews-avatar--lg {  width: 4rem;  height: 4rem;  border-radius: 1.5rem;  font-size: 1.375rem;}.section--reviews .reviews-author-name--lg {  font-size: 1.75rem;}.section--reviews .reviews-author-descr--lg {  font-size: 1.125rem;}@media screen and (max-width: 1199px) {  .section--reviews .reviews-gallery {    padding: 0 3.5rem;  }  .section--reviews .reviews-slide {    padding-right: 1.25rem;  }}@media screen and (max-width: 639px) {  .section--reviews {    padding-bottom: 2.5rem;  }  .section--reviews .reviews-gallery {    padding: 0 3rem;  }  .section--reviews .reviews-slide {    padding-right: 1.25rem;  }  .section--reviews .reviews-control {    width: 2.5rem;    height: 2.5rem;  }  .section--reviews .reviews-control--prev {    left: 0.25rem;  }  .section--reviews .reviews-control--next {    right: 0.25rem;  }  .section--reviews .reviews-author-name {    font-size: 1.25rem;  }  .section--reviews .reviews-author-descr {    font-size: 0.875rem;  }  .section--reviews .reviews-text {    font-size: 0.9375rem;  }}@media screen and (max-width: 479px) {  .section--reviews .reviews-author-name--lg {    font-size: 1.25rem;  }  .section--reviews .reviews-author-descr--lg {    font-size: 0.875rem;  }  .section--reviews .reviews-text--popup {    font-size: 0.9375rem;  }}@media screen and (max-width: 639px) {  .cookie-bar {    left: 12px;    bottom: 12px;  }}/* Inner company subpages: payment / certificates / guarantees */.section--inner-grid {  padding: 2rem 0 3.5rem;}.section--inner-grid .section-heading {  margin: 0 0 1.75rem;}.inner-info-grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 1.15rem;}.inner-info-grid--3 {  grid-template-columns: repeat(3, minmax(0, 1fr));}.inner-info-grid--2 {  grid-template-columns: repeat(2, minmax(0, 1fr));}.inner-info-card {  background: #fff;  border: 1px solid var(--color-line);  border-radius: var(--radius-md);  padding: 1.35rem 1.25rem;  box-sizing: border-box;}.inner-info-card__title {  margin: 0 0 0.5rem;  font-size: 1.05rem;  font-weight: 700;  color: var(--color-ink);}.inner-info-card__text {  margin: 0;  font-size: 0.925rem;  line-height: 1.5;  color: var(--color-muted);}.inner-info-card .btn {  margin-top: 1.15rem;}.section--inner-note {  padding: 0 0 3.5rem;}.inner-note {  background: var(--color-soft);  border-radius: var(--radius-lg);  padding: 2rem;  border: 1px solid var(--color-line);}.inner-note .section-heading {  margin: 0 0 1.25rem;}.inner-note__text {  margin: 1.25rem 0 0;  max-width: 40rem;  color: var(--color-muted);  font-size: 1rem;  line-height: 1.55;}.inner-note__text--lead {  margin-top: 0;}.inner-note .page-cta {  margin-top: 1.25rem;}.prices-home--page {  padding-top: 0.5rem;}.page--calculator .quiz {  padding-top: 0.5rem;}.inner-steps {  margin: 0;  padding-left: 1.25rem;  color: var(--color-ink);  font-size: 1rem;  line-height: 1.55;}.inner-steps li {  margin-bottom: 0.55rem;}.inner-steps li:last-child {  margin-bottom: 0;}.inner-checklist {  margin: 0;  padding-left: 1.2rem;  color: var(--color-ink);  font-size: 1rem;  line-height: 1.55;}.inner-checklist li {  margin-bottom: 0.5rem;}.about-stats--3 {  grid-template-columns: repeat(3, minmax(0, 1fr));}@media screen and (max-width: 959px) {  .inner-info-grid,  .inner-info-grid--3,  .inner-info-grid--2 {    grid-template-columns: repeat(2, minmax(0, 1fr));  }}@media screen and (max-width: 639px) {  .inner-info-grid,  .inner-info-grid--3,  .inner-info-grid--2,  .about-stats--3 {    grid-template-columns: 1fr;  }  .inner-note {    padding: 1.35rem;  }}/* ==========================================================================   Inner pages: about / contacts / reviews   ========================================================================== */.breadcrumbs {  padding: 1.25rem 0 0;}.breadcrumbs__list {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 0.35rem 0.5rem;  margin: 0;  padding: 0;  list-style: none;  font-size: 0.65625rem;  color: var(--color-muted);}.breadcrumbs__list li:not(:last-child)::after {  content: "/";  margin-left: 0.5rem;  color: var(--color-line);}.breadcrumbs__list a {  color: var(--color-muted);  text-decoration: none;}.breadcrumbs__list a:hover {  color: var(--color-accent);}.breadcrumbs__list [aria-current="page"] {  color: var(--color-ink);  font-weight: 500;}.section--page-title {  padding: 1.5rem 0 1.25rem;}.section--page-title .section-heading {  margin: 0;}.page--akcii .section--page-title {  padding-bottom: 0.25rem;}.page--akcii .section.promo-lamp {  padding-top: 0.5rem;}.page-lead {  max-width: 40rem;  margin: 1rem 0 0;  font-size: 1.125rem;  line-height: 1.55;  color: var(--color-muted);}.catalog-intro {  padding-top: 0;  padding-bottom: 2rem;}.catalog-intro__inner {  max-width: 44rem;}.catalog-intro__inner p {  margin: 0 0 1rem;  font-size: 1.0625rem;  line-height: 1.6;  color: var(--color-ink);}.catalog-intro__inner p:last-child {  margin-bottom: 0;}.page--catalog .breadcrumbs {  position: absolute;  top: 0;  left: 0;  right: 0;  z-index: 2;  padding: 0.75rem 0 0;  pointer-events: none;}.page--catalog .breadcrumbs .container,.page--catalog .breadcrumbs a {  pointer-events: auto;}@media screen and (min-width: 1200px) {  .page--katalog-hub .cards-grid {    grid-template-columns: repeat(4, minmax(0, 1fr));  }}.page--katalog-hub .catalog-hub-card {  display: flex;  flex-direction: column;  color: inherit;  text-decoration: none;  transition: transform var(--ease), box-shadow var(--ease);}.page--katalog-hub .catalog-hub-card:hover {  transform: translateY(-2px);}.page-section--subnav {  padding: 0 0 0.5rem;}.page-section--subnav .subnav {  margin-bottom: 0;}/* About intro */.section--about-intro {  padding: 2.5rem 0 3.75rem;}.about-intro {  display: grid;  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);  gap: 2.5rem;  align-items: center;}.about-intro__images {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 0.75rem;}.about-intro__card {  border-radius: var(--radius-md);  overflow: hidden;  background: var(--color-soft);  aspect-ratio: 270 / 418;}.about-intro__card img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;}.about-intro__card:nth-child(2) {  margin-top: 1.5rem;}.about-intro__content .section-heading {  margin: 0 0 1rem;}.about-intro__lead,.about-intro__text {  margin: 0 0 0.9rem;  color: var(--color-muted);  font-size: 1rem;  line-height: 1.55;}.about-intro__actions {  margin-top: 1.5rem;}/* About cycle */.section--about-cycle {  padding: 3.75rem 0;  background: var(--color-bg);}.about-cycle__heading {  max-width: 35rem;  margin: 0 0 2.5rem;}.about-cycle__grid {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 1.25rem;}.about-cycle__card {  background: var(--color-soft);  border-radius: var(--radius-lg);  padding: 1.75rem;  min-height: 10rem;  box-sizing: border-box;}.about-cycle__card--accent {  background: var(--color-accent);  color: #fff;}.about-cycle__label {  margin: 0 0 0.75rem;  font-size: 1.125rem;  font-weight: 600;  line-height: 1.2;  color: var(--color-ink);}.about-cycle__card--accent .about-cycle__label {  color: #fff;}.about-cycle__text {  margin: 0;  font-size: 0.875rem;  line-height: 1.55;  color: var(--color-muted);}.about-cycle__card--accent .about-cycle__text {  color: rgba(255, 255, 255, 0.9);}/* About stats */.section--about-stats {  padding: 2.5rem 0 3.75rem;}.about-stats {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 1.25rem;}.about-stats__card {  padding: 1.5rem 1.25rem;  border-radius: var(--radius-md);  background: #fff;  border: 1px solid var(--color-line);  text-align: center;}.about-stats__value {  margin: 0;  font-size: 2.25rem;  font-weight: 700;  line-height: 1.1;  color: var(--color-ink);  letter-spacing: -0.02em;}.about-stats__label {  margin: 0.5rem 0 0;  font-size: 0.875rem;  line-height: 1.45;  color: var(--color-muted);}/* About why */.section--about-why {  padding: 3.75rem 0;  background: var(--color-soft);}.about-why {  display: grid;  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);  gap: 2rem;  align-items: stretch;}.about-why__main .section-heading {  margin: 0 0 1.75rem;}.about-why__grid {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 1rem;}.about-why__card {  background: #fff;  border-radius: var(--radius-md);  padding: 1.35rem 1.25rem;  border: 1px solid var(--color-line);}.about-why__icon-wrap {  display: inline-flex;  align-items: center;  justify-content: center;  width: 3rem;  height: 3rem;  margin-bottom: 0.75rem;  border-radius: 0.5rem;  background: var(--color-soft);}.about-why__icon {  width: 1rem;  height: 1rem;  object-fit: contain;}.about-why__title {  margin: 0 0 0.4rem;  font-size: 1.05rem;  font-weight: 700;  color: var(--color-ink);}.about-why__text {  margin: 0;  font-size: 0.9rem;  line-height: 1.5;  color: var(--color-muted);}.about-why__visual {  border-radius: var(--radius-lg);  background: center / cover no-repeat var(--color-line);  min-height: 22rem;}/* About payment */.section--about-payment {  padding: 3.75rem 0;}.section--about-payment .section-heading {  margin: 0 0 1.75rem;}.about-payment__grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 1.15rem;}.about-payment__card {  padding: 1.35rem;  border-radius: var(--radius-md);  background: #fff;  border: 1px solid var(--color-line);}.about-payment__title {  margin: 0 0 0.5rem;  font-size: 1rem;  font-weight: 600;  color: var(--color-ink);}.about-payment__text {  margin: 0;  font-size: 0.875rem;  line-height: 1.5;  color: var(--color-muted);}.section--about-payment .page-cta {  margin-top: 1.5rem;}/* Page CTA form */.section--page-cta {  padding: 0 0 4rem;}.page-cta-card {  background: var(--color-soft);  border-radius: var(--radius-lg);  padding: 2.5rem;  border: 1px solid var(--color-line);}.page-cta-card .section-heading {  margin: 0 0 0.75rem;}.page-cta-card__lead {  margin: 0 0 1.5rem;  max-width: 36rem;  color: var(--color-muted);  font-size: 1.05rem;  line-height: 1.5;}.page-cta-form {  max-width: 32rem;  gap: 1rem;}.page-cta-form__row {  display: flex;  flex-wrap: wrap;  gap: 0.75rem;  align-items: stretch;}.page-cta-form__row .field {  flex: 1 1 14rem;  min-width: 0;}.page-cta-form__row .btn {  flex: 0 0 auto;}/* Contacts form */.section--contacts-form {  padding: 3.75rem 0 4rem;}.section--contacts-form .section-heading {  margin: 0;}.contacts-form-card {  max-width: 32rem;  margin-top: 1.75rem;  padding: 1.75rem;  background: #fff;  border: 1px solid var(--color-line);  border-radius: var(--radius-lg);}.contacts-form {  gap: 1rem;}.field--textarea {  display: block;  min-height: 0;  padding: 0;  border: 0;  background: transparent;}.form-textarea {  display: block;  width: 100%;  min-height: 7rem;  padding: 0.85rem 1rem;  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  background: #fff;  font: inherit;  color: var(--color-ink);  resize: vertical;  outline: none;  box-sizing: border-box;}.form-textarea:focus {  border-color: var(--color-accent);}.page--contacts .contacts--home {  padding-top: 1.5rem;}.page--contacts .contacts--home__title {  display: none;}/* Reviews page grid */.section--reviews-grid {  padding: 1.5rem 0 3.75rem;  background: var(--color-soft);}.reviews-page-grid {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 1.25rem;}.reviews-page-card {  background: #fff;  border-radius: var(--radius-lg);  padding: 1.75rem 1.5rem;  border: 1px solid var(--color-line);  display: flex;  flex-direction: column;  gap: 0.75rem;  box-sizing: border-box;}.reviews-page-card .reviews-author {  display: flex;  align-items: flex-start;  gap: 0.65rem;}.reviews-page-card .reviews-avatar--initials {  display: inline-flex;  align-items: center;  justify-content: center;  width: 3.125rem;  height: 3.125rem;  border-radius: 1.25rem;  background: var(--color-ink);  color: #fff;  font-size: 1.125rem;  font-weight: 600;  flex-shrink: 0;}.reviews-page-card .reviews-author-name {  font-size: 1.35rem;  font-weight: 600;  line-height: 1.2;  color: var(--color-ink);  margin-bottom: 0.25rem;}.reviews-page-card .reviews-author-descr {  font-size: 0.9rem;  color: var(--color-muted);}.reviews-page-card .reviews-stars {  display: flex;  gap: 0.15rem;  color: #f5a623;}.reviews-page-card .reviews-text {  margin: 0;  font-size: 1rem;  line-height: 1.55;  color: var(--color-muted);}/* Review form */.section--review-form {  padding: 0 0 2.5rem;  background: var(--color-soft);}.review-form-card {  background: #fff;  border-radius: var(--radius-lg);  padding: 2.5rem;  max-width: 50rem;  margin: 0 auto;  width: 100%;  border: 1px solid var(--color-line);  box-sizing: border-box;}.review-form-header {  margin-bottom: 1.75rem;}.review-form-header .section-heading {  margin: 0 0 0.5rem;}.review-form-header .page-lead {  margin-top: 0.5rem;  font-size: 1rem;}.review-form {  gap: 1.25rem;}.review-form-grid {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 1.15rem;}.review-field-wrap {  display: flex;  flex-direction: column;  gap: 0.5rem;  width: 100%;}.review-field-label {  font-size: 0.875rem;  font-weight: 600;  color: var(--color-ink);}.review-field-required {  color: var(--color-danger);}.review-field-note {  font-size: 0.8125rem;  font-weight: 400;  color: var(--color-muted);}.review-input,.review-textarea {  width: 100%;  background: var(--color-soft);  border: 1px solid var(--color-line);  border-radius: var(--radius-sm);  font: inherit;  font-size: 0.9375rem;  color: var(--color-ink);  padding: 0 1rem;  outline: none;  box-sizing: border-box;  transition: border-color var(--ease);}.review-input {  height: 3.125rem;}.review-textarea {  padding: 0.85rem 1rem;  min-height: 7.5rem;  resize: vertical;  line-height: 1.5;}.review-input:focus,.review-textarea:focus {  border-color: var(--color-accent);  background: #fff;}.review-rating-row {  display: flex;  flex-direction: column;  gap: 0.5rem;}.review-rating {  display: inline-flex;  flex-direction: row-reverse;  justify-content: flex-end;  align-items: center;  gap: 0.35rem;}.rating-star {  display: inline-flex;  align-items: center;  justify-content: center;  cursor: pointer;  color: #d4d9d7;  padding: 0.125rem;  border-radius: 0.25rem;  transition: color 0.15s ease, transform 0.15s ease;}.rating-star svg {  display: block;  width: 1.625rem;  height: 1.625rem;}.rating-star:hover {  transform: scale(1.1);}.review-rating input[type="radio"]:checked ~ .rating-star {  color: #f5a623;}.review-rating .rating-star:hover,.review-rating .rating-star:hover ~ .rating-star {  color: #f5a623 !important;}.review-rating input[type="radio"]:focus-visible + .rating-star {  outline: 2px solid var(--color-accent);  outline-offset: 2px;}.review-field-row--phone {  max-width: 24rem;}.review-field-row--phone .field--phone {  background: var(--color-soft);}.review-actions-row {  display: flex;}/* Questions CTA */.section--questions-cta {  padding: 2.5rem 0 4rem;}.questions-cta {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  gap: 1.5rem;  padding: 2rem;  background: var(--color-soft);  border-radius: var(--radius-lg);  border: 1px solid var(--color-line);}.questions-cta .section-heading {  margin: 0 0 0.5rem;}.questions-cta__text {  margin: 0;  max-width: 28rem;  color: var(--color-muted);  font-size: 1rem;  line-height: 1.5;}.questions-cta__actions {  display: flex;  flex-wrap: wrap;  gap: 0.75rem;  align-items: center;}.questions-cta__messenger {  display: inline-flex;  align-items: center;  gap: 0.65rem;  padding: 0.65rem 1rem;  border-radius: var(--radius-sm);  background: var(--color-ink);  color: #fff;  text-decoration: none;  min-height: 3rem;  box-sizing: border-box;}.questions-cta__messenger:hover {  opacity: 0.92;  color: #fff;}.questions-cta__messenger--tg {  background: #229ed9;}.questions-cta__messenger--max {  background: #1a1a1a;}.questions-cta__icon {  display: inline-flex;  width: 1.25rem;  height: 1.25rem;}.questions-cta__icon img {  width: 100%;  height: 100%;  display: block;}.questions-cta__copy {  display: flex;  flex-direction: column;  line-height: 1.15;}.questions-cta__label {  font-size: 0.7rem;  opacity: 0.75;}.questions-cta__name {  font-size: 0.95rem;  font-weight: 600;}@media screen and (max-width: 959px) {  .about-intro {    grid-template-columns: 1fr;  }  .about-intro__card:nth-child(2) {    margin-top: 0;  }  .about-cycle__grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .about-stats {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .about-why {    grid-template-columns: 1fr;  }  .about-why__visual {    min-height: 16rem;  }  .about-payment__grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }}@media screen and (max-width: 639px) {  .about-intro__images {    grid-template-columns: 1fr 1fr;  }  .about-cycle__grid,  .about-why__grid,  .about-payment__grid,  .about-stats,  .reviews-page-grid,  .review-form-grid {    grid-template-columns: 1fr;  }  .page-cta-card,  .review-form-card,  .contacts-form-card {    padding: 1.35rem;  }  .page-cta-form__row .btn {    width: 100%;  }  .questions-cta {    padding: 1.35rem;  }  .questions-cta__actions {    width: 100%;  }  .questions-cta__messenger,  .questions-cta__actions .btn {    width: 100%;    justify-content: center;  }}/* Works page grid */.section--works-grid {  padding: 1.5rem 0 3.75rem;}.works-page-grid {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 1.25rem;}.works-page-grid .portfolio-card {  flex: none;  width: 100%;  min-width: 0;}@media screen and (max-width: 959px) {  .works-page-grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }}@media screen and (max-width: 639px) {  .works-page-grid {    grid-template-columns: 1fr;  }}/* ===== Site search results ===== */.section--search-results .container {  max-width: var(--container);  margin: 0 auto;  padding: 0 1.5rem 3rem;  box-sizing: border-box;}.search-results-meta {  margin: 0 0 1.5rem;  color: var(--color-ink);  font-family: var(--font);  font-size: 0.875rem;  font-weight: 400;  line-height: 1.55;  opacity: 0.75;}.search-results-list {  list-style: none;  margin: 0;  padding: 0;  display: flex;  flex-direction: column;  gap: 0.75rem;}.search-results-item {  margin: 0;}.search-results-link {  display: flex;  align-items: flex-start;  gap: 1rem;  padding: 1rem 0;  border-bottom: 1px solid var(--color-line);  text-decoration: none;  color: inherit;  transition: opacity 0.2s ease;}.search-results-link:hover {  opacity: 0.85;}.search-results-link:hover .search-results-title {  color: var(--color-accent);}.search-results-thumb {  flex-shrink: 0;  width: 5.5rem;  height: 4rem;  border-radius: 0.5rem;  object-fit: cover;  background-color: var(--color-soft);}.search-results-body {  flex: 1;  min-width: 0;}.search-results-type {  margin: 0 0 0.25rem;  color: var(--color-accent);  font-family: var(--font);  font-size: 0.6875rem;  font-weight: 500;  line-height: 1.4;  text-transform: uppercase;  letter-spacing: 0.02em;}.search-results-title {  margin: 0 0 0.35rem;  color: var(--color-ink);  font-family: var(--font);  font-size: 1.0625rem;  font-weight: 500;  line-height: 1.35;  transition: color 0.2s ease;}.search-results-excerpt {  margin: 0;  color: var(--color-ink);  font-family: var(--font);  font-size: 0.8125rem;  font-weight: 400;  line-height: 1.5;  opacity: 0.75;}.search-results-empty {  margin: 0;  color: var(--color-ink);  font-family: var(--font);  font-size: 0.9375rem;  font-weight: 400;  line-height: 1.55;}@media screen and (max-width: 639px) {  .section--search-results .container {    padding: 0 0.9375rem 2.5rem;  }  .search-results-thumb {    width: 4.5rem;    height: 3.25rem;  }  .search-results-title {    font-size: 0.9375rem;  }}@media screen and (max-width: 479px) {  .section--search-results .container {    padding: 0 0.75rem 2rem;  }  .search-results-link {    gap: 0.75rem;  }}/* Privacy policy */.section--privacy {  padding: 0.5rem 0 4.5rem;}.privacy-doc {  max-width: 50rem;  color: var(--color-ink);  line-height: 1.55;}.privacy-doc h2 {  margin: 2rem 0 0.875rem;  font-size: 1.25rem;  font-weight: 700;  line-height: 1.3;  color: var(--color-ink);}.privacy-doc h2:first-child {  margin-top: 0;}.privacy-doc p {  margin: 0 0 0.75rem;  font-size: 0.9375rem;  color: var(--color-ink);}.privacy-doc__requisites {  margin-top: 2.5rem;}.privacy-doc__requisites h2 {  margin-top: 0;}.privacy-doc ul {  margin: 0 0 0.875rem;  padding-left: 1.25em;  font-size: 0.9375rem;}.privacy-doc li {  margin-bottom: 0.5rem;}.privacy-doc a,.page--privacy .page-lead a {  color: var(--color-accent);}.privacy-doc a:hover,.page--privacy .page-lead a:hover {  color: var(--color-accent-dark);}.privacy-doc__table-wrap {  overflow-x: auto;  margin: 1rem 0 1.5rem;}.privacy-doc__table {  width: 100%;  border-collapse: collapse;  font-size: 0.875rem;}.privacy-doc__table th,.privacy-doc__table td {  border: 1px solid var(--color-line);  padding: 0.75rem 0.875rem;  text-align: left;  vertical-align: top;}.privacy-doc__table th {  width: 32%;  background: var(--color-soft);  font-weight: 600;  color: var(--color-ink);}@media screen and (max-width: 639px) {  .privacy-doc__table th {    width: auto;  }  .privacy-doc__table th,  .privacy-doc__table td {    padding: 0.65rem 0.7rem;  }}/* h1 stays at .section-heading size; h2 steps down */h2.section-heading,.materials__head h2.section-heading,.final-form__body h2.section-heading,h2.contacts--home__title,.section.portfolio h2.section-heading,.measure__body h2.section-heading,.cases-block h2.section-heading {  font-size: 2.25rem;}.promo-lamp__body h2.section-heading {  font-size: calc(30 * var(--pl));}@media screen and (max-width: 959px) {  h2.section-heading,  .materials__head h2.section-heading,  .final-form__body h2.section-heading,  h2.contacts--home__title,  .section.portfolio h2.section-heading,  .measure__body h2.section-heading,  .cases-block h2.section-heading,  .promo-lamp__body h2.section-heading {    font-size: 1.5rem;  }}@media screen and (max-width: 639px) {  h2.section-heading,  .materials__head h2.section-heading,  .final-form__body h2.section-heading,  h2.contacts--home__title,  .section.portfolio h2.section-heading,  .measure__body h2.section-heading,  .cases-block h2.section-heading,  .promo-lamp__body h2.section-heading {    font-size: 1.35rem;  }}/* See also: full-width type cards */.see-also__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;}@media screen and (max-width:1199px){.see-also__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media screen and (max-width:640px){.see-also__grid{grid-template-columns:1fr;}}/* --- img cover for former background-image photos --- */.hero__photo > img,.type-card__media > img,.card__media > img,.quiz__option-photo > img,.portfolio-card__media > img,.process-step__media > img,.about-why__visual > img {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  z-index: 0;  display: block;  pointer-events: none;}.hero__photo {  background-image: none;}.hero__photo > img {  object-position: center 20%;  border-radius: inherit;}@media screen and (max-width: 767px) {  .hero__photo > img {    object-position: center;  }}.type-card__media,.portfolio-card__media,.quiz__option-photo,.process-step__media {  background-image: none !important;}.card__media,.about-why__visual {  position: relative;  overflow: hidden;  background-image: none !important;}.type-card__media::before,.portfolio-card__media::after,.hero__media::before,.promo-lamp__banner::before,.type-card__media--swatch::after {  z-index: 1;}/* Match type-card corners (0.5rem). Quiz checkmark sits outside the photo, so radius goes on the image. */.quiz__option-photo,.quiz__option-photo > img {  border-radius: 0.5rem;}.process-step__media {  overflow: hidden;}.process-step__media > img {  border-radius: inherit;}@media screen and (max-width: 639px) {  .portfolio-card {    flex-basis: min(21.25rem, calc(100vw - 3.5rem));    max-width: calc(100vw - 3.5rem);  }}