Онлайн-калькулятор
Рассчитайте стоимость реставрации ванны
Выберите нужные параметры и получите предварительную стоимость восстановления ванны жидким акрилом.
Предварительная стоимость
Позвонить мастеру
200 BYN
Покрытие:200 BYN
Размер:0 BYN
Состояние:0 BYN
Старое покрытие:0 BYN
Доп. работы:0 BYN
Расчёт является предварительным. Точную стоимость мастер озвучит после осмотра ванны.
.tm-calc {
width: 100%;
padding: 50px 16px;
background: #f7f7f7;
box-sizing: border-box;
font-family: Arial, sans-serif;
}.tm-calc * {
box-sizing: border-box;
}.tm-calc__wrap {
max-width: 1120px;
margin: 0 auto;
background: #ffffff;
border-radius: 28px;
padding: 34px;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
}.tm-calc__head {
max-width: 760px;
margin-bottom: 28px;
}.tm-calc__badge {
display: inline-block;
margin-bottom: 12px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(164, 240, 1, 0.22);
color: #3f5f00;
font-size: 14px;
font-weight: 700;
}.tm-calc__head h2 {
margin: 0 0 12px;
font-size: 34px;
line-height: 1.15;
color: #111111;
}.tm-calc__head p {
margin: 0;
font-size: 17px;
line-height: 1.5;
color: #555555;
}.tm-calc__grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 28px;
align-items: start;
}.tm-calc__form {
display: grid;
gap: 18px;
}.tm-field label {
display: block;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
color: #222222;
}.tm-field select {
width: 100%;
padding: 15px 16px;
border: 1px solid #d8d8d8;
border-radius: 14px;
background: #ffffff;
color: #222222;
font-size: 16px;
outline: none;
}.tm-field select:focus {
border-color: #A4F001;
box-shadow: 0 0 0 3px rgba(164, 240, 1, 0.22);
}.tm-check {
display: flex !important;
gap: 10px;
align-items: flex-start;
margin: 10px 0 0 !important;
padding: 13px 14px;
border: 1px solid #e3e3e3;
border-radius: 14px;
background: #fbfbfb;
cursor: pointer;
}.tm-check input {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: #A4F001;
}.tm-check span {
font-size: 15px;
line-height: 1.35;
color: #333333;
}.tm-result-card {
position: sticky;
top: 20px;
padding: 28px;
border-radius: 24px;
background: linear-gradient(180deg, rgba(164, 240, 1, 0.18) 0%, #ffffff 100%);
border: 1px solid rgba(164, 240, 1, 0.45);
}.tm-result-label {
display: block;
margin-bottom: 8px;
color: #3f5f00;
font-weight: 700;
font-size: 15px;
}.tm-result-price {
margin-bottom: 20px;
font-size: 44px;
line-height: 1;
font-weight: 800;
color: #111111;
}.tm-result-list {
display: grid;
gap: 12px;
margin-bottom: 18px;
}.tm-result-list div {
display: flex;
justify-content: space-between;
gap: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
font-size: 15px;
}.tm-result-list span {
color: #555555;
}.tm-result-list b {
color: #111111;
white-space: nowrap;
}.tm-note {
margin: 0 0 18px;
font-size: 14px;
line-height: 1.45;
color: #666666;
}.tm-call {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 52px;
border-radius: 16px;
background: #A4F001;
color: #111111 !important;
text-decoration: none;
font-size: 17px;
font-weight: 800;
transition: 0.2s ease;
}.tm-call:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(164, 240, 1, 0.35);
}@media (max-width: 860px) {
.tm-calc__wrap {
padding: 24px;
border-radius: 22px;
}.tm-calc__grid {
grid-template-columns: 1fr;
}.tm-calc__head h2 {
font-size: 28px;
}.tm-result-card {
position: static;
}
}@media (max-width: 520px) {
.tm-calc {
padding: 28px 10px;
}.tm-calc__wrap {
padding: 18px;
}.tm-calc__head h2 {
font-size: 24px;
}.tm-calc__head p {
font-size: 15px;
}.tm-result-price {
font-size: 36px;
}.tm-field select {
font-size: 15px;
padding: 13px 14px;
}
}
.tm-client-fields {
display: grid;
gap: 10px;
margin: 18px 0;
}.tm-client-fields input {
width: 100%;
padding: 14px 15px;
border: 1px solid #d8d8d8;
border-radius: 14px;
background: #ffffff;
color: #111111;
font-size: 15px;
outline: none;
}.tm-client-fields input:focus {
border-color: #A4F001;
box-shadow: 0 0 0 3px rgba(164, 240, 1, 0.22);
}#tmSendTelegram {
width: 100%;
min-height: 52px;
border: none;
border-radius: 16px;
background: #111111;
color: #ffffff;
font-size: 16px;
font-weight: 800;
cursor: pointer;
transition: 0.2s ease;
}#tmSendTelegram:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
}#tmSendStatus {
margin: 0;
font-size: 14px;
line-height: 1.35;
color: #333333;
}
html,
body {
max-width: 100% !important;
overflow-x: hidden !important;
}body .tm-calc {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
padding-left: 8px !important;
padding-right: 8px !important;
}body .tm-calc,
body .tm-calc * {
box-sizing: border-box !important;
}body .tm-calc__wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}body .tm-calc__grid,
body .tm-calc__form,
body .tm-calc__result,
body .tm-result-card,
body .tm-field,
body .tm-client-fields {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}body .tm-calc__grid {
grid-template-columns: minmax(0, 1fr) !important;
}body .tm-field select {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
appearance: none !important;
-webkit-appearance: none !important;
padding-right: 38px !important;
background-image:
linear-gradient(45deg, transparent 50%, #111111 50%),
linear-gradient(135deg, #111111 50%, transparent 50%);
background-position:
calc(100% — 20px) 50%,
calc(100% — 14px) 50%;
background-size:
6px 6px,
6px 6px;
background-repeat: no-repeat;
}body .tm-check {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}body .tm-check span,
body .tm-calc__head h2,
body .tm-calc__head p,
body .tm-note,
body #tmSendStatus {
max-width: 100% !important;
min-width: 0 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}body .tm-result-list div {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 3px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}body .tm-result-list span,
body .tm-result-list b {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}body .tm-client-fields input,
body #tmSendTelegram,
body .tm-call {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}@media (min-width: 861px) {
body .tm-calc {
padding-left: 16px !important;
padding-right: 16px !important;
}body .tm-calc__wrap {
max-width: 1120px !important;
margin-left: auto !important;
margin-right: auto !important;
}body .tm-calc__grid {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
}body .tm-result-list div {
display: flex !important;
justify-content: space-between !important;
gap: 14px !important;
}body .tm-result-list span {
width: auto !important;
}body .tm-result-list b {
width: auto !important;
white-space: nowrap !important;
}
}@media (max-width: 520px) {
body .tm-calc {
padding: 24px 6px !important;
}body .tm-calc__wrap {
padding: 12px !important;
border-radius: 16px !important;
}body .tm-calc__head h2 {
font-size: 22px !important;
line-height: 1.18 !important;
}body .tm-calc__head p {
font-size: 14px !important;
}body .tm-field label {
font-size: 14px !important;
}body .tm-field select {
font-size: 13px !important;
padding-left: 10px !important;
padding-right: 34px !important;
}body .tm-check {
padding: 10px !important;
}body .tm-check span {
font-size: 13px !important;
}body .tm-result-card {
padding: 14px 12px !important;
border-radius: 16px !important;
}body .tm-result-price {
font-size: 30px !important;
}body .tm-client-fields input,
body #tmSendTelegram,
body .tm-call {
font-size: 14px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}.tm-calc-spoiler {
width: 100%;
max-width: 1120px;
margin: 25px auto;
}.tm-calc-spoiler summary {
display: flex;
align-items: center;
justify-content: center;
min-height: 58px;
padding: 16px 22px;
border-radius: 18px;
background: #A4F001;
color: #111111;
font-size: 18px;
font-weight: 800;
cursor: pointer;
list-style: none;
text-align: center;
box-shadow: 0 10px 25px rgba(164, 240, 1, 0.28);
}.tm-calc-spoiler summary::-webkit-details-marker {
display: none;
}.tm-calc-spoiler summary::after {
content: » ↓»;
margin-left: 8px;
font-size: 18px;
}.tm-calc-spoiler[open] summary::after {
content: » ↑»;
}.tm-calc-spoiler[open] summary {
margin-bottom: 18px;
}@media (max-width: 520px) {
.tm-calc-spoiler {
margin: 18px auto;
}.tm-calc-spoiler summary {
min-height: 54px;
padding: 14px 16px;
font-size: 16px;
border-radius: 16px;
}
}
