#booknetic_theme_8 *
{
    font-family: 'Cormorant Garamond', sans-serif !important;
}
#booknetic_theme_8
{
    height: 800px;
}

#booknetic_theme_8 .booknetic_appointment_steps
{
    background: #0b2d30;
}

#booknetic_theme_8 .booknetic_badge
{
    background: #4d545a;
}
#booknetic_theme_8 .booknetic_appointment_steps_footer_txt2
{
    color: #4d545a;
}
#booknetic_theme_8 .booknetic_step_title, #booknetic_theme_8 .booknetic_appointment_steps_footer_txt1
{
    color: #626c76;
}

#booknetic_theme_8 .booknetic_selected_step > .booknetic_badge::after
{
background-color: #123e42;
}
#booknetic_theme_8 .booknetic_selected_step .booknetic_step_title
{
color: #ffffff;
}

#booknetic_theme_8 .booknetic_active_step .booknetic_badge, #booknetic_theme_8 .booknetic_calendar_days > div > span > i[a], #booknetic_theme_8 .booknetic_btn_success
{
    background: #4fc8c1;
}
#booknetic_theme_8 .booknetic_active_step .booknetic_step_title
{
    color: #4fc8c1;
}

#booknetic_theme_8 .booknetic_btn_primary,
#booknetic_theme_8 .booknetic_selected_time,
#booknetic_theme_8 .booknetic_calendar_selected_day > div
{
    background: #4fc8c1 !important;
    color: #ffffff !important;
}

#booknetic_theme_8 .booknetic_service_category, .booknetic_package_category, #booknetic_theme_8 .booknetic_service_extra_title, #booknetic_theme_8 .booknetic_times_title, #booknetic_theme_8 .booknetic_text_primary
{
    color: #4fc8c1 !important;
}

#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_category span,
#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_extra_title span{
    background: #4fc8c1 !important;
}

#booknetic_theme_8 .booknetic_appointment_container_header
{
    color: #292d32 !important;
}

#booknetic_theme_8 .booknetic_service_card_selected,
#booknetic_theme_8 .booknetic_card_selected,
#booknetic_theme_8 .booknetic_service_extra_card_selected,
#booknetic_theme_8 .booknetic_payment_method_selected,
#booknetic_theme_8 .booknetic-cart-item.active
{
    border-color: #53d56c !important;
}

#booknetic_theme_8 .booknetic_service_card_price,
#booknetic_theme_8 .booknetic_service_extra_card_price,
#booknetic_theme_8 .booknetic_confirm_details_price:not([data-price-id="discount"] .booknetic_confirm_details_price,.booknetic_gift_discount_price),
#booknetic_theme_8 .booknetic-cart-item-body-cell.amount,
#booknetic_theme_8 .booknetic_sum_price
{
    color: #162a2c !important;
}

/* Package Booking Panel Theming */
#booknetic_theme_8 .bkntc_package-confirmation_header h1,
#booknetic_theme_8 .bkntc_package_summary h2
{
    color: #292d32 !important;
}

#booknetic_theme_8 .bkntc_package_summary,
#booknetic_theme_8 .bkntc_package_warning,
#booknetic_theme_8 .bkntc_package_appointment.booked,
#booknetic_theme_8 .bkntc_package_appointment.empty
{
    border-color: #53d56c !important;
}

.booknetic_package_card_service_el > span:first-child
{
    color: #4fc8c1 !important;
}

.booknetic_package_card_service_el > span:last-child {
    background: #4fc8c1 !important;
}

#booknetic_theme_8 .bkntc_package_appointment.empty:hover
{
    border-color: #4fc8c1 !important;
    background-color: rgba(108, 112, 220, 0.1) !important;
}

#booknetic_theme_8 .bkntc_package-confirmation_header span,
#booknetic_theme_8 .bkntc_package_summary h2
{
    color: #4fc8c1 !important;
}

/* =========================================================
   3 SISTERS SPA × BOOKNETIC
   Fonts:
   Display — Cormorant Garamond
   UI — Plus Jakarta Sans
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');


/* =========================================================
   BRAND TOKENS
   ========================================================= */

