html {
    font-size: 1vw;
}
body {
    margin: 0;
    font-size: 1.04167rem;
}
body * {
    font-family: G-BAR;
    box-sizing: border-box;
}
.flex {
    display: flex;
}

a {
    text-decoration: none;
}
h1, h2, h3, h4, h5, p, ul, ol {
    margin: 0;
    padding: 0;
}
ol {
    padding-left: 10px;
}
:root {
    --Black: #2C2929;
    --G-Web-White: #FFF;
    --Blue: #0223C6;
    --G-Web-Grey: #E1E1E1;
    --Gray: #EDEBF0;
}

.hidden {
    display: none !important;
}

section.header {
    display: flex;
    width: 100%;
    height: 4.93056rem;
    max-height: 4.93056rem;
    padding: 0 3.47222rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-bottom: 1px solid var(--Black, #2C2929);
    background: var(--G-Web-White, #FFF);
    position: sticky;
    top: 0;
    z-index: 2;
}
section.header h1 {
    color: var(--Black, #2C2929);
    text-align: center;
    font-feature-settings: 'calt' off;
    font-family: G-BAR;
    font-size: 1.38889rem;
    font-style: normal;
    font-weight: 400;
    line-height: 96%;
    text-transform: uppercase;
}
section.header .back-button {
    width: 1.52778rem;
    height: 1.31944rem;
    flex-shrink: 0;
    aspect-ratio: 22/19;
    cursor: pointer;
}
section.header .back-button svg {
    width: 1.52778rem;
    height: 1.31944rem;
    flex-shrink: 0;
    stroke-width: 1px;
    stroke: var(--Black, #2C2929);
}
section.header .close-button {
    width: 1.52778rem;
    height: 1.31944rem;
    flex-shrink: 0;
    aspect-ratio: 22/19;
    cursor: pointer;
}
section.header .close-button svg {
    width: 1.32132rem;
    height: 1.31944rem;
    flex-shrink: 0;
    stroke-width: 1px;
    stroke: var(--Black, #2C2929);
}

section.container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 3.64583rem 7.29167rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.47222rem;
    flex-shrink: 0;
}

section.container .select-cities {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    gap: 1.38889rem;
    flex: 1 0 0;
    align-self: stretch;
}
section.container .select-cities .select-button{
    display: flex;
    height: 4.0625rem;
    padding: 0.52083rem 1.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: var(--Gray, #EDEBF0);
    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    border: none;
}
section.container .select-cities .select-dropdown {
    background: #E1E5F8;
    padding: 0;
    top: 4.0625rem;
    border: none;
}
section.container .select-cities .select-option {
    display: flex;
    height: 4.0625rem;
    padding: 0 1.5625rem;
    justify-content: flex-start;
    align-items: center;
    gap: 0.52083rem;
    align-self: stretch;
    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    background: var(--Gray, #EDEBF0);
}
section.container .select-cities .select-option.selected, section.container .select-cities .select-option:hover {
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    font-weight: 700;
}
section.container .favorite-master {
    display: none;
    width: 100%;
    text-align: right;
}
section.container .favorite-master a {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 1.38889rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.94444rem */
    text-transform: uppercase;
}
section.container .favorite-master a svg{
    margin-left: 1.81rem;
    width: 1.52778rem;
    height: 1.31944rem;
    flex-shrink: 0;
    aspect-ratio: 22/19;
    stroke-width: 1px;
    stroke: var(--Blue, #0223C6);
}
section.booking-container {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    height: 100%;

    padding: 3.64583rem 7.29167rem;
    gap: 5.20833rem;
    flex-shrink: 0;
    /*height: calc(100vh - 4.93056rem);*/
}
section.booking-container .services-panel {
    width: calc(66.66% - 3.47222rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.60417rem;
    flex: 1 0 0;
}
section.booking-container .services-panel .filters{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.04167rem;
    align-self: stretch;
}
section.booking-container .services-panel .filters .select-button {
    display: flex;
    height: 4.0625rem;
    padding: 0.52083rem 1.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: var(--Gray, #EDEBF0);

    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    border: none;
}
section.booking-container .services-panel .filters .select-arrow {
    width: 0.76389rem;
    height: 0.76389rem;
    border-color: var(--Blue, #0223C6);
}
section.booking-container .services-panel .filters .select-dropdown {
    background: #E1E5F8;
    padding: 0;
    top: 4.0625rem;
    border: none;
}
section.booking-container .services-panel .filters .select-option {
    display: flex;
    height: 4.0625rem;
    padding: 0 1.5625rem;
    justify-content: flex-start;
    align-items: center;
    gap: 0.52083rem;
    align-self: stretch;
    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    background: var(--Gray, #EDEBF0);
}
section.booking-container .services-panel .filters .select-option:last-child {
    border-bottom: none;
}
section.booking-container .services-panel .filters .select-option.selected, section.booking-container .services-panel .filters .select-option:hover {
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    font-weight: 700;
}
section.booking-container .services-panel .filters .filter-top-master{
    display: flex;
    height: 4.0625rem;
    align-items: center;
    align-self: stretch;
    border: none;
}
section.booking-container .services-panel .filters .filter-top-master button{
    display: flex;
    padding: 1.04167rem 0;
    justify-content: center;
    align-items: center;
    gap: 0.52083rem;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Gray, #EDEBF0);
    flex: 1 0 0;
    color: var(--Blue, #0223C6);
    text-align: center;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}
section.booking-container .services-panel .filters .filter-top-master button.active{
    text-decoration: none;
    background: var(--Blue, #0223C6);
    color: #FFF;
    font-weight: 700;
}
section.booking-container .services-panel #servicesList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

section.booking-container .service-item {
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
}

section.booking-container .service-item:hover {
    border-color: #007bff;
}

section.booking-container .service-header {
    display: flex;
    padding: 1.25rem;
    align-items: flex-start;
    gap: 1.5625rem;
    align-self: stretch;
    border-bottom: 1px solid var(--Blue, #0223C6);
}
section.booking-container .service-header.active {
    border-bottom: none;
}
section.booking-container .service-header .label {
    display: flex;
    height: 1.19792rem;
    padding: 0 0.46875rem;
    justify-content: center;
    align-items: center;
    gap: 0.52083rem;
    border-radius: 1.40625rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #0223C6;
}
section.booking-container .service-header .label span {
    color: #0223C6;
    text-align: center;
    font-feature-settings: 'calt' off;
    font-size: 0.72917rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: lowercase;
}
section.booking-container .service-header.selected .service-name, section.booking-container .service-header.selected .service-duration, section.booking-container .service-header.selected .service-price{
    font-weight: 700;
}

section.booking-container .service-header:hover {
    /*cursor: pointer;*/
}

section.booking-container .expand-icon {
    width: 1.30208rem;
    height: 1.30208rem;

    color: var(--Blue, #0223C6);
    transition: transform 0.2s ease;
}
section.booking-container .expand-icon path, section.booking-container .add-remove-button svg path {
    stroke: var(--Blue, #0223C6);
}
section.booking-container .expand-icon.expanded {
    transform: rotate(180deg);
}

section.booking-container .service-name {
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    flex: 1 0 0;
    cursor: pointer;
}

section.booking-container .service-duration {
    color: var(--Blue, #0223C6);
    text-align: center;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: auto;
}

section.booking-container .service-price {
    width: auto;
    color: var(--Blue, #0223C6);
    text-align: center;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
}

section.booking-container .add-remove-button, section.booking-container .add-remove-button svg {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 1.30208rem;
    height: 1.30208rem;
    padding: 0;
    cursor: pointer;
}

/*section.booking-container .add-remove-button:disabled {
    background: #6c757d;
    cursor: not-allowed;
    transform: none;
}*/

section.booking-container .service-description {
    align-self: stretch;
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.21875rem */

    padding: 0.52rem 4.11rem 1.25rem 4.11rem;
    border-bottom: 1px solid var(--Blue, #0223C6);

    display: none;
}

section.booking-container .service-description.show {
    display: block;
}

section.booking-container .selected-panel {
    width: calc(33.33% - 1.73611rem);
    border: 1px solid var(--Blue, #0223C6);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    min-height: 500px;
    height: inherit;
    position: sticky;
    top: 8.59783rem;
}
section.booking-container .selected-panel .wrap-box {
    display: flex;
    padding: 2.60417rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;

    background: var(--G-Web-White, #FFF);
}
section.booking-container .selected-panel .wrap-box .empty-state{
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}
section.booking-container .selected-panel .wrap-box .selectedServices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.66667rem;
    align-self: stretch;
}
section.booking-container .selected-panel .wrap-box .summary {
    display: flex;
    margin-top: 1.5625rem;
    padding-top: 1.5625rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid var(--Blue, #0223C6);
}
section.booking-container .selected-panel .summary-row {
    display: flex;
    height: 1.73611rem;
    align-items: flex-start;
    align-self: stretch;
}
section.booking-container .selected-panel .summary-label {
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
    text-transform: uppercase;
}
section.booking-container .selected-panel .summary-value {
    flex: 1 0 0;
    color: var(--Blue, #0223C6);
    text-align: right;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
    text-transform: uppercase;
}
section.booking-container .book-button, section.booking-container .button-submit {
    box-shadow: none;
    border: none;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    height: 5.26042rem;
    padding: 1.04167rem 2.60417rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: #0223C6;
    color: #FFF;
    font-feature-settings: 'calt' off;
    font-size: 1.14583rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
}
section.booking-container .book-button:disabled, section.booking-container .button-submit:disabled {
    justify-content: center;
    background: #6c757d;
    cursor: not-allowed;
}

section.booking-container .selected-panel .selected-service {
    display: flex;
    align-items: flex-start;
    gap: 1.04167rem;
    align-self: stretch;
}
section.booking-container .selected-panel .selected-service .remove-button {
    /*display: none;*/
}

section.booking-container .selected-panel .selected-service:last-child {
    border-bottom: none;
}

section.booking-container .selected-panel .selected-service-info {
    display: flex;
    align-items: flex-start;
    gap: 1.04167rem;
    flex: 1 0 0;
}

section.booking-container .selected-panel .selected-service-name {
    flex: 1 0 0;
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
    text-transform: uppercase;
}

section.booking-container .selected-panel .selected-service-price {
    width: auto;
    color: var(--Blue, #0223C6);
    text-align: right;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}

section.booking-container .selected-panel .remove-button {
    width: 1.30208rem;
    height: 1.30208rem;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: none;
    box-shadow: none;
}
section.booking-container .selected-panel .remove-button svg path, section.booking-container .selected-panel .remove-button svg rect{
    stroke: var(--Blue, #0223C6);
}
section.booking-container .selected-panel .remove-button svg{
    width: 100%;
    height: 100%;
    stroke-width: 1px;
    stroke: var(--Blue, #0223C6);
    transition: all 0.3s;
}
section.booking-container .selected-panel .remove-button:hover svg{
    transform: scale(1.1);
}

/*calendar*/
section.booking-container .preorder-info{
    display: flex;
    padding: 2.60417rem;
    flex-direction: column;
    align-items: center;
    gap: 3.05556rem;
    flex: 1 0 0;
    align-self: stretch;
    justify-content: space-between;
}
section.booking-container .preorder-info .info-row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
section.booking-container .preorder-info .info-row .info-name{
    flex: 1 0 0;
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.21875rem */
    text-transform: uppercase;
}
section.booking-container .preorder-info .info-row .info-value{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.34722rem;
    flex: 2 0 0;
    align-self: stretch;
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.21875rem */
}
section.booking-container .preorder-info .info-row .info-value a {
    color: var(--Blue, #0223C6);
}
section.booking-container .preorder-info .info-row .info-value a:hover {
    text-decoration: underline;
}
section.booking-container .calendar-wrap{
    width: calc(66.66% - 3.47222rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}
.buttonForm .button-submit{
    display: flex;
    height: 5.26042rem;
    padding: 1.04167rem 2.60417rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    font-size: 0.97222rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    width: 100%;
}
.buttonForm{
    width: 50%;
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: auto;
    text-align: center;
    gap: 2rem;
}
section.booking-container .calendar{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.60417rem;
    flex: 1 0 0;
    padding: 0;
    align-self: stretch;
    border-bottom: 1px solid #FFF;
    background: var(--G-Web-White, #FFF);
    /*height: 100%;*/
    /*overflow-y: scroll;*/
}
section.booking-container .width-100{
    width: 100%;
}
section.booking-container .calendar .calendar-date{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04167rem;
    align-self: stretch;
}
section.booking-container .calendar .calendar-date .select-button{
    display: flex;
    height: 4.0625rem;
    padding: 0.52083rem 1.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    background: var(--Gray, #EDEBF0);
    border-color: #EDEBF0;
    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}
section.booking-container .calendar .calendar-date .select-button .select-arrow{
    width: 0.88542rem;
    height: 0.88542rem;
    border-color: var(--Blue, #0223C6);
}
section.booking-container .calendar .calendar-date .select-dropdown{
    background: var(--Gray, #EDEBF0);
    padding: 0;
    top: 4.0625rem;
    border: none;
}
section.booking-container .calendar .calendar-date .select-option.selected, section.booking-container .calendar .calendar-date .select-option:hover {
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    font-weight: 700;
}
section.booking-container .calendar .calendar-date .select-option {
    display: flex;
    height: 4.0625rem;
    padding: 0 1.5625rem;
    align-items: center;
    gap: 0.52083rem;
    align-self: stretch;
    color: var(--Blue, #0223C6);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
    text-transform: uppercase;
}
section.booking-container .calendar .calendar-date .select-option:last-child {
    border-bottom: none;
}
section.booking-container .calendar .calendar-slider-days {
    width: 100%;
}
section.booking-container .calendar .calendar-slider-days .month-days-container {
    display: flex;
    align-items: flex-start;
    gap: 0.41667rem;
    align-self: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* Плавний скрол на iOS */
    scrollbar-width: none; /* Ховаємо скролбар Firefox */
    -ms-overflow-style: none; /* Ховаємо скролбар IE/Edge */
}
/* Ховаємо скролбар Webkit (Chrome, Safari) */
section.booking-container .calendar .calendar-slider-days .month-days-container::-webkit-scrollbar {
    display: none;
}
section.booking-container .calendar .calendar-slider-days .day-month {
    display: flex;
    width: 4.0625rem;
    height: 4.0625rem;
    min-width: 4.0625rem;
    min-height: 4.0625rem;
    padding: 0.69444rem 0.83333rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.10417rem;
    flex: 1 0 0;
    background: var(--Gray, #EDEBF0);
    border: 1px solid #E1E5F8;
    color: var(--Blue, #0223C6);
    text-align: center;
    font-size: 1.14583rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 1.14583rem */
    cursor: pointer;
}
section.booking-container .calendar .calendar-slider-days .day-month .day-number {
    text-align: center;
    font-size: 1.14583rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 1.14583rem */
}
section.booking-container .calendar .calendar-slider-days .day-month .day-of-week {
    font-size: 0.9375rem;
}
section.booking-container .calendar .calendar-slider-days .day-month.disabled {
    border-color: rgba(237, 235, 240, 0.60);
    background: rgba(237, 235, 240, 0.60);
    color: #BCBCBC;
    cursor: no-drop;
}
section.booking-container .calendar .calendar-slider-days .day-month.selected {
    border-color: var(--Blue, #0223C6);
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    cursor: default;
}
section.booking-container .calendar .part-day {
    display: flex;
    height: 4.0625rem;
    align-items: center;
    align-self: stretch;
}
section.booking-container .calendar .part-day .part-day-button{
    display: flex;
    padding: 1.04167rem 0;
    justify-content: center;
    align-items: center;
    gap: 0.52083rem;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Gray, #EDEBF0);
    border: none;

    color: var(--Blue, #0223C6);
    text-align: center;
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
    text-transform: uppercase;
    cursor: pointer;
}
section.booking-container .calendar .part-day .part-day-button.active{
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
}
section.booking-container .calendar .calendar-time{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.66667rem;
    align-self: stretch;
}
section.booking-container .calendar .calendar-time .direction-masters{
    width: 100%;
    transition: all 0.3s ease;
}

section.booking-container .calendar .calendar-time .direction-label{
    display: flex;
    height: 4.0625rem;
    padding: 0.97224rem 1.66667rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    width: 100%;
    background: #EDEBF0;
    cursor: pointer;
    user-select: none;
}
section.booking-container .calendar .calendar-time .direction-label:hover {
    opacity: 0.8;
}
section.booking-container .calendar .calendar-time .direction-label h2{
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}
section.booking-container .calendar .calendar-time .direction-masters .direction-label svg {
    width: 1.18057rem;
    height: 0.76391rem;
}
section.booking-container .calendar .calendar-time .direction-masters:not(.active) .direction-label svg {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
section.booking-container .calendar .calendar-time .direction-masters.active .direction-label svg{
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
section.booking-container .calendar .calendar-time .direction-masters:not(.active) .masters{
    width: 100%;
    transition: all 0.3s ease;
    display: none !important;
}
section.booking-container .calendar .calendar-time .direction-masters.active .masters {
    display: flex;
}
section.booking-container .calendar .calendar-time .direction-masters.active{
    display: block;
}

/* Застосування до секцій напрямків */
section.booking-container .calendar .calendar-time .direction-masters.highlight-missing {
    animation: error-pulse 0.6s ease-in-out 3;
}

section.booking-container .calendar .masters{
    margin-top: 1.66667rem;
    flex-direction: column;
    align-items: center;
    gap: 1.66667rem;
    align-self: stretch;
}
section.booking-container .calendar .master-time{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.69444rem;
    align-self: stretch;
}
section.booking-container .calendar .master{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
section.booking-container .calendar .master .master-name{
    display: flex;
    align-items: center;
    gap: 0.76389rem;
}
section.booking-container .calendar .master .master-name p{
    color: #2C2929;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off, 'calt' off;
    font-family: G-BAR;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116%; /* 1.0875rem */
    text-transform: uppercase;
}
section.booking-container .calendar .master .master-image{
    width: 2.91667rem;
    height: 2.91667rem;
    aspect-ratio: 1/1;
    border-radius: 69.44444rem;
    object-fit: cover;
}
section.booking-container .calendar .master .rating{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.55556rem;
}
section.booking-container .calendar .master .rating svg{
    width: 0.83333rem;
    height: 0.83333rem;
}
section.booking-container .calendar .master .rating span{
    color: var(--Blue, #0223C6);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.97222rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 1.40972rem */
}
section.booking-container .calendar .master-time .times{
    display: flex;
    align-items: center;
    align-content: center;
    gap: 0.3125rem;
    align-self: stretch;
    flex-wrap: wrap;
}
section.booking-container .calendar .master-time .times .time-button, section.booking-container .calendar .master-time .times .time-more{
    border: none;
    display: flex;
    width: 6.80557rem;
    height: 2.34rem;
    padding: 0.625rem 0;
    justify-content: center;
    align-items: center;
    background: var(--Gray, #EDEBF0);
    color: var(--Blue, #0223C6);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off, 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 116%; /* 1.0875rem */
    text-transform: uppercase;
    cursor: pointer;
}
section.booking-container .calendar .master-time .times .time-more svg {
    width: 1.18057rem;
    height: 0.76391rem;
    flex-shrink: 0;
}
section.booking-container .calendar .master-time .times .time-button.active{
    background: var(--Blue, #0223C6);
    color: var(--G-Web-White, #FFF);
    cursor: default;
}
/*calendar*/

/*form*/
section.booking-container .preorder-cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex: 1 0 0;
    align-self: stretch;
    position: relative;
    border: 1px solid var(--Blue, #0223C6);
    width: calc(33.33% - 1.73611rem);
    max-width: calc(33.33% - 1.73611rem);
    order: 2;
    height: 100%;
}
section.booking-container .preorder-cart .button-cart {
    display: none;
}
section.booking-container .preorder-cart .button-submit.desktop {
    width: 100%;
    display: flex !important;
}

section.booking-container #order_form {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    height: 100%;
    gap: 5.20833rem;
}
section.booking-container #order_form .form-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    background: #FFF;
    width: calc(66.66% - 3.47222rem);
    gap: 2.57rem;
    order: 1;
}
section.booking-container #order_form .wrap-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.34722rem;
    align-self: stretch;
}
section.booking-container #order_form .wrap-box .wrap-label{
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
}
section.booking-container #order_form .wrap-box .wrap-input{
    outline: none;
    width: 100%;
    display: flex;
    height: 4.0625rem;
    padding: 1.38891rem 1.5625rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Gray, #EDEBF0);
    background: var(--Gray, #EDEBF0);
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.3125rem */
}
section.booking-container #order_form .checkbox-block span.error{
    color: red;
}
section.booking-container #order_form .wrap-box .wrap-input.error {
    border-color: red;
}
section.booking-container #order_form .wrap-box .wrap-input#phone {
    padding-left: 45px;
}
section.booking-container #order_form .wrap-box .wrap-input#phone::placeholder {
    color: #212121;
}
section.booking-container #order_form .checkbox-box{
    display: flex;
    padding: 0.90276rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.69443rem;
    align-self: stretch;
    background: var(--Gray, #EDEBF0);
    border: 1px solid var(--Gray, #EDEBF0);
}
section.booking-container #order_form .checkbox-block .checkbox-container {
    display: flex;
    align-items: flex-start;
    gap: 0.69443rem;
    align-self: stretch;
    padding-left: 0;
}
section.booking-container #order_form .checkbox-block .checkbox-container .checkmark {
    position: relative;
    top: 0;
    width: 1.31944rem;
    max-width: 1.31944rem;
    height: 1.31944rem;
    max-height: 1.31944rem;
    flex: 1 0 0;
}
section.booking-container #order_form .checkbox-block .checkbox-container .checkbox-text {
    flex: 1 0 0;
}
section.booking-container #order_form .checkbox-block a, section.booking-container #order_form .checkbox-block .checkbox-container, section.booking-container #order_form .checkbox-block .checkbox-info, section.booking-container #order_form .checkbox-block .short{
    color: var(--Blue, #0223C6);
    font-feature-settings: 'calt' off;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
section.booking-container #order_form .checkbox-block a {
    text-decoration: underline;
}

section.booking-container #order_form .checkbox-block .checkbox-more{
    vertical-align: middle;
}
/*form*/

/*success order*/
.booking-container#success-record {
    min-height: calc(100vh - 4.952rem);
    width: 100%;
    background: var(--Blue, #0223C6);
    display: flex;
    padding: 7.29167rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    position: relative;
}
.booking-container#success-record .order-info{
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}
.booking-container#success-record .flower{
    width: 37.85703rem;
    height: 36.70141rem;
    position: absolute;
    right: 7.33057rem;
    top: 7.29167rem;
}
.booking-container#success-record .order-info .success-message{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.52778rem;
}
.booking-container#success-record .order-info .success-message .title{
    width: 33.33333rem;
    color: var(--G-Web-White, #FFF);
    text-align: left;
    font-feature-settings: 'calt' off;
    font-size: 3.33333rem;
    font-style: normal;
    font-weight: 700;
    line-height: 111%; /* 3.7rem */
    text-transform: uppercase;
}
.booking-container#success-record .order-info .success-message .subtitle{
    width: 32.77778rem;
    color: var(--G-Web-White, #FFF);
    text-align: left;
    font-feature-settings: 'calt' off;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.625rem */
}
.booking-container#success-record .order-info .result p,
.booking-container#success-record .order-info .result .clientPhone,
.booking-container#success-record .order-info .result .addressGbar,
.booking-container#success-record .order-info .result .description p,
.booking-container#success-record .order-info .result .direction-name
{
    color: var(--G-Web-White, #FFF);
    text-align: left;
    font-feature-settings: 'calt' off;
    font-size: 0.97222rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.26389rem */
}
.booking-container#success-record .wrap-button {
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #FFF;
    background: var(--Blue, #0223C6);
}
.booking-container#success-record .wrap-button a{

}
.booking-container#success-record .wrap-button a{
    color: var(--G-Web-White, #FFF);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 1.5rem */
    text-transform: uppercase;

    flex: 1 0 0;
    background-color: transparent;
    padding: 1.66667rem 0;
    border: none;
    box-shadow: none;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 0;
}
.booking-container#success-record .wrap-button a.btn_calendar {
    border-right: 1px solid #FFF;
}
.booking-container#success-record .wrap-button a:hover {
    text-decoration: underline;
}
/*success order*/
@media (min-width: 768px) {
    .cartPreorder {
        display: none !important;
    }
}

.header {
    border-bottom: 1px solid var(--Blue, #0223C6);
}
.header .online-order-btn {
    display: none;
}
.back-button {
    display: flex;
    width: 4.79167rem;
    height: 4.0625rem;
    padding: 1.35417rem 1.64932rem 1.38703rem 1.61458rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 8.6rem;
    left: 1.25rem;
}
.back-button svg{
    width: 1.52776rem;
    height: 1.3213rem;
    flex-shrink: 0;
    aspect-ratio: 37 / 32;
    object-fit: cover;
}
.mobile {
    display: none !important;
}
.desktop {
    display: block !important;
}
@media(max-width: 767px){
    section.container .select-cities {
        grid-template-columns: none;
        align-items: flex-start;
        gap: 5.12821rem;
        align-self: stretch;
    }
    section.container .select-cities .select-button {
        height: 12.30rem;
        display: flex;
        padding: 3.58974rem 3.84615rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-transform: uppercase;
    }
    section.container .select-cities .select-dropdown {
        top: 12.30rem;
    }
    section.container .select-cities .select-option {
        display: flex;
        height: 12.30769rem;
        padding: 4.18974rem 3.84615rem;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
    }
    section.container {
        gap: 5.12821rem;
    }
    .mobile {
        display: block !important;
    }
    .desktop {
        display: none !important;
    }
    img {
        font-size: 2.8rem;
    }
    section.header {
        display: flex;
        padding: 0 6.15385rem;
        height: 16.67rem;
        min-height: 16.67rem;
        justify-content: space-between;
        align-items: center;
    }
    section.header .back-button, section.header .back-button svg {
        width: 3.84615rem;
        height: 3.84615rem;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }
    section.header h1 {
        color: var(--Black, #2C2929);
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 4.61538rem;
        font-style: normal;
        font-weight: 400;
        line-height: 96%;
        text-transform: uppercase;
    }
    section.header .close-button, section.header .close-button svg {
        width: 3.84615rem;
        height: 3.84615rem;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }
    section.container {
        display: flex;
        padding: 8.97436rem 6.15385rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
        align-self: stretch;
    }
    section.booking-container .selected-panel {
        display: none;
    }
    section.booking-container {
        display: flex;
        padding: 6.15385rem;
        margin-bottom: 20rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 6.15385rem;
        flex-shrink: 0;
        align-self: stretch;
    }
    section.booking-container .services-panel {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    section.booking-container .services-panel .filters {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 3.07692rem;
        align-self: stretch;
    }
    section.booking-container .services-panel .filters .select-button {
        height: 12.30rem;
        display: flex;
        padding: 3.58974rem 3.84615rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-transform: uppercase;
    }
    section.booking-container .services-panel .filters .select-arrow {
        width: 2.82051rem;
        height: 2.82051rem;
    }
    section.booking-container .services-panel .filters .select-dropdown {
        top: 12.30rem;
    }
    section.booking-container .services-panel .filters .select-option {
        display: flex;
        height: 12.30769rem;
        padding: 4.18974rem 3.84615rem;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 4.30769rem */
        text-transform: uppercase;
        flex: 1 0 0;
    }
    section.booking-container .services-panel .filters .filter-top-master {
        height: 12.30rem;
    }
    section.booking-container .services-panel .filters .filter-top-master button {
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 5.02564rem */
        text-transform: uppercase;
        flex: 1 0 0;
    }
    section.booking-container .services-panel #servicesList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }
    section.booking-container .service-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
    }
    section.booking-container .service-header {
        display: flex;
        padding: 3.07692rem 0;
        align-items: center;
        gap: 2.5641rem;
        align-self: stretch;
    }
    section.booking-container .service-duration {
        display: none;
    }
    section.booking-container .expand-icon {
        width: 5.12821rem;
        height: 5.12821rem;
        aspect-ratio: 1/1;
    }
    section.booking-container .service-name {
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
    }
    section.booking-container .service-price {
        text-align: right;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
        width: 18rem;
    }
    section.booking-container .add-remove-button, section.booking-container .add-remove-button svg{
        width: 5.12821rem;
        height: 5.12821rem;
        aspect-ratio: 1/1;
    }
    section.booking-container .service-description {
        color: var(--Black, #2C2929);
        font-feature-settings: 'calt' off;
        padding: 1rem 7.69231rem 3.25rem 7.69231rem;
        font-size: 3rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
/*    .cartPreorder {
        display: block !important;
    }*/
    .cartPreorder .selected-panel .wrap-box {
        display: flex;
        padding: 12.30769rem 6.15385rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .cartPreorder .selected-panel .selectedServices {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6.15385rem;
    }
    .cartPreorder .selected-panel .selected-service {
        display: flex;
        width: 87.69231rem;
        align-items: flex-start;
        gap: 3.84615rem;
    }
    .cartPreorder .selected-panel .selected-service .remove-button svg{
        width: 4.61538rem;
        height: 4.61538rem;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }
    .cartPreorder .selected-panel .selected-service .selected-service-name {
        color: var(--G-Web-White, #FFF);
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
        flex: 1 0 0;
    }
    .cartPreorder .selected-panel .selected-service .selected-service-price {
        color: var(--G-Web-White, #FFF);
        text-align: right;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
        width: 18rem;
        flex-shrink: 0;
    }
    .cartPreorder .selected-panel .selected-service .selected-service-info {
        display: flex;
        align-items: flex-start;
        gap: 3.84615rem;
    }
    .cartPreorder .selected-panel .wrap-box .summary {
        display: flex;
        padding-top: 6.15385rem;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }
    .cartPreorder .selected-panel .wrap-box .summary .summary-row{
        display: flex;
        height: 6.41026rem;
        align-items: flex-start;
        align-self: stretch;
    }
    .cartPreorder .selected-panel .summary-row .summary-label {
        color: var(--G-Web-White, #FFF);
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
    }
    .cartPreorder .selected-panel .summary-row .summary-value {
        flex: 1 0 0;
        color: var(--G-Web-White, #FFF);
        text-align: right;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
    }
    section.booking-container .preorder-cart {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        z-index: 2;
        border: none;
    }
    section.booking-container .preorder-cart .wrap-buttons {
        width: 100%;
        display: flex;
        height: 15.64rem;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #FFF;
    }
    section.booking-container .preorder-cart .button-cart {
        flex: 1 0 0;
        align-self: stretch;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        border: none;
        background: #0223C6;
        display: flex;
        width: auto;
        justify-content: flex-start;
        gap: 3.07692rem;
        color: var(--G-Web-White, #FFF);
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        padding: 0 2.70833rem 0 6.15385rem;
        border-right: 1px solid #FFF;
    }
    .cartPreorder .wrap-buttons .button-cart svg {
        width: 6.15385rem;
        height: 6.15385rem;
        aspect-ratio: 1 / 1;
    }
    section.booking-container .preorder-cart .button-submit.desktop {
        display: none !important;
    }
    section.booking-container .preorder-cart .button-submit{
        display: flex;
        width: 37.69231rem;
        align-self: stretch;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        border: none;
        color: var(--G-Web-White, #FFF);
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        height: 100%;
        justify-content: center;
    }
    section.booking-container .preorder-info {
        display: none;
        background: #0223C6;
        padding: 12.30769rem 6.15385rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    section.booking-container .preorder-info.open {
        display: flex;
    }
    section.booking-container .calendar-wrap {
        width: 100%;
        max-width: 100%;
    }
    section.booking-container .calendar {
        padding: 0;
    }
    section.booking-container .calendar .calendar-date {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3.58974rem;
        align-self: stretch;
    }
    section.booking-container .calendar .calendar-date .select-button {
        display: flex;
        padding: 3.58974rem 6.15385rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        height: 12.56rem;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 5.38462rem */
        text-transform: uppercase;
    }
    section.booking-container .calendar .calendar-date .select-dropdown {
        top: 12.56rem;
    }
    section.booking-container .calendar .calendar-date .select-option {
        display: flex;
        padding: 3.58974rem 3.84615rem;
        height: 12.56rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        color: var(--Black, #2C2929);
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
    }
    section.booking-container .calendar .calendar-date .select-button .select-arrow, section.booking-container .calendar .calendar-date .select-button .select-arrow svg {
        width: 2.82051rem;
        height: 2.82051rem;
    }
    section.booking-container .calendar .calendar-slider-days .month-days-container {
        display: flex;
        align-items: flex-start;
        gap: 1.53846rem;
        align-self: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    section.booking-container .calendar .calendar-slider-days .month-days-container::-webkit-scrollbar {
        display: none;
    }
    section.booking-container .calendar .calendar-slider-days .day-month {
        display: flex;
        width: 13.33333rem;
        min-width: 13.33333rem;
        height: 13.33333rem;
        min-height: 13.33333rem;
        padding: 2.5641rem 3.07692rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.76923rem;
    }
    section.booking-container .calendar .calendar-slider-days .day-month .day-number, section.booking-container .calendar .calendar-slider-days .day-month .day-of-week {
        text-align: center;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 3.58974rem */
    }
    section.booking-container .calendar .calendar-slider-days .day-month .day-of-week {
        font-size: 3.07692rem;
    }
    section.booking-container .calendar .part-day {
        display: flex;
        height: 12.30769rem;
        align-items: center;
        align-self: stretch;
    }
    section.booking-container .calendar .part-day .part-day-button {
        display: flex;
        padding: 1.79487rem 0;
        justify-content: center;
        align-items: center;
        gap: 1.92308rem;
        flex: 1 0 0;
        align-self: stretch;
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 5.02564rem */
        text-transform: uppercase;
    }
    section.booking-container .calendar .calendar-time .direction-label {
        height: 12.56rem;
        display: flex;
        padding: 3.58974rem 6.15385rem;
        justify-content: space-between;
        align-items: center;
    }
    section.booking-container .calendar .calendar-time .direction-label h2 {
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-transform: uppercase;
    }
    section.booking-container .calendar .calendar-time .direction-masters .direction-label svg {
        width: 4.35897rem;
        height: 4.35897rem;
        flex-shrink: 0;
    }
    section.booking-container .calendar .masters {
        margin-top: 6.15rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6.15rem;
        align-self: stretch;
    }
    section.booking-container .calendar .master {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }
    section.booking-container .calendar .master .master-name {
        display: flex;
        align-items: center;
        gap: 2.82051rem;
    }
    section.booking-container .calendar .master .master-image {
        width: 10.76923rem;
        height: 10.76923rem;
        aspect-ratio: 1/1;
    }
    section.booking-container .calendar .master .master-name p {
        color: var(--Blue, #0223C6);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off, 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 116%; /* 4.1641rem */
        text-transform: uppercase;
    }
    section.booking-container .calendar .master .rating {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2.05128rem;
    }
    section.booking-container .calendar .master .rating svg {
        display: flex;
        align-items: center;
        gap: 1.02564rem;
        width: 3.07692rem;
        height: 3.07692rem;
    }
    section.booking-container .calendar .master .rating span {
        color: var(--Blue, #0223C6);
        font-feature-settings: 'liga' off, 'clig' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 700;
        line-height: 145%; /* 5.20513rem */
    }
    section.booking-container .calendar .master-time .times {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        gap: 1.53846rem;
        align-self: stretch;
        flex-wrap: wrap;
    }
    section.booking-container .calendar .master-time .times .time-button, section.booking-container .calendar .master-time .times .time-more {
        display: flex;
        width: 28.20513rem;
        height: 8.46rem;
        max-height: 8.46rem;
        padding: 2.30769rem 3.33333rem;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off, 'calt' off;
        font-size: 3.33333rem;
        font-style: normal;
        font-weight: 400;
        line-height: 116%; /* 3.86667rem */
        text-transform: uppercase;
    }
    section.booking-container .calendar .master-time .times .time-more svg {
        width: 4.35897rem;
        height: 4.35897rem;
        flex-shrink: 0;
    }
    section.booking-container .calendar .master-time {
        gap: 2.5641rem;
    }
    section.booking-container #order_form .form-wrap {
        order: 2;
        width: 100%;
        max-width: 100%;
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: center;
        gap: 5.12821rem;
        align-self: stretch;
    }
    section.booking-container #order_form {
        flex-direction: column;
    }
    section.booking-container .preorder-info .info-row .info-name {
        flex: 1 0 0;
        color: var(--G-Web-White, #FFF);
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        text-transform: uppercase;
    }
    section.booking-container .preorder-info .info-row .info-value {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 1.28205rem;
        flex: 2 0 0;
        color: var(--G-Web-White, #FFF);
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
    }
    section.booking-container .preorder-info .info-row .info-value a {
        color: var(--G-Web-White, #FFF);
    }
    section.booking-container #order_form .wrap-box .wrap-label {
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 5.02564rem */
    }
    section.booking-container #order_form .wrap-box .wrap-input {
        display: flex;
        height: 12.82051rem;
        padding: 5.12821rem;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        font-feature-settings: 'calt' off;
        font-size: 4.3rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 5.02564rem */
    }
    section.booking-container #order_form .checkbox-box {
        display: flex;
        padding: 3.33333rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5641rem;
        align-self: stretch;
    }
    section.booking-container #order_form .checkbox-block .short span, section.booking-container #order_form .checkbox-block a, section.booking-container #order_form .checkbox-block .checkbox-container, section.booking-container #order_form .checkbox-block .checkbox-info, section.booking-container #order_form .checkbox-block .short {
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 4.30769rem */
    }
    section.booking-container #order_form .checkbox-block .checkbox-container .checkmark {
        display: flex;
        width: 4.87179rem;
        height: 4.87179rem;
        max-width: 4.87179rem;
        max-height: 4.87179rem;
        padding: 0;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        aspect-ratio: 1/1;
    }
    section.booking-container #order_form .checkbox-block .checkbox-container .checkmark:after {
        top: 0.3rem;
        bottom: auto;
        width: 1.6rem;
        height: 2.5rem;
    }
    section.booking-container #order_form .checkbox-block .checkbox-container {
        gap: 2.69443rem;
    }
    .buttonForm {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        height: auto;
        text-align: center;
        gap: 5.12821rem;
        order: 3;
    }
    .buttonForm .button-submit {
        display: flex;
        height: 16.66667rem;
        padding: 7.69231rem 5.12821rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 4.61538rem;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 6.46154rem */
        text-transform: uppercase;
    }
    section.booking-container.pageForm {
        margin-bottom: 15.64rem;
    }
    .calendarForm .buttonForm{
        display: none;
    }
    .booking-container#success-record {
        margin-bottom: 16.66rem;
        min-height: calc(100vh - 34.61200rem);
        padding: 15.38462rem 11.28205rem;
    }
    .booking-container#success-record .order-info .success-message {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 7.4359rem;
        align-self: stretch;
    }
    .booking-container#success-record .order-info .success-message .title {
        color: var(--G-Web-White, #FFF);
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 8.20513rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 9.84615rem */
        text-transform: uppercase;
        width: 100%;
    }
    .booking-container#success-record .order-info .success-message .subtitle {
        color: var(--G-Web-White, #FFF);
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4.66667rem */
        width: 100%;
    }
    .booking-container#success-record .order-info .result p, .booking-container#success-record .order-info .result .clientPhone, .booking-container#success-record .order-info .result .addressGbar, .booking-container#success-record .order-info .result .description p, .booking-container#success-record .order-info .result .direction-name{
        color: var(--G-Web-White, #FFF);
        text-align: center;
        font-feature-settings: 'calt' off;
        font-size: 3.07692rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 4rem */
    }
    .booking-container#success-record .wrap-button a {
        height: 16.66rem;
        max-height: 16.66rem;
        display: flex;
        padding: 6.15385rem;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        color: var(--G-Web-White, #FFF);
        font-size: 3.58974rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
    }

    .header .block-logo {
        text-align: center;
    }
    .header .mobile-menu {
        position: absolute;
        right: 6.41026rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .back-button{
        position: fixed;
        left: 4.79568rem;
        top: 4.985rem;
        width: auto;
        height: auto;
        z-index: 2;
    }
    .back-button svg {
        width: 5.9rem;
        height: auto;
    }
    .booking-container#success-record .flower {
        display: none;
    }
    .booking-container#success-record .order-info {
        align-items: center;
    }
    body {
        font-size: 2.5rem;
    }
}