.product-details-wrapper {
    margin-top: 74px;
}

.customizer-wrapper {
    margin-top: 100px;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 120px;
}

.survey-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.60);
    /*display: flex;*/
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.survey-modal-desktop__holder {
    border-radius: 16px;
    background: #FFF;
    width: 76%;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    padding: 25px 45px 13px;
}

.survey-modal-desktop__holder .survey-modal-desktop__title {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 27px;
}

.survey-modal-desktop__holder .survey-modal-desktop__title h3 {
    color: #333;
    text-align: center;
    font-family: 'Literata';
    font-size: 28px;
    font-weight: 500;
    line-height: 1.14;
}

.survey-modal-desktop__holder .steps {
    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.survey-modal-desktop__holder .steps .single-step {
    flex: 0 0 calc(33.33% - 50px);
    margin: 0 25px;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    border-radius: 16px;
    background: #FAFAFA;
    padding: 24px;
}

.survey-modal-desktop__holder .steps .single-step:first-of-type {
    margin-left: 0;
}

.survey-modal-desktop__holder .steps .single-step:last-of-type {
    margin-right: 0;
}

.survey-modal-desktop__holder .steps .single-step .step_order-number,
.survey-modal-desktop__holder .steps .single-step .step_title,
.survey-modal-desktop__holder .steps .single-step .step_content {
    flex: 0 0 100%;
}

.survey-modal-desktop__holder .steps .single-step .step_order-number,
.survey-modal-desktop__holder .steps .single-step .step_title {
    margin-bottom: 16px;
}

.survey-modal-desktop__holder .steps .single-step .step_order-number .step_order-number__text {
    color: #FC6A5D;
    font-family: 'Literata';
    font-size: 40px;
    font-weight: 400;
    line-height: 1.8;
}

.survey-modal-desktop__holder .steps .single-step .step_title h4 {
    color: #333;
    font-family: 'Literata';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}

.survey-modal-desktop__holder .steps .single-step .step_content p {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
}

.survey-modal-desktop__holder .steps .single-step .step_content img {
    margin-top: 16px;
    width: 100%;
}

.survey-modal-desktop__holder .survey-btn-holder {
    margin-top: 27px;
}

.survey-modal-desktop__holder .survey-btn-holder .go-customizing {
    color: #fff;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    height: 48px;
    padding: 18px 24px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 8px;
    background: #0F4F1E;
    cursor: pointer;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.survey-modal-desktop__holder .survey-btn-holder .go-customizing:hover {
    background: #043910;
}

.welcome-popup,
.checkout-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.60);
    /*display: flex;*/
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.welcome-popup-holder {
    width: 479px;
    height: auto;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    backdrop-filter: blur(2px);
}

.welcome-popup-holder .title-row {
    margin-bottom: 16px;
}

.welcome-popup-holder h2 {
    color: #333;
    font-family: 'Literata';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.28;
}

.filter-holder-swap-plant__body .information-for-zipcode {
    order: 4;
    margin-bottom: 0;
    margin-top: 16px;
    flex: 0 0 100%;
}

.information-for-zipcode {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 24px;
}

.information-for-zip__icon {
    margin-right: 6px;
}

.information-for-zip__content {
    flex: 1;
}

.information-for-zip__content p {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.28;
}

.swap-plant-modal .zip-filer-row input:focus-visible,
.swap-plant-modal .zip-filer-row input:focus,
.welcome-popup-holder .zip-filer-row input:focus-visible,
.welcome-popup-holder .zip-filer-row input:focus {
    outline: none;
}

.welcome-popup-holder .zip-filer-row label,
.swap-plant-modal .zip-filer-row label {
    width: 100%;
    position: relative;
}

.zip-filer-row-swap-plant-submit {
    display: flex;
    flex-flow: row wrap;
    padding: 18px 24px;
    height: 48px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 8px;
    background: #0F4F1E;
    color: #fff;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-right: 12px;
    cursor: pointer;
    transition: all 500ms ease;
}

.zip-filer-row-swap-plant-submit:hover {
    background: #043910;
}

.swap-plant-modal .zip-filer-row label svg,
.welcome-popup-holder .zip-filer-row label svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}

.swap-plant-modal .zip-filer-row input,
.welcome-popup-holder .zip-filer-row input {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    height: 48px;
    width: 100%;
    padding: 12px 12px 12px 44px;
}

.swap-plant-modal .zip-filer-row input::placeholder,
.welcome-popup-holder .zip-filer-row input::placeholder {
    color: #888;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.welcome-popup-holder .zip-filer-row {
    margin-bottom: 12px;
}

.swap-plant-modal .zip-filer-row,
.swap-plant-modal .light-needs-row,
.welcome-popup-holder .light-needs-row {
    margin-bottom: 27px;
}

.swap-plant-modal .deer-resistant-title,
.swap-plant-modal .light-needs-title,
.welcome-popup-holder .deer-resistant-title,
.welcome-popup-holder .light-needs-title {
    margin-bottom: 15px;
}