.booknetic_appointment {
    --tss-lagoon: #123E42;
    --tss-lagoon-deep: #0B2D30;
    --tss-lagoon-soft: #1E5C62;

    --tss-aqua: #4FC8C1;
    --tss-aqua-light: #B9EFE9;

    --tss-shell: #F7F2EA;
    --tss-foam: #EAF5F2;
    --tss-white: #FFFFFF;

    --tss-ink: #162A2C;
    --tss-muted: #607477;
    --tss-border: #D9E4E1;

    --tss-serif: "Cormorant Garamond", Georgia, serif;
    --tss-sans: "Plus Jakarta Sans", Arial, sans-serif;

    font-family: var(--tss-sans) !important;

    background: var(--tss-shell) !important;

    border: 1px solid rgba(18, 62, 66, 0.08) !important;
    border-radius: 28px !important;

    overflow: hidden !important;

    box-shadow:
        0 26px 70px rgba(10, 44, 47, 0.10) !important;
}


/* =========================================================
   GLOBAL BOOKING TYPOGRAPHY
   ========================================================= */

.booknetic_appointment *,
.booknetic_appointment input,
.booknetic_appointment textarea,
.booknetic_appointment select,
.booknetic_appointment button {
    font-family: var(--tss-sans) !important;
}


/* =========================================================
   LEFT STEP NAVIGATION
   ========================================================= */

.booknetic_appointment .booknetic_appointment_steps {
    background:
        radial-gradient(
            circle at 20% 15%,
            rgba(79, 200, 193, 0.13),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            var(--tss-lagoon) 0%,
            var(--tss-lagoon-deep) 100%
        ) !important;

    border: 0 !important;
}


/* =========================================================
   MAIN PANEL
   ========================================================= */

.booknetic_appointment .booknetic_appointment_container {
    background: var(--tss-shell) !important;
}


.booknetic_appointment .booknetic_appointment_container_body {
    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(79, 200, 193, 0.07),
            transparent 24%
        ),
        var(--tss-shell) !important;
}


/* =========================================================
   CURRENT STEP HEADER
   ========================================================= */

.booknetic_appointment
.booknetic_appointment_container_header {
    background: var(--tss-shell) !important;

    border-bottom:
        1px solid rgba(18, 62, 66, 0.08) !important;

    padding-top: 24px !important;
    padding-bottom: 22px !important;
}


/* Make Booknetic's main step title feel like our site headings */

.booknetic_appointment
.booknetic_appointment_container_header * {
    font-family: var(--tss-serif) !important;
}


/* =========================================================
   GENERIC SELECTABLE CARDS
   Location / Staff / other selections
   ========================================================= */

.booknetic_appointment .booknetic_card {
    background: rgba(255, 255, 255, 0.76) !important;

    border:
        1px solid rgba(18, 62, 66, 0.10) !important;

    border-radius: 18px !important;

    box-shadow:
        0 10px 28px rgba(10, 44, 47, 0.04) !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}


.booknetic_appointment .booknetic_card:hover {
    transform: translateY(-2px) !important;

    background: #FFFFFF !important;

    border-color:
        rgba(79, 200, 193, 0.42) !important;

    box-shadow:
        0 17px 38px rgba(10, 44, 47, 0.08) !important;
}


/* Selected generic card */

.booknetic_appointment .booknetic_card_selected {
    background: var(--tss-lagoon) !important;

    border-color:
        var(--tss-lagoon) !important;

    box-shadow:
        0 16px 34px rgba(18, 62, 66, 0.18) !important;
}


.booknetic_appointment
.booknetic_card_selected * {
    color: #FFFFFF !important;
}


/* =========================================================
   SERVICE CARDS
   ========================================================= */

.booknetic_appointment .booknetic_service_card {
    background:
        rgba(255, 255, 255, 0.78) !important;

    border:
        1px solid rgba(18, 62, 66, 0.10) !important;

    border-radius: 20px !important;

    box-shadow:
        0 11px 30px rgba(10, 44, 47, 0.045) !important;

    transition:
        transform .28s ease,
        background .28s ease,
        border-color .28s ease,
        box-shadow .28s ease !important;
}


