@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); :root {
--lsc-orange: #f1592b;
--lsc-orange-dk: #d94820;
--lsc-orange-lt: #fdecea;
--lsc-navy: #001660;
--lsc-navy-lt: #e8ecf8;
--lsc-page: #f0f0ee;
--lsc-white: #ffffff;
--lsc-text: #2e3d4d;
--lsc-muted: #9a9a9a;
--lsc-border: #dbdbdb;
--lsc-radius: 6px;
--lsc-shadow:
0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
--lsc-shadow-sel:
0 2px 3px rgba(241, 89, 43, 0.25), 0 0 0 2px var(--lsc-orange);
--lsc-trans: 0.15s ease;
} .lsc-wrap {
font-family: "Poppins", sans-serif;
color: var(--lsc-text);
background: #ffffff;
min-height: 60vh;
padding: 0 0 60px;
width: 100%;
max-width: 100%;
-webkit-font-smoothing: antialiased;
}
.lsc-wrap * {
box-sizing: border-box;
} .lsc-header {
background: var(--lsc-white);
border-bottom: 1px solid #ececec;
margin-bottom: 32px;
}
.lsc-progress-bar {
height: 3px;
background: #e8e8e8;
width: 100%;
}
.lsc-progress-fill {
height: 100%;
background: var(--lsc-orange);
transition: width 0.4s ease;
width: 25%;
} .lsc-alert {
max-width: 860px;
margin: 16px auto 0;
border-radius: var(--lsc-radius);
padding: 12px 16px;
font-size: 0.85rem;
font-weight: 500;
line-height: 1.6;
}
.lsc-alert.lsc-alert-error {
background: #fff5f5;
border-left: 3px solid #e53e3e;
color: #c53030;
}
.lsc-alert.lsc-alert-success {
background: #f0fdf4;
border-left: 3px solid #38a169;
color: #276749;
} .lsc-panel {
display: none;
}
.lsc-panel.active {
display: block;
animation: lscFadeUp 0.25s ease;
}
@keyframes lscFadeUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .lsc-head {
text-align: center;
padding: 36px 20px 28px;
}
.lsc-head h2 {
font-size: 1.75rem;
font-weight: 600;
color: var(--lsc-text);
margin: 0 0 8px;
line-height: 1.25;
}
.lsc-head p {
font-size: 1.1rem;
color: var(--lsc-muted);
margin: 0;
font-weight: 400;
} .lsc-svc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
max-width: 900px;
margin: 0 auto;
padding: 0 24px 8px;
}
.lsc-svc-card {
background: var(--lsc-white);
border: 2px solid #e8ecf0;
border-radius: 14px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
padding: 28px 18px 0;
position: relative;
overflow: hidden;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
user-select: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
min-height: 240px;
}
.lsc-svc-card:hover {
border-color: var(--lsc-orange);
box-shadow: 0 8px 28px rgba(241, 89, 43, 0.18);
transform: translateY(-4px);
}
.lsc-svc-price {
position: absolute;
top: 12px;
right: 12px;
background: var(--lsc-navy);
color: #fff;
font-size: 0.65rem;
font-weight: 700;
padding: 3px 9px;
border-radius: 100px;
letter-spacing: 0.03em;
transition: background 0.2s ease;
}
.lsc-svc-card:hover .lsc-svc-price,
.lsc-svc-card.selected .lsc-svc-price {
background: var(--lsc-orange);
}
.lsc-svc-icon-wrap {
width: 80px;
height: 80px;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.lsc-svc-card:hover .lsc-svc-icon-wrap {
transform: scale(1.08);
}
.lsc-svc-icon-wrap svg {
width: 80px;
height: 80px;
stroke: #9ca3af;
fill: none;
stroke-width: 1.3;
stroke-linecap: round;
stroke-linejoin: round;
transition: stroke 0.2s ease;
}
.lsc-svc-card:hover .lsc-svc-icon-wrap svg {
stroke: var(--lsc-orange);
}
.lsc-svc-name {
font-size: 0.95rem;
font-weight: 700;
color: var(--lsc-text);
text-align: center;
margin-bottom: 8px;
line-height: 1.3;
}
.lsc-svc-desc {
font-size: 0.76rem;
color: var(--lsc-muted);
text-align: center;
line-height: 1.55;
font-weight: 400;
flex: 1;
padding: 0 4px;
}
.lsc-svc-footer {
width: calc(100% + 4px);
margin: 16px -2px 0;
padding: 13px 12px;
text-align: center;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--lsc-muted);
background: #f8f9fa;
border-top: 1px solid #edf2f7;
transition: all 0.2s ease;
border-radius: 0 0 12px 12px;
}
.lsc-svc-card.selected {
transform: translateY(-4px);
background: #fffbfa;
}
.lsc-svc-card.selected .lsc-svc-icon-wrap svg {
stroke: var(--lsc-orange);
}
.lsc-svc-card.selected .lsc-svc-name {
color: var(--lsc-navy);
}
.lsc-price-bar-label,
.lsc-price-bar-services,
.lsc-price-bar-total,
.lsc-price-bar-total strong {
display: none;
}
@media (max-width: 700px) {
.lsc-svc-grid {
grid-template-columns: 1fr 1fr;
gap: 14px;
padding: 0 14px;
}
}
@media (max-width: 440px) {
.lsc-svc-grid {
grid-template-columns: 1fr;
}
} .lsc-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
padding: 28px 20px 8px;
flex-wrap: wrap;
}
.lsc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 40px;
border-radius: 0;
font-family: "Poppins", sans-serif;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
border: 2px solid transparent;
transition: var(--lsc-trans);
white-space: nowrap;
min-width: 160px;
text-decoration: none;
}
.lsc-btn-primary {
background: var(--lsc-navy);
color: #fff;
border-color: var(--lsc-navy);
}
.lsc-btn-primary:hover {
background: var(--lsc-orange);
border-color: var(--lsc-orange);
box-shadow: 0 4px 16px rgba(241, 89, 43, 0.3);
transform: translateY(-1px);
}
.lsc-btn-orange {
background: var(--lsc-orange);
color: #fff;
border-color: var(--lsc-orange);
}
.lsc-btn-orange:hover {
background: var(--lsc-orange-dk);
border-color: var(--lsc-orange-dk);
box-shadow: 0 4px 16px rgba(241, 89, 43, 0.35);
transform: translateY(-1px);
}
.lsc-btn-ghost {
background: var(--lsc-white);
color: var(--lsc-muted);
border-color: var(--lsc-border);
border-radius: 0;
}
.lsc-btn-ghost:hover {
background: var(--lsc-orange);
border-color: var(--lsc-orange);
color: #fff;
}
.lsc-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
transform: none !important;
}
.lsc-btn svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-spinner {
width: 15px;
height: 15px;
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
border-radius: 50%;
animation: spin 0.65s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
} .lsc-form-box {
background: var(--lsc-white);
border-radius: var(--lsc-radius);
box-shadow: var(--lsc-shadow);
width: 100%;
max-width: 860px;
margin: 0 auto;
padding: 32px 36px 28px;
} .lsc-subtype-wrap {
display: none;
margin-top: 14px;
animation: lscFadeUp 0.2s ease;
}
.lsc-subtype-wrap.visible {
display: block;
}
.lsc-other-wrap {
display: none;
margin-top: 12px;
animation: lscFadeUp 0.2s ease;
}
.lsc-other-wrap.visible {
display: block;
} .lsc-section-divider {
display: flex;
align-items: center;
gap: 14px;
margin: 26px 0 22px;
}
.lsc-section-divider::before,
.lsc-section-divider::after {
content: "";
flex: 1;
height: 1px;
background: #ebebeb;
}
.lsc-section-divider span {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--lsc-navy);
white-space: nowrap;
} .lsc-field-group {
margin-bottom: 18px;
}
.lsc-row {
display: flex;
gap: 14px;
margin-bottom: 18px;
flex-wrap: wrap;
}
.lsc-col {
flex: 1;
min-width: 200px;
}
.lsc-col.lsc-col-full {
flex: 100%;
min-width: 100%;
}
.lsc-label {
display: block;
font-size: 0.8rem;
font-weight: 600;
color: var(--lsc-navy);
letter-spacing: 0.01em;
text-transform: none;
margin-bottom: 6px;
}
.lsc-req {
color: var(--lsc-orange);
margin-left: 2px;
}
.lsc-hint {
color: var(--lsc-muted);
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
.lsc-input,
.lsc-select,
.lsc-textarea {
width: 100%;
border: 1px solid var(--lsc-border);
border-radius: var(--lsc-radius);
padding: 10px 14px;
font-family: "Poppins", sans-serif;
font-size: 0.875rem;
font-weight: 400;
color: var(--lsc-text);
background: var(--lsc-white);
transition:
border-color var(--lsc-trans),
box-shadow var(--lsc-trans);
outline: none;
-webkit-appearance: none;
appearance: none;
}
.lsc-input::placeholder,
.lsc-textarea::placeholder {
color: #b0b7c3;
}
.lsc-input:hover,
.lsc-select:hover {
border-color: #b5b5b5;
}
.lsc-input:focus,
.lsc-select:focus,
.lsc-textarea:focus {
border-color: var(--lsc-navy);
box-shadow: 0 0 0 3px rgba(0, 22, 96, 0.09);
}
.lsc-select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23718096'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
padding-right: 36px;
cursor: pointer;
}
.lsc-textarea {
resize: vertical;
min-height: 84px;
line-height: 1.6;
} .lsc-type-toggle {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.lsc-type-card {
border: 2px solid var(--lsc-border);
border-radius: var(--lsc-radius);
padding: 14px 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
transition: var(--lsc-trans);
background: var(--lsc-white);
}
.lsc-type-card:hover {
border-color: var(--lsc-navy);
}
.lsc-type-card.active {
border-color: var(--lsc-orange);
background: var(--lsc-orange-lt);
}
.lsc-type-card input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.lsc-type-card svg {
width: 24px;
height: 24px;
stroke: var(--lsc-muted);
fill: none;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
transition: var(--lsc-trans);
flex-shrink: 0;
}
.lsc-type-card.active svg {
stroke: var(--lsc-orange);
}
.lsc-type-card-text strong {
display: block;
font-size: 0.88rem;
font-weight: 600;
color: var(--lsc-navy);
}
.lsc-type-card-text span {
font-size: 0.72rem;
color: var(--lsc-muted);
}
.lsc-type-check {
margin-left: auto;
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid var(--lsc-border);
flex-shrink: 0;
transition: var(--lsc-trans);
position: relative;
}
.lsc-type-card.active .lsc-type-check {
background: var(--lsc-orange);
border-color: var(--lsc-orange);
}
.lsc-type-card.active .lsc-type-check::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(45deg);
width: 4px;
height: 7px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
} .lsc-contact-toggle {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.lsc-contact-btn {
flex: 1;
min-width: 90px;
border: 1.5px solid var(--lsc-border);
border-radius: 100px;
padding: 9px 14px;
font-size: 0.8rem;
font-weight: 500;
font-family: "Poppins", sans-serif;
color: var(--lsc-muted);
cursor: pointer;
text-align: center;
transition: var(--lsc-trans);
background: var(--lsc-white);
user-select: none;
}
.lsc-contact-btn:hover {
border-color: var(--lsc-orange);
color: var(--lsc-orange);
background: var(--lsc-orange-lt);
}
.lsc-contact-btn.active {
border-color: var(--lsc-orange);
background: var(--lsc-orange-lt);
color: var(--lsc-orange);
font-weight: 600;
}
.lsc-contact-btn input {
position: absolute;
opacity: 0;
pointer-events: none;
} .lsc-slot-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.lsc-slot-card {
border: 2px solid var(--lsc-border);
border-radius: var(--lsc-radius);
padding: 16px 10px;
cursor: pointer;
text-align: center;
transition: var(--lsc-trans);
background: var(--lsc-white);
user-select: none;
}
.lsc-slot-card:hover {
border-color: var(--lsc-navy);
}
.lsc-slot-card.active {
border-color: var(--lsc-orange);
background: var(--lsc-orange-lt);
}
.lsc-slot-card input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.lsc-slot-icon {
font-size: 1.5rem;
margin-bottom: 6px;
display: block;
}
.lsc-slot-name {
font-size: 0.8rem;
font-weight: 600;
color: var(--lsc-navy);
display: block;
margin-bottom: 2px;
}
.lsc-slot-time {
font-size: 0.66rem;
color: var(--lsc-muted);
display: block;
}
.lsc-slot-card.active .lsc-slot-name {
color: var(--lsc-orange);
} .lsc-review-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 22px;
}
.lsc-review-card {
background: #f8fafc;
border: 1.5px solid #e8ecf0;
border-radius: 10px;
padding: 18px 20px;
}
.lsc-review-card h4 {
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--lsc-orange);
margin: 0 0 10px;
}
.lsc-review-card p {
font-size: 0.83rem;
color: var(--lsc-text);
margin: 3px 0;
line-height: 1.5;
}
.lsc-review-card p strong {
color: #0f172a;
font-weight: 700;
}
.lsc-review-card.lsc-full {
grid-column: 1 / -1;
}
.lsc-review-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 6px;
}
.lsc-review-tag {
background: var(--lsc-navy);
color: #fff;
font-size: 0.68rem;
font-weight: 600;
padding: 3px 10px;
border-radius: 100px;
} .lsc-payment-summary {
background: var(--lsc-navy);
border-radius: var(--lsc-radius);
padding: 20px 22px;
margin-bottom: 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.lsc-payment-summary h4 {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.55);
margin: 0 0 3px;
}
.lsc-amount {
font-size: 1.9rem;
font-weight: 700;
color: #fff;
line-height: 1;
}
.lsc-ref {
font-size: 0.72rem;
color: rgba(255, 255, 255, 0.45);
margin-top: 3px;
}
.lsc-payment-badge {
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 8px 14px;
text-align: center;
flex-shrink: 0;
}
.lsc-payment-badge span {
font-size: 0.65rem;
color: rgba(255, 255, 255, 0.55);
display: block;
}
.lsc-payment-badge strong {
font-size: 0.88rem;
color: #fff;
}
.lsc-stripe-element {
border: 1px solid var(--lsc-border);
border-radius: var(--lsc-radius);
padding: 14px;
margin-bottom: 12px;
min-height: 80px;
background: var(--lsc-white);
}
.lsc-secure-badge {
text-align: center;
font-size: 0.7rem;
color: var(--lsc-muted);
margin-bottom: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
} .lsc-confirm-inner {
text-align: center;
padding: 48px 24px;
}
.lsc-confirm-anim {
width: 76px;
height: 76px;
background: var(--lsc-orange-lt);
border-radius: 50%;
margin: 0 auto 22px;
display: flex;
align-items: center;
justify-content: center;
animation: lscPop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.lsc-confirm-anim svg {
width: 36px;
height: 36px;
stroke: var(--lsc-orange);
stroke-width: 2.5;
fill: none;
}
@keyframes lscPop {
from {
transform: scale(0);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.lsc-confirm-inner h2 {
font-size: 1.6rem;
font-weight: 700;
color: var(--lsc-navy);
margin: 0 0 10px;
}
.lsc-confirm-inner > p {
font-size: 0.88rem;
color: var(--lsc-muted);
margin: 0 0 26px;
}
.lsc-reference-box {
display: inline-flex;
flex-direction: column;
background: var(--lsc-navy);
padding: 16px 44px;
border-radius: var(--lsc-radius);
margin-bottom: 22px;
gap: 4px;
}
.lsc-reference-box span {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.45);
}
.lsc-reference-box strong {
font-size: 1.35rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.06em;
}
.lsc-confirm-note {
font-size: 0.8rem !important;
color: var(--lsc-muted) !important;
max-width: 400px;
margin: 0 auto !important;
} @media (max-width: 680px) {
.lsc-answers {
gap: 12px;
padding: 0 14px;
}
.lsc-answer {
width: calc(50% - 6px);
min-height: 220px;
padding: 22px 12px 0;
}
.lsc-answer .lsc-icon {
width: 60px;
height: 60px;
}
.lsc-answer .lsc-icon svg {
width: 60px;
height: 60px;
}
.lsc-form-box {
padding: 22px 18px;
}
.lsc-slot-grid {
grid-template-columns: 1fr 1fr;
}
.lsc-review-grid {
grid-template-columns: 1fr;
}
.lsc-buttons {
flex-direction: column-reverse;
}
.lsc-btn {
width: 100%;
}
.lsc-head h2 {
font-size: 1.35rem;
}
}
@media (max-width: 420px) {
.lsc-answer {
width: 100%;
}
} .lsc-svc-card[data-type="commercial"] {
display: none;
}
.lsc-svc-grid.show-residential .lsc-svc-card[data-type="commercial"] {
display: none;
}
.lsc-svc-grid.show-residential .lsc-svc-card[data-type="residential"] {
display: flex;
}
.lsc-svc-grid.show-residential .lsc-svc-card[data-type="both"] {
display: flex;
}
.lsc-svc-grid.show-commercial .lsc-svc-card[data-type="residential"] {
display: none;
}
.lsc-svc-grid.show-commercial .lsc-svc-card[data-type="commercial"] {
display: flex;
}
.lsc-svc-grid.show-commercial .lsc-svc-card[data-type="both"] {
display: flex;
} .lsc-svc-card {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
}
.lsc-svc-card .lsc-svc-icon-wrap,
.lsc-svc-card .lsc-svc-name,
.lsc-svc-card .lsc-svc-desc {
padding-left: 18px;
padding-right: 18px;
}
.lsc-svc-footer {
width: calc(100% + 4px);
margin: 16px -2px 0;
padding: 13px 12px;
text-align: center;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--lsc-muted);
border-top: 1px solid #edf2f7;
transition: all 0.2s ease;
border-radius: 0 0 12px 12px;
} .lsc-svc-modal-footer {
justify-content: center !important;
}
#lsc-booking-form .lsc-svc-modal-footer .lsc-btn {
min-width: 140px !important;
}
#lsc-booking-form .lsc-svc-modal-footer .lsc-svc-modal-cancel {
border-radius: var(--lsc-modal-btn-cancel-radius, 100px) !important;
}
#lsc-booking-form .lsc-svc-modal-footer .lsc-svc-modal-confirm {
border-radius: var(--lsc-modal-btn-confirm-radius, 100px) !important;
} .lsc-input.lsc-field-error,
.lsc-select.lsc-field-error,
.lsc-textarea.lsc-field-error {
border-color: #ef4444 !important;
background: #fff5f5 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}
.lsc-field-error-msg {
font-size: 0.72rem;
color: #ef4444;
font-weight: 500;
margin-top: 4px;
display: block;
} .lsc-price-bar {
max-width: 900px;
margin: 24px auto 0;
padding: 0 24px;
}
.lsc-breakdown-table {
width: 100%;
background: #fff;
border: 1.5px solid #e8ecf0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.lsc-breakdown-thead {
display: flex;
justify-content: space-between;
padding: 10px 20px;
background: #f8f9fa;
border-bottom: 1px solid #e8ecf0;
}
.lsc-breakdown-thead span {
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #64748b;
}
.lsc-breakdown-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 20px;
border-bottom: 1px solid #f1f5f9;
transition: background 0.15s;
}
.lsc-breakdown-row:last-of-type {
border-bottom: none;
}
.lsc-breakdown-row:hover {
background: #fafbff;
}
.lsc-breakdown-name {
font-size: 0.83rem;
color: #1e293b;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.lsc-breakdown-name::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background: #f1592b;
border-radius: 50%;
flex-shrink: 0;
}
.lsc-breakdown-price {
font-size: 0.85rem;
color: #1e293b;
font-weight: 700;
}
.lsc-breakdown-total-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 20px;
background: #f8f9fa;
border-top: 2px solid #e8ecf0;
}
.lsc-breakdown-total-label {
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #475569;
}
.lsc-breakdown-total-price {
font-size: 1.25rem;
font-weight: 800;
color: #f1592b;
letter-spacing: -0.01em;
} .lsc-wrap ~ .entry-title,
.lsc-wrap ~ h1,
body:has(.lsc-wrap) .entry-title,
body:has(.lsc-wrap) .page-title,
body:has(.lsc-wrap) .wp-block-post-title {
display: none !important;
}
.entry-header:has(+ * .lsc-wrap) .entry-title,
.page-header:has(+ * .lsc-wrap) {
display: none !important;
}
#lscStripeModal.open {
display: flex !important;
} #lsc-booking-form.lsc-wrap {
max-width: none !important;
background:
radial-gradient(
circle at 82% 4%,
var(--lsc-booking-page-accent-one),
transparent 28%
),
radial-gradient(
circle at 10% 0%,
var(--lsc-booking-page-accent-two),
transparent 28%
),
var(--lsc-booking-page-bg) !important;
padding-bottom: calc(var(--lsc-booking-card-padding) * 2);
}
.lsc-booking-shell-top {
width: min(
calc(var(--lsc-form-max-width) + var(--lsc-booking-shell-extra-width)),
calc(100% - var(--lsc-booking-layout-gap))
);
margin: 0 auto var(--lsc-booking-shell-top-padding);
display: grid;
grid-template-columns: var(--lsc-booking-brand-col-width) minmax(0, 1fr);
gap: var(--lsc-booking-layout-gap);
align-items: center;
padding: var(--lsc-booking-shell-top-padding) 0 0;
}
#lsc-booking-form .lsc-header {
margin: 0 !important;
border: 0 !important;
background: transparent !important;
min-width: 0;
}
#lsc-booking-form .lsc-progress-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--lsc-booking-step-connector-height);
z-index: 9999;
background: var(--lsc-booking-soft-border);
}
#lsc-booking-form .lsc-progress-fill {
background: var(--lsc-orange);
}
.lsc-brand-block {
display: flex;
align-items: center;
gap: calc(var(--lsc-booking-field-gap) * 0.75);
}
.lsc-brand-mark {
width: var(--lsc-booking-step-dot-size);
height: var(--lsc-booking-step-dot-size);
border-radius: var(--lsc-radius);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--lsc-navy);
background: var(--lsc-booking-surface);
border: 1px solid var(--lsc-booking-soft-border);
box-shadow: var(--lsc-booking-field-shadow);
flex: 0 0 var(--lsc-booking-step-dot-size);
}
.lsc-brand-mark svg {
width: calc(var(--lsc-booking-step-dot-size) * 0.58);
height: calc(var(--lsc-booking-step-dot-size) * 0.58);
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-brand-text strong {
display: block;
color: var(--lsc-navy);
font-size: calc(var(--lsc-font-size) * 1.7);
line-height: 1;
font-weight: var(--lsc-btn-font-weight, 900);
letter-spacing: -0.04em;
}
.lsc-brand-text span {
display: block;
margin-top: calc(var(--lsc-booking-field-gap) * 0.22);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.72);
line-height: 1;
font-weight: var(--lsc-btn-font-weight, 800);
letter-spacing: 0.08em;
text-transform: uppercase;
}
#lsc-booking-form .lsc-steps-wrap {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
justify-content: center;
align-items: flex-start;
gap: 0;
}
#lsc-booking-form .lsc-step-dot {
min-width: calc(var(--lsc-booking-step-dot-size) * 1.95);
position: relative;
z-index: 2;
}
#lsc-booking-form .dot-circle {
width: var(--lsc-booking-step-dot-size) !important;
height: var(--lsc-booking-step-dot-size) !important;
margin: 0 auto calc(var(--lsc-booking-field-gap) * 0.44) !important;
border-radius: 999px !important;
background: var(--lsc-booking-soft-border) !important;
border: 2px solid var(--lsc-booking-soft-border) !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size) * 0.92) !important;
font-weight: var(--lsc-btn-font-weight, 900) !important;
box-shadow: none !important;
}
#lsc-booking-form .lsc-step-dot.active .dot-circle,
#lsc-booking-form .lsc-step-dot.complete .dot-circle {
background: var(--lsc-orange) !important;
border-color: var(--lsc-orange) !important;
color: var(--lsc-btn-primary-text, #ffffff) !important;
box-shadow: var(--lsc-booking-button-shadow) !important;
}
#lsc-booking-form .dot-label {
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size) * 0.78) !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
#lsc-booking-form .lsc-step-dot.active .dot-label {
color: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-step-connector {
width: var(--lsc-booking-step-connector-width) !important;
height: var(--lsc-booking-step-connector-height) !important;
margin: calc(var(--lsc-booking-step-dot-size) * 0.48)
calc(var(--lsc-booking-field-gap) * 0.33) 0 !important;
border-radius: 999px !important;
background: var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form .lsc-step-connector.done {
background: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-step-connector.active {
background: linear-gradient(
90deg,
var(--lsc-orange),
var(--lsc-booking-soft-border)
) !important;
}
.lsc-booking-layout {
width: min(
calc(var(--lsc-form-max-width) + var(--lsc-booking-shell-extra-width)),
calc(100% - var(--lsc-booking-layout-gap))
) !important;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) var(--lsc-booking-summary-width) !important;
gap: var(--lsc-booking-layout-gap) !important;
align-items: start;
}
.lsc-booking-main {
min-width: 0;
}
#lscStep1 .lsc-form-box.lsc-details-card {
max-width: var(--lsc-form-max-width) !important;
padding: var(--lsc-booking-card-padding) !important;
border-radius: var(--lsc-radius) !important;
border: 1px solid var(--lsc-card-border, var(--lsc-booking-soft-border)) !important;
background: var(--lsc-booking-surface) !important;
box-shadow: var(--lsc-booking-card-shadow) !important;
overflow: hidden;
}
#lscStep1 .lsc-details-head {
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size) minmax(0, 1fr);
gap: var(--lsc-booking-field-gap);
align-items: center;
text-align: left !important;
padding: 0 0 var(--lsc-booking-card-padding) !important;
margin: 0 !important;
}
.lsc-details-head-icon {
width: var(--lsc-booking-step-dot-size);
height: var(--lsc-booking-step-dot-size);
border-radius: var(--lsc-radius);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--lsc-orange);
background: var(--lsc-booking-icon-bg);
flex: 0 0 var(--lsc-booking-step-dot-size);
}
.lsc-details-head-icon svg {
width: calc(var(--lsc-booking-step-dot-size) * 0.56);
height: calc(var(--lsc-booking-step-dot-size) * 0.56);
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-details-kicker {
display: block;
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.33);
color: var(--lsc-orange);
font-size: calc(var(--lsc-font-size) * 0.82);
font-weight: var(--lsc-btn-font-weight, 900);
}
#lscStep1 .lsc-details-head h2 {
margin: 0 0 calc(var(--lsc-booking-field-gap) * 0.33) !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size) * 2.05) !important;
font-weight: var(--lsc-btn-font-weight, 900) !important;
letter-spacing: -0.04em;
}
#lscStep1 .lsc-details-head p {
margin: 0 !important;
color: var(--lsc-booking-text-muted) !important;
font-size: var(--lsc-font-size) !important;
line-height: 1.55;
}
#lscStep1 .lsc-label {
color: var(--lsc-label-color, var(--lsc-navy)) !important;
font-size: calc(var(--lsc-font-size) * 0.82) !important;
font-weight: var(--lsc-btn-font-weight, 900) !important;
}
#lscStep1 .lsc-type-toggle {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--lsc-booking-field-gap) !important;
}
#lscStep1 .lsc-type-card {
min-height: var(--lsc-booking-type-card-height) !important;
border-radius: var(--lsc-radius) !important;
padding: calc(var(--lsc-booking-field-gap) * 1.05) !important;
border: 1.5px solid var(--lsc-booking-soft-border) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
background: var(--lsc-booking-surface) !important;
}
#lscStep1 .lsc-type-card.active {
border-color: var(--lsc-orange) !important;
background: var(--lsc-booking-icon-bg) !important;
}
#lscStep1 .lsc-type-card svg {
color: var(--lsc-orange);
stroke: currentColor !important;
}
#lscStep1 .lsc-type-card:not(.active) svg {
color: var(--lsc-booking-text-muted);
}
#lscStep1 .lsc-type-check {
width: calc(var(--lsc-booking-input-height) * 0.44) !important;
height: calc(var(--lsc-booking-input-height) * 0.44) !important;
}
#lscStep1 .lsc-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--lsc-booking-field-gap) !important;
margin-bottom: var(--lsc-booking-field-gap) !important;
}
#lscStep1 .lsc-col,
#lscStep1 .lsc-col.lsc-col-full {
min-width: 0 !important;
width: 100% !important;
flex: unset !important;
}
#lscStep1 .lsc-col.lsc-col-full {
grid-column: 1 / -1;
}
#lscStep1 .lsc-input,
#lscStep1 .lsc-select,
#lscStep1 .lsc-textarea {
min-height: var(--lsc-booking-input-height) !important;
border-radius: var(--lsc-input-radius, var(--lsc-radius)) !important;
border: 1.5px solid var(--lsc-input-border, var(--lsc-booking-soft-border)) !important;
background: var(--lsc-input-bg, var(--lsc-booking-surface)) !important;
color: var(--lsc-text) !important;
font-size: var(--lsc-font-size) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lscStep1 .lsc-input:focus,
#lscStep1 .lsc-select:focus,
#lscStep1 .lsc-textarea:focus {
border-color: var(--lsc-input-focus, var(--lsc-orange)) !important;
box-shadow: var(--lsc-booking-focus-shadow) !important;
}
#lscStep1 .lsc-textarea {
min-height: calc(var(--lsc-booking-input-height) * 1.8) !important;
}
#lscStep1 .lsc-section-divider {
margin: var(--lsc-booking-card-padding) 0
calc(var(--lsc-booking-field-gap) * 1.2) !important;
justify-content: flex-start !important;
}
#lscStep1 .lsc-section-divider span {
position: relative;
display: inline-flex;
align-items: center;
gap: calc(var(--lsc-booking-field-gap) * 0.55);
padding: 0 !important;
color: var(--lsc-navy) !important;
background: transparent !important;
font-size: calc(var(--lsc-font-size) * 0.95) !important;
font-weight: var(--lsc-btn-font-weight, 900) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
#lscStep1 .lsc-section-divider span:before {
content: "";
width: calc(var(--lsc-booking-input-height) * 0.64);
height: calc(var(--lsc-booking-input-height) * 0.64);
border-radius: 999px;
display: inline-block;
background: var(--lsc-booking-icon-bg);
}
#lscStep1 .lsc-contact-toggle {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(var(--lsc-booking-field-gap) * 0.78) !important;
}
#lscStep1 .lsc-contact-btn {
min-height: calc(var(--lsc-booking-input-height) * 0.92) !important;
border-radius: var(--lsc-radius) !important;
border: 1.5px solid var(--lsc-booking-soft-border) !important;
background: var(--lsc-booking-surface) !important;
color: var(--lsc-navy) !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
}
#lscStep1 .lsc-contact-btn.active {
border-color: var(--lsc-orange) !important;
background: var(--lsc-booking-icon-bg) !important;
color: var(--lsc-orange) !important;
}
.lsc-details-actions {
max-width: var(--lsc-form-max-width);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: var(--lsc-booking-field-gap);
padding: var(--lsc-booking-field-gap) 0 0;
}
.lsc-details-actions .lsc-buttons {
padding: 0 !important;
}
.lsc-details-actions .lsc-btn-primary {
min-width: calc(var(--lsc-booking-summary-width) * 0.5) !important;
min-height: var(--lsc-booking-button-height) !important;
border-radius: var(--lsc-btn-radius, var(--lsc-radius)) !important;
padding: 0 var(--lsc-booking-card-padding) !important;
gap: calc(var(--lsc-booking-field-gap) * 0.65) !important;
box-shadow: var(--lsc-booking-button-shadow) !important;
}
.lsc-details-actions .lsc-btn-primary svg {
width: calc(var(--lsc-font-size) * 1.2);
height: calc(var(--lsc-font-size) * 1.2);
}
.lsc-details-secure {
display: inline-flex;
align-items: center;
gap: calc(var(--lsc-booking-field-gap) * 0.5);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.78);
font-weight: 600;
}
.lsc-details-secure span {
width: calc(var(--lsc-booking-input-height) * 0.54);
height: calc(var(--lsc-booking-input-height) * 0.54);
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--lsc-booking-secure);
background: var(--lsc-booking-surface-alt);
}
.lsc-details-secure svg {
width: calc(var(--lsc-font-size) * 1.05);
height: calc(var(--lsc-font-size) * 1.05);
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-live-summary-wrap {
position: sticky;
top: var(--lsc-booking-shell-top-padding) !important;
align-self: start;
z-index: 30;
}
.lsc-live-summary-card {
overflow: hidden;
border-radius: var(--lsc-booking-summary-radius) !important;
border: 1px solid var(--lsc-booking-soft-border) !important;
background: var(--lsc-booking-surface) !important;
box-shadow: var(--lsc-booking-summary-shadow) !important;
}
.lsc-live-summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--lsc-booking-field-gap);
padding: calc(var(--lsc-booking-card-padding) * 0.75) !important;
background:
radial-gradient(
circle at top right,
var(--lsc-booking-summary-accent),
transparent 42%
),
linear-gradient(
135deg,
var(--lsc-booking-summary-start),
var(--lsc-booking-summary-end)
) !important;
cursor: default;
}
.lsc-live-summary-kicker {
display: block;
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.33);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.68);
font-weight: var(--lsc-btn-font-weight, 800);
letter-spacing: 0.09em;
text-transform: uppercase;
}
.lsc-live-summary-head h3 {
margin: 0;
color: var(--lsc-btn-primary-text, #ffffff) !important;
font-size: calc(var(--lsc-font-size) * 1.25) !important;
line-height: 1.25;
font-weight: var(--lsc-btn-font-weight, 900);
letter-spacing: -0.025em;
}
.lsc-live-summary-icon {
width: calc(var(--lsc-booking-step-dot-size) * 0.88);
height: calc(var(--lsc-booking-step-dot-size) * 0.88);
border-radius: var(--lsc-radius);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--lsc-booking-summary-accent);
border: 1px solid var(--lsc-booking-soft-border);
flex: 0 0 calc(var(--lsc-booking-step-dot-size) * 0.88);
}
.lsc-live-summary-icon svg {
width: calc(var(--lsc-font-size) * 1.35);
height: calc(var(--lsc-font-size) * 1.35);
fill: none;
stroke: var(--lsc-btn-primary-text, #ffffff);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-live-summary-empty {
margin: var(--lsc-booking-field-gap) var(--lsc-booking-field-gap) 0;
padding: calc(var(--lsc-booking-field-gap) * 0.75);
border: 1px dashed var(--lsc-booking-soft-border);
border-radius: var(--lsc-radius);
background: var(--lsc-booking-surface-alt);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.78);
line-height: 1.55;
}
.lsc-live-summary-body {
padding: 0 calc(var(--lsc-booking-card-padding) * 0.75);
}
.lsc-live-summary-section {
padding: calc(var(--lsc-booking-card-padding) * 0.62) 0 !important;
}
.lsc-live-summary-section:not(:last-child) {
border-bottom: 1px solid var(--lsc-booking-soft-border) !important;
}
.lsc-live-summary-section-head {
display: flex;
align-items: center;
gap: calc(var(--lsc-booking-field-gap) * 0.5);
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.55);
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size) * 0.73) !important;
font-weight: var(--lsc-btn-font-weight, 900);
letter-spacing: 0.07em;
text-transform: uppercase;
}
.lsc-live-summary-section-icon {
width: calc(var(--lsc-booking-input-height) * 0.56);
height: calc(var(--lsc-booking-input-height) * 0.56);
border-radius: var(--lsc-radius);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--lsc-booking-icon-bg) !important;
color: var(--lsc-orange);
}
.lsc-live-summary-section-icon svg {
width: calc(var(--lsc-font-size) * 1);
height: calc(var(--lsc-font-size) * 1);
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-live-summary-section strong {
display: block;
color: var(--lsc-text);
font-size: calc(var(--lsc-font-size) * 0.9);
line-height: 1.45;
font-weight: var(--lsc-btn-font-weight, 800);
word-break: break-word;
}
.lsc-live-summary-section p {
margin: calc(var(--lsc-booking-field-gap) * 0.25) 0 0;
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.76);
line-height: 1.5;
word-break: break-word;
}
.lsc-live-empty-row {
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.78);
line-height: 1.5;
}
.lsc-live-summary-service-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: calc(var(--lsc-booking-field-gap) * 0.67);
padding: calc(var(--lsc-booking-field-gap) * 0.5) 0;
border-bottom: 1px solid var(--lsc-booking-soft-border);
}
.lsc-live-summary-service-row:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.lsc-live-summary-service-name {
color: var(--lsc-text);
font-size: calc(var(--lsc-font-size) * 0.78);
line-height: 1.45;
font-weight: 600;
}
.lsc-live-summary-service-price {
color: var(--lsc-navy);
font-size: calc(var(--lsc-font-size) * 0.8);
font-weight: var(--lsc-btn-font-weight, 900);
white-space: nowrap;
}
.lsc-live-summary-date-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--lsc-booking-field-gap) * 0.67);
}
.lsc-live-summary-date-grid small {
display: block;
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.22);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.68);
font-weight: var(--lsc-btn-font-weight, 800);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.lsc-live-summary-total {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--lsc-booking-field-gap);
padding: calc(var(--lsc-booking-card-padding) * 0.68)
calc(var(--lsc-booking-card-padding) * 0.75) !important;
background: var(--lsc-booking-summary-total-bg) !important;
}
.lsc-live-summary-total span {
color: var(--lsc-navy);
font-size: calc(var(--lsc-font-size) * 0.78);
font-weight: var(--lsc-btn-font-weight, 900);
letter-spacing: 0.07em;
text-transform: uppercase;
}
.lsc-live-summary-total strong {
color: var(--lsc-orange);
font-size: calc(var(--lsc-font-size) * 1.75) !important;
line-height: 1;
font-weight: var(--lsc-btn-font-weight, 900);
}
.lsc-live-summary-safe {
display: flex;
align-items: center;
gap: calc(var(--lsc-booking-field-gap) * 0.78);
margin: var(--lsc-booking-field-gap);
padding: calc(var(--lsc-booking-field-gap) * 0.88);
border-radius: var(--lsc-radius);
background: var(--lsc-booking-surface-alt);
border: 1px solid var(--lsc-booking-soft-border);
}
.lsc-live-summary-safe span {
width: calc(var(--lsc-booking-step-dot-size) * 0.95);
height: calc(var(--lsc-booking-step-dot-size) * 0.95);
border-radius: 999px;
flex: 0 0 calc(var(--lsc-booking-step-dot-size) * 0.95);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--lsc-booking-secure);
background: var(--lsc-booking-surface);
box-shadow: var(--lsc-booking-field-shadow);
}
.lsc-live-summary-safe svg {
width: calc(var(--lsc-booking-step-dot-size) * 0.52);
height: calc(var(--lsc-booking-step-dot-size) * 0.52);
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.lsc-live-summary-safe strong {
display: block;
color: var(--lsc-navy);
font-size: calc(var(--lsc-font-size) * 0.9);
font-weight: var(--lsc-btn-font-weight, 900);
}
.lsc-live-summary-safe small {
display: block;
margin-top: calc(var(--lsc-booking-field-gap) * 0.16);
color: var(--lsc-booking-text-muted);
font-size: calc(var(--lsc-font-size) * 0.75);
line-height: 1.35;
}
#lsc-booking-form.lsc-confirmed .lsc-live-summary-wrap {
display: none;
}
#lsc-booking-form.lsc-step-4 .lsc-booking-layout {
grid-template-columns: minmax(0, 1fr) var(--lsc-booking-summary-width) !important;
width: min(
var(--lsc-booking-page-max-width),
calc(100% - calc(var(--lsc-booking-page-side-padding) * 2))
) !important;
}
#lsc-booking-form.lsc-confirmed .lsc-booking-layout {
grid-template-columns: 1fr !important;
width: min(
var(--lsc-form-max-width),
calc(100% - var(--lsc-booking-layout-gap))
) !important;
}
@media (max-width: 1180px) {
.lsc-booking-shell-top {
width: min(
var(--lsc-form-max-width),
calc(100% - var(--lsc-booking-layout-gap))
);
grid-template-columns: 1fr;
gap: var(--lsc-booking-field-gap);
}
.lsc-brand-block {
justify-content: center;
}
.lsc-booking-layout {
grid-template-columns: 1fr !important;
width: min(
var(--lsc-form-max-width),
calc(100% - var(--lsc-booking-layout-gap))
) !important;
}
.lsc-live-summary-wrap {
position: static;
order: -1;
}
}
@media (max-width: 820px) {
#lsc-booking-form.lsc-wrap {
padding-bottom: calc(var(--lsc-booking-card-padding) * 2.5);
}
.lsc-booking-shell-top {
width: calc(100% - var(--lsc-booking-field-gap));
padding-top: var(--lsc-booking-field-gap);
margin-bottom: var(--lsc-booking-field-gap);
}
.lsc-brand-block {
justify-content: flex-start;
}
.lsc-brand-mark {
width: calc(var(--lsc-booking-step-dot-size) * 0.88);
height: calc(var(--lsc-booking-step-dot-size) * 0.88);
flex-basis: calc(var(--lsc-booking-step-dot-size) * 0.88);
}
.lsc-brand-text strong {
font-size: calc(var(--lsc-font-size) * 1.35);
}
#lsc-booking-form .lsc-steps-wrap {
overflow-x: auto;
justify-content: flex-start;
padding-bottom: calc(var(--lsc-booking-field-gap) * 0.25) !important;
}
#lsc-booking-form .lsc-step-dot {
min-width: calc(var(--lsc-booking-step-dot-size) * 1.45);
}
#lsc-booking-form .dot-circle {
width: calc(var(--lsc-booking-step-dot-size) * 0.8) !important;
height: calc(var(--lsc-booking-step-dot-size) * 0.8) !important;
}
#lsc-booking-form .dot-label {
font-size: calc(var(--lsc-font-size) * 0.68) !important;
}
#lsc-booking-form .lsc-step-connector {
width: calc(var(--lsc-booking-step-connector-width) * 0.35) !important;
margin-top: calc(var(--lsc-booking-step-dot-size) * 0.4) !important;
}
.lsc-booking-layout {
width: calc(100% - var(--lsc-booking-field-gap)) !important;
}
#lscStep1 .lsc-form-box.lsc-details-card {
padding: var(--lsc-booking-mobile-card-padding)
var(--lsc-booking-mobile-card-padding)
calc(var(--lsc-booking-mobile-card-padding) * 5) !important;
}
#lscStep1 .lsc-details-head {
grid-template-columns: calc(var(--lsc-booking-step-dot-size) * 0.88) minmax(
0,
1fr
);
gap: calc(var(--lsc-booking-field-gap) * 0.75);
}
.lsc-details-head-icon {
width: calc(var(--lsc-booking-step-dot-size) * 0.88);
height: calc(var(--lsc-booking-step-dot-size) * 0.88);
flex-basis: calc(var(--lsc-booking-step-dot-size) * 0.88);
}
#lscStep1 .lsc-type-toggle,
#lscStep1 .lsc-row,
#lscStep1 .lsc-contact-toggle {
grid-template-columns: 1fr !important;
}
.lsc-details-actions {
flex-direction: column;
gap: calc(var(--lsc-booking-field-gap) * 0.7);
}
.lsc-details-actions .lsc-buttons,
.lsc-details-actions .lsc-btn-primary {
width: 100% !important;
}
.lsc-live-summary-wrap {
position: fixed !important;
left: calc(var(--lsc-booking-field-gap) * 0.55);
right: calc(var(--lsc-booking-field-gap) * 0.55);
bottom: calc(var(--lsc-booking-field-gap) * 0.55);
top: auto !important;
z-index: 9998;
display: block !important;
}
.lsc-live-summary-card {
border-radius: var(--lsc-radius) !important;
box-shadow: var(--lsc-booking-summary-shadow) !important;
}
.lsc-live-summary-head {
min-height: calc(var(--lsc-booking-button-height) * 1.1);
padding: calc(var(--lsc-booking-field-gap) * 0.78) !important;
cursor: pointer;
}
.lsc-live-summary-kicker {
display: none;
}
.lsc-live-summary-head h3 {
font-size: calc(var(--lsc-font-size) * 0.92) !important;
}
.lsc-live-summary-icon {
width: calc(var(--lsc-booking-step-dot-size) * 0.72);
height: calc(var(--lsc-booking-step-dot-size) * 0.72);
flex-basis: calc(var(--lsc-booking-step-dot-size) * 0.72);
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-empty,
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-body,
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-safe {
display: none !important;
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-total {
position: absolute;
right: calc(var(--lsc-booking-step-dot-size) * 1.25);
top: 0;
height: calc(var(--lsc-booking-button-height) * 1.1);
padding: 0 !important;
background: transparent !important;
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-total span {
display: none;
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open)
.lsc-live-summary-total
strong {
color: var(--lsc-btn-primary-text, #ffffff) !important;
font-size: calc(var(--lsc-font-size) * 1.05) !important;
}
#lscLiveSummaryWrap.lsc-live-summary-open .lsc-live-summary-body {
max-height: 52vh;
overflow-y: auto;
}
} #lsc-booking-form.lsc-wrap {
max-width: none !important;
width: 100% !important;
background: var(--lsc-booking-page-bg) !important;
}
.lsc-booking-shell-top,
.lsc-booking-layout {
width: min(
var(--lsc-booking-page-max-width),
calc(100% - calc(var(--lsc-booking-page-side-padding) * 2))
) !important;
}
.lsc-booking-shell-top {
margin-left: auto !important;
margin-right: auto !important;
}
.lsc-booking-layout {
margin-left: auto !important;
margin-right: auto !important;
}
#lsc-booking-form .lsc-progress-bar {
background: var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form .lsc-progress-fill {
background: var(--lsc-orange) !important;
}
.lsc-brand-mark {
color: var(--lsc-navy) !important;
background: var(--lsc-booking-surface) !important;
border-color: var(--lsc-booking-soft-border) !important;
}
.lsc-brand-text strong,
#lscStep1 .lsc-details-head h2,
#lscStep1 .lsc-label,
#lscStep1 .lsc-section-divider span,
.lsc-live-summary-total span,
.lsc-live-summary-safe strong {
color: var(--lsc-navy) !important;
}
.lsc-brand-text span,
#lscStep1 .lsc-details-head p,
.lsc-details-secure,
.lsc-live-summary-empty,
.lsc-live-summary-section p,
.lsc-live-empty-row,
.lsc-live-summary-safe small {
color: var(--lsc-booking-text-muted) !important;
}
#lscStep1 .lsc-form-box.lsc-details-card {
background: var(--lsc-booking-surface) !important;
border-color: var(--lsc-booking-soft-border) !important;
box-shadow: var(--lsc-booking-card-shadow) !important;
}
#lscStep1 .lsc-input,
#lscStep1 .lsc-select,
#lscStep1 .lsc-textarea {
background: var(--lsc-input-bg, var(--lsc-booking-surface)) !important;
border-color: var(
--lsc-input-border,
var(--lsc-booking-soft-border)
) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lscStep1 .lsc-input:focus,
#lscStep1 .lsc-select:focus,
#lscStep1 .lsc-textarea:focus {
border-color: var(--lsc-input-focus, var(--lsc-orange)) !important;
box-shadow: var(--lsc-booking-focus-shadow) !important;
}
#lscStep1 .lsc-type-card,
#lscStep1 .lsc-contact-btn {
background: var(--lsc-booking-surface) !important;
border-color: var(--lsc-booking-soft-border) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lscStep1 .lsc-type-card.active,
#lscStep1 .lsc-contact-btn.active {
background: var(--lsc-booking-icon-bg) !important;
border-color: var(--lsc-orange) !important;
color: var(--lsc-orange) !important;
}
.lsc-details-head-icon,
.lsc-live-summary-section-icon {
background: var(--lsc-booking-icon-bg) !important;
color: var(--lsc-orange) !important;
}
.lsc-details-secure span,
.lsc-live-summary-safe span {
color: var(--lsc-booking-secure) !important;
background: var(--lsc-booking-surface) !important;
}
#lsc-booking-form .lsc-step-dot.active .dot-circle,
#lsc-booking-form .lsc-step-dot.complete .dot-circle {
background: var(--lsc-orange) !important;
border-color: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-step-dot.active .dot-label {
color: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-step-connector {
background: var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form .lsc-step-connector.done {
background: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-step-connector.active {
background: linear-gradient(
to right,
var(--lsc-orange),
var(--lsc-booking-soft-border)
) !important;
}
.lsc-live-summary-card {
background: var(--lsc-booking-surface) !important;
border-color: var(--lsc-booking-soft-border) !important;
box-shadow: var(--lsc-booking-summary-shadow) !important;
}
.lsc-live-summary-head {
background: var(--lsc-booking-summary-start) !important;
}
.lsc-live-summary-icon {
background: var(--lsc-booking-summary-accent) !important;
border-color: var(--lsc-booking-summary-accent) !important;
}
.lsc-live-summary-total {
background: var(--lsc-booking-summary-total-bg) !important;
}
.lsc-live-summary-total strong {
color: var(--lsc-orange) !important;
}
.lsc-live-summary-safe {
background: var(--lsc-booking-surface-alt) !important;
border-color: var(--lsc-booking-soft-border) !important;
} .lsc-brand-text strong {
color: var(--lsc-booking-brand-title) !important;
}
.lsc-brand-text span {
color: var(--lsc-booking-brand-tagline) !important;
}
.lsc-live-summary-head h3 {
color: var(--lsc-booking-summary-title) !important;
}
.lsc-live-summary-kicker {
color: var(--lsc-booking-summary-kicker) !important;
}
.lsc-details-actions .lsc-btn-primary,
.lsc-details-actions .lsc-btn-primary span,
.lsc-details-actions .lsc-btn-primary svg {
color: var(--lsc-booking-next-btn-text) !important;
stroke: currentColor !important;
} #lsc-booking-form .lsc-live-summary-head h3,
#lsc-booking-form .lsc-live-summary-head .lsc-live-summary-title,
#lsc-booking-form #lscLiveSummaryWrap .lsc-live-summary-head h3 {
color: var(--lsc-booking-summary-title) !important;
}
#lsc-booking-form #lscStep1 .lsc-label,
#lsc-booking-form #lscStep1 label,
#lsc-booking-form #lscStep1 .lsc-section-divider span {
color: var(--lsc-booking-field-label) !important;
}
#lsc-booking-form .lsc-details-actions .lsc-btn-primary,
#lsc-booking-form .lsc-details-actions .lsc-btn-primary span,
#lsc-booking-form .lsc-details-actions .lsc-btn-primary svg {
color: var(--lsc-booking-next-btn-text) !important;
stroke: currentColor !important;
} #lsc-booking-form .lsc-brand-text {
min-width: max-content !important;
}
#lsc-booking-form .lsc-brand-text strong {
white-space: nowrap !important;
line-height: 1.05 !important;
}
@media (min-width: 1181px) {
#lsc-booking-form .lsc-booking-shell-top {
position: relative !important;
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
min-height: calc(
var(--lsc-booking-step-dot-size) + (var(--lsc-booking-field-gap) * 2.5)
) !important;
padding-top: var(--lsc-booking-shell-top-padding) !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-header {
position: absolute !important;
inset-inline-start: 0 !important;
top: var(--lsc-booking-shell-top-padding) !important;
width: var(--lsc-booking-brand-col-width) !important;
z-index: 3 !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
width: fit-content !important;
margin-inline: auto !important;
justify-content: center !important;
}
#lsc-booking-form .lsc-brand-block {
width: max-content !important;
max-width: none !important;
}
}
@media (max-width: 1180px) {
#lsc-booking-form .lsc-booking-shell-top {
display: grid !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-header {
position: static !important;
width: auto !important;
}
} @media (min-width: 1181px) {
#lsc-booking-form .lsc-booking-shell-top {
display: grid !important;
grid-template-columns:
var(--lsc-booking-brand-col-width) minmax(0, 1fr)
var(--lsc-booking-brand-col-width) !important;
align-items: center !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-header {
position: static !important;
grid-column: 1 !important;
align-self: center !important;
width: auto !important;
inset: auto !important;
transform: none !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
grid-column: 2 !important;
justify-self: center !important;
align-self: center !important;
width: fit-content !important;
margin-inline: auto !important;
}
#lsc-booking-form .lsc-brand-block {
align-items: center !important;
}
}
#lsc-booking-form #lscStep1 .lsc-contact-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: calc(var(--lsc-booking-field-gap) * 0.45) !important;
line-height: 1 !important;
}
#lsc-booking-form #lscStep1 .lsc-contact-btn input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
#lsc-booking-form #lscStep1 .lsc-contact-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(var(--lsc-font-size) * 1.25) !important;
height: calc(var(--lsc-font-size) * 1.25) !important;
color: currentColor !important;
flex: 0 0 auto !important;
}
#lsc-booking-form #lscStep1 .lsc-contact-icon svg {
width: 100% !important;
height: 100% !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
#lsc-booking-form #lscStep1 .lsc-contact-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: currentColor !important;
line-height: 1 !important;
} #lsc-booking-form select.lsc-native-select-hidden {
position: absolute !important;
inline-size: 100% !important;
block-size: 100% !important;
opacity: 0 !important;
pointer-events: none !important;
}
#lsc-booking-form .lsc-custom-select {
position: relative !important;
inline-size: 100% !important;
}
#lsc-booking-form .lsc-custom-select-trigger {
inline-size: 100% !important;
min-block-size: var(--lsc-booking-input-height) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--lsc-booking-field-gap) !important;
padding-inline: var(--lsc-booking-field-gap) !important;
border: var(--lsc-booking-input-border-width, 1px) solid
var(--lsc-input-border, var(--lsc-booking-soft-border)) !important;
border-radius: var(--lsc-input-radius, var(--lsc-radius)) !important;
background: var(--lsc-input-bg, var(--lsc-booking-surface)) !important;
color: var(--lsc-text) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
font-family: var(--lsc-font) !important;
font-size: var(--lsc-font-size) !important;
font-weight: var(--lsc-btn-font-weight, 700) !important;
cursor: pointer !important;
}
#lsc-booking-form .lsc-custom-select-trigger:focus {
outline: none !important;
border-color: var(--lsc-input-focus, var(--lsc-orange)) !important;
box-shadow: var(--lsc-booking-focus-shadow) !important;
}
#lsc-booking-form .lsc-custom-select-text {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: currentColor !important;
}
#lsc-booking-form .lsc-custom-select-arrow {
inline-size: calc(var(--lsc-font-size) * 1.25) !important;
block-size: calc(var(--lsc-font-size) * 1.25) !important;
flex: 0 0 auto !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: var(--lsc-booking-input-border-width, 2px) !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transition: transform var(--lsc-transition-speed, 0.2s) ease !important;
}
#lsc-booking-form .lsc-custom-select.is-open .lsc-custom-select-arrow {
transform: rotate(180deg) !important;
}
#lsc-booking-form .lsc-custom-select-list {
position: absolute !important;
inset-inline: 0 !important;
inset-block-start: calc(
100% + calc(var(--lsc-booking-field-gap) * 0.35)
) !important;
display: grid !important;
gap: calc(var(--lsc-booking-field-gap) * 0.22) !important;
max-block-size: calc(var(--lsc-booking-input-height) * 5.5) !important;
overflow-y: auto !important;
padding: calc(var(--lsc-booking-field-gap) * 0.45) !important;
border: var(--lsc-booking-input-border-width, 1px) solid
var(--lsc-input-border, var(--lsc-booking-soft-border)) !important;
border-radius: var(--lsc-input-radius, var(--lsc-radius)) !important;
background: var(--lsc-booking-surface) !important;
box-shadow: var(--lsc-booking-summary-shadow) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(calc(var(--lsc-booking-field-gap) * 0.25)) !important;
transition:
opacity var(--lsc-transition-speed, 0.2s) ease,
transform var(--lsc-transition-speed, 0.2s) ease,
visibility var(--lsc-transition-speed, 0.2s) ease !important;
z-index: var(--lsc-dropdown-z, 90) !important;
}
#lsc-booking-form .lsc-custom-select.is-open .lsc-custom-select-list {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
#lsc-booking-form .lsc-custom-select-option {
inline-size: 100% !important;
min-block-size: calc(var(--lsc-booking-input-height) * 0.82) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--lsc-booking-field-gap) !important;
padding-inline: calc(var(--lsc-booking-field-gap) * 0.78) !important;
border: 0 !important;
border-radius: calc(
var(--lsc-input-radius, var(--lsc-radius)) * 0.75
) !important;
background: transparent !important;
color: var(--lsc-text) !important;
font-family: var(--lsc-font) !important;
font-size: var(--lsc-font-size) !important;
font-weight: var(--lsc-btn-font-weight, 700) !important;
text-align: start !important;
cursor: pointer !important;
}
#lsc-booking-form .lsc-custom-select-option:hover,
#lsc-booking-form .lsc-custom-select-option.is-selected {
background: var(--lsc-booking-icon-bg) !important;
color: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-custom-select-option svg {
inline-size: calc(var(--lsc-font-size) * 1.05) !important;
block-size: calc(var(--lsc-font-size) * 1.05) !important;
flex: 0 0 auto !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: var(--lsc-booking-input-border-width, 2px) !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
opacity: 0 !important;
}
#lsc-booking-form .lsc-custom-select-option.is-selected svg {
opacity: 1 !important;
}
@media (max-width: 820px) {
.lsc-booking-shell-top,
.lsc-booking-layout {
width: calc(
100% - calc(var(--lsc-booking-page-side-padding-mobile) * 2)
) !important;
}
} @media (max-width: 820px) {
body:has(#lsc-booking-form),
body:has(#lsc-booking-form) .wp-site-blocks,
body:has(#lsc-booking-form) main,
body:has(#lsc-booking-form) .entry-content,
body:has(#lsc-booking-form) .wp-block-post-content,
body:has(#lsc-booking-form) .wp-block-group,
body:has(#lsc-booking-form) .is-layout-constrained,
body:has(#lsc-booking-form) .has-global-padding {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body:has(#lsc-booking-form) .has-global-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
#lsc-booking-form,
#lsc-booking-form * {
box-sizing: border-box !important;
}
#lsc-booking-form {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: hidden !important;
}
#lsc-booking-form .lsc-booking-shell-top,
#lsc-booking-form .lsc-booking-layout {
width: calc(
100% - calc(var(--lsc-booking-page-side-padding-mobile, 16px) * 2)
) !important;
max-width: calc(
100% - calc(var(--lsc-booking-page-side-padding-mobile, 16px) * 2)
) !important;
margin-left: auto !important;
margin-right: auto !important;
}
#lsc-booking-form .lsc-booking-shell-top {
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
padding-top: var(--lsc-booking-mobile-card-padding, 22px) !important;
margin-bottom: var(--lsc-booking-field-gap, 18px) !important;
}
#lsc-booking-form .lsc-header {
position: static !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
}
#lsc-booking-form .lsc-brand-block {
width: 100% !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.65) !important;
}
#lsc-booking-form .lsc-brand-mark {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.82) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.82) !important;
flex: 0 0 calc(var(--lsc-booking-step-dot-size, 48px) * 0.82) !important;
}
#lsc-booking-form .lsc-brand-text {
min-width: 0 !important;
max-width: 100% !important;
}
#lsc-booking-form .lsc-brand-text strong {
white-space: normal !important;
font-size: calc(var(--lsc-font-size, 16px) * 1.2) !important;
line-height: 1.12 !important;
}
#lsc-booking-form .lsc-steps-wrap {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.45) !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
#lsc-booking-form .lsc-progress-fill-line,
#lsc-booking-form .lsc-step-connector {
display: none !important;
}
#lsc-booking-form .lsc-step-dot {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
#lsc-booking-form .dot-circle {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.72) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.72) !important;
min-width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.72) !important;
min-height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.72) !important;
margin: 0 auto calc(var(--lsc-booking-field-gap, 18px) * 0.35) !important;
}
#lsc-booking-form .dot-label {
width: 100% !important;
text-align: center !important;
white-space: normal !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.62) !important;
line-height: 1.2 !important;
}
#lsc-booking-form .lsc-booking-layout {
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
}
#lsc-booking-form .lsc-booking-main,
#lsc-booking-form .lsc-panel,
#lsc-booking-form .lsc-form-box,
#lsc-booking-form .lsc-details-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
#lsc-booking-form #lscStep1 .lsc-form-box.lsc-details-card,
#lsc-booking-form .lsc-form-box {
padding: var(--lsc-booking-mobile-card-padding, 22px) !important;
border-radius: var(--lsc-radius, 16px) !important;
}
#lsc-booking-form #lscStep1 .lsc-details-head {
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: center !important;
text-align: center !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.7) !important;
}
#lsc-booking-form #lscStep1 .lsc-details-head h2 {
max-width: 100% !important;
font-size: clamp(24px, 7vw, 30px) !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
}
#lsc-booking-form #lscStep1 .lsc-details-head p {
max-width: 100% !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.92) !important;
line-height: 1.5 !important;
}
#lsc-booking-form #lscStep1 .lsc-type-toggle,
#lsc-booking-form #lscStep1 .lsc-row,
#lsc-booking-form #lscStep1 .lsc-contact-toggle {
display: grid !important;
grid-template-columns: 1fr !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.85) !important;
}
#lsc-booking-form #lscStep1 .lsc-col,
#lsc-booking-form #lscStep1 .lsc-col.lsc-col-full {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
grid-column: auto !important;
}
#lsc-booking-form #lscStep1 .lsc-input,
#lsc-booking-form #lscStep1 .lsc-select,
#lsc-booking-form #lscStep1 .lsc-textarea,
#lsc-booking-form .lsc-custom-select,
#lsc-booking-form .lsc-custom-select-trigger {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#lsc-booking-form #lscStep1 .lsc-type-card,
#lsc-booking-form #lscStep1 .lsc-contact-btn {
width: 100% !important;
}
#lsc-booking-form .lsc-buttons,
#lsc-booking-form .lsc-details-actions {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.75) !important;
}
#lsc-booking-form .lsc-buttons .lsc-btn,
#lsc-booking-form .lsc-details-actions .lsc-btn-primary {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#lsc-booking-form .lsc-details-secure {
justify-content: center !important;
text-align: center !important;
}
#lsc-booking-form .lsc-svc-grid {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#lsc-booking-form .lsc-svc-card,
#lsc-booking-form .lsc-price-bar,
#lsc-booking-form .lsc-breakdown-table,
#lsc-booking-form .lsc-cal-wrap,
#lsc-booking-form .lsc-cal-card,
#lsc-booking-form .lsc-review-wrap,
#lsc-booking-form .lsc-summary-card {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form .lsc-slot-row,
#lsc-booking-form #lscStep4 .lsc-review-wrap,
#lsc-booking-form #lscStep4 .lsc-fin-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
}
#lsc-booking-form .lsc-live-summary-wrap {
position: fixed !important;
left: var(--lsc-booking-page-side-padding-mobile, 16px) !important;
right: var(--lsc-booking-page-side-padding-mobile, 16px) !important;
bottom: var(--lsc-booking-page-side-padding-mobile, 16px) !important;
top: auto !important;
width: auto !important;
max-width: none !important;
z-index: 9998 !important;
}
#lsc-booking-form .lsc-live-summary-card {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form .lsc-live-summary-head {
min-height: var(--lsc-booking-button-height, 52px) !important;
cursor: pointer !important;
}
#lsc-booking-form .lsc-live-summary-kicker,
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-empty,
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-body,
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-safe {
display: none !important;
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-total {
position: absolute !important;
right: calc(var(--lsc-booking-step-dot-size, 48px) * 1.15) !important;
top: 0 !important;
height: var(--lsc-booking-button-height, 52px) !important;
padding: 0 !important;
background: transparent !important;
}
#lscLiveSummaryWrap:not(.lsc-live-summary-open) .lsc-live-summary-total span {
display: none !important;
}
#lsc-booking-form.lsc-confirmed .lsc-live-summary-wrap {
display: none !important;
}
}
@media (max-width: 420px) {
#lsc-booking-form .lsc-booking-shell-top,
#lsc-booking-form .lsc-booking-layout {
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
}
#lsc-booking-form #lscStep1 .lsc-form-box.lsc-details-card,
#lsc-booking-form .lsc-form-box {
padding: 18px !important;
}
#lsc-booking-form #lscStep1 .lsc-details-head h2 {
font-size: clamp(24px, 8vw, 28px) !important;
}
} @media (max-width: 820px) {
body:has(#lsc-booking-form) .wp-block-group.alignfull,
body:has(#lsc-booking-form) .wp-block-group.has-global-padding,
body:has(#lsc-booking-form) .entry-content > .wp-block-group,
body:has(#lsc-booking-form) main > .wp-block-group {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
body:has(#lsc-booking-form) .wp-site-blocks,
body:has(#lsc-booking-form) main,
body:has(#lsc-booking-form) .entry-content,
body:has(#lsc-booking-form) .wp-block-post-content {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden !important;
}
body:has(#lsc-booking-form) #lsc-booking-form {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden !important;
}
body:has(#lsc-booking-form) #lsc-booking-form .lsc-booking-shell-top,
body:has(#lsc-booking-form) #lsc-booking-form .lsc-booking-layout {
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
} #lsc-booking-form #lscStep2 {
width: 100% !important;
max-width: var(--lsc-form-max-width, 900px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: var(--lsc-booking-card-padding, 32px) !important;
border-radius: var(--lsc-radius, 16px) !important;
border: 1px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
box-shadow: var(--lsc-booking-card-shadow, var(--lsc-shadow)) !important;
overflow: visible !important;
}
#lsc-booking-form #lscStep2 .lsc-head {
max-width: 100% !important;
margin: 0 0 calc(var(--lsc-booking-card-padding, 32px) * 0.85) !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size, 48px) minmax(0, 1fr) !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
align-items: center !important;
text-align: left !important;
}
#lsc-booking-form #lscStep2 .lsc-head:before {
content: "";
width: var(--lsc-booking-step-dot-size, 48px) !important;
height: var(--lsc-booking-step-dot-size, 48px) !important;
border-radius: var(--lsc-radius, 16px) !important;
display: block !important;
background: linear-gradient(
135deg,
var(--lsc-booking-icon-bg, var(--lsc-orange-lt)),
var(--lsc-booking-surface-alt, var(--lsc-white))
) !important;
box-shadow: inset 0 0 0 1px var(--lsc-booking-soft-border, var(--lsc-border)) !important;
}
#lsc-booking-form #lscStep2 .lsc-head h2 {
margin: 0 0 calc(var(--lsc-booking-field-gap, 18px) * 0.3) !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size, 16px) * 1.8) !important;
line-height: 1.15 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
letter-spacing: 0 !important;
}
#lsc-booking-form #lscStep2 .lsc-head h2:before {
content: "Choose your services";
display: block !important;
margin-bottom: calc(var(--lsc-booking-field-gap, 18px) * 0.35) !important;
color: var(--lsc-orange) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.82) !important;
line-height: 1.2 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
}
#lsc-booking-form #lscStep2 .lsc-head p {
margin: 0 !important;
color: var(--lsc-booking-text-muted, var(--lsc-muted)) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.95) !important;
line-height: 1.5 !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-grid {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card {
width: 100% !important;
min-height: calc(var(--lsc-booking-type-card-height, 80px) * 2.25) !important;
padding: calc(var(--lsc-booking-field-gap, 18px) * 1.25) 0 0 !important;
border-radius: var(--lsc-radius, 16px) !important;
border: 1.5px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
box-shadow: var(--lsc-booking-field-shadow, none) !important;
transform: none !important;
overflow: hidden !important;
transition:
border-color var(--lsc-transition-speed, 0.2s) ease,
box-shadow var(--lsc-transition-speed, 0.2s) ease,
transform var(--lsc-transition-speed, 0.2s) ease,
background var(--lsc-transition-speed, 0.2s) ease !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card:hover {
border-color: var(--lsc-orange) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
box-shadow: var(--lsc-booking-card-shadow, var(--lsc-shadow)) !important;
transform: translateY(
calc(var(--lsc-booking-field-gap, 18px) * -0.15)
) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card.selected {
border-color: var(--lsc-orange) !important;
background: var(--lsc-booking-icon-bg, var(--lsc-orange-lt)) !important;
box-shadow: var(--lsc-booking-card-shadow, var(--lsc-shadow)) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 1.35) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 1.35) !important;
margin: 0 auto calc(var(--lsc-booking-field-gap, 18px) * 0.8) !important;
padding: 0 !important;
border-radius: var(--lsc-radius, 16px) !important;
background: var(--lsc-booking-surface-alt, var(--lsc-white)) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card.selected .lsc-svc-icon-wrap,
#lsc-booking-form #lscStep2 .lsc-svc-card:hover .lsc-svc-icon-wrap {
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap img {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.95) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.95) !important;
object-fit: contain !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap span {
font-size: calc(var(--lsc-font-size, 16px) * 2) !important;
line-height: 1 !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-name {
padding-left: var(--lsc-booking-field-gap, 18px) !important;
padding-right: var(--lsc-booking-field-gap, 18px) !important;
margin: 0 auto calc(var(--lsc-booking-field-gap, 18px) * 0.75) !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.92) !important;
line-height: 1.35 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
text-align: center !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-footer {
width: 100% !important;
margin: auto 0 0 !important;
padding: calc(var(--lsc-booking-field-gap, 18px) * 0.82)
var(--lsc-booking-field-gap, 18px) !important;
border-radius: 0 !important;
border-top: 1px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
background: var(--lsc-booking-surface-alt, var(--lsc-white)) !important;
color: var(--lsc-orange) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.72) !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
letter-spacing: 0.08em !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card:hover .lsc-svc-footer {
background: var(--lsc-booking-icon-bg, var(--lsc-orange-lt)) !important;
color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card.selected .lsc-svc-footer {
background: var(--lsc-orange) !important;
border-top-color: var(--lsc-orange) !important;
color: var(--lsc-btn-primary-text, #fff) !important;
}
#lsc-booking-form
#lscStep2
.lsc-svc-card.selected
.lsc-svc-footer
.lsc-svc-select-txt,
#lsc-booking-form #lscStep2 .lsc-svc-card.selected .lsc-svc-footer span {
color: var(--lsc-btn-primary-text, #fff) !important;
}
#lsc-booking-form #lscStep2 .lsc-price-bar {
width: 100% !important;
max-width: 100% !important;
margin: calc(var(--lsc-booking-field-gap, 18px) * 1.5) 0 0 !important;
padding: 0 !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-table {
border-radius: var(--lsc-radius, 16px) !important;
border: 1.5px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
box-shadow: var(--lsc-booking-field-shadow, none) !important;
overflow: hidden !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-thead,
#lsc-booking-form #lscStep2 .lsc-breakdown-total-row {
background: var(--lsc-booking-surface-alt, var(--lsc-white)) !important;
border-color: var(--lsc-booking-soft-border, var(--lsc-border)) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-row {
padding: calc(var(--lsc-booking-field-gap, 18px) * 0.85)
var(--lsc-booking-field-gap, 18px) !important;
border-color: var(--lsc-booking-soft-border, var(--lsc-border)) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-name {
color: var(--lsc-text) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-name:before {
background: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-total-price,
#lsc-booking-form #lscStep2 .lsc-breakdown-price {
color: var(--lsc-navy) !important;
}
#lsc-booking-form #lscStep2 > div[style*="max-width:860px"] {
width: 100% !important;
max-width: 100% !important;
margin: calc(var(--lsc-booking-field-gap, 18px) * 1.1) 0 0 !important;
padding: 0 !important;
}
#lsc-booking-form #lscStep2 .lsc-buttons {
width: 100% !important;
padding: calc(var(--lsc-booking-field-gap, 18px) * 1.5) 0 0 !important;
display: flex !important;
justify-content: center !important;
gap: var(--lsc-booking-field-gap, 18px) !important;
}
#lsc-booking-form #lscStep2 .lsc-buttons .lsc-btn {
min-height: var(--lsc-booking-button-height, 52px) !important;
border-radius: var(--lsc-btn-radius, var(--lsc-radius)) !important;
}
#lsc-booking-form #lscStep2 .lsc-buttons .lsc-btn-primary {
background: var(--lsc-btn-primary-bg, var(--lsc-navy)) !important;
border-color: var(--lsc-btn-primary-bg, var(--lsc-navy)) !important;
color: var(
--lsc-booking-next-btn-text,
var(--lsc-btn-primary-text, #fff)
) !important;
} #lsc-booking-form .lsc-svc-modal {
padding: var(--lsc-booking-page-side-padding-mobile, 16px) !important;
}
#lsc-booking-form .lsc-svc-modal-box {
border-radius: var(
--lsc-booking-summary-radius,
var(--lsc-radius)
) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
border: 1px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
box-shadow: var(--lsc-booking-summary-shadow, var(--lsc-shadow)) !important;
}
#lsc-booking-form .lsc-svc-modal-close {
background: var(--lsc-booking-surface-alt, var(--lsc-white)) !important;
color: var(--lsc-navy) !important;
}
#lsc-booking-form .lsc-svc-modal-box h3 {
color: var(--lsc-navy) !important;
}
#lsc-booking-form .lsc-svc-modal-box > p,
#lsc-booking-form .lsc-modal-tier-sub {
color: var(--lsc-booking-text-muted, var(--lsc-muted)) !important;
}
#lsc-booking-form .lsc-modal-group-title {
color: var(--lsc-orange) !important;
border-color: var(--lsc-booking-soft-border, var(--lsc-border)) !important;
}
#lsc-booking-form .lsc-modal-tier,
#lsc-booking-form .lsc-modal-fixed {
border-radius: var(--lsc-radius, 16px) !important;
border: 1.5px solid var(--lsc-booking-soft-border, var(--lsc-border)) !important;
background: var(--lsc-booking-surface, var(--lsc-white)) !important;
}
#lsc-booking-form .lsc-modal-tier:hover,
#lsc-booking-form .lsc-modal-fixed:hover,
#lsc-booking-form .lsc-modal-tier:has(input:checked),
#lsc-booking-form .lsc-modal-fixed:has(input:checked) {
border-color: var(--lsc-orange) !important;
background: var(--lsc-booking-icon-bg, var(--lsc-orange-lt)) !important;
}
#lsc-booking-form .lsc-modal-tier-name,
#lsc-booking-form .lsc-modal-fixed-name {
color: var(--lsc-navy) !important;
}
#lsc-booking-form .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed-price {
color: var(--lsc-navy) !important;
background: var(--lsc-booking-surface-alt, var(--lsc-white)) !important;
}
#lsc-booking-form .lsc-modal-tier:has(input:checked) .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed:has(input:checked) .lsc-modal-fixed-price {
color: var(--lsc-btn-primary-text, #fff) !important;
background: var(--lsc-orange) !important;
}
#lsc-booking-form .lsc-svc-modal-footer {
border-color: var(--lsc-booking-soft-border, var(--lsc-border)) !important;
} @media (max-width: 820px) {
#lsc-booking-form #lscStep2 {
padding: var(--lsc-booking-mobile-card-padding, 22px) !important;
}
#lsc-booking-form #lscStep2 .lsc-head {
grid-template-columns: 1fr !important;
justify-items: center !important;
text-align: center !important;
}
#lsc-booking-form #lscStep2 .lsc-head h2 {
font-size: clamp(24px, 7vw, 30px) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-grid {
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card {
min-height: auto !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-thead {
display: none !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-row,
#lsc-booking-form #lscStep2 .lsc-breakdown-total-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: calc(var(--lsc-booking-field-gap, 18px) * 0.45) !important;
text-align: left !important;
}
#lsc-booking-form #lscStep2 .lsc-buttons {
display: grid !important;
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep2 .lsc-buttons .lsc-btn {
width: 100% !important;
}
#lsc-booking-form .lsc-svc-modal-box {
width: 100% !important;
max-width: 100% !important;
max-height: calc(
100vh - calc(var(--lsc-booking-page-side-padding-mobile, 16px) * 2)
) !important;
padding: var(--lsc-booking-mobile-card-padding, 22px) !important;
}
#lsc-booking-form .lsc-modal-tier,
#lsc-booking-form .lsc-modal-fixed {
align-items: flex-start !important;
}
#lsc-booking-form .lsc-svc-modal-footer {
display: grid !important;
grid-template-columns: 1fr !important;
}
#lsc-booking-form .lsc-svc-modal-footer .lsc-btn {
width: 100% !important;
min-width: 0 !important;
}
} #lsc-booking-form #lscStep2 .lsc-head {
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size, 48px) minmax(0, 1fr) !important;
grid-template-areas:
"icon title"
"icon text" !important;
column-gap: var(--lsc-booking-field-gap, 18px) !important;
row-gap: calc(var(--lsc-booking-field-gap, 18px) * 0.25) !important;
align-items: center !important;
text-align: left !important;
margin-bottom: calc(var(--lsc-booking-card-padding, 32px) * 0.85) !important;
}
#lsc-booking-form #lscStep2 .lsc-head:before {
grid-area: icon !important;
align-self: center !important;
}
#lsc-booking-form #lscStep2 .lsc-head h2 {
grid-area: title !important;
margin: 0 !important;
}
#lsc-booking-form #lscStep2 .lsc-head p {
grid-area: text !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card {
min-height: 190px !important;
padding-top: calc(var(--lsc-booking-field-gap, 18px) * 1.1) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 1.15) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 1.15) !important;
margin-bottom: calc(var(--lsc-booking-field-gap, 18px) * 0.65) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap img,
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap svg {
max-width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.82) !important;
max-height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.82) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-name {
margin-bottom: calc(var(--lsc-booking-field-gap, 18px) * 0.6) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-footer {
margin-top: auto !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep2 .lsc-head {
grid-template-columns: 1fr !important;
grid-template-areas:
"icon"
"title"
"text" !important;
justify-items: center !important;
text-align: center !important;
}
#lsc-booking-form #lscStep2 .lsc-head p {
text-align: center !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card {
min-height: auto !important;
}
} #lsc-booking-form #lscStep2 .lsc-head {
position: relative !important;
}
#lsc-booking-form #lscStep2 .lsc-head:before {
grid-area: icon !important;
position: relative !important;
}
#lsc-booking-form #lscStep2 .lsc-head:after {
content: "" !important;
grid-area: icon !important;
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
justify-self: center !important;
align-self: center !important;
background: var(--lsc-orange) !important;
mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M20 7h-4V5a3 3 0 0 0-3-3h-2a3 3 0 0 0-3 3v2H4a2 2 0 0 0-2 2v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a2 2 0 0 0-2-2ZM10 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2h-4V5Zm10 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-5.2l5.6 2.1c.3.1.6.1.9.1h3c.3 0 .6 0 .9-.1l5.6-2.1V18Zm0-7.3-6.3 2.4c-.1 0-.2.1-.3.1h-2.8c-.1 0-.2 0-.3-.1L4 10.7V9h16v1.7Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M20 7h-4V5a3 3 0 0 0-3-3h-2a3 3 0 0 0-3 3v2H4a2 2 0 0 0-2 2v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a2 2 0 0 0-2-2ZM10 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2h-4V5Zm10 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-5.2l5.6 2.1c.3.1.6.1.9.1h3c.3 0 .6 0 .9-.1l5.6-2.1V18Zm0-7.3-6.3 2.4c-.1 0-.2.1-.3.1h-2.8c-.1 0-.2 0-.3-.1L4 10.7V9h16v1.7Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
pointer-events: none !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep2 .lsc-head:after {
grid-area: icon !important;
}
} #lsc-booking-form #lscStep2 .lsc-head:before {
background: var(--lsc-step2-heading-icon-bg) !important;
}
#lsc-booking-form #lscStep2 .lsc-head:after {
background: var(--lsc-step2-heading-icon-color) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-grid {
gap: var(--lsc-step2-card-gap) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card {
min-height: var(--lsc-step2-card-min-height) !important;
padding-top: var(--lsc-step2-card-padding) !important;
border-radius: var(--lsc-step2-card-radius) !important;
border-color: var(--lsc-step2-card-border) !important;
background: var(--lsc-step2-card-bg) !important;
color: var(--lsc-step2-card-text) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card:hover {
border-color: var(--lsc-step2-card-hover-border) !important;
background: var(--lsc-step2-card-hover-bg) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card.selected {
border-color: var(--lsc-step2-card-selected-border) !important;
background: var(--lsc-step2-card-selected-bg) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap {
width: var(--lsc-step2-icon-size) !important;
height: var(--lsc-step2-icon-size) !important;
background: var(--lsc-step2-icon-bg) !important;
color: var(--lsc-step2-icon-color) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card:hover .lsc-svc-icon-wrap,
#lsc-booking-form #lscStep2 .lsc-svc-card.selected .lsc-svc-icon-wrap {
background: var(--lsc-step2-icon-hover-bg) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap img,
#lsc-booking-form #lscStep2 .lsc-svc-icon-wrap svg {
max-width: var(--lsc-step2-icon-image-size) !important;
max-height: var(--lsc-step2-icon-image-size) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-name {
color: var(--lsc-step2-card-title) !important;
font-size: var(--lsc-step2-title-size) !important;
font-weight: var(--lsc-step2-title-weight) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-footer {
min-height: var(--lsc-step2-footer-height) !important;
background: var(--lsc-step2-footer-bg) !important;
color: var(--lsc-step2-footer-text) !important;
font-size: var(--lsc-step2-footer-size) !important;
font-weight: var(--lsc-step2-footer-weight) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card:hover .lsc-svc-footer {
background: var(--lsc-step2-footer-hover-bg) !important;
color: var(--lsc-step2-footer-hover-text) !important;
}
#lsc-booking-form #lscStep2 .lsc-svc-card.selected .lsc-svc-footer {
background: var(--lsc-step2-footer-selected-bg) !important;
color: var(--lsc-step2-footer-selected-text) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-table {
background: var(--lsc-step2-summary-bg) !important;
border-color: var(--lsc-step2-summary-border) !important;
color: var(--lsc-step2-summary-text) !important;
}
#lsc-booking-form #lscStep2 .lsc-breakdown-thead,
#lsc-booking-form #lscStep2 .lsc-breakdown-total-row {
background: var(--lsc-step2-summary-head-bg) !important;
}
#lsc-booking-form .lsc-svc-modal-box {
background: var(--lsc-step2-modal-bg) !important;
border-color: var(--lsc-step2-modal-border) !important;
}
#lsc-booking-form .lsc-modal-tier,
#lsc-booking-form .lsc-modal-fixed {
background: var(--lsc-step2-modal-option-bg) !important;
border-color: var(--lsc-step2-modal-border) !important;
color: var(--lsc-step2-modal-option-text) !important;
}
#lsc-booking-form .lsc-modal-tier:hover,
#lsc-booking-form .lsc-modal-fixed:hover {
border-color: var(
--lsc-step2-modal-hover-border,
var(--lsc-step2-modal-border)
) !important;
background: var(
--lsc-step2-modal-hover-bg,
var(--lsc-step2-modal-option-hover)
) !important;
}
#lsc-booking-form .lsc-modal-tier:has(input:checked),
#lsc-booking-form .lsc-modal-fixed:has(input:checked),
#lsc-booking-form .lsc-modal-tier.lsc-tier-active,
#lsc-booking-form .lsc-modal-fixed.lsc-tier-active,
#lsc-booking-form .lsc-modal-tier.active,
#lsc-booking-form .lsc-modal-fixed.active {
border-color: var(
--lsc-step2-modal-active-border,
var(--lsc-orange)
) !important;
background: var(
--lsc-step2-modal-active-bg,
var(--lsc-step2-modal-option-active)
) !important;
}
#lsc-booking-form .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed-price {
background: var(--lsc-step2-price-bg) !important;
color: var(--lsc-step2-price-text) !important;
border-radius: var(--lsc-step2-price-radius, 100px) !important;
}
#lsc-booking-form .lsc-modal-tier:has(input:checked) .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed:has(input:checked) .lsc-modal-fixed-price,
#lsc-booking-form .lsc-modal-tier.lsc-tier-active .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed.lsc-tier-active .lsc-modal-fixed-price,
#lsc-booking-form .lsc-modal-tier.active .lsc-modal-tier-price,
#lsc-booking-form .lsc-modal-fixed.active .lsc-modal-fixed-price {
background: var(--lsc-step2-price-active-bg, var(--lsc-orange)) !important;
color: var(--lsc-step2-price-active-text, #ffffff) !important;
border-radius: var(--lsc-step2-price-radius, 100px) !important;
}
#lsc-booking-form .lsc-svc-modal input[type="checkbox"],
#lsc-booking-form .lsc-svc-modal input[type="radio"],
#lsc-booking-form .lsc-modal-tier input[type="checkbox"],
#lsc-booking-form .lsc-modal-tier input[type="radio"],
#lsc-booking-form .lsc-modal-fixed input[type="checkbox"],
#lsc-booking-form .lsc-modal-fixed input[type="radio"] {
accent-color: var(
--lsc-step2-modal-checkbox-color,
var(--lsc-orange)
) !important;
} #lsc-booking-form .lsc-svc-modal-box h3 {
color: var(--lsc-step2-modal-title) !important;
}
#lsc-booking-form .lsc-modal-tier-name,
#lsc-booking-form .lsc-modal-fixed-name {
color: var(--lsc-step2-modal-option-text) !important;
}
#lsc-booking-form .lsc-modal-tier:has(input:checked) .lsc-modal-tier-name,
#lsc-booking-form .lsc-modal-fixed:has(input:checked) .lsc-modal-fixed-name,
#lsc-booking-form .lsc-modal-tier.lsc-tier-active .lsc-modal-tier-name,
#lsc-booking-form .lsc-modal-fixed.lsc-tier-active .lsc-modal-fixed-name {
color: var(--lsc-step2-modal-option-text) !important;
} #lsc-booking-form .lsc-svc-modal-box {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
#lsc-booking-form .lsc-svc-modal-box::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
} #lsc-booking-form #lscStep3 {
width: 100% !important;
max-width: var(--lsc-form-max-width) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: var(--lsc-step3-card-padding) !important;
border-radius: var(--lsc-step3-card-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-card-border) !important;
background: var(--lsc-step3-card-bg) !important;
box-shadow: var(--lsc-booking-card-shadow) !important;
overflow: visible !important;
}
#lsc-booking-form #lscStep3 .lsc-head {
max-width: 100% !important;
margin: 0 0 var(--lsc-step3-gap) !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size) minmax(0, 1fr) !important;
grid-template-areas:
"icon title"
"icon text" !important;
column-gap: var(--lsc-booking-field-gap) !important;
row-gap: calc(var(--lsc-booking-field-gap) * 0.28) !important;
align-items: center !important;
text-align: left !important;
}
#lsc-booking-form #lscStep3 .lsc-head:before {
content: "" !important;
grid-area: icon !important;
width: var(--lsc-booking-step-dot-size) !important;
height: var(--lsc-booking-step-dot-size) !important;
border-radius: var(--lsc-radius) !important;
background: var(--lsc-step3-heading-icon-bg) !important;
box-shadow: inset 0 0 0 var(--lsc-booking-input-border-width)
var(--lsc-step3-card-border) !important;
align-self: center !important;
}
#lsc-booking-form #lscStep3 .lsc-head:after {
content: "" !important;
grid-area: icon !important;
width: calc(var(--lsc-booking-step-dot-size) * 0.52) !important;
height: calc(var(--lsc-booking-step-dot-size) * 0.52) !important;
justify-self: center !important;
align-self: center !important;
background: var(--lsc-step3-heading-icon-color) !important;
mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 8h12V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1Zm3 5h2v2H9v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 8h12V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1Zm3 5h2v2H9v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
}
#lsc-booking-form #lscStep3 .lsc-head h2 {
grid-area: title !important;
margin: 0 !important;
color: var(--lsc-step3-title) !important;
font-size: var(--lsc-step3-heading-size) !important;
line-height: 1.15 !important;
font-weight: var(--lsc-step3-heading-weight) !important;
letter-spacing: 0 !important;
}
#lsc-booking-form #lscStep3 .lsc-head h2:before {
content: "Choose appointment";
display: block !important;
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.35) !important;
color: var(--lsc-step3-kicker) !important;
font-size: calc(var(--lsc-font-size) * 0.82) !important;
line-height: 1.2 !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep3 .lsc-head p {
grid-area: text !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
color: var(--lsc-step3-text) !important;
white-space: normal !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-wrap {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
gap: var(--lsc-step3-gap) !important;
align-items: start !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-card {
width: 100% !important;
max-width: 100% !important;
padding: var(--lsc-step3-calendar-padding) !important;
border-radius: var(--lsc-step3-calendar-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-calendar-border) !important;
background: var(--lsc-step3-calendar-bg) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-top {
margin-bottom: var(--lsc-booking-field-gap) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-month {
color: var(--lsc-step3-calendar-header) !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-nav {
width: calc(var(--lsc-booking-step-dot-size) * 0.78) !important;
height: calc(var(--lsc-booking-step-dot-size) * 0.78) !important;
border-radius: 999px !important;
border-color: var(--lsc-step3-calendar-border) !important;
background: var(--lsc-step3-calendar-bg) !important;
color: var(--lsc-step3-calendar-header) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-nav:hover {
border-color: var(--lsc-orange) !important;
color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-week {
color: var(--lsc-step3-calendar-header) !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-day {
min-width: 0 !important;
color: var(--lsc-step3-calendar-day) !important;
border-radius: calc(var(--lsc-step3-slot-radius) * 0.75) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-day.lsc-cal-empty,
#lsc-booking-form #lscStep3 .lsc-cal-day.lsc-cal-past {
color: var(--lsc-step3-calendar-muted) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-day.lsc-cal-today {
color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-day.lsc-cal-selected {
background: var(--lsc-orange) !important;
color: var(--lsc-btn-primary-text) !important;
border-color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep3 #lscSlotWrap {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form #lscStep3 #lscSlotWrap:before {
content: "Available Time Slots";
display: block !important;
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.75) !important;
color: var(--lsc-step3-title) !important;
font-size: calc(var(--lsc-font-size) * 1.05) !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: calc(var(--lsc-step3-gap) * 0.65) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill {
width: 100% !important;
min-height: var(--lsc-step3-slot-height) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
gap: calc(var(--lsc-booking-field-gap) * 0.25) !important;
border-radius: var(--lsc-step3-slot-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-slot-border) !important;
background: var(--lsc-step3-slot-bg) !important;
color: var(--lsc-step3-slot-text) !important;
text-align: left !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill:hover {
border-color: var(--lsc-orange) !important;
background: var(--lsc-cal-hover-bg, var(--lsc-booking-icon-bg)) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill.active {
border-color: var(--lsc-orange) !important;
background: var(--lsc-orange) !important;
color: var(--lsc-btn-primary-text) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill-time {
color: currentColor !important;
font-size: var(--lsc-step3-slot-time-size) !important;
font-weight: var(--lsc-step3-slot-time-weight) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill-label {
color: var(--lsc-step3-slot-label) !important;
font-size: var(--lsc-step3-slot-label-size) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-pill.active .lsc-slot-pill-label {
color: currentColor !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-note {
color: var(--lsc-step3-text) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-note a {
color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary,
#lsc-booking-form #lscStep3 .lsc-booking-summary-box {
width: 100% !important;
max-width: 100% !important;
margin-top: var(--lsc-step3-gap) !important;
padding: var(--lsc-step3-calendar-padding) !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
gap: var(--lsc-booking-field-gap) !important;
align-items: center !important;
border-radius: var(--lsc-step3-calendar-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-confirm-border) !important;
background: var(--lsc-step3-confirm-bg) !important;
color: var(--lsc-step3-confirm-text) !important;
}
#lsc-booking-form #lscStep3 .lsc-booking-summary-box strong,
#lsc-booking-form #lscStep3 .lsc-booking-summary-box b {
color: var(--lsc-step3-confirm-title) !important;
}
#lsc-booking-form #lscStep3 .lsc-booking-summary-box span,
#lsc-booking-form #lscStep3 .lsc-booking-summary-box small {
color: var(--lsc-step3-confirm-muted) !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons {
width: 100% !important;
margin-top: var(--lsc-step3-gap) !important;
display: flex !important;
justify-content: space-between !important;
gap: var(--lsc-booking-field-gap) !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep3 {
padding: var(--lsc-booking-mobile-card-padding) !important;
}
#lsc-booking-form #lscStep3 .lsc-head {
grid-template-columns: 1fr !important;
grid-template-areas:
"icon"
"title"
"text" !important;
justify-items: center !important;
text-align: center !important;
}
#lsc-booking-form #lscStep3 .lsc-head h2 {
font-size: clamp(
calc(var(--lsc-font-size) * 1.45),
7vw,
var(--lsc-step3-heading-size)
) !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-wrap {
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-row {
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary,
#lsc-booking-form #lscStep3 .lsc-booking-summary-box {
grid-template-columns: 1fr !important;
text-align: center !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons {
display: grid !important;
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons .lsc-btn {
width: 100% !important;
}
} #lsc-booking-form #lscStep3 .lsc-cal-wrap {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--lsc-step3-gap) !important;
align-items: stretch !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-card {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-grid,
#lsc-booking-form #lscStep3 .lsc-cal-week-row {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form #lscStep3 #lscSlotWrap {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
padding: var(--lsc-step3-calendar-padding) !important;
border-radius: var(--lsc-step3-calendar-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-calendar-border) !important;
background: var(--lsc-step3-calendar-bg) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lsc-booking-form #lscStep3 #lscSlotWrap:before {
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.85) !important;
}
#lsc-booking-form #lscStep3 #lscSlotWrap .lsc-label {
margin-bottom: calc(var(--lsc-booking-field-gap) * 0.65) !important;
}
#lsc-booking-form #lscStep3 .lsc-slot-row {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: calc(var(--lsc-step3-gap) * 0.65) !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons {
width: 100% !important;
margin-top: var(--lsc-step3-gap) !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: var(--lsc-booking-field-gap) !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons .lsc-btn {
min-width: calc(var(--lsc-booking-button-height) * 2.25) !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep3 .lsc-slot-row {
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons {
display: grid !important;
grid-template-columns: 1fr !important;
}
#lsc-booking-form #lscStep3 .lsc-buttons .lsc-btn {
width: 100% !important;
min-width: 0 !important;
}
} #lsc-booking-form #lscStep3 #lscCalendarWrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#lsc-booking-form #lscStep3 #lscCalendarWrap .lsc-cal-card,
#lsc-booking-form #lscStep3 .lsc-cal-card {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#lsc-booking-form #lscStep3 .lsc-cal-top,
#lsc-booking-form #lscStep3 .lsc-cal-grid,
#lsc-booking-form #lscStep3 .lsc-cal-week-row,
#lsc-booking-form #lscStep3 .lsc-cal-days {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary .lsc-booking-summary-box,
#lsc-booking-form #lscStep3 .lsc-booking-summary-box {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
#lsc-booking-form #lscStep3 .lsc-booking-summary-box > * {
min-width: 0 !important;
} #lsc-booking-form #lscStep3 #lscBookingSummary {
width: 100% !important;
max-width: 100% !important;
display: block !important;
box-sizing: border-box !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary .lsc-booking-summary-box {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: center !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary .lsc-booking-summary-box > * {
min-width: 0 !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep3 #lscBookingSummary .lsc-booking-summary-box {
grid-template-columns: 1fr !important;
text-align: center !important;
}
} #lsc-booking-form #lscStep4 .lsc-step4-address-section,
#lsc-booking-form #lscStep4 .lsc-fin-num,
#lsc-booking-form #lscStep4 #lscFinalReviewCard,
#lsc-booking-form #lscStep4 .lsc-final-review-card,
#lsc-booking-form #lscStep4 .lsc-step4-old-summary-card,
#lsc-booking-form #lscStep4 .lsc-summary-card {
display: none !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
display: block !important;
}
#lsc-booking-form.lsc-step-4 .lsc-booking-layout {
grid-template-columns: minmax(0, 1fr) var(--lsc-booking-summary-width) !important;
width: min(
var(--lsc-booking-page-max-width),
calc(100% - calc(var(--lsc-booking-page-side-padding) * 2))
) !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section-head {
gap: 0 !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section-title {
color: var(--lsc-navy) !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep4 .lsc-review-wrap,
#lsc-booking-form #lscStep4 .lsc-fin-row,
#lsc-booking-form #lscStep4 .lsc-fin-left,
#lsc-booking-form #lscStep4 .lsc-fin-main,
#lsc-booking-form #lscStep4 .lsc-fin-section,
#lsc-booking-form #lscStep4 .lsc-fin-card,
#lsc-booking-form #lscStep4 .lsc-form-box {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form #lscStep4 .lsc-review-wrap,
#lsc-booking-form #lscStep4 .lsc-fin-row {
display: block !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section {
border-radius: var(--lsc-radius) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-booking-soft-border) !important;
background: var(--lsc-booking-surface) !important;
box-shadow: var(--lsc-booking-field-shadow) !important;
}
#lsc-booking-form #lscLiveSummaryWrap #lscCheckoutBtns,
#lsc-booking-form #lscLiveSummaryWrap .lsc-step4-checkout-actions {
display: flex !important;
flex-direction: column !important;
gap: calc(var(--lsc-booking-field-gap) * 0.65) !important;
width: 100% !important;
padding: calc(var(--lsc-booking-field-gap) * 1)
calc(var(--lsc-booking-card-padding) * 0.75) !important;
margin: 0 !important;
background: var(--lsc-booking-surface) !important;
border-top: var(--lsc-booking-input-border-width) solid
var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form #lscLiveSummaryWrap #lscCheckoutBtns .lsc-btn,
#lsc-booking-form #lscLiveSummaryWrap #lscCheckoutBtns button,
#lsc-booking-form #lscLiveSummaryWrap .lsc-btn-checkout-primary,
#lsc-booking-form #lscLiveSummaryWrap .lsc-btn-checkout-outline {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
margin: 0 !important;
}
#lsc-booking-form #lscLiveSummaryWrap .lsc-step4-payment-icons {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: calc(var(--lsc-booking-field-gap) * 0.45) !important;
padding: 0 calc(var(--lsc-booking-card-padding) * 0.75)
calc(var(--lsc-booking-field-gap) * 1) !important;
margin: 0 !important;
background: var(--lsc-booking-surface) !important;
border-bottom: var(--lsc-booking-input-border-width) solid
var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form
#lscLiveSummaryWrap
.lsc-step4-payment-icons
.lsc-secure-badge {
margin: 0 !important;
}
#lsc-booking-form #lscStep4 .lsc-buttons {
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
#lsc-booking-form #lscStep4 .lsc-buttons .lsc-btn-ghost {
display: none !important;
}
#lsc-booking-form #lscStep4 .lsc-buttons .lsc-btn-primary,
#lsc-booking-form #lscStep4 .lsc-buttons .lsc-btn-orange {
display: inline-flex !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 1180px) {
#lsc-booking-form.lsc-step-4 .lsc-booking-layout {
grid-template-columns: 1fr !important;
width: min(
var(--lsc-form-max-width),
calc(100% - var(--lsc-booking-layout-gap))
) !important;
}
}
@media (max-width: 820px) {
#lsc-booking-form #lscLiveSummaryWrap #lscCheckoutBtns,
#lsc-booking-form #lscLiveSummaryWrap .lsc-step4-checkout-actions {
padding: var(--lsc-booking-mobile-card-padding) !important;
}
#lsc-booking-form #lscLiveSummaryWrap .lsc-step4-payment-icons {
padding: 0 var(--lsc-booking-mobile-card-padding)
var(--lsc-booking-mobile-card-padding) !important;
}
} #lsc-booking-form #lscStep4 #lscReviewRight,
#lsc-booking-form #lscStep4 #lscReviewRight .lsc-summary-panel {
display: none !important;
} #lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
display: block !important;
position: sticky !important;
top: var(--lsc-booking-shell-top-padding) !important;
align-self: flex-start !important;
z-index: 20 !important;
max-height: calc(
100vh - calc(var(--lsc-booking-shell-top-padding) * 2)
) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
border-radius: var(--lsc-booking-summary-radius) !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
scrollbar-width: none !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-card,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap {
overflow: hidden !important;
border-radius: var(--lsc-booking-summary-radius) !important;
}
#lsc-booking-form #lscStep4 > .lsc-buttons:not(#lscPaymentFooter) {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-top: calc(var(--lsc-booking-field-gap) * 2) !important;
padding: 0 !important;
}
#lsc-booking-form
#lscStep4
> .lsc-buttons:not(#lscPaymentFooter)
.lsc-prev[data-step="4"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: min(100%, calc(var(--lsc-booking-summary-width) * 0.58)) !important;
height: var(--lsc-booking-button-height) !important;
margin: 0 auto !important;
background: var(--lsc-btn-primary-bg) !important;
color: var(--lsc-btn-primary-text) !important;
border-color: var(--lsc-btn-primary-bg) !important;
border-radius: var(--lsc-btn-radius) !important;
font-weight: var(--lsc-btn-font-weight) !important;
box-shadow: var(--lsc-booking-button-shadow) !important;
}
#lsc-booking-form
#lscStep4
> .lsc-buttons:not(#lscPaymentFooter)
.lsc-prev[data-step="4"]:hover {
background: var(--lsc-btn-primary-hover) !important;
border-color: var(--lsc-btn-primary-hover) !important;
color: var(--lsc-btn-primary-text) !important;
}
#lsc-booking-form #lscStep4 #lscPaymentFooter {
display: none !important;
}
@media (max-width: 1180px) {
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
}
} #lsc-booking-form #lscStep3 #lscBookingSummary {
display: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin-top: var(--lsc-step3-gap) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary.lsc-has-appointment {
display: block !important;
}
#lsc-booking-form #lscStep3 #lscBookingSummary .lsc-booking-summary-box {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
} #lsc-booking-form #lscStep4 {
padding-top: 0 !important;
}
#lsc-booking-form #lscStep4 > h2,
#lsc-booking-form #lscStep4 > p {
display: none !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size) minmax(0, 1fr) !important;
align-items: center !important;
gap: var(--lsc-booking-field-gap) !important;
margin: 0 0 calc(var(--lsc-booking-field-gap) * 1.6) !important;
padding: 0 !important;
text-align: left !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-icon {
width: var(--lsc-booking-step-dot-size) !important;
height: var(--lsc-booking-step-dot-size) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: var(--lsc-btn-radius) !important;
background: var(--lsc-booking-icon-bg) !important;
color: var(--lsc-booking-secure) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-booking-soft-border) !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-kicker {
display: block !important;
margin: 0 0 4px !important;
color: var(--lsc-booking-secure) !important;
font-size: calc(var(--lsc-font-size) * 0.82) !important;
line-height: 1.2 !important;
font-weight: var(--lsc-btn-font-weight) !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head h2 {
margin: 0 !important;
color: var(--lsc-navy) !important;
font-size: var(--lsc-step3-heading-size) !important;
line-height: 1.15 !important;
font-weight: var(--lsc-step3-heading-weight) !important;
text-align: left !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head p {
margin: 6px 0 0 !important;
color: var(--lsc-booking-text-muted) !important;
font-size: calc(var(--lsc-font-size) * 1.02) !important;
line-height: 1.45 !important;
text-align: left !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep4 .lsc-step4-head {
grid-template-columns: 1fr !important;
justify-items: center !important;
text-align: center !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head h2,
#lsc-booking-form #lscStep4 .lsc-step4-head p {
text-align: center !important;
}
} #lsc-booking-form #lscStep3 .lsc-head {
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size, 48px) minmax(0, 1fr) !important;
grid-template-areas:
"icon title"
"icon text" !important;
column-gap: var(--lsc-booking-field-gap, 18px) !important;
row-gap: calc(var(--lsc-booking-field-gap, 18px) * 0.25) !important;
align-items: center !important;
text-align: left !important;
}
#lsc-booking-form #lscStep3 .lsc-head:before {
content: "" !important;
grid-area: icon !important;
width: var(--lsc-booking-step-dot-size, 48px) !important;
height: var(--lsc-booking-step-dot-size, 48px) !important;
border-radius: var(--lsc-radius, 16px) !important;
background: var(--lsc-step2-heading-icon-bg) !important;
box-shadow: inset 0 0 0 var(--lsc-booking-input-border-width, 1px)
var(--lsc-booking-soft-border) !important;
align-self: center !important;
}
#lsc-booking-form #lscStep3 .lsc-head:after {
content: "" !important;
grid-area: icon !important;
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
justify-self: center !important;
align-self: center !important;
background: var(--lsc-step2-heading-icon-color) !important;
mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 8h12V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1Zm3 5h2v2H9v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 8h12V7a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1Zm3 5h2v2H9v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E")
center / contain no-repeat !important;
}
#lsc-booking-form #lscStep3 .lsc-head h2 {
grid-area: title !important;
margin: 0 !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size, 16px) * 1.8) !important;
line-height: 1.15 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
letter-spacing: 0 !important;
}
#lsc-booking-form #lscStep3 .lsc-head h2:before {
color: var(--lsc-orange) !important;
}
#lsc-booking-form #lscStep3 .lsc-head p {
grid-area: text !important;
margin: 0 !important;
color: var(--lsc-booking-text-muted) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.95) !important;
line-height: 1.5 !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head {
display: grid !important;
grid-template-columns: var(--lsc-booking-step-dot-size, 48px) minmax(0, 1fr) !important;
grid-template-areas:
"icon title"
"icon text" !important;
column-gap: var(--lsc-booking-field-gap, 18px) !important;
row-gap: calc(var(--lsc-booking-field-gap, 18px) * 0.25) !important;
align-items: center !important;
text-align: left !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-icon {
grid-area: icon !important;
width: var(--lsc-booking-step-dot-size, 48px) !important;
height: var(--lsc-booking-step-dot-size, 48px) !important;
min-width: var(--lsc-booking-step-dot-size, 48px) !important;
min-height: var(--lsc-booking-step-dot-size, 48px) !important;
border-radius: var(--lsc-radius, 16px) !important;
background: var(--lsc-step2-heading-icon-bg) !important;
border: var(--lsc-booking-input-border-width, 1px) solid
var(--lsc-booking-soft-border) !important;
color: var(--lsc-step2-heading-icon-color) !important;
box-shadow: none !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-icon svg {
width: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
height: calc(var(--lsc-booking-step-dot-size, 48px) * 0.52) !important;
color: currentColor !important;
stroke: currentColor !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-icon svg path {
stroke: currentColor !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head > div:not(.lsc-head-icon) {
display: contents !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head .lsc-head-kicker {
grid-area: title !important;
display: block !important;
margin: 0 0 calc(var(--lsc-booking-field-gap, 18px) * 0.35) !important;
color: var(--lsc-orange) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.82) !important;
line-height: 1.2 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head h2 {
grid-area: title !important;
align-self: end !important;
margin: calc(var(--lsc-font-size, 16px) * 1.25) 0 0 !important;
color: var(--lsc-navy) !important;
font-size: calc(var(--lsc-font-size, 16px) * 1.8) !important;
line-height: 1.15 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
letter-spacing: 0 !important;
text-align: left !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head p {
grid-area: text !important;
margin: 0 !important;
color: var(--lsc-booking-text-muted) !important;
font-size: calc(var(--lsc-font-size, 16px) * 0.95) !important;
line-height: 1.5 !important;
text-align: left !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep3 .lsc-head,
#lsc-booking-form #lscStep4 .lsc-step4-head {
grid-template-columns: 1fr !important;
grid-template-areas:
"icon"
"title"
"text" !important;
justify-items: center !important;
text-align: center !important;
}
#lsc-booking-form #lscStep3 .lsc-head p,
#lsc-booking-form #lscStep4 .lsc-step4-head h2,
#lsc-booking-form #lscStep4 .lsc-step4-head p {
text-align: center !important;
}
} #lsc-booking-form #lscStep4 {
width: 100% !important;
max-width: 100% !important;
padding: var(--lsc-step3-card-padding) !important;
background: var(--lsc-step3-card-bg) !important;
border: var(--lsc-booking-input-border-width) solid
var(--lsc-step3-card-border) !important;
border-radius: var(--lsc-step3-card-radius) !important;
box-shadow: var(--lsc-booking-card-shadow) !important;
box-sizing: border-box !important;
}
#lsc-booking-form #lscStep4 .lsc-step4-head {
margin: 0 0 calc(var(--lsc-booking-field-gap) * 1.7) !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section {
margin-top: 0 !important;
}
#lsc-booking-form #lscStep4 > .lsc-buttons:not(#lscPaymentFooter) {
margin-top: calc(var(--lsc-booking-field-gap) * 2.4) !important;
margin-bottom: 0 !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep4 {
padding: var(--lsc-booking-mobile-card-padding) !important;
}
} #lsc-booking-form #lscStep4 .lsc-fin-section-head {
padding: 18px 22px 0 !important;
margin: 0 0 14px !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section-title {
display: block !important;
margin: 0 !important;
line-height: 1.25 !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-section {
padding-top: 0 !important;
overflow: hidden !important;
} #lsc-booking-form .lsc-brand-block {
display: none !important;
}
#lsc-booking-form .lsc-booking-shell-top {
grid-template-columns: 1fr !important;
justify-items: center !important;
gap: 0 !important;
}
#lsc-booking-form .lsc-header {
width: 100% !important;
min-height: 0 !important;
height: 0 !important;
overflow: visible !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
grid-column: 1 / -1 !important;
} #lsc-booking-form .lsc-booking-shell-top {
width: min(
var(--lsc-booking-page-max-width),
calc(100% - calc(var(--lsc-booking-page-side-padding) * 2))
) !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) var(--lsc-booking-summary-width) !important;
gap: var(--lsc-booking-layout-gap) !important;
align-items: center !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
grid-column: 1 !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-step-dot {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
@media (max-width: 1180px) {
#lsc-booking-form .lsc-booking-shell-top {
grid-template-columns: 1fr !important;
width: min(
var(--lsc-form-max-width),
calc(100% - var(--lsc-booking-layout-gap))
) !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
grid-column: 1 !important;
}
}
@media (max-width: 820px) {
#lsc-booking-form .lsc-booking-shell-top {
width: calc(
100% - calc(var(--lsc-booking-page-side-padding-mobile) * 2)
) !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-step-dot {
min-width: 96px !important;
}
} #lsc-booking-form .lsc-booking-shell-top .lsc-steps-wrap {
border-radius: calc(var(--lsc-btn-radius) * 0.45) !important;
overflow: hidden !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-step-dot {
border-radius: 0 !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-step-dot[data-step="1"] {
border-top-left-radius: calc(var(--lsc-btn-radius) * 0.45) !important;
border-bottom-left-radius: calc(var(--lsc-btn-radius) * 0.45) !important;
}
#lsc-booking-form .lsc-booking-shell-top .lsc-step-dot[data-step="4"] {
border-top-right-radius: calc(var(--lsc-btn-radius) * 0.45) !important;
border-bottom-right-radius: calc(var(--lsc-btn-radius) * 0.45) !important;
} #lsc-booking-form:not(.lsc-step-4) #lscLiveSummaryWrap #lscCheckoutBtns,
#lsc-booking-form:not(.lsc-step-4)
#lscLiveSummaryWrap
.lsc-step4-checkout-actions,
#lsc-booking-form:not(.lsc-step-4)
#lscLiveSummaryWrap
.lsc-step4-payment-icons {
display: none !important;
}
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap #lscCheckoutBtns,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap .lsc-step4-checkout-actions {
display: flex !important;
}
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap .lsc-step4-payment-icons {
display: flex !important;
} #lsc-booking-form #lscStep4 .lsc-fin-card:has(#lsc_fin_first_name) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--lsc-booking-field-gap) !important;
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form
#lscStep4
.lsc-fin-card:has(#lsc_fin_first_name)
.lsc-fin-row {
display: contents !important;
margin: 0 !important;
}
#lsc-booking-form
#lscStep4
.lsc-fin-card:has(#lsc_fin_first_name)
.lsc-fin-col {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#lsc-booking-form #lscStep4 .lsc-fin-card:has(#lsc_fin_first_name) .lsc-input {
width: 100% !important;
}
#lsc-booking-form #lscStep4 #lscKeyholderSection .lsc-fin-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--lsc-booking-field-gap) !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: var(--lsc-booking-field-gap) !important;
}
#lsc-booking-form #lscStep4 #lscKeyholderSection .lsc-fin-row:last-child {
margin-bottom: 0 !important;
}
#lsc-booking-form #lscStep4 #lscKeyholderSection .lsc-fin-col {
width: 100% !important;
max-width: 100% !important;
}
#lsc-booking-form #lscStep4 #lscKeyholderSection .lsc-input {
width: 100% !important;
}
@media (max-width: 820px) {
#lsc-booking-form #lscStep4 .lsc-fin-card:has(#lsc_fin_first_name),
#lsc-booking-form #lscStep4 #lscKeyholderSection .lsc-fin-row {
grid-template-columns: 1fr !important;
}
} #lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
position: sticky !important;
top: calc(var(--lsc-booking-shell-top-padding) + 16px) !important;
align-self: flex-start !important;
max-height: calc(
100vh - calc(var(--lsc-booking-shell-top-padding) + 32px)
) !important;
height: auto !important;
min-height: 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding-bottom: 10px !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-card,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
border-radius: var(--lsc-booking-summary-radius) !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-card {
overflow: hidden !important;
}
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap {
overflow: visible !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-head {
border-top-left-radius: var(--lsc-booking-summary-radius) !important;
border-top-right-radius: var(--lsc-booking-summary-radius) !important;
}
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap #lscCheckoutBtns,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap .lsc-step4-checkout-actions,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap .lsc-step4-payment-icons,
#lsc-booking-form.lsc-step-4 #lscLiveSummaryWrap .lsc-live-summary-safe {
flex-shrink: 0 !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
scrollbar-width: none !important;
}
@media (max-width: 1180px) {
#lsc-booking-form.lsc-step-4 .lsc-live-summary-wrap {
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
padding-bottom: 0 !important;
}
} #lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-primary,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-checkout-primary,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
#lscSubmitBooking {
background: var(--lsc-btn-primary-bg, var(--lsc-navy, #001660)) !important;
border-color: var(--lsc-btn-primary-bg, var(--lsc-navy, #001660)) !important;
color: #ffffff !important;
opacity: 1 !important;
}
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-primary
*,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-checkout-primary
*,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
#lscSubmitBooking
*,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-text {
color: #ffffff !important;
opacity: 1 !important;
}
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-primary:hover,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-checkout-primary:hover,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
#lscSubmitBooking:hover {
background: var(
--lsc-btn-primary-hover,
var(--lsc-orange, #f1592b)
) !important;
border-color: var(
--lsc-btn-primary-hover,
var(--lsc-orange, #f1592b)
) !important;
color: #ffffff !important;
}
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-primary:hover
*,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
.lsc-btn-checkout-primary:hover
*,
#lsc-booking-form.lsc-step-4
#lscLiveSummaryWrap
#lscCheckoutBtns
#lscSubmitBooking:hover
* {
color: #ffffff !important;
} #lscAlert.lsc-alert-error {
display: none !important;
}
.lsc-error-modal {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
font-family: var(--lsc-font, Poppins, sans-serif) !important;
}
.lsc-error-modal.open {
display: flex !important;
}
.lsc-error-modal-backdrop {
position: absolute !important;
inset: 0 !important;
background: rgba(15, 23, 42, 0.68) !important;
backdrop-filter: blur(8px) !important;
}
.lsc-error-modal-box {
position: relative !important;
width: min(100%, 460px) !important;
padding: 34px 32px 30px !important;
border-radius: var(--lsc-booking-summary-radius, 22px) !important;
background: var(--lsc-booking-surface, #ffffff) !important;
border: var(--lsc-booking-input-border-width, 1px) solid
var(--lsc-booking-soft-border, #dde5f0) !important;
box-shadow: var(
--lsc-booking-summary-shadow,
0 24px 70px rgba(15, 23, 42, 0.18)
) !important;
text-align: center !important;
}
.lsc-error-modal-close {
position: absolute !important;
top: 14px !important;
right: 14px !important;
width: 36px !important;
height: 36px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: var(--lsc-booking-input-border-width, 1px) solid
var(--lsc-booking-soft-border, #dde5f0) !important;
border-radius: 999px !important;
background: var(--lsc-booking-surface-alt, #f6f8fb) !important;
color: var(--lsc-navy, #001660) !important;
font-size: 22px !important;
line-height: 1 !important;
cursor: pointer !important;
}
.lsc-error-modal-icon {
width: 58px !important;
height: 58px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 18px !important;
border-radius: 999px !important;
background: #fff3ec !important;
color: var(--lsc-orange, #f1592b) !important;
font-size: 30px !important;
font-weight: 900 !important;
}
.lsc-error-modal-box h3 {
margin: 0 0 12px !important;
color: var(--lsc-navy, #001660) !important;
font-size: 22px !important;
line-height: 1.25 !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
}
.lsc-error-modal-message {
margin: 0 0 24px !important;
color: #475569 !important;
font-size: var(--lsc-font-size, 15px) !important;
line-height: 1.65 !important;
font-weight: 600 !important;
}
.lsc-error-modal-message br {
display: block !important;
content: "" !important;
margin-bottom: 6px !important;
}
.lsc-error-modal-btn {
width: 100% !important;
height: var(--lsc-booking-button-height, 52px) !important;
border: var(--lsc-booking-input-border-width, 1px) solid #e2e8f0 !important;
border-radius: var(--lsc-btn-radius, 14px) !important;
background: #000000 !important;
color: #ffffff !important;
font-size: var(--lsc-font-size, 15px) !important;
font-weight: var(--lsc-btn-font-weight, 800) !important;
cursor: pointer !important;
box-shadow: none !important;
}
.lsc-error-modal-btn:hover,
.lsc-error-modal-btn:focus,
.lsc-error-modal-btn:active {
background: #eef2f7 !important;
border-color: #e2e8f0 !important;
color: #0b1f4d !important;
box-shadow: none !important;
}
@media (max-width: 520px) {
.lsc-error-modal-box {
padding: 30px 22px 24px !important;
}
} #lscStripeModal.open {
display: flex !important;
}
#lscStripeModal {
font-family: var(--lsc-font, Poppins, sans-serif) !important;
}
#lscStripeModalOverlay {
background: var(
--lsc-stripe-modal-overlay-bg,
rgba(15, 23, 42, 0.7)
) !important;
}
#lscStripeModal > div:not(#lscStripeModalOverlay) {
background: var(--lsc-stripe-modal-shell-bg, #ffffff) !important;
border-radius: var(--lsc-stripe-modal-radius, 16px) !important;
overflow: hidden !important;
}
#lscStripeModal > div:not(#lscStripeModalOverlay) > div:first-child {
background: var(--lsc-stripe-modal-header-bg, #001660) !important;
}
#lscStripeModal
> div:not(#lscStripeModalOverlay)
> div:first-child
div[style*="Amount Due"],
#lscStripeModal
> div:not(#lscStripeModalOverlay)
> div:first-child
div:first-child
> div:first-child {
color: var(
--lsc-stripe-modal-header-label,
rgba(255, 255, 255, 0.65)
) !important;
}
#lscStripeModalAmt {
color: var(--lsc-stripe-modal-amount-text, #ffffff) !important;
}
#lscStripeModalRef {
color: var(--lsc-stripe-modal-ref-text, rgba(255, 255, 255, 0.55)) !important;
}
#lscStripeModalClose {
background: var(
--lsc-stripe-modal-close-bg,
rgba(255, 255, 255, 0.12)
) !important;
color: var(--lsc-stripe-modal-close-text, #ffffff) !important;
}
#lscStripeModal > div:not(#lscStripeModalOverlay) > div:nth-child(2),
#lscStripeModal > div:not(#lscStripeModalOverlay) > div:nth-child(3) {
background: var(--lsc-stripe-modal-body-bg, #ffffff) !important;
}
#lscStripeModalError {
background: var(--lsc-stripe-modal-error-bg, #fff5f5) !important;
color: var(--lsc-stripe-modal-error-text, #ef4444) !important;
border-left-color: var(--lsc-stripe-modal-error-border, #ef4444) !important;
}
#lscStripeModalPayBtn {
background: var(--lsc-stripe-modal-pay-bg, #f1592b) !important;
color: var(--lsc-stripe-modal-pay-text, #ffffff) !important;
border-radius: calc(var(--lsc-stripe-modal-radius, 16px) * 0.45) !important;
}
#lscStripeModalPayBtn:hover {
background: var(--lsc-stripe-modal-pay-hover-bg, #d94a22) !important;
color: var(--lsc-stripe-modal-pay-text, #ffffff) !important;
}
#lscStripeModalPayBtn + p {
color: var(--lsc-stripe-modal-footer-text, #94a3b8) !important;
} body:has(#lsc-booking-form.lsc-confirmed) .wp-block-post-title,
body:has(#lsc-booking-form.lsc-booking-confirmed) .wp-block-post-title,
body:has(#lsc-booking-form.lsc-booking-complete) .wp-block-post-title,
body:has(#lsc-booking-form.lsc-confirmed) .entry-title,
body:has(#lsc-booking-form.lsc-booking-confirmed) .entry-title,
body:has(#lsc-booking-form.lsc-booking-complete) .entry-title,
body:has(#lsc-booking-form.lsc-confirmed) .page-title,
body:has(#lsc-booking-form.lsc-booking-confirmed) .page-title,
body:has(#lsc-booking-form.lsc-booking-complete) .page-title {
display: none !important;
}
body:has(#lsc-booking-form.lsc-confirmed) .entry-content,
body:has(#lsc-booking-form.lsc-booking-confirmed) .entry-content,
body:has(#lsc-booking-form.lsc-booking-complete) .entry-content,
body:has(#lsc-booking-form.lsc-confirmed) .wp-block-post-content,
body:has(#lsc-booking-form.lsc-booking-confirmed) .wp-block-post-content,
body:has(#lsc-booking-form.lsc-booking-complete) .wp-block-post-content,
body:has(#lsc-booking-form.lsc-confirmed) .wp-block-group,
body:has(#lsc-booking-form.lsc-booking-confirmed) .wp-block-group,
body:has(#lsc-booking-form.lsc-booking-complete) .wp-block-group,
body:has(#lsc-booking-form.lsc-confirmed) .has-global-padding,
body:has(#lsc-booking-form.lsc-booking-confirmed) .has-global-padding,
body:has(#lsc-booking-form.lsc-booking-complete) .has-global-padding {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#lsc-booking-form.lsc-confirmed,
#lsc-booking-form.lsc-booking-confirmed,
#lsc-booking-form.lsc-booking-complete {
width: 100% !important;
max-width: 100% !important;
min-height: 760px !important;
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
padding: 42px 20px 70px !important;
background: var(--lsc-booking-page-bg, #f6f8fb) !important;
box-sizing: border-box !important;
}
#lsc-booking-form.lsc-confirmed .lsc-booking-shell-top,
#lsc-booking-form.lsc-booking-confirmed .lsc-booking-shell-top,
#lsc-booking-form.lsc-booking-complete .lsc-booking-shell-top,
#lsc-booking-form.lsc-confirmed .lsc-steps-wrap,
#lsc-booking-form.lsc-booking-confirmed .lsc-steps-wrap,
#lsc-booking-form.lsc-booking-complete .lsc-steps-wrap,
#lsc-booking-form.lsc-confirmed .lsc-booking-layout,
#lsc-booking-form.lsc-booking-confirmed .lsc-booking-layout,
#lsc-booking-form.lsc-booking-complete .lsc-booking-layout,
#lsc-booking-form.lsc-confirmed .lsc-live-summary-wrap,
#lsc-booking-form.lsc-booking-confirmed .lsc-live-summary-wrap,
#lsc-booking-form.lsc-booking-complete .lsc-live-summary-wrap {
display: none !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirmation-screen,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirmation-screen,
#lsc-booking-form.lsc-booking-complete .lsc-confirmation-screen {
width: min(100%, 860px) !important;
max-width: 860px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-shell,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-shell,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-shell {
width: 100% !important;
max-width: 860px !important;
margin: 0 auto !important;
padding: 46px 42px !important;
background: #ffffff !important;
border: 1px solid #dbe5f0 !important;
border-radius: 18px !important;
box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08) !important;
text-align: center !important;
font-family: var(--lsc-font, Poppins, sans-serif) !important;
box-sizing: border-box !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-success-badge,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-success-badge,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-success-badge {
width: 70px !important;
height: 70px !important;
margin: 0 auto 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
background: #eaf8ef !important;
color: #179a5a !important;
font-size: 34px !important;
font-weight: 900 !important;
box-shadow: 0 0 0 12px rgba(47, 162, 77, 0.08) !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-shell h2,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-shell h2,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-shell h2 {
margin: 0 0 10px !important;
color: var(--lsc-navy, #001660) !important;
font-size: 34px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: -0.04em !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-email-line,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-email-line,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-email-line {
margin: 0 auto 24px !important;
color: var(--lsc-booking-text-muted, #7a8aa0) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-email-line strong,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-email-line strong,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-email-line strong {
color: #179a5a !important;
font-weight: 800 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-reference-box,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-reference-box,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-reference-box {
width: 100% !important;
max-width: 520px !important;
margin: 0 auto 28px !important;
padding: 20px 26px !important;
border: 1px dashed #179a5a !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #f0fff5, #ffffff) !important;
box-sizing: border-box !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-reference-box span,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-reference-box span,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-reference-box span {
display: block !important;
margin-bottom: 8px !important;
color: #334155 !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-reference-box strong,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-reference-box strong,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-reference-box strong {
display: block !important;
color: #179a5a !important;
font-size: 28px !important;
line-height: 1.15 !important;
font-weight: 900 !important;
letter-spacing: 0.06em !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-details-card,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-details-card,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-details-card,
#lsc-booking-form.lsc-confirmed .lsc-confirm-next-card,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-next-card,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-next-card {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-details-card,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-details-card,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-details-card {
margin-bottom: 26px !important;
border: 1px solid #dbe5f0 !important;
border-radius: 12px !important;
background: #ffffff !important;
overflow: hidden !important;
text-align: left !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-row,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-row,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-row {
display: grid !important;
grid-template-columns: 34px 190px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: center !important;
min-height: 58px !important;
padding: 13px 18px !important;
border-bottom: 1px solid #e8eef6 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-row:last-child,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-row:last-child,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-row:last-child {
border-bottom: 0 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-icon,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-icon,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-icon {
color: #179a5a !important;
font-size: 18px !important;
text-align: center !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-label,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-label,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-label {
color: #0b1f4d !important;
font-size: 13px !important;
font-weight: 800 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-value,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-value,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-value {
color: #0b1f4d !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-value small,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-value small,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-value small {
display: block !important;
margin-top: 2px !important;
color: #7a8aa0 !important;
font-size: 12px !important;
font-weight: 500 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-green,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-green,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-green {
color: #179a5a !important;
font-weight: 900 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-next-card,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-next-card,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-next-card {
margin-bottom: 24px !important;
padding: 18px 20px !important;
border: 1px solid rgba(23, 154, 90, 0.28) !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #f0fff5, #ffffff) !important;
text-align: left !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-next-card h3,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-next-card h3,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-next-card h3 {
margin: 0 0 12px !important;
color: #0b1f4d !important;
font-size: 15px !important;
font-weight: 900 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-next-card div,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-next-card div,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-next-card div {
display: flex !important;
gap: 10px !important;
margin: 9px 0 !important;
color: #46566a !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-next-card span,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-next-card span,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-next-card span {
color: #179a5a !important;
font-weight: 900 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-actions,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-actions,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-actions {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-btn,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-btn,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-btn {
min-height: 52px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: var(--lsc-btn-radius, 14px) !important;
font-size: 15px !important;
font-weight: 900 !important;
text-decoration: none !important;
cursor: pointer !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-btn-primary,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-btn-primary,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-btn-primary {
border: 1px solid #179a5a !important;
background: linear-gradient(135deg, #179a5a, #2fa24d) !important;
color: #ffffff !important;
box-shadow: 0 14px 28px rgba(23, 154, 90, 0.18) !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-btn-outline,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-btn-outline,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-btn-outline {
border: 1px solid #179a5a !important;
background: #ffffff !important;
color: #179a5a !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-btn-full,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-btn-full,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-btn-full {
grid-column: 1 / -1 !important;
border: 1px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0b1f4d !important;
}
@media (max-width: 720px) {
#lsc-booking-form.lsc-confirmed,
#lsc-booking-form.lsc-booking-confirmed,
#lsc-booking-form.lsc-booking-complete {
min-height: 680px !important;
padding: 24px 14px 50px !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-shell,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-shell,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-shell {
padding: 38px 18px !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-row,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-row,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-row {
grid-template-columns: 28px 1fr !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-detail-value,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-detail-value,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-detail-value {
grid-column: 2 / -1 !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-actions,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-actions,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-actions {
grid-template-columns: 1fr !important;
}
#lsc-booking-form.lsc-confirmed .lsc-confirm-btn-full,
#lsc-booking-form.lsc-booking-confirmed .lsc-confirm-btn-full,
#lsc-booking-form.lsc-booking-complete .lsc-confirm-btn-full {
grid-column: auto !important;
}
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--header:max(50px,var(--s)*1.166667);--vh:100vh;--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--hsl:var(--ch) var(--cs) var(--cl);--color:hsl(var(--hsl));--dark:hsl(var(--ch) var(--cs) calc(var(--cl) - 10%));--bg:hsl(var(--hsl)/4%);--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0);contain:style}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat:has(.joinchat__chatbox) .joinchat__button:hover{transition-duration:1.5s}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat--chatbox .joinchat__button{display:none}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__badge{position:absolute;z-index:2;bottom:calc(var(--s) - 8px);right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat--left .joinchat__badge{right:auto;left:calc(var(--s) - 8px)}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}.joinchat__chatbox{content-visibility:hidden;contain-intrinsic-size:auto 400px auto 240px;display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--h) + 2px);background:#fff linear-gradient(180deg,var(--color),var(--color) var(--header),var(--bg) var(--header),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:opacity 80ms,transform 0s linear 81ms}[dir=rtl] .joinchat__chatbox{text-align:right}.joinchat--chatbox .joinchat__chatbox{content-visibility:visible;opacity:1;transform:scaleX(1);transition:opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__chatbox{right:auto;left:0}.joinchat--dark .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);padding:0 70px 0 26px;margin:0}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat__header span{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__header a{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__header a svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__header a:active,.joinchat__header a:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{display:block;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6z'/%3E%3C/svg%3E") 50%/12px no-repeat;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__scroll{display:flex;flex-direction:column-reverse;overflow:hidden scroll;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__scroll{background:hsl(var(--hsl)/2%);backdrop-filter:blur(10px)}.joinchat__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__content{display:flex;flex-direction:column;width:calc(100% + 4px);padding:20px 0 8px}.joinchat__content:after{content:"";display:block;position:absolute;bottom:0;left:0;right:4px;height:calc(var(--s) + 20px);background:#fff linear-gradient(180deg,var(--bg),var(--bg));-webkit-mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));pointer-events:none}.joinchat--dark .joinchat__content:after{background-color:#1a1a1a}.joinchat__open{position:sticky;z-index:2;bottom:8px;align-self:flex-end;display:flex;flex-direction:row;min-width:var(--s);height:var(--s);margin:0 8px;background:var(--color);color:inherit;border-radius:var(--h);box-shadow:0 1px 2px 0 rgba(0,0,0,.3);overflow:hidden;cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__open{align-self:flex-start}.joinchat__open:active,.joinchat__open:hover{background:var(--hover)}.joinchat--left .joinchat__open{align-self:flex-start}[dir=rtl] .joinchat--left .joinchat__open{align-self:flex-end}.joinchat--optout .joinchat__open{background-color:#999;pointer-events:none}.joinchat__open__icon{flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}[dir=rtl] .joinchat__open__icon{transform:rotateY(180deg)}.joinchat__open__icon path{fill:none!important;stroke:var(--text)!important;stroke-linecap:round;stroke-width:33px;animation:none}.joinchat__open__icon .joinchat__pa{--stroke:1097}.joinchat__open__icon .joinchat__pb{--stroke:1020}.joinchat--chatbox .joinchat__open__icon path{stroke-dasharray:var(--stroke);stroke-dashoffset:var(--stroke);animation:joinchat_send_svg 6s .2s ease-in-out infinite}.joinchat--chatbox .joinchat__open__icon .joinchat__pb{animation-delay:3.2s}.joinchat--optout .joinchat__open__icon path{animation:none}.joinchat--optout .joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat__open__text{--mw:0;max-width:var(--mw);width:-moz-fit-content;width:fit-content;padding:0;font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis}.joinchat--chatbox .joinchat__open__text{--mw:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));padding:0 4px 0 24px;opacity:1}[dir=rtl] .joinchat__open__text{padding:0 24px 0 4px}.joinchat--chatbox.joinchat--opening .joinchat__open__text{animation:joinchat_open_text .45s ease-out both}@keyframes joinchat_open_text{0%{max-width:0;opacity:0}60%{max-width:var(--mw);opacity:0}to{max-width:var(--mw);opacity:1}}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__chat{--peak_l:path("M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z");--peak_r:path("M0 25.68V0c0 13.23 10.92 15.3 15.97 16.34 1.56.32 1.18 2.34 0 2.34-8.58 0-15.97-.1-15.97 7Z");--peak:var(--peak_l);display:flex;flex-direction:column;align-items:flex-start;min-height:100px;padding-bottom:10px;transition:height .2s ease-out}[dir=rtl] .joinchat__chat{--peak:var(--peak_r)}.joinchat__bubble{flex-shrink:0;position:relative;min-width:60px;max-width:calc(100% - 52px);min-height:56px;padding:15px 20px;margin:0 26px 16px;border-radius:26px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform-origin:0 50%;animation:joinchat_show .22s cubic-bezier(0,0,.58,1.19) 10ms both}[dir=rtl] .joinchat__bubble{transform-origin:100% 50%}.joinchat__bubble:before{content:"";display:block;position:absolute;bottom:18px;left:-15px;width:17px;height:25px;background:inherit;clip-path:var(--peak)}[dir=rtl] .joinchat__bubble:before{left:auto;right:-15px}.joinchat--dark .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat__bubble.joinchat__bubble--loading{width:70px;border:none;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate id='c' attributeName='cy' begin='0;a.end+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' begin='c.begin+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate id='a' attributeName='cy' begin='c.begin+0.2s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E") 20px 20px no-repeat!important;transform-origin:50%!important;animation:joinchat_show .1s ease-out 10ms both}.joinchat--dark .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}.joinchat__bubble.joinchat__bubble--note{min-height:0;padding:0;background:none!important;font-size:13px;line-height:1.33;filter:none;animation:none}.joinchat__bubble.joinchat__bubble--media{padding:5px}.joinchat__bubble.joinchat__bubble--loading:before,.joinchat__bubble.joinchat__bubble--note:before{content:none}.joinchat__bubble a{color:var(--msg)!important;font-size:1em;text-decoration:underline}.joinchat__bubble a:active,.joinchat__bubble a:hover{color:var(--hover)!important;border-color:var(--hover)}.joinchat__bubble a.joinchat__btn{display:inline-block;min-height:46px;max-width:100%;padding:10px 20px;margin:5px 0;border:3px solid var(--msg);border-radius:23px;line-height:20px;text-align:center;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis}.joinchat__bubble a.joinchat__btn+.joinchat__bubble a.joinchat__btn{margin-top:-5px}.joinchat__bubble img,.joinchat__bubble video{max-width:100%;height:auto;margin:.2em 0;border-radius:4px;box-shadow:0 1px 5px rgb(0 0 0/10%)}.joinchat__bubble .joinchat--inline{display:inline-block;margin:-10px 0;border-radius:0;box-shadow:none;vertical-align:middle}.joinchat__bubble--media .joinchat--inline,.joinchat__bubble--media img,.joinchat__bubble--media video{display:block;margin:0;border-radius:21px;box-shadow:none}.joinchat__bubble code{padding:2px 5px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.joinchat__bubble hr{width:100%!important;height:0!important;padding:0!important;border:none!important;border-top:2px solid var(--msg)!important;margin:10px 0!important}.joinchat__bubble hr+br{display:none}.joinchat__header{anchor-name:--joinchat-header}.joinchat__powered{position:absolute;position-anchor:--joinchat-header;position-area:bottom left;left:-75px;top:75px;width:130px;height:20px;padding:0;margin:0;background:#fff!important;color:#0009!important;border:none!important;border-radius:4px 4px 0 0!important;font:11px/20px var(--joinchat-font)!important;text-align:center!important;text-decoration:none!important;transition:color .2s ease-out;box-shadow:0 2px 6px 0 #0003!important;transform:rotate(-90deg);opacity:0}@supports not (position-anchor:--x){.joinchat__powered{display:none}}.joinchat--chatbox .joinchat__powered{opacity:1;transition:opacity .2s ease-out}.joinchat__powered span{font-weight:600}.joinchat__powered:active,.joinchat__powered:hover{color:#000!important;text-decoration:none!important}.joinchat--left .joinchat__powered{position-area:bottom right;left:auto;right:-75px;transform:rotate(90deg)}.joinchat--dark .joinchat__powered{background:#ddd!important}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_send_svg{0%,50%,to{stroke-dashoffset:var(--stroke)}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px;--header:max(50px,var(--s)*0.9166667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__bubble{max-width:calc(100% - 40px);padding:16px;margin:0 20px 10px;line-height:24px}.joinchat:has(.joinchat__powered) .joinchat__content{padding-top:40px}.joinchat--left .joinchat__powered,.joinchat--right .joinchat__powered{position-area:bottom center;z-index:2;top:0;left:0;right:0;transform:none;border-radius:0 0 4px 4px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr,.joinchat--chatbox:has(.joinchat__open:hover) .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--dark-auto .joinchat__content:after{background-color:#1a1a1a}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}.joinchat--dark-auto .joinchat__powered{background:#ddd!important}}@media (prefers-reduced-motion){.joinchat,.joinchat__open__icon path{animation:none}.joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat--chatbox.joinchat--opening .joinchat__open__text{animation:none}.joinchat__bubble{animation:none!important}}