.swap-plant-modal .deer-resistant-title h3,
.swap-plant-modal .light-needs-title h3,
.welcome-popup-holder .deer-resistant-title h3,
.welcome-popup-holder .light-needs-title h3 {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.13;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.swap-plant-modal .deer-resistant-title h3 svg,
.swap-plant-modal .light-needs-title h3 svg,
.welcome-popup-holder .deer-resistant-title h3 svg,
.welcome-popup-holder .light-needs-title h3 svg {
    margin-right: 4px;
}

.swap-plant-modal .deer-resistant-row,
.welcome-popup-holder .deer-resistant-row {
    margin-bottom: 16px;
}

.swap-plant-modal .light-needs-row .options-holder,
.welcome-popup-holder .light-needs-row .options-holder {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.swap-plant-modal .light-needs-row .options-holder .option,
.welcome-popup-holder .light-needs-row .options-holder .option {
    flex: 0 0 100%;
    display: flex;
    flex-flow: column;
    margin-bottom: 8px;
    padding-left: 4px;
}

.swap-plant-modal .light-needs-row .options-holder label,
.welcome-popup-holder .light-needs-row .options-holder label {
    color: #888;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    padding-left: 24px;
    width: fit-content;
}

.swap-plant-modal .light-needs-row .options-holder label input,
.welcome-popup-holder .light-needs-row .options-holder label input {
    opacity: 0;
    position: absolute;
}

.swap-plant-modal .light-needs-row .options-holder label:before,
.welcome-popup-holder .light-needs-row .options-holder label:before {
    content: '';
    border-radius: 4px;
    border: 1px solid #888;
    width: 16px;
    height: 16px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}

.swap-plant-modal .light-needs-row .options-holder label:has(input:checked):before,
.welcome-popup-holder .light-needs-row .options-holder label:has(input:checked):before {
    border-color: #0F4F1E;
    background: #0F4F1E;
}

.swap-plant-modal .light-needs-row .options-holder label:has(input:checked):after,
.welcome-popup-holder .light-needs-row .options-holder label:has(input:checked):after {
    content: '';
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
}

.welcome-popup-holder .button-row {
    width: 100%;
}

.welcome-popup-holder .button-row .submit-filter-popup:focus {
    outline: none;
}

.welcome-popup-holder .button-row .submit-filter-popup.disabled {
    background: #888;
}

.welcome-popup-holder .button-row .submit-filter-popup {
    width: 100%;
    border-radius: 8px;
    background: #0F4F1E;
    padding: 18px 24px;

    color: #FFF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.welcome-popup-holder .button-row .submit-filter-popup.disabled:hover {
    background: #888;
}

.welcome-popup-holder .button-row .submit-filter-popup:hover {
    background: #043910;
}

.single-filter input {
    opacity: 0;
}

.single-filter label {
    position: relative;
}

.single-filter label:has(input:checked)::before {
    border: 1px solid #FC6A5D;
}

.single-filter input {
    margin-right: 8px;
    cursor: pointer;
    margin-top: 4px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    margin: 0 12px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #333;
    transition: .4s;
    border-radius: 32px;
}

.single-filter.active .slider:before {
    background: #FC6A5D;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    top: 3px;
    background-color: #C8C8C8;
    transition: .4s;
    border-radius: 20px;
}

input:checked + .slider:before {
    transform: translateX(22px);
}

.single-filter .switch-holder {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.single-filter .switch-holder .option,
.single-filter .switch-holder .option1 {
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.single-filter .switch-holder .option1 {
    color: #333;
}

.single-filter.active .switch-holder .option1 {
    color: #888;
}

.single-filter .switch-holder .option {
    color: #888;
}

.single-filter.active .switch-holder .option {
    color: #333;
}

.customizer-wrapper .left-side {
    flex: 0 0 821px;
    width: 821px;
    height: 760px;
    position: relative;
}

.customizer-wrapper .left-side .number-visibility {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 4px;
    background: #FFF;
    padding: 4px 4px 4px 8px;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 5;
}

.customizer-wrapper .left-side .number-visibility .number-visibility__title {
    color: #474747;
    text-align: right;
    font-family: 'Figtree';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 12px;
    display: inline-block;
}

.customizer-wrapper .left-side .number-visibility .show-numbers,
.customizer-wrapper .left-side .number-visibility .hide-numbers {
    cursor: pointer;
    display: flex;
}

.customizer-wrapper .left-side .number-visibility .show-numbers svg,
.customizer-wrapper .left-side .number-visibility .show-numbers svg path,
.customizer-wrapper .left-side .number-visibility .show-numbers svg rect,
.customizer-wrapper .left-side .number-visibility .hide-numbers svg,
.customizer-wrapper .left-side .number-visibility .hide-numbers svg path,
.customizer-wrapper .left-side .number-visibility .hide-numbers svg rect {
    transition: all 500ms ease;
}

.customizer-wrapper .left-side .number-visibility .hide-numbers.active svg rect {
    fill: #E3E3E3;
}

.customizer-wrapper .left-side .number-visibility .hide-numbers.active svg path,
.customizer-wrapper .left-side .number-visibility .show-numbers.active svg path {
    fill: #113262;
}

.customizer-wrapper .left-side .number-visibility .show-numbers.active svg rect:first-of-type {
    fill: #E3E3E3;
}

.customizer-wrapper .left-side .number-visibility .show-numbers {
    margin-right: 8px;
}

.customizer-wrapper .left-side .number-visibility svg {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    top: unset;
}

.customizer-wrapper .left-side svg #background-filter {
    opacity: 0;
}

.customizer-wrapper .left-side svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.customizer-wrapper .right-side {
    flex: 1;
    padding-right: 32px;
    height: 760px;
    position: relative;
    overflow: auto;
}

.customizer-wrapper .right-side .right-side-holder {
    padding: 40px 0 40px 32px;
}

.customizer-wrapper .right-side .right-side-holder .map-positions {
    padding-right: 8%;
}

.map-positions .variation-price {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    margin-bottom: 12px;
}

.map-positions .variation-price .variation-price__price {
    color: #333;
    font-family: 'Figtree';
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

.map-positions .variation-price .number-of-plants-included {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.map-positions .variation-price .number-of-plants-included .sum-plants {
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.customizer-wrapper .right-side .product-name-row {
    margin-bottom: 32px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.customizer-wrapper .right-side h1 {
    color: #333;
    font-family: 'Literata';
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
}

.customizer-wrapper .right-side .tag-box {
    margin-left: 16px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.customizer-wrapper .right-side .beta-version {
    color: #FF7D1F;
    font-family: 'Figtree';
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 40px;
    background: #FFD4B6;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.customizer-wrapper .right-side .provide-feedback {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 8px 16px;
    cursor: pointer;

    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration-line: underline;
    text-transform: lowercase;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.customizer-wrapper .right-side .provide-feedback:hover {
    color: #C8C8C8;
}

.customizer-wrapper .right-side .provide-feedback-modal__close {
    cursor: pointer;
}

.customizer-wrapper .right-side .provide-feedback-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.60);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder {
    padding: 24px;
    border-radius: 16px;
    background: #FFF;
    width: 433px;
    max-width: 100%;
    margin: 0 20px;
    position: relative;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder__headline-box {
    margin-bottom: 32px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder__headline-box h3 {
    color: #333;
    font-family: 'Literata';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.28;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form .wpcf7-form-control-wrap {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form label .important {
    color: #FC6A5D;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p {
    display: inline-block;
    width: 100%;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) {
    margin-bottom: 24px;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) {
    margin-bottom: 32px;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea {
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input {
    height: 40px;
    padding: 0 12px;
    color: #333;
    width: 100%;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea {
    height: 180px;
    padding: 18px 12px;
    resize: none;
    color: #333;
    width: 100%;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input:focus,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea:focus {
    outline: none;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input::placeholder,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea::placeholder {
    color: #888;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input::placeholder,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea::placeholder,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(1) .wpcf7-form-control-wrap input,
.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap textarea {
    font-family: 'Figtree';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form label {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    margin-bottom: 24px;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form .wpcf7-submit {
    width: 100%;
    border-radius: 8px;
    background: #0F4F1E;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

    color: #FFF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form .wpcf7-response-output {
    display: none !important;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .wpcf7-form .wpcf7-submit:hover {
    background: #043910;
}

.customizer-wrapper .right-side .provide-feedback-modal__holder .provide-feedback-modal__thankyou {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__icon-holder,
.customizer-wrapper .right-side .provide-feedback-modal__thankyou__content-holder,
.customizer-wrapper .right-side .provide-feedback-modal__thankyou__button-holder {
    flex: 0 0 100%;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__icon-holder {
    text-align: center;
    padding-top: 8px;
    margin-bottom: 32px;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__content-holder {
    text-align: center;
    margin-bottom: 60px;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__content-holder h4 {
    color: #333;
    text-align: center;
    font-family: 'Literata';
    font-size: 32px;
    font-weight: 400;
    line-height: 1.18;
    margin-bottom: 24px;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__content-holder p {
    color: #333;
    text-align: center;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__button-holder__close-modal {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background: #0F4F1E;
    padding: 0 24px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    cursor: pointer;

    color: #FFF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.customizer-wrapper .right-side .provide-feedback-modal__thankyou__button-holder__close-modal:hover {
    background: #043910;
}

.customizer-wrapper .right-side .design-size-row {
    flex: 0 0 100%;
    margin-top: 8px;
}

.customizer-wrapper .right-side .design-size-row p {
    color: #888;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}

.customizer-wrapper .right-side .selected-plants-holder {
    margin-bottom: 20px;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant {
    flex-flow: row wrap;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map {
    border-radius: 12px;
    background: #EEF9F1;
    padding: 20px 12px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 12px;
    min-height: 54px;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map .discount-pill {
    color: #FFF;
    font-family: 'Figtree', 'sans-serif';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 12px;
    background: #FC6A5D;
    display: none;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map .map-price .discount-price {
    color: #FC6A5D;
    font-family: 'Figtree';
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    display: none;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map .map-price {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map .map-title {
    flex: 1;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map span {
    color: #333;
    font-family: 'Figtree';
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

@media only screen and (min-width: 992px) {
    .customizer-wrapper .right-side .selected-plants-holder .single-plant.customizer-map {
        padding: 12px;
    }
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant .error-message {
    flex: 0 0 100%;
    display: none;
}

.single-plant.oos-plant .oos-plant-message {
    flex: 0 0 100%;
    display: flex;
}

.customizer-wrapper .right-side .single-plant.oos-plant .number {
    background: #FDF3F2;
}

.oos-plant-message {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    color: #FC6A5D;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
}

.customizer-wrapper .right-side .single-plant.error-plant .number {
    background: rgba(0, 163, 255, 0.20);
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant.error-plant .error-message {
    display: flex;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant .error-message span {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex: 0 0 100%;
    margin-top: 2px;

    color: #00A3FF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
}

.customizer-wrapper .right-side .selected-plants-holder .single-plant .error-message svg {
    margin-right: 6px;
}

.customizer-wrapper .right-side .discount-offer {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}

.customizer-wrapper .right-side .discount-offer p {
    color: #888;
    text-align: center;
    font-family: 'Figtree';
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

@media only screen and (min-width: 992px) {
    .customizer-wrapper .right-side .discount-offer p {
        font-size: 14px
    }
}

.customizer-wrapper .right-side .discount-offer p strong {
    font-weight: 700;
    color: #fc6a5d;
}

.customizer-wrapper .right-side .single-plant__left {
    padding: 12px;
    background-color: #F5F5F5;
    border-radius: 12px 0 0 12px;
    flex: 1;
    border-right: 2px solid #fff;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.customizer-wrapper .right-side .single-plant {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

.customizer-wrapper .right-side .single-plant .single-plant__price-modal-btn {
    display: none;
}

.customizer-wrapper .right-side .single-plant.changed .single-plant__price-modal-btn {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    margin-top: 6px;
    cursor: pointer;
}

.customizer-wrapper .right-side .single-plant:last-of-type {
    margin-bottom: 0;
}

.customizer-wrapper .right-side .single-plant .order-number {
    margin-right: 10px;
}

.customizer-wrapper .right-side .single-plant .number {
    color: #fff;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    width: 28px;
    height: 28px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 40px;
    background: #888;
}

.customizer-wrapper .right-side .single-plant .plant-information {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex: 1;
}

.customizer-wrapper .right-side .single-plant .change-plant-btn-holder {
    flex: 0 0 100%;
    text-align: right;
    padding: 12px 20px;
    background: #EEF9F1;
    border-radius: 0 0 12px 12px;
    min-height: 52px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.single-plant__price-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, 0.80);
    z-index: 999999999;
}

.single-plant__price-modal__holder {
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: auto;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.single-plant__price-modal__holder img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
}

.single-plant__price-modal__top {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.single-plant__price-modal__plant-name {
    color: #333;
    font-family: 'Literata';
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
}

.single-plant__price-modal__plant-size {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    margin-bottom: 12px;
}

.single-plant__price-modal__plant-price-holder {
    display: flex;
    flex-flow: column;
    gap: 6px;
}

.single-plant__price-modal__plant-price-holder span {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.single-plant__price-modal__plant-price {
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.single-plant__price-modal__bottom p {
    color: #333;
    font-family: 'Figtree';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

.single-plant__price-modal__avg-price {
    color: #00A3FF;
    font-family: 'Figtree';
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    margin-bottom: 20px;
}

.single-plant__price-modal__avg-description {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    margin-bottom: 20px;
}

.single-plant__price-modal__close {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 18px 24px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #C8C8C8;

    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
    .customizer-wrapper .right-side .single-plant .change-plant-btn-holder {
        flex: unset;
        width: fit-content;
        border-radius: 0 12px 12px 0;
    }

    .single-plant__price-modal__holder {
        padding: 32px;
    }

    .single-plant__price-modal__holder img {
        width: 160px;
        height: 160px;
    }

    .single-plant__price-modal__plant-name {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .single-plant__price-modal__plant-size {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .single-plant__price-modal__plant-price-holder {
        gap: 10px;
    }

    .single-plant__price-modal__plant-price-holder span {
        font-size: 16px;
    }

    .single-plant__price-modal__plant-price {
        font-size: 24px;
    }

    .single-plant__price-modal__bottom p {
        font-size: 20px;
    }

    .single-plant__price-modal__avg-price {
        font-size: 32px;
    }

    .single-plant__price-modal__avg-description {
        font-size: 16px;
    }
}

.customizer-wrapper .right-side .single-plant.changed {
    align-items: stretch;
}

.customizer-wrapper .right-side .single-plant.changed .number {
    background: #0F4F1E;
}

.customizer-wrapper .right-side .single-plant.changed .plant-information .plant-name {
    margin-bottom: 16px;
}

.customizer-wrapper .right-side .single-plant .plant-qty {
    display: none
}

.customizer-wrapper .right-side .single-plant.changed .plant-qty {
    display: flex;
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.customizer-wrapper .right-side .single-plant.changed .plant-category {
    display: flex;
    flex-flow: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 100%;
}

.customizer-wrapper .right-side .single-plant.changed .plant-information .plant-name {
    gap: 4px;
}

.customizer-wrapper .right-side .single-plant.changed .single-plant__left {
    background: #EEF9F1;
    align-items: flex-start;
}

.customizer-wrapper .right-side .single-plant .plant-category {
    display: none;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-name {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 0 0 100%;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-name p {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-name span {
    color: #333;
    font-family: 'Figtree';
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-category .category-name {
    color: #2CBC63;
    font-family: 'Figtree';
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.96px;
    text-transform: uppercase;

    padding: 6px 8px;
    border-radius: 40px;
    background: #E8FFEE;
    display: none;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-category span {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.customizer-wrapper .right-side .single-plant .plant-information .plant-category span.plant-price__result {
    font-weight: 600;
}

.customizer-wrapper .right-side .single-plant .change-plant-btn-holder .change-plant:hover {
    color: #2CBC63;
}

.customizer-wrapper .right-side .single-plant .change-plant-btn-holder .change-plant {
    color: #0F4F1E;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 0.85;
    letter-spacing: 1.12px;
    text-transform: uppercase;

    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.final-step .final-step__button-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.customizer-wrapper .right-side .finish-plant-select-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.customizer-wrapper .right-side .finish-plant-select-buttons .back,
.final-step .final-step__button-row .go-to-plant-change {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;

    background: #fff;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    padding: initial;
    flex: 0 0 calc(50% - 8px);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.customizer-wrapper .right-side .finish-plant-select-buttons .back:hover,
.final-step .final-step__button-row .go-to-plant-change:hover {
    color: #888;
    border-color: #888;
}

.finish-order-notification:hover {
    text-decoration-style: solid;
}

.finish-order-notification {
    color: #333;
    text-align: center;
    font-family: 'Figtree';
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: underline;
    flex: 0 0 100%;
    display: none;
}

.customizer-wrapper .right-side .finish-plant-select-buttons .finish,
.final-step .final-step__button-row #custom-checkout {
    color: #FFF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;

    border-radius: 8px;
    background: #0F4F1E;
    padding: initial;
    height: 48px;
    text-decoration: none;
    flex: 0 0 calc(50% - 8px);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    cursor: pointer;
    border: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.customizer-wrapper .right-side .finish-plant-select-buttons .finish {
    width: 100%;
    flex: 0 0 100%;
}

.customizer-wrapper .right-side .finish-plant-select-buttons .finish:hover,
.final-step .final-step__button-row #custom-add-to-cart-customizer:hover {
    background: #043910;
}

.final-step .message-after-add-to-cart {
    color: #00A3FF;
    text-align: right;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;

    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    margin-top: 20px;
}

.final-step .message-after-add-to-cart svg {
    margin-right: 6px;
}

.checkout-modal__holder {
    width: 531px;
    max-width: 100%;
    padding: 32px 40px;
    margin: 20px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
}

.checkout-modal__holder .checkout-modal-loader {
    display: none;
    flex-flow: row wrap;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
    border-radius: 16px;
}

.checkout-modal__holder .checkout-modal-loader img {
    width: 100px;
}

.checkout-modal__holder .checkout-product-information-row {
    margin-bottom: 12px;
}

.checkout-modal__holder .headline-row,
.checkout-modal__holder .description-row {
    margin-bottom: 16px;
}

.checkout-modal__holder .headline-row,
.checkout-modal__holder .description-row,
.checkout-modal__holder .checkout-product-information-row,
.checkout-modal__holder .button-row {
    flex: 0 0 100%;
}

.checkout-modal__holder h2 {
    color: #333;
    text-align: center;
    font-family: 'Literata';
    font-size: 32px;
    font-weight: 400;
    line-height: 1.1;
}

.checkout-modal__holder .description-row {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.checkout-modal__holder .description-row .icon {
    padding: 12px;
    border-radius: 8px;
    background: #F0FAFF;
}

.checkout-modal__holder .description-row p {
    color: #333;
    text-align: left;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.44;
}

.checkout-product-information-row {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.checkout-product-information-row .checkout__products {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #C8C8C8;
}

.checkout-product-information-row .checkout__products .checkout__product-variation {
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
}

.checkout-product-information-row .checkout__products .checkout__plants-number {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.checkout-product-information-row .checkout__products .checkout__products-info-title {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
}

.checkout-product-information-row .buying-product-info {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #FAFAFA;
    padding: 24px;
    width: 100%;
}

.product-price-checkout {
    border-radius: 16px;
    background: #EEF9F1;
    padding: 24px;
    color: #333;
    font-family: 'Literata';
    font-size: 32px;
    font-weight: 600;
    line-height: 0.85;
    width: 100%;
    text-align: center;
}

.checkout-product-information-row .buying-product-info .product-name-checkout,
.checkout-product-information-row .buying-product-info .product-variation-checkout,
.checkout-product-information-row .buying-product-info .product-price-checkout {
    flex: 0 0 100%;
    text-align: center;
}

.checkout-product-information-row .buying-product-info .product-name-checkout,
.checkout-product-information-row .buying-product-info .product-variation-checkout {
    color: #333;
    text-align: center;
    font-family: 'Literata';
    font-size: 28px;
    font-weight: 400;
    line-height: 1.23;
}

.checkout-product-information-row .buying-product-info .product-price-checkout {
    color: #333;
    font-family: 'Figtree';
    font-size: 22px;
    font-weight: 900;
    line-height: 1.27;
}

.checkout-product-information-row .buying-product-info .product-name-checkout {
    margin-bottom: 12px;
    padding-bottom: 12px;
    width: 100%;
    border-bottom: 1px solid #C8C8C8;
}

.checkout-product-information-row .buying-product-info .product-variation-checkout {
    margin-bottom: 16px;
}

.checkout-modal__holder .button-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 16px 0 12px;
}

.checkout-modal__holder .button-row .checkout-modal-back-button,
.checkout-modal__holder .button-row #custom-add-to-cart-customizer {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex: 0 0 calc(50% - 5px);
    margin: 0 5px;
    cursor: pointer;
    height: 48px;
    text-decoration: none;
}

.checkout-modal__holder .button-row #custom-add-to-cart-customizer {
    margin-right: 0;
    color: #FFF;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border-radius: 8px;
    background: #0F4F1E;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.checkout-modal__holder .button-row #custom-add-to-cart-customizer:hover {
    background: #043910;
}

.checkout-modal__holder .button-row .checkout-modal-back-button {
    margin-left: 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.checkout-modal__holder .button-row .checkout-modal-back-button:hover {
    color: #888;
}

.swap-plant-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #EEF9F1;
    padding: 40px 32px 24px;
    display: none;
}

.swap-plant-modal .title-row {
    margin-bottom: 32px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.swap-plant-modal .title-row h2 {
    color: #333;
    font-family: 'Literata';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

.swap-plant-modal .plant-name-holder {
    margin-bottom: 16px;
}

.swap-plant-modal .plant-name-holder .single-plant {
    border: 0;
}

.swap-plant-modal .plant-name-holder .single-plant .plant-information {
    flex: 1;
}


.swap-plant-modal .filter-holder-swap-plant {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    margin-bottom: 32px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.swap-plant-modal .filter-holder-swap-plant:hover {
    border: 1px solid #C8C8C8;
    background: #FAFAFA;
}

.swap-plant-modal .filter-holder-swap-plant__header {
    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    transition: all 500ms ease;
}

.swap-plant-modal .filter-holder-swap-plant__header .filter_arrow {
    transition: all 500ms ease;
}

.swap-plant-modal .filter-holder-swap-plant__header.active .filter_arrow {
    transform: rotate(180deg);
}

.swap-plant-modal .filter-holder-swap-plant__header__name svg {
    margin-right: 8px;
    transition: all 500ms ease;
}

.swap-plant-modal .filter-holder-swap-plant__header__name {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
}

.swap-plant-modal .filter-holder-swap-plant__body {
    display: none;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex: 0 0 100%;
}

.swap-plant-modal .filter-holder-swap-plant__body .zip-filer-row {
    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.swap-plant-modal .zip-filer-row label {
    flex: 1;
    margin-right: 12px;
}

.filter-holder-swap-plant__body .light-needs-row,
.filter-holder-swap-plant__body .deer-resistant-row {
    flex: 0 0 100%;
}

.plants-window-holder {
    height: 65%;
    overflow-y: scroll;
    margin-bottom: 24px;
    position: relative;
}

.plants-to-swap {
    gap: 12px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.plants-to-swap .product-item {
    border-radius: 16px;
    background: #fff;
    padding: 11px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    border: 2px solid #fff;
    flex: 0 0 calc(50% - 6px);
}

.custom-loader-plant-swap {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-flow: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 9;
    gap: 5px;
}

.custom-loader-plant-swap img {
    max-width: 100px;
}

.custom-loader__text {
    font-family: 'Figtree';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #FC6A5D;
}

.plants-to-swap .product-item .swap-plant-input {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 100%;
}

.plants-to-swap .product-item.selected,
.plants-to-swap .product-item:has(label input:checked) {
    border-color: #2CBC63;
    background: #edfff4;
}

.plants-to-swap .product-item label {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 100%;
}

.plants-to-swap .product-item .product-image {
    flex: 0 0 100px;
    display: flex;
    position: relative;
}

.plants-to-swap .product-item .product-image .designers-choice-tag {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-radius: 8px;
    background: #FFD4B6;
    display: flex;
    flex-flow: row wrap;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    align-content: center;

    color: #FF7D1F;
    text-align: center;
    font-family: 'Figtree';
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.plants-to-swap .product-item .product-image img {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    object-fit: cover;
}

.plants-to-swap .product-item input {
    position: absolute;
    opacity: 0;
}

.plants-to-swap .product-item .product-info {
    flex: 1;
    padding-left: 12px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    max-height: 100%;
}

.plants-to-swap .product-item .product-info .plant-info__text {
    width: 100%;
}

.plants-to-swap .product-item .product-info h3 {
    width: 100%;
    margin-bottom: 6px;

    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.37;
}

.plants-to-swap .product-item .product-info .plant-type {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28;
    width: 100%;
}

.plants-to-swap .product-item .product-info .more-info-btn {
    color: #333;
    font-family: 'Figtree';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 0.85;
    letter-spacing: 1.12px;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    cursor: pointer;
}

.plants-to-swap .product-item .product-info .more-info-btn svg {
    margin-left: 8px;
}

.swap-plant-modal .save-plant-btn-holder {
    width: 100%;
}

.swap-plant-modal .save-plant-btn-holder .save-plant-btn:hover {
    color: #2CBC63;
    background: #EEF9F1;
}

.swap-plant-modal .save-plant-btn-holder .save-plant-btn {
    width: 100%;
    padding: 18px;
    color: #fff;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border-radius: 8px;
    background: #2CBC63;
    border: 1px solid #2CBC63;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.swap-plant-modal .close-swap-plant {
    cursor: pointer;
}

.plant-information-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.60);
    display: none;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.plant-information-modal .close-btn {
    cursor: pointer;
}

.plant-information-modal .plant-information {
    display: flex;
    flex-flow: row wrap;
    max-width: 90%;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    padding: 24px;
}

.plant-information-modal .plant-information .information-box {
    flex: 1;
    padding-left: 16px;
}

.plant-information-modal .plant-information .information-box .title-row {
    margin-bottom: 12px;
}

.plant-information-modal .plant-information .information-box .title-row .name {
    color: #333;
    font-family: 'Literata';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.28;
    flex: 1;
}

.plant-information-modal .plant-information .image-box {
    flex: 0 0 260px;
    display: flex;
}

.plant-information-modal .plant-information .image-box img {
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.plant-information-modal .plant-information .information-box-list .plant-type-information,
.plant-information-modal .plant-information .information-box-list .light-needs-information,
.plant-information-modal .plant-information .information-box-list .average-height-information,
.plant-information-modal .plant-information .information-box-list .average-width-information,
.plant-information-modal .plant-information .information-box-list .blooming-season-information {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-bottom: 8px;
}

.plant-information-modal .plant-information .information-box-list .latin-name-row,
.plant-information-modal .plant-information .information-box-list .plant-description-row {
    flex: 0 0 100%;
    margin-bottom: 24px;
}

.plant-information-modal .plant-information .information-box-list .latin-name-row .latin-name {
    color: #888;
    font-family: 'Figtree';
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.11;
}

.plant-information-modal .plant-information .information-box-list .plant-description-row p {
    color: #888;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.plant-information-modal .plant-information .information-box-list .info {
    border-radius: 48px;
    background: #F5F5F5;
    padding: 8px 12px;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.plant-information-modal .plant-information .information-box-list .info .title svg {
    margin-right: 4px;
}

.plant-information-modal .plant-information .information-box-list .info .title {
    color: #888;
    font-family: 'Figtree';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.6px;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.plant-information-modal .plant-information .information-box-list .info .plant-type-information__content,
.plant-information-modal .plant-information .information-box-list .info .light-needs-information__content,
.plant-information-modal .plant-information .information-box-list .info .average-height-information__content,
.plant-information-modal .plant-information .information-box-list .info .average-width-information__content,
.plant-information-modal .plant-information .information-box-list .info .blooming-season-information__content {
    padding-left: 4px;
    color: #333;
    font-family: 'Figtree';
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.6px;
    text-transform: uppercase;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.final-step {
    display: none;
}

.final-step .single-plant .order-number {
    margin-right: 12px;
}

.final-step .single-plant .plant-image {
    flex: 0 0 100px;
    margin-right: 12px;
}

.final-step .single-plant .plant-image img {
    height: 100px;
    width: 100px;
    border-radius: 8px;
    object-fit: cover;
}

.final-step .single-plant .plant-information {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.final-step .single-plant .plant-information .name,
.final-step .single-plant .plant-information .plant-quantity,
.final-step .single-plant .plant-information .plant-size,
.final-step .single-plant .plant-information .plant-type {
    flex: 0 0 100%;
}

.final-step .single-plant .plant-information .name {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 6px;
}

.final-step .single-plant .plant-information .plant-quantity,
.final-step .single-plant .plant-information .plant-size,
.final-step .single-plant .plant-information .plant-type {
    color: #888;
    font-family: 'Figtree';
    font-size: 14px;
    font-weight: 600;
    line-height: 1.28;
    margin-bottom: 4px;
}

.final-step .single-plant .plant-information .plant-type {
    margin-bottom: 0;
}

.final-step .variation-price {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-top: 18px;
    background: #fff;
    margin-bottom: 12px;
}

.final-step .variation-price .variation-price__price {
    color: #333;
    font-family: 'Figtree';
    font-size: 32px;
    font-weight: 700;
    line-height: 1.09;
    margin-right: 32px;
}

.final-step .variation-price .number-of-plants-included {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;

    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
}

.final-step .variation-price .number-of-plants-included span {
    padding-right: 4px;
}

.final-step .variation-price .number-of-plants-included svg {
    margin-right: 4px;
}

.final-step .product-variations {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

.final-step .product-variations .product-variations__title {
    flex: 0 0 100%;
    margin-bottom: 8px;
}

.final-step .product-variations .product-variations__title p {
    color: #888;
    font-family: 'Figtree';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
}

.final-step .variations-list {
    flex: 0 0 100%;
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

.final-step .variations-list .variation-item {
    flex: 0 0 calc(33% - 4px);
}

.final-step .variations-list .variation-item input {
    position: absolute;
    opacity: 0;
}

.final-step .variations-list .variation-item .variation-title {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.final-step .variations-list .variation-item label {
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #FFF;
    height: 48px;
    padding: 12px 40px 12px 16px;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.final-step .variations-list .variation-item label::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.final-step .variations-list .variation-item label:has(input:checked) {
    border-radius: 8px;
    border: 2px solid #2CBC63;
    opacity: 0.85;
    background: rgba(44, 188, 99, 0.05);
}

.final-step .variations-list .variation-item label:has(input:checked) .variation-title {
    font-weight: 600;
}

.final-step .variations-list .variation-item label:has(input:checked)::before {
    border-color: #2CBC63;
}

.final-step .variations-list .variation-item label:has(input:checked)::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #2CBC63;
    border-radius: 50%;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}

.final-step .final-step__button-row {
    margin-top: 24px;
}

.zip-tooltip,
.close-btn-zip-tooltip-modal {
    cursor: pointer;
}

.zip-tooltip-modal {
    display: none;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.60);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.zip-tooltip-box {
    border-radius: 16px;
    background: #FFF;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    width: 433px;
    max-width: 100%;
    position: absolute;
    top: 42px;
    right: 34px;
}

.zip-tooltip__title-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-bottom: 24px;
    flex: 0 0 100%;
}

.zip-tooltip__title-row .name {
    max-width: 80%;
    color: #333;
    font-family: 'Literata';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.27;
}

.zip-tooltip__description {
    flex: 0 0 100%;
}

.zip-tooltip__description p {
    color: #333;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.final-selected-plants {
    height: 400px;
    overflow-y: scroll;
}

.plant-information-modal .plant-information .image-box .close-btn {
    display: none;
}

.checkout__qty::-webkit-inner-spin-button,
.checkout__qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkout__quantity-row {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-top: 12px;
    gap: 12px;
}

.checkout__qty {
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    border: 0;
    width: 42px;
}

.checkout__quantity {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #333;
    background: #FFF;
    padding: 0 6px 0 12px;
    width: 80px;
}

.checkout__quantity-title {
    color: #333;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.checkout__quantity-buttons {
    display: flex;
    flex-flow: column;
}

.qty-count:focus {
    outline: none;
}

.qty-count {
    background: transparent;
    border: 0;
    display: flex;
}

@media only screen and (max-width: 1410px) {
    .plant-information-modal .plant-information .image-box {
        flex: 0 0 190px;
    }
}

@media only screen and (max-width: 1400px) {
    .customizer-wrapper .right-side {
        padding-right: 40px;
        height: 704px;
    }

    .customizer-wrapper .left-side {
        flex: 0 0 761px;
        height: auto;
    }

    .swap-plant-modal .title-row h2,
    .customizer-wrapper .right-side h1 {
        font-size: 28px;
    }

    .plants-to-swap {
        columns: 1;
    }
}

@media only screen and (max-width: 1299px) {
    .plant-information-modal .plant-information .image-box {
        flex: 0 0 150px;
    }
}

@media only screen and (max-width: 1250px) {
    .plant-information-modal .plant-information {
        padding: 20px;
    }

    .plant-information-modal .plant-information .image-box {
        height: 190px;
        flex: 0 0 100%;
        margin-bottom: 16px;
    }

    .plant-information-modal .plant-information .information-box {
        flex: 0 0 100%;
        padding-left: 0;
    }

    .plant-information-modal .plant-information .information-box .title-row {
        margin-bottom: 16px;
    }

    .plant-information-modal .title-row .close-btn {
        display: none;
    }

    .plant-information-modal .plant-information .image-box {
        position: relative;
    }

    .plant-information-modal .plant-information .image-box .close-btn {
        display: flex;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .final-step .variations-list .variation-item:last-of-type {
        margin-bottom: 0;
    }

    .final-step .variations-list .variation-item {
        flex: 0 0 100%;
        margin-bottom: 8px;
    }

    .final-selected-plants {
        height: 250px;
    }
}

@media only screen and (max-width: 1199px) {
    .customizer-wrapper .right-side {
        padding-right: 0;
    }

    .customizer-wrapper .right-side .right-side-holder {
        padding: 20px;
    }

    .survey-modal-desktop__holder .steps .single-step {
        flex: 0 0 calc(33.33% - 30px);
        margin: 0 20px;
    }
}

@media only screen and (max-width: 1090px) {
    .swap-plant-modal .title-row h2,
    .customizer-wrapper .right-side h1 {
        font-size: 22px;
    }

    .swap-plant-modal .close-swap-plant svg {
        width: 24px;
    }

    .customizer-wrapper .left-side {
        flex: 0 0 650px;
    }

    .swap-plant-modal .plant-name-holder,
    .swap-plant-modal .title-row {
        margin-bottom: 0;
    }

    .swap-plant-modal .filter-holder-swap-plant,
    .plants-to-swap .product-item {
        margin-bottom: 16px;
    }

    .swap-plant-modal {
        padding: 20px;
    }

    .customizer-wrapper .right-side {
        height: 605px;
    }

    .customizer-wrapper .right-side .single-plant .plant-information .plant-name span {
        font-size: 16px;
    }

    .plants-to-swap .product-item .product-info h3 {
        font-size: 18px;
    }

    .plants-to-swap .product-item .product-info {
        padding-left: 16px;
    }

    .customizer-wrapper .right-side .final-selected-plants .single-plant {
        padding: 12px 0;
    }

    .final-step .variation-price .variation-price__price {
        font-size: 26px;
    }

    .final-step .product-variations .product-variations__title {
        margin-bottom: 12px;
    }

    .final-step .variation-price .number-of-plants-included,
    .final-step .product-variations .product-variations__title p {
        font-size: 16px;
    }

    .final-step .variation-price {
        margin-bottom: 16px;
    }

    .final-step .variations-list .variation-item label {
        background: #FAFAFA;
    }

    .customizer-wrapper .right-side .product-name-row {
        margin-bottom: 16px;
    }

    .final-selected-plants {
        height: 200px;
    }

    .zip-tooltip-box {
        top: 20px;
        right: 20px;
        width: 335px;
    }
}

@media only screen and (max-width: 991px) {
    .survey-modal-mobile .steps {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .survey-modal-mobile .single-step {
        display: none;
    }

    .survey-modal-mobile .single-step {
        display: none;
    }

    .survey-modal-mobile .first-step,
    .survey-modal-mobile .single-step {
        width: 335px;
        padding: 24px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-content: flex-start;
        align-items: flex-start;
        border-radius: 16px;
        background: #FAFAFA;
    }

    .survey-modal-mobile .first-step .first-step-icon {
        margin-bottom: 40px;
        flex: 0 0 100%;
        text-align: center;
    }

    .survey-modal-mobile .first-step .first-step-content {
        text-align: center;
        margin-bottom: 60px;
    }

    .survey-modal-mobile .first-step .first-step-content h4 {
        color: #333;
        text-align: center;
        font-family: 'Literata';
        font-size: 28px;
        font-weight: 500;
        line-height: 1.14;
    }

    .survey-modal-mobile .first-step-btn-holder {
        flex: 0 0 100%;
    }

    .survey-modal-mobile .steps-btn {
        border-radius: 8px;
        background: #0F4F1E;
        padding: 18px 24px;
        color: #FFF;
        font-family: 'Figtree';
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 1.12px;
        text-transform: uppercase;
        width: 100%;
        cursor: pointer;

        display: flex;
        flex-flow: row wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .survey-modal-mobile .single-step {
        display: none;
        flex-flow: row wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: center;

    }

    .survey-modal-mobile .single-step .step_order-number,
    .survey-modal-mobile .single-step .step_title,
    .survey-modal-mobile .single-step .step_content {
        flex: 0 0 100%;
        margin-bottom: 16px;
    }

    .survey-modal-mobile .single-step .step-btn-holder {
        flex: 0 0 100%;
    }

    .survey-modal-mobile .single-step .step_order-number .step_order-number__text {
        color: #FC6A5D;
        font-family: 'Literata';
        font-size: 40px;
        font-weight: 400;
        line-height: 1;
    }

    .survey-modal-mobile .single-step .step_title h4 {
        color: #333;
        font-family: 'Literata';
        font-size: 22px;
        font-weight: 400;
        line-height: 1.2;
    }

    .survey-modal-mobile .single-step .step_content img {
        width: 100%;
        margin-top: 16px;
    }

    .survey-modal-mobile .single-step .step_content p {
        color: #333;
        font-family: 'Figtree';
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
    }

    .customizer-wrapper .left-side {
        flex: 0 0 100%;
        display: flex;
        aspect-ratio: 1/1;
    }

    .customizer-wrapper .left-side .number-visibility {
        background: transparent;
        padding: 0;
        top: unset;
        right: 20px;
        bottom: 14px;
    }

    .customizer-wrapper .left-side .number-visibility .number-visibility__title {
        display: none;
    }

    .customizer-wrapper .left-side .number-visibility .hide-numbers svg {
        fill: #E3E3E3;
    }

    .final-selected-plants {
        height: 420px;
    }

    .welcome-popup {
        padding: 20px;
    }

    .customizer-wrapper .right-side {
        height: auto;
        flex: 0 0 100%;
    }

    .customizer-wrapper .right-side .design-size-row {
        margin-top: 4px;
    }

    .customizer-wrapper .right-side .design-size-row p {
        font-size: 18px;
    }

    .customizer-wrapper .right-side .right-side-holder .map-positions {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .customizer-wrapper .right-side .single-plant .plant-information .plant-category .plant-price {
        font-size: 14px;
    }

    .map-positions .variation-price .number-of-plants-included .sum-plants {
        font-size: 16px;
    }

    .checkout-modal__holder {
        padding: 16px;
    }

    .checkout-modal__holder .headline-row {
        margin-bottom: 16px;
    }

    .checkout-modal__holder .description-row {
        margin-bottom: 16px;
    }

    .checkout-modal__holder .description-row p {
        font-size: 16px;
    }

    .checkout-modal__holder .button-row .checkout-modal-back-button, .checkout-modal__holder .button-row #custom-add-to-cart-customizer {
        flex: 0 0 100%;
        margin: 0;
    }

    .checkout-modal__holder .button-row .checkout-modal-back-button {
        margin-bottom: 16px;
    }

    .customizer-wrapper .right-side .provide-feedback {
        padding: 8px 4px;
    }

    .plants-to-swap {
        gap: 0;
    }

    .plants-to-swap .product-item {
        flex: 0 0 100%;
        margin: 0 0 16px;
    }
}

@media only screen and (max-width: 575px) {
    .swap-plant-modal .filter-holder-swap-plant__body .zip-filer-row {
        justify-content: flex-end;
    }

    .swap-plant-modal .zip-filer-row label {
        margin-right: 0;
        order: 2;
        flex: 0 0 100%;
    }

    .zip-filer-row-swap-plant-submit {
        flex: 0 0 100%;
        margin: 12px 0 0;
        order: 3;
    }

    .zip-tooltip {
        order: 1;
    }
}