.booknetic_appointment
.booknetic_service_card:hover {
    transform: translateY(-3px) !important;

    background: #FFFFFF !important;

    border-color:
        rgba(79, 200, 193, 0.42) !important;

    box-shadow:
        0 20px 42px rgba(10, 44, 47, 0.09) !important;
}


/* Selected service */

.booknetic_appointment
.booknetic_service_card_selected {
    background:
        linear-gradient(
            145deg,
            #123E42,
            #1E5C62
        ) !important;

    border-color:
        #123E42 !important;

    box-shadow:
        0 18px 42px rgba(18, 62, 66, 0.20) !important;
}


.booknetic_appointment
.booknetic_service_card_selected * {
    color: #FFFFFF !important;
}


/* =========================================================
   FORM INPUTS
   ========================================================= */

.booknetic_appointment input,
.booknetic_appointment textarea,
.booknetic_appointment select {
    min-height: 48px !important;

    padding:
        12px 14px !important;

    color:
        var(--tss-ink) !important;

    background:
        #FFFFFF !important;

    border:
        1px solid var(--tss-border) !important;

    border-radius:
        14px !important;

    box-shadow:
        none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


.booknetic_appointment textarea {
    min-height: 110px !important;
}


.booknetic_appointment input:focus,
.booknetic_appointment textarea:focus,
.booknetic_appointment select:focus {
    outline: none !important;

    border-color:
        var(--tss-aqua) !important;

    box-shadow:
        0 0 0 4px rgba(79, 200, 193, 0.12) !important;
}


.booknetic_appointment input::placeholder,
.booknetic_appointment textarea::placeholder {
    color:
        rgba(96, 116, 119, 0.62) !important;
}


/* =========================================================
   SELECT2 FIELDS
   Booknetic uses Select2 for enhanced selects.
   ========================================================= */

.booknetic_appointment .select2-selection {
    min-height: 48px !important;

    background: #FFFFFF !important;

    border:
        1px solid var(--tss-border) !important;

    border-radius:
        14px !important;

    box-shadow:
        none !important;
}


/* =========================================================
   CALENDAR
   ========================================================= */

.booknetic_appointment .booknetic_calendar_rows {
    border-radius:
        18px !important;
}


.booknetic_appointment .booknetic_calendar_days {
    border-radius:
        12px !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


.booknetic_appointment
.booknetic_calendar_days:hover {
    background:
        rgba(79, 200, 193, 0.13) !important;

    color:
        var(--tss-lagoon) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   TIME SLOTS
   ========================================================= */

.booknetic_appointment
.booknetic_time_element {
    background:
        rgba(255, 255, 255, 0.82) !important;

    color:
        var(--tss-ink) !important;

    border:
        1px solid rgba(18, 62, 66, 0.11) !important;

    border-radius:
        14px !important;

    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}


.booknetic_appointment
.booknetic_time_element:hover {
    transform:
        translateY(-2px) !important;

    background:
        #FFFFFF !important;

    border-color:
        rgba(79, 200, 193, 0.55) !important;

    box-shadow:
        0 11px 25px rgba(10, 44, 47, 0.07) !important;
}


/* Selected time */

.booknetic_appointment
.booknetic_selected_time {
    background:
        var(--tss-lagoon) !important;

    color:
        #FFFFFF !important;

    border-color:
        var(--tss-lagoon) !important;

    box-shadow:
        0 12px 28px rgba(18, 62, 66, 0.20) !important;
}


.booknetic_appointment
.booknetic_selected_time * {
    color: #FFFFFF !important;
}


/* =========================================================
   FOOTER / NAVIGATION BUTTON AREA
   ========================================================= */

.booknetic_appointment
.booknetic_appointment_container_footer {
    background:
        rgba(247, 242, 234, 0.96) !important;

    border-top:
        1px solid rgba(18, 62, 66, 0.08) !important;

    padding-top:
        16px !important;

    padding-bottom:
        16px !important;
}


/* =========================================================
   BOOKNETIC BUTTONS
   These button classes are also documented by Booknetic.
   ========================================================= */

.booknetic_appointment .booknetic_btn_primary,
.booknetic_appointment .booknetic_btn_success {
    min-height:
        48px !important;

    padding:
        12px 22px !important;

    background:
        var(--tss-lagoon) !important;

    border:
        1px solid var(--tss-lagoon) !important;

    border-radius:
        999px !important;

    color:
        #FFFFFF !important;

    font-family:
        var(--tss-sans) !important;

    font-weight:
        800 !important;

    box-shadow:
        0 12px 28px rgba(18, 62, 66, 0.17) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}


.booknetic_appointment
.booknetic_btn_primary:hover,
.booknetic_appointment
.booknetic_btn_success:hover {
    transform:
        translateY(-2px) !important;

    background:
        var(--tss-lagoon-deep) !important;

    border-color:
        var(--tss-lagoon-deep) !important;

    box-shadow:
        0 17px 34px rgba(11, 45, 48, 0.22) !important;
}


/* Secondary / Back button */

.booknetic_appointment
.booknetic_btn_secondary {
    min-height:
        48px !important;

    padding:
        12px 20px !important;

    background:
        transparent !important;

    color:
        var(--tss-lagoon) !important;

    border:
        1px solid rgba(18, 62, 66, 0.18) !important;

    border-radius:
        999px !important;

    font-weight:
        800 !important;

    transition:
        background .22s ease,
        border-color .22s ease,
        transform .22s ease !important;
}


.booknetic_appointment
.booknetic_btn_secondary:hover {
    transform:
        translateY(-1px) !important;

    background:
        rgba(18, 62, 66, 0.06) !important;

    border-color:
        rgba(18, 62, 66, 0.28) !important;
}


/* =========================================================
   SUCCESS SCREEN
   ========================================================= */

.booknetic_appointment
.booknetic_appointment_finished {
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(79, 200, 193, 0.14),
            transparent 30%
        ),
        var(--tss-shell) !important;

    color:
        var(--tss-ink) !important;
}


.booknetic_appointment
.booknetic_appointment_finished * {
    font-family:
        var(--tss-sans) !important;
}


/* =========================================================
   MOBILE / TABLET
   Booknetic's documented mobile breakpoint is 1000px.
   ========================================================= */

@media (max-width: 1000px) {

    .booknetic_appointment {
        border-radius:
            22px !important;
    }


    .booknetic_appointment
    .booknetic_appointment_container {
        width:
            100% !important;
    }


    .booknetic_appointment
    .booknetic_appointment_container_header {
        padding:
            18px 16px !important;
    }


    .booknetic_appointment
    .booknetic_appointment_container_body {
        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    .booknetic_appointment
    .booknetic_appointment_container_footer {
        padding:
            12px 14px !important;
    }


    .booknetic_appointment
    .booknetic_service_card,
    .booknetic_appointment
    .booknetic_card {
        border-radius:
            16px !important;
    }


    .booknetic_appointment
    .booknetic_btn_primary,
    .booknetic_appointment
    .booknetic_btn_success {
        border-radius:
            999px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .booknetic_appointment {
        border-radius:
            18px !important;
    }


    .booknetic_appointment
    .booknetic_appointment_container_body {
        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    .booknetic_appointment
    .booknetic_time_element {
        border-radius:
            12px !important;
    }

}

/* =========================================================
   3 SISTERS SPA — BOOKNETIC UI REFINEMENT PATCH
   Append this AFTER your existing Booknetic custom CSS.
   ========================================================= */

/* ---------------------------------------------------------
   1. LEFT STEP SIDEBAR — improve unreadable gray labels
--------------------------------------------------------- */

.booknetic_appointment .booknetic_appointment_steps,
.booknetic_appointment .booknetic_appointment_steps div,
.booknetic_appointment .booknetic_appointment_steps span,
.booknetic_appointment .booknetic_appointment_steps p,
.booknetic_appointment .booknetic_appointment_steps label {
    color: rgba(255, 255, 255, 0.68) !important;
}

/* Common active/completed state patterns */
.booknetic_appointment
.booknetic_appointment_steps
.booknetic_appointment_step_element.booknetic_active_step,
.booknetic_appointment
.booknetic_appointment_steps
.booknetic_appointment_step_element.booknetic_active_step *,
.booknetic_appointment
.booknetic_appointment_steps
[class*="active"] *,
.booknetic_appointment
.booknetic_appointment_steps
[class*="selected"] * {
    color: #B9EFE9 !important;
}

/* Slightly increase sidebar label legibility */
.booknetic_appointment
.booknetic_appointment_steps
.booknetic_appointment_step_element {
    font-size: 14px !important;
    line-height: 1.35 !important;
}


/* ---------------------------------------------------------
   2. SERVICE CARDS — larger name, duration, description
--------------------------------------------------------- */

/* Establish a more readable base size */
.booknetic_appointment .booknetic_service_card,
.booknetic_appointment .booknetic_service_card div,
.booknetic_appointment .booknetic_service_card span,
.booknetic_appointment .booknetic_service_card p,
.booknetic_appointment .booknetic_service_card strong {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Service names / titles */
.booknetic_appointment
.booknetic_service_card
[class*="name"],
.booknetic_appointment
.booknetic_service_card
[class*="title"] {
    color: #162A2C !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* Duration */
.booknetic_appointment
.booknetic_service_card
[class*="duration"] {
    color: #1E5C62 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* Description */
.booknetic_appointment
.booknetic_service_card
[class*="description"],
.booknetic_appointment
.booknetic_service_card
p {
    color: #607477 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Selected service must remain readable on dark background */
.booknetic_appointment
.booknetic_service_card_selected,
.booknetic_appointment
.booknetic_service_card_selected div,
.booknetic_appointment
.booknetic_service_card_selected span,
.booknetic_appointment
.booknetic_service_card_selected p,
.booknetic_appointment
.booknetic_service_card_selected strong,
.booknetic_appointment
.booknetic_service_card_selected [class*="name"],
.booknetic_appointment
.booknetic_service_card_selected [class*="title"],
.booknetic_appointment
.booknetic_service_card_selected [class*="duration"],
.booknetic_appointment
.booknetic_service_card_selected [class*="description"] {
    color: #FFFFFF !important;
}


/* ---------------------------------------------------------
   3. PHONE FIELD — hide generated example placeholder
--------------------------------------------------------- */

.booknetic_appointment input[type="tel"]::placeholder,
.booknetic_appointment .iti input::placeholder,
.booknetic_appointment .iti__tel-input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}


/* ---------------------------------------------------------
   4. SUMMARY / CONFIRM DETAILS — increase text sizes
--------------------------------------------------------- */

.booknetic_appointment .booknetic_confirm_details {
    color: #162A2C !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.booknetic_appointment .booknetic_confirm_details div,
.booknetic_appointment .booknetic_confirm_details span,
.booknetic_appointment .booknetic_confirm_details p,
.booknetic_appointment .booknetic_confirm_details label,
.booknetic_appointment .booknetic_confirm_details strong {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Labels */
.booknetic_appointment
.booknetic_confirm_details
[class*="label"],
.booknetic_appointment
.booknetic_confirm_details
[class*="title"] {
    color: #607477 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Values */
.booknetic_appointment
.booknetic_confirm_details
[class*="value"] {
    color: #162A2C !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   5. SUCCESS SCREEN — overall readability
--------------------------------------------------------- */

.booknetic_appointment .booknetic_appointment_finished {
    color: #162A2C !important;
}

.booknetic_appointment .booknetic_appointment_finished p,
.booknetic_appointment .booknetic_appointment_finished span,
.booknetic_appointment .booknetic_appointment_finished label {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.booknetic_appointment
.booknetic_appointment_finished
[class*="title"],
.booknetic_appointment
.booknetic_appointment_finished h1,
.booknetic_appointment
.booknetic_appointment_finished h2,
.booknetic_appointment
.booknetic_appointment_finished h3 {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
}


/* ---------------------------------------------------------
   6. CUSTOM WHATSAPP / 20% DEPOSIT BLOCK
   Injected by the companion JS.
--------------------------------------------------------- */

.booknetic_appointment .tss-booknetic-deposit {
    display: flex !important;
    width: min(620px, calc(100% - 32px)) !important;
    margin: 28px auto 0 !important;
    padding: 20px 22px !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;

    border: 1px solid rgba(18, 62, 66, 0.12) !important;
    border-radius: 20px !important;

    background:
        linear-gradient(
            145deg,
            rgba(79, 200, 193, 0.10),
            rgba(255, 255, 255, 0.72)
        ) !important;

    text-align: center !important;
}

.booknetic_appointment .tss-booknetic-deposit__eyebrow {
    color: #1E5C62 !important;
    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.booknetic_appointment .tss-booknetic-deposit__title {
    margin: 0 !important;
    color: #162A2C !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
}

.booknetic_appointment .tss-booknetic-deposit__copy {
    max-width: 520px !important;
    margin: 0 !important;
    color: #607477 !important;
    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.booknetic_appointment .tss-booknetic-whatsapp {
    display: inline-flex !important;
    min-height: 48px !important;
    margin-top: 4px !important;
    padding: 12px 20px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border: 1px solid #123E42 !important;
    border-radius: 999px !important;

    background: #123E42 !important;
    color: #FFFFFF !important;

    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: 0 12px 28px rgba(18, 62, 66, 0.18) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

.booknetic_appointment .tss-booknetic-whatsapp:hover {
    transform: translateY(-2px) !important;
    background: #0B2D30 !important;
    border-color: #0B2D30 !important;
    box-shadow: 0 17px 34px rgba(11, 45, 48, 0.22) !important;
}


/* ---------------------------------------------------------
   BOOKNETIC MOBILE/TABLET ≤ 1000px
   Keep the same readability improvements.
--------------------------------------------------------- */

@media (max-width: 1000px) {

    .booknetic_appointment .booknetic_service_card,
    .booknetic_appointment .booknetic_service_card div,
    .booknetic_appointment .booknetic_service_card span,
    .booknetic_appointment .booknetic_service_card p,
    .booknetic_appointment .booknetic_service_card strong {
        font-size: 15px !important;
    }

    .booknetic_appointment
    .booknetic_service_card
    [class*="name"],
    .booknetic_appointment
    .booknetic_service_card
    [class*="title"] {
        font-size: 17px !important;
    }

    .booknetic_appointment
    .booknetic_confirm_details,
    .booknetic_appointment
    .booknetic_confirm_details div,
    .booknetic_appointment
    .booknetic_confirm_details span,
    .booknetic_appointment
    .booknetic_confirm_details p,
    .booknetic_appointment
    .booknetic_confirm_details label,
    .booknetic_appointment
    .booknetic_confirm_details strong {
        font-size: 15px !important;
    }

    .booknetic_appointment .tss-booknetic-deposit {
        width: calc(100% - 24px) !important;
        margin-top: 22px !important;
        padding: 18px 16px !important;
        border-radius: 18px !important;
    }

    .booknetic_appointment .tss-booknetic-deposit__title {
        font-size: 22px !important;
    }

    .booknetic_appointment .tss-booknetic-whatsapp {
        width: 100% !important;
    }
}

/* =========================================================
   3 SISTERS SPA — DEPOSIT / WHATSAPP BLOCK REFINEMENT
   ========================================================= */

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(620px, calc(100% - 40px)) !important;

    margin: 34px auto 0 !important;
    padding: 28px 24px !important;

    border: 1px solid rgba(18, 62, 66, 0.12) !important;
    border-radius: 22px !important;

    background: linear-gradient(
        145deg,
        rgba(79, 200, 193, 0.10),
        rgba(255, 255, 255, 0.78)
    ) !important;

    text-align: center !important;
    box-shadow: 0 18px 42px rgba(10, 44, 47, 0.07) !important;
}

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit__eyebrow {
    display: block !important;
    margin: 0 0 10px 0 !important;

    color: #1E5C62 !important;

    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit__title {
    display: block !important;
    margin: 0 0 10px 0 !important;

    color: #162A2C !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
}

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit__copy {
    max-width: 520px !important;
    margin: 0 0 18px 0 !important;

    color: #607477 !important;

    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 50px !important;
    padding: 14px 24px !important;
    margin-top: 4px !important;

    border: 1px solid #123E42 !important;
    border-radius: 999px !important;

    background: #123E42 !important;
    color: #FFFFFF !important;

    font-family: "Plus Jakarta Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: 0 12px 28px rgba(18, 62, 66, 0.18) !important;
    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}

.booknetic_appointment .booknetic_appointment_finished .tss-booknetic-whatsapp:hover {
    transform: translateY(-2px) !important;
    background: #0B2D30 !important;
    border-color: #0B2D30 !important;
    box-shadow: 0 17px 34px rgba(11, 45, 48, 0.22) !important;
}

@media (max-width: 1000px) {
    .booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit {
        width: calc(100% - 24px) !important;
        margin: 28px auto 0 !important;
        padding: 22px 16px !important;
        border-radius: 18px !important;
    }

    .booknetic_appointment .booknetic_appointment_finished .tss-booknetic-deposit__title {
        font-size: 24px !important;
    }

    .booknetic_appointment .booknetic_appointment_finished .tss-booknetic-whatsapp {
        width: 100% !important;
    }
}

/* =========================================================
   BOOKNETIC PHONE FIELD — FINAL COUNTRY CODE / INPUT FIX
   ========================================================= */

/* Entire phone control */
.booknetic_appointment .iti {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}


/* ---------------------------------------------------------
   COUNTRY / FLAG AREA
--------------------------------------------------------- */

.booknetic_appointment .iti__country-container,
.booknetic_appointment .iti__flag-container {
    position: absolute !important;

    z-index: 10 !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 108px !important;
    max-width: 108px !important;
}


/* Actual clickable country selector */
.booknetic_appointment .iti__selected-country,
.booknetic_appointment .iti__selected-flag {
    display: flex !important;

    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;

    height: 100% !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 10px !important;

    border-radius: 14px 0 0 14px !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   PHONE NUMBER INPUT
--------------------------------------------------------- */

/*
 * Instead of relying on padding-left to keep the phone
 * number away from the flag selector, physically move the
 * input to the right and reduce its width.
 */

.booknetic_appointment .iti input[type="tel"],
.booknetic_appointment .iti input.iti__tel-input,
.booknetic_appointment .iti--show-selected-dial-code input[type="tel"],
.booknetic_appointment .iti--allow-dropdown input[type="tel"] {

    display: block !important;

    width: calc(100% - 108px) !important;

    margin-left: 108px !important;
    margin-right: 0 !important;

    padding: 12px 14px !important;

    min-height: 48px !important;

    box-sizing: border-box !important;

    direction: ltr !important;
    text-align: left !important;

    border-radius: 0 14px 14px 0 !important;
}


/* ---------------------------------------------------------
   REMOVE PHONE EXAMPLE PLACEHOLDER
--------------------------------------------------------- */

.booknetic_appointment .iti input[type="tel"]::placeholder,
.booknetic_appointment .iti input.iti__tel-input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}


/* ---------------------------------------------------------
   TABLET / MOBILE
--------------------------------------------------------- */

@media (max-width: 1000px) {

    .booknetic_appointment .iti__country-container,
    .booknetic_appointment .iti__flag-container,
    .booknetic_appointment .iti__selected-country,
    .booknetic_appointment .iti__selected-flag {

        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
    }


    .booknetic_appointment .iti input[type="tel"],
    .booknetic_appointment .iti input.iti__tel-input,
    .booknetic_appointment .iti--show-selected-dial-code input[type="tel"],
    .booknetic_appointment .iti--allow-dropdown input[type="tel"] {

        width: calc(100% - 104px) !important;

        margin-left: 104px !important;

        padding: 12px 13px !important;
    }

}