@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap"); .furvu-booking-container {
padding: 2rem 0;
background: var(--gp-container-bg, linear-gradient(180deg, #fffbeb 0%, #fafaf9 100%));
border-radius: 0 0 24px 24px;
margin-bottom: 2rem;
} .furvu-wizard .furvu-whitelabel {
margin: 1.25rem 0 0;
padding: 1rem 0 0;
border-top: 1px solid var(--gp-border-light);
text-align: center;
font-size: var(--gp-fs-small, 0.75rem);
color: #777;
line-height: 1.45;
letter-spacing: 0.01em;
}
.furvu-wizard .furvu-whitelabel__text {
margin-right: 0.25rem;
color: #777;
}
.furvu-wizard .furvu-whitelabel__link {
display: inline-flex;
align-items: center;
vertical-align: middle;
margin-left: 0.2rem;
color: #555;
font-weight: 600;
text-decoration: none;
}
.furvu-wizard .furvu-whitelabel__logo {
display: block;
height: 1rem;
width: auto;
max-width: 4.25rem;
}
.furvu-wizard .furvu-whitelabel__link:hover,
.furvu-wizard .furvu-whitelabel__link:focus-visible {
text-decoration: none;
}
.furvu-wizard .furvu-whitelabel__link:hover .furvu-whitelabel__logo,
.furvu-wizard .furvu-whitelabel__link:focus-visible .furvu-whitelabel__logo {
opacity: 0.82;
}
:root {
--gp-service-card-border: unset;
--gp-service-price-color: unset;
--gp-topbar-gradient-end: unset;
--gp-primary: #b45309;
--gp-primary-hover: #92400e;
--gp-primary-light: #fef3c7;
--gp-primary-50: #fffbeb;
--gp-success: #059669;
--gp-success-bg: #ecfdf5;
--gp-error: #dc2626;
--gp-error-bg: #fef2f2;
--gp-border: #e7e5e4;
--gp-border-light: #f5f5f4;
--gp-text: #1c1917;
--gp-text-muted: #78716c;
--gp-bg: #fafaf9;
--gp-radius: 16px;
--gp-radius-sm: 10px;
--gp-radius-xl: 24px;
--gp-shadow: 0 1px 3px rgba(0,0,0,0.06);
--gp-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
--gp-shadow-lg: 0 10px 40px rgba(0,0,0,0.1);
--gp-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--gp-fs-base: 1rem;
--gp-fs-small: 0.875rem;
--gp-fs-title: 1.5rem;
--gp-fs-subtitle: 0.95rem;
--gp-fs-step: 0.8rem;
--gp-fs-section-label: 0.8rem;
--gp-fs-service-name: 0.95rem;
--gp-fs-service-desc: 0.82rem;
--gp-fs-service-meta: 0.8rem;
--gp-fs-button: 1rem;
--gp-fs-calendar-title: 1.25rem;
--gp-fs-calendar-weekday: 0.6rem;
--gp-fs-calendar-day: 0.7rem;
--gp-fs-slot: 0.85rem;
--gp-fs-field-label: 0.9rem;
--gp-fs-input: 1rem;
--gp-fs-summary: 0.95rem;
} .furvu-wizard {
max-width: 700px;
margin: 2.5rem auto;
padding: 2.5rem;
background: var(--gp-wizard-bg, #fff);
border-radius: var(--gp-radius-xl);
box-shadow: var(--gp-shadow-lg);
font-family: var(--gp-font, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif);
font-size: var(--gp-fs-base, 1rem);
color: var(--gp-text);
position: relative;
overflow: hidden;
} .furvu-wizard__header {
margin-bottom: 1.5rem;
}
.furvu-wizard__header--center {
text-align: center;
}
.furvu-wizard__header--left {
text-align: left;
}
.furvu-wizard__header--right {
text-align: right;
}
.furvu-wizard__header-inner {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.furvu-wizard__header-logo {
display: block;
height: auto;
max-height: 120px;
width: auto;
max-width: var(--gp-header-logo-max-width, 100%);
}
.furvu-wizard::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--gp-primary), var(--gp-topbar-gradient-end, #f59e0b));
border-radius: var(--gp-radius-xl) var(--gp-radius-xl) 0 0;
} .furvu-wizard__progress {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--gp-border-light);
}
.furvu-wizard__steps {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.25rem;
}
.furvu-wizard__step-dot {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 0.85rem;
border-radius: 999px;
font-size: var(--gp-fs-step, 0.8rem);
font-weight: 600;
color: var(--gp-text-muted);
background: var(--gp-bg);
cursor: pointer;
transition: all var(--gp-transition);
}
.furvu-wizard__step-dot:not(.furvu-wizard__step-dot--active):not(.furvu-wizard__step-dot--done):hover {
background: var(--gp-step-hover-bg, var(--gp-border-light));
color: var(--gp-text);
transform: translateY(-1px);
}
.furvu-wizard__step-dot--done:hover {
background: var(--gp-step-done-hover-bg, var(--gp-border-light));
color: var(--gp-step-done-text, var(--gp-primary));
transform: translateY(-1px);
}
.furvu-wizard__step-dot--active {
background: var(--gp-step-active-bg, linear-gradient(135deg, var(--gp-primary), #d97706));
color: var(--gp-step-active-text, #fff);
box-shadow: 0 4px 12px rgba(180, 83, 9, 0.35);
}
.furvu-wizard__step-dot--done {
background: var(--gp-step-done-bg, var(--gp-primary-50));
color: var(--gp-step-done-text, var(--gp-primary));
}
.furvu-wizard__step-dot--locked {
opacity: 0.45;
cursor: not-allowed;
pointer-events: auto;
}
.furvu-wizard__step-dot--locked:hover {
transform: none;
background: var(--gp-bg);
color: var(--gp-text-muted);
}
.furvu-wizard__step-dot--locked.furvu-wizard__step-dot--done:hover {
background: var(--gp-step-done-bg, var(--gp-primary-50));
color: var(--gp-step-done-text, var(--gp-primary));
}
.furvu-wizard__step-num {
width: 1.4rem;
height: 1.4rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255,255,255,0.25);
font-size: calc(var(--gp-fs-step, 0.8rem) * 0.875);
}
.furvu-wizard__step-dot--active .furvu-wizard__step-num {
background: rgba(255,255,255,0.4);
}
.furvu-wizard__step-dot--done .furvu-wizard__step-num {
background: var(--gp-primary);
color: #fff;
}
.furvu-wizard__step-label {
white-space: nowrap;
}
.furvu-wizard__step-connector {
width: 24px;
height: 2px;
background: var(--gp-border);
margin: 0 0.15rem;
}
@media (max-width: 640px) {
.furvu-wizard__step-label {
display: none;
}
} .furvu-wizard__panel {
display: none;
animation: gp-fadeIn 0.35s ease-out;
}
.furvu-wizard__panel--active {
display: block;
}
@keyframes gp-fadeIn {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.furvu-wizard__title {
margin: 0 0 0.5rem;
font-size: var(--gp-fs-title, 1.5rem);
font-weight: 700;
color: var(--gp-text);
letter-spacing: -0.02em;
}
.furvu-wizard__subtitle {
margin: 0 0 1.5rem;
font-size: var(--gp-fs-subtitle, 0.95rem);
color: var(--gp-text-muted);
line-height: 1.5;
} .furvu-service-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.furvu-service-card {
margin: 0;
cursor: pointer;
position: relative;
display: block;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.furvu-service-card--spoed {
grid-column: 1 / -1;
}
.furvu-service-card--spoed .furvu-service-card__discussed {
font-size: var(--gp-fs-small, 0.85rem);
font-weight: 600;
color: var(--gp-text-muted, #6b7280);
white-space: nowrap;
}
.furvu-datetime-duration--discussed .furvu-total-minutes-datetime-suffix {
display: none;
}
.furvu-service-card--spoed .furvu-service-card__inner {
background: #fef2f2;
border-color: #fca5a5;
}
.furvu-service-card--spoed:hover .furvu-service-card__inner,
.furvu-service-card--spoed input:checked ~ .furvu-service-card__inner {
background: #fee2e2;
border-color: #ef4444;
} .furvu-service-card input[type="checkbox"],
.furvu-bundle-card input[type="radio"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
appearance: auto;
-webkit-appearance: auto;
} .furvu-service-card__mobile-check {
display: none;
}
.furvu-service-card__inner {
position: relative;
z-index: 1;
display: block;
padding: 1.1rem 1.25rem;
border: 2px solid var(--gp-service-card-border, var(--gp-border));
border-radius: var(--gp-radius-sm);
transition: all var(--gp-transition);
background: #fff;
}
.furvu-service-cards .furvu-service-card:not(.furvu-bundle-card) .furvu-service-card__inner {
min-height: 200px !important;
}
.furvu-service-card--no-min-height .furvu-service-card__inner {
min-height: unset !important;
}
.furvu-layout-service-list .furvu-service-card:not(.furvu-bundle-card) .furvu-service-card__inner,
.furvu-layout-minimal-vertical .furvu-service-card:not(.furvu-bundle-card) .furvu-service-card__inner {
min-height: 200px !important;
align-items: stretch;
}
.furvu-layout-service-list .furvu-service-card--no-min-height .furvu-service-card__inner,
.furvu-layout-minimal-vertical .furvu-service-card--no-min-height .furvu-service-card__inner {
min-height: unset !important;
align-items: center;
}
.furvu-service-card:hover .furvu-service-card__inner {
border-color: var(--gp-primary);
background: var(--gp-primary-50);
transform: translateY(-2px);
box-shadow: var(--gp-shadow-md);
}
.furvu-service-card input:checked ~ .furvu-service-card__inner {
border-color: var(--gp-primary);
background: var(--gp-primary-50);
box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.2);
}
.furvu-service-card__name {
display: block;
font-weight: 600;
color: var(--gp-text);
font-size: var(--gp-fs-service-name, 0.95rem);
}
.furvu-service-card__textblock {
display: block;
min-width: 0;
}
.furvu-service-card__desc {
display: block;
margin-top: 0.28rem;
font-size: var(--gp-fs-service-desc, 0.82rem);
line-height: 1.45;
color: var(--gp-text-muted);
font-weight: 400;
}
.furvu-service-card__desc p {
margin: 0 0 0.4em;
}
.furvu-service-card__desc p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.furvu-service-card__desc {
font-size: calc(var(--gp-fs-service-desc, 0.82rem) * 0.95);
}
}
.furvu-service-card--has-image .furvu-service-card__inner {
padding: 0;
overflow: hidden;
}
.furvu-service-card__image {
display: block;
height: 150px;
overflow: hidden;
background: var(--gp-border-light);
}
.furvu-service-card__image img {
width: 100%;
height: 150px;
object-fit: cover;
}
.furvu-service-card--has-image .furvu-service-card__textblock {
padding: 0.75rem 1rem 0;
}
.furvu-service-card--has-image .furvu-service-card__duration,
.furvu-service-card--has-image .furvu-service-card__price {
padding: 0 1rem;
}
.furvu-service-card--has-image .furvu-service-card__price {
padding-bottom: 0.75rem;
} .furvu-wizard .furvu-slots-grid {
display: block !important;
width: 100% !important;
}
.furvu-wizard .furvu-row {
display: block !important;
width: 100% !important;
margin-bottom: 0.75rem;
text-align: center;
}
.furvu-wizard .furvu-row .furvu-slot {
display: inline-block;
margin: 0 4px 4px 4px;
}
.furvu-wizard .furvu-row--booked .furvu-slot--booked {
padding: 4px 8px;
border-radius: 999px;
background: #f3f4f6;
color: #9ca3af;
border: 1px solid #e5e7eb;
font-size: var(--gp-fs-small, 0.8rem);
cursor: default;
} .furvu-hidden {
display: none !important;
}
.furvu-secure-calendar__overlay {
padding: 1.5rem;
border-radius: 12px;
background: #f9fafb;
border: 1px solid #e5e7eb;
text-align: center;
margin-bottom: 1rem;
}
.furvu-secure-calendar__modal h3 {
margin: 0 0 0.5rem;
font-size: 1.1rem;
}
.furvu-secure-calendar__input {
padding: 0.5rem 0.75rem;
border-radius: 999px;
border: 1px solid #d4d4d8;
margin-right: 0.5rem;
}
.furvu-secure-calendar__submit {
padding: 0.5rem 1rem;
border-radius: 999px;
border: none;
background: #ec4899;
color: #fff;
cursor: pointer;
}
.furvu-secure-calendar__error {
margin-top: 0.5rem;
font-size: 0.85rem;
color: #dc2626;
} .furvu-wizard .furvu-slots-grid {
display: block !important;
width: 100% !important;
}
.furvu-wizard .furvu-row {
display: block !important;
width: 100% !important;
margin-bottom: 0.75rem;
text-align: center;
}
.furvu-wizard .furvu-row .furvu-slot {
display: inline-block;
margin: 0 4px 4px 4px;
}
.furvu-wizard .furvu-row--booked .furvu-slot--booked {
padding: 4px 8px;
border-radius: 999px;
background: #f3f4f6;
color: #9ca3af;
border: 1px solid #e5e7eb;
font-size: var(--gp-fs-small, 0.8rem);
cursor: default;
}
.furvu-service-card__duration {
display: block;
font-size: var(--gp-fs-service-meta, 0.8rem);
color: var(--gp-text-muted);
margin-top: 0.3rem;
}
.furvu-service-card__price {
display: block;
font-size: var(--gp-fs-service-meta, 0.85rem);
font-weight: 600;
color: var(--gp-service-price-color, var(--gp-primary));
margin-top: 0.25rem;
}
.furvu-wizard__section-label {
font-size: var(--gp-fs-section-label, 0.8rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--gp-text-muted);
margin: 1.25rem 0 0.5rem;
}
.furvu-wizard__section-label:first-child {
margin-top: 0;
}
.furvu-bundle-services-hint {
margin: 0 0 0.75rem;
padding: 0.65rem 0.85rem;
font-size: var(--gp-fs-small, 0.875rem);
line-height: 1.45;
color: var(--gp-text);
background: var(--gp-primary-50, #fffbeb);
border: 1px solid var(--gp-border);
border-radius: var(--gp-radius-sm, 10px);
}
.furvu-bundle-services-hint__head {
margin: 0 0 0.4rem;
font-size: var(--gp-fs-base, 1rem);
}
.furvu-bundle-services-hint__label {
color: var(--gp-text-muted);
font-weight: 500;
margin-right: 0.35rem;
}
.furvu-bundle-services-hint__name {
color: var(--gp-text);
font-weight: 700;
}
.furvu-bundle-services-hint__body {
margin: 0;
font-size: var(--gp-fs-small, 0.875rem);
color: var(--gp-text-muted);
}
.furvu-bundle-card.furvu-bundle-card--selected .furvu-service-card__inner {
border-color: var(--bundle-color, var(--gp-primary)) !important;
outline: 3px solid var(--bundle-color, var(--gp-primary));
outline-offset: 2px;
box-shadow: var(--gp-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));
}
.furvu-wizard__panel--bundle-selected .furvu-service-card:has(input[name="service_ids[]"]) {
opacity: 0.55;
pointer-events: none;
cursor: not-allowed;
}
.furvu-bundle-cards .furvu-service-card__inner {
border-color: var(--bundle-color, var(--gp-primary-light, #fcd34d));
}
.furvu-bundle-cards {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.furvu-service-cards--modular {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.furvu-service-card--modular {
grid-column: span var(--gp-service-span, 3);
}
.furvu-bundle-card {
grid-column: span var(--gp-bundle-span, 3);
}
.furvu-bundle-cards .furvu-service-card input:checked ~ .furvu-service-card__inner {
border-color: var(--bundle-color, var(--gp-primary));
}
@media (max-width: 992px) {
.furvu-bundle-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.furvu-service-cards--modular {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.furvu-bundle-cards {
grid-template-columns: 1fr;
}
.furvu-service-cards--modular {
grid-template-columns: 1fr;
}
.furvu-bundle-card {
grid-column: span 1;
}
.furvu-service-card--modular {
grid-column: span 1;
}
}
.furvu-service-card__icon.dashicons {
display: block;
font-size: 1.75rem;
width: 1.75rem;
height: 1.75rem;
color: var(--bundle-color, var(--gp-primary));
margin-bottom: 0.5rem;
}
.furvu-customer-number-wrap {
margin-bottom: 1.25rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid var(--gp-border-light);
}
.furvu-field__input-row {
display: flex;
gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
}
.furvu-field__input-row .furvu-field__input {
flex: 1;
min-width: 140px;
}
.furvu-lookup-customer {
flex-shrink: 0;
padding: 0.6rem 1rem;
font-size: var(--gp-fs-button, 0.9rem);
font-weight: 600;
background: transparent;
color: var(--gp-primary);
border: 2px solid var(--gp-primary);
border-radius: var(--gp-radius-sm);
cursor: pointer;
transition: all var(--gp-transition);
}
.furvu-lookup-customer:hover {
background: var(--gp-primary-50);
}
.furvu-lookup-message {
font-size: var(--gp-fs-small, 0.85rem);
margin-top: 0.5rem;
}
.furvu-lookup-message--success {
color: var(--gp-success);
}
.furvu-lookup-message--error {
color: var(--gp-error);
}
.furvu-lookup-message--warning {
color: var(--gp-existing-bookings-title, var(--gp-primary));
background: var(--gp-existing-bookings-bg, var(--gp-primary-50));
border: 1px solid var(--gp-existing-bookings-border, var(--gp-border-light));
border-radius: var(--gp-radius-sm, 10px);
padding: 0.65rem 0.85rem;
line-height: 1.45;
}
.furvu-lookup-message--success .furvu-existing-bookings-notice,
.furvu-lookup-message--warning .furvu-existing-bookings-notice {
margin-top: 0.65rem;
padding-top: 0.65rem;
border-top: 1px solid var(--gp-existing-bookings-border, var(--gp-border-light));
}
.furvu-existing-bookings-notice__title {
margin: 0 0 0.5rem;
font-size: var(--gp-fs-small, 0.85rem);
font-weight: 600;
color: var(--gp-existing-bookings-title, var(--gp-primary));
}
.furvu-existing-bookings-notice__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.furvu-existing-bookings-notice__item {
display: grid;
grid-template-columns: 1fr auto;
gap: 0.5rem 1rem;
align-items: stretch;
padding: 0.55rem 0.7rem;
background: var(--gp-existing-bookings-card-bg, var(--gp-wizard-bg, #fff));
border: 1px solid var(--gp-existing-bookings-border, var(--gp-border-light));
border-radius: var(--gp-radius-sm, 10px);
box-shadow: var(--gp-shadow, 0 1px 2px rgba(15, 23, 42, 0.04));
}
.furvu-existing-bookings-notice__item--with-pet {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) auto;
}
@media (max-width: 420px) {
.furvu-existing-bookings-notice__item,
.furvu-existing-bookings-notice__item--with-pet {
grid-template-columns: 1fr;
gap: 0.35rem;
}
}
.furvu-existing-bookings-notice__cell {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.furvu-existing-bookings-notice__cell--time {
text-align: right;
}
@media (max-width: 420px) {
.furvu-existing-bookings-notice__cell--time {
text-align: left;
}
}
.furvu-existing-bookings-notice__cell--pet .furvu-existing-bookings-notice__value {
font-weight: 700;
color: var(--gp-text, #1c1917);
}
.furvu-existing-bookings-notice__label {
font-size: var(--gp-fs-section-label, 0.7rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--gp-text-muted);
}
.furvu-existing-bookings-notice__value {
font-size: var(--gp-fs-summary, 0.95rem);
font-weight: 600;
color: var(--gp-text);
line-height: 1.3;
}
.furvu-existing-bookings-notice__cell--date .furvu-existing-bookings-notice__value {
color: var(--gp-existing-bookings-date, var(--gp-primary));
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 2px;
}
.furvu-existing-bookings-notice__cell--time .furvu-existing-bookings-notice__value {
font-size: var(--gp-fs-slot, 0.85rem);
font-variant-numeric: tabular-nums;
color: var(--gp-existing-bookings-time, var(--gp-slot-available-text, var(--gp-primary)));
}
.furvu-existing-bookings-notice__hint {
margin: 0.65rem 0 0.5rem;
font-size: var(--gp-fs-small, 0.85rem);
line-height: 1.45;
color: var(--gp-text-muted);
}
.furvu-existing-bookings-notice__hint--warning {
color: var(--gp-text, #374151);
font-weight: 500;
}
.furvu-existing-bookings-notice__btn {
margin-top: 0.25rem;
}
.furvu-wizard__step-dot--hidden {
display: none !important;
}
.furvu-wizard__step-dot--hidden + .furvu-wizard__step-connector,
.furvu-wizard__step-connector--hidden {
display: none !important;
}
.furvu-modify-intro {
margin-bottom: 1rem;
}
.furvu-booking-container.furvu-modify-preloaded .furvu-wizard__panel[data-panel="modify"] .furvu-modify-lookup {
display: none !important;
}
.furvu-modify-appointments__loading {
padding: 0.75rem 0.9rem;
font-size: var(--gp-fs-small, 0.85rem);
color: var(--gp-text-muted);
list-style: none;
}
.furvu-modify-customer-summary {
margin-bottom: 1rem;
padding: 0.75rem 0.9rem;
background: var(--gp-existing-bookings-bg, var(--gp-primary-50));
border: 1px solid var(--gp-existing-bookings-border, var(--gp-border-light));
border-radius: var(--gp-radius-sm, 10px);
font-size: var(--gp-fs-small, 0.85rem);
}
.furvu-modify-customer-summary__line {
margin: 0 0 0.35rem;
}
.furvu-modify-customer-summary__line:last-child {
margin-bottom: 0;
}
.furvu-modify-customer-summary__label {
color: var(--gp-text-muted);
margin-right: 0.35rem;
}
.furvu-modify-customer-summary__number {
color: var(--gp-primary);
}
.furvu-modify-message {
font-size: var(--gp-fs-small, 0.85rem);
margin-top: 0.5rem;
}
.furvu-modify-appointments__title,
.furvu-modify-reschedule__title {
font-size: var(--gp-fs-field-label, 0.9rem);
font-weight: 600;
margin: 0 0 0.65rem;
color: var(--gp-text);
}
.furvu-modify-appointments__list {
list-style: none;
margin: 0 0 1.25rem;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.furvu-modify-appointment__btn {
width: 100%;
text-align: left;
padding: 0.75rem 0.9rem;
border: 1px solid var(--gp-existing-bookings-border, var(--gp-border-light));
border-radius: var(--gp-radius-sm, 10px);
background: var(--gp-existing-bookings-card-bg, var(--gp-wizard-bg, #fff));
cursor: pointer;
transition: border-color var(--gp-transition), box-shadow var(--gp-transition);
font-family: inherit;
}
.furvu-modify-appointment__btn:hover:not(:disabled) {
border-color: var(--gp-primary);
box-shadow: var(--gp-shadow, 0 1px 3px rgba(0, 0, 0, 0.06));
}
.furvu-modify-appointment--selected .furvu-modify-appointment__btn {
border-color: var(--gp-primary);
box-shadow: 0 0 0 2px var(--gp-primary-50, #fffbeb);
}
.furvu-modify-appointment--locked .furvu-modify-appointment__btn {
opacity: 0.75;
cursor: not-allowed;
}
.furvu-modify-appointment__when {
display: block;
font-weight: 600;
color: var(--gp-existing-bookings-date, var(--gp-primary));
margin-bottom: 0.2rem;
}
.furvu-modify-appointment__pet {
display: block;
font-size: var(--gp-fs-small, 0.85rem);
font-weight: 700;
color: var(--gp-text, #1c1917);
margin-bottom: 0.15rem;
}
.furvu-modify-appointment__services {
display: block;
font-size: var(--gp-fs-small, 0.85rem);
color: var(--gp-text-muted);
}
.furvu-modify-appointment__locked {
display: block;
margin-top: 0.35rem;
font-size: var(--gp-fs-small, 0.85rem);
color: var(--gp-error);
}
.furvu-modify-reschedule__selected {
margin: 0 0 0.75rem;
font-size: var(--gp-fs-small, 0.85rem);
color: var(--gp-text-muted);
}
.furvu-modify-reschedule .furvu-modify-submit {
margin-top: 1rem;
}
.furvu-modify-go-new-booking {
margin-left: auto;
} .furvu-pets-list {
margin-bottom: 1rem;
}
.furvu-pet-item {
padding: 1.25rem;
margin-bottom: 1rem;
background: var(--gp-bg, #fafaf9);
border-radius: var(--gp-radius-sm);
border: 1px solid var(--gp-border-light);
}
.furvu-pet-item__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.furvu-pet-item__title {
margin: 0;
font-size: var(--gp-fs-service-name, 0.95rem);
font-weight: 600;
color: var(--gp-text);
}
.furvu-pet-item__remove {
padding: 0.25rem 0.5rem;
font-size: var(--gp-fs-small, 0.85rem);
background: transparent;
color: var(--gp-text-muted);
border: 1px solid var(--gp-border);
border-radius: var(--gp-radius-sm);
cursor: pointer;
}
.furvu-pet-item__remove:hover {
color: var(--gp-error);
border-color: var(--gp-error);
}
.furvu-field--pet-notes textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
min-height: 3.5rem;
resize: vertical;
}
.furvu-add-pet {
padding: 0.6rem 1rem;
font-size: var(--gp-fs-button, 0.9rem);
font-weight: 600;
background: transparent;
color: var(--gp-primary);
border: 2px dashed var(--gp-primary);
border-radius: var(--gp-radius-sm);
cursor: pointer;
margin-bottom: 1.5rem;
}
.furvu-add-pet:hover {
background: var(--gp-primary-50);
} .furvu-field--pet-birthdate .furvu-pet-birthdate-picker,
.furvu-pet-birthdate-wrap .furvu-pet-birthdate-picker {
position: relative;
width: 100%;
}
.furvu-pet-birthdate-picker__native {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.furvu-pet-birthdate-picker__display {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
box-sizing: border-box;
padding: 0.65rem 0.85rem;
font-size: var(--gp-fs-input, 1rem);
font-family: inherit;
font-weight: 500;
text-align: left;
color: var(--gp-text, #1f2937);
background: #fff;
border: 1px solid var(--gp-border, #e5e7eb);
border-radius: var(--gp-radius-sm, 8px);
cursor: pointer;
transition: border-color var(--gp-transition, 0.2s), box-shadow var(--gp-transition, 0.2s);
}
.furvu-pet-birthdate-picker__display:hover,
.furvu-pet-birthdate-picker__display:focus {
border-color: var(--gp-primary, #b45309);
outline: none;
box-shadow: 0 0 0 2px var(--gp-primary-50, rgba(180, 83, 9, 0.15));
}
.furvu-pet-birthdate-picker__display--empty {
color: var(--gp-text-muted, #9ca3af);
}
.furvu-pet-birthdate-picker__sep {
color: var(--gp-text-muted, #9ca3af);
padding: 0 0.15rem;
user-select: none;
}
.furvu-pet-birthdate-picker__popover {
position: absolute;
z-index: 50;
top: calc(100% + 0.35rem);
left: 0;
min-width: min(100%, 280px);
max-width: 320px;
padding: 0.75rem;
background: #fff;
border: 1px solid var(--gp-border, #e5e7eb);
border-radius: var(--gp-radius, 12px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}
.furvu-pet-birthdate-picker__nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.furvu-pet-birthdate-picker__nav-selects {
display: flex;
align-items: center;
gap: 0.35rem;
flex: 1;
min-width: 0;
}
.furvu-pet-birthdate-picker__month,
.furvu-pet-birthdate-picker__year {
font-size: 0.95rem;
font-weight: 700;
color: var(--gp-text, #374151);
border: 1px solid transparent;
border-radius: var(--gp-radius-sm, 6px);
background: transparent;
padding: 0.2rem 0.35rem;
cursor: pointer;
max-width: 100%;
}
.furvu-pet-birthdate-picker__month {
flex: 1 1 auto;
min-width: 0;
text-transform: capitalize;
}
.furvu-pet-birthdate-picker__year {
flex: 0 0 auto;
}
.furvu-pet-birthdate-picker__month:hover,
.furvu-pet-birthdate-picker__year:hover,
.furvu-pet-birthdate-picker__month:focus,
.furvu-pet-birthdate-picker__year:focus {
border-color: var(--gp-border, #d4d4d4);
background: #f9fafb;
outline: none;
}
.furvu-pet-birthdate-picker__nav-arrows {
display: flex;
align-items: center;
gap: 0.15rem;
flex-shrink: 0;
}
.furvu-pet-birthdate-picker__prev,
.furvu-pet-birthdate-picker__next,
.furvu-pet-birthdate-picker__today {
padding: 0.25rem 0.45rem;
font-size: 1rem;
font-weight: 600;
line-height: 1;
border: 1px solid #d4d4d4;
border-radius: var(--gp-radius-sm, 6px);
background: #fff;
color: #374151;
cursor: pointer;
}
.furvu-pet-birthdate-picker__prev:hover,
.furvu-pet-birthdate-picker__next:hover,
.furvu-pet-birthdate-picker__today:hover {
background: #f9fafb;
border-color: #9ca3af;
}
.furvu-pet-birthdate-picker__weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0.12rem;
margin-bottom: 0.25rem;
}
.furvu-pet-birthdate-picker__weekdays span {
font-size: var(--gp-fs-calendar-weekday, 0.6rem);
font-weight: 700;
text-align: center;
color: var(--gp-text-muted, #9ca3af);
}
.furvu-pet-birthdate-picker__days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0.12rem;
}
.furvu-pet-birthdate-picker__day {
display: flex;
align-items: center;
justify-content: center;
min-height: 2rem;
padding: 0;
font-size: var(--gp-fs-calendar-day, 0.7rem);
font-weight: 600;
border: none;
border-radius: 8px;
background: transparent;
color: var(--gp-text, #374151);
cursor: pointer;
}
.furvu-pet-birthdate-picker__day--other {
color: #d1d5db;
}
.furvu-pet-birthdate-picker__day:hover:not(:disabled) {
background: #f3f4f6;
}
.furvu-pet-birthdate-picker__day--selected {
background: var(--gp-primary, #2563eb) !important;
color: #fff !important;
}
.furvu-pet-birthdate-picker__day:disabled {
color: #e5e7eb;
cursor: not-allowed;
} .furvu-pet-name-modal,
.furvu-spoed-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
}
.furvu-pet-name-modal:not([hidden]),
.furvu-spoed-modal:not([hidden]) {
display: flex;
}
.furvu-pet-name-modal__backdrop,
.furvu-spoed-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
}
.furvu-pet-name-modal__content,
.furvu-spoed-modal__content {
position: relative;
width: 100%;
max-width: 400px;
background: var(--gp-wizard-bg, #fff);
border-radius: var(--gp-radius);
box-shadow: var(--gp-shadow-lg);
overflow: hidden;
}
.furvu-pet-name-modal__header,
.furvu-spoed-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 1.5rem;
border-bottom: 1px solid var(--gp-border-light);
}
.furvu-pet-name-modal__title,
.furvu-spoed-modal__title {
margin: 0;
font-size: 1.25rem;
font-weight: 700;
}
.furvu-pet-name-modal__close,
.furvu-spoed-modal__close {
padding: 0.25rem 0.5rem;
font-size: 1.5rem;
line-height: 1;
background: transparent;
border: none;
color: var(--gp-text-muted);
cursor: pointer;
}
.furvu-pet-name-modal__close:hover,
.furvu-spoed-modal__close:hover {
color: var(--gp-text);
}
.furvu-pet-name-modal__body,
.furvu-spoed-modal__body {
padding: 1.5rem;
}
.furvu-honeypot-wrap {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.furvu-booking-container--bot-test .furvu-bot-test {
position: sticky;
top: 0;
z-index: 50;
}
.furvu-bot-test {
margin: 0 0 1rem;
padding: 1rem 1.15rem;
border: 2px dashed #b45309;
border-radius: var(--gp-radius-sm, 8px);
background: #fffbeb;
box-shadow: 0 4px 16px rgba(180, 83, 9, 0.15);
}
.furvu-bot-test__title {
margin: 0 0 0.35rem;
font-weight: 700;
font-size: 0.95rem;
color: #92400e;
}
.furvu-bot-test__hint {
margin: 0 0 0.75rem;
font-size: 0.85rem;
color: #78350f;
}
.furvu-bot-test__field {
display: block;
margin-bottom: 0.75rem;
}
.furvu-bot-test__label {
display: block;
margin-bottom: 0.35rem;
font-size: 0.85rem;
font-weight: 600;
}
.furvu-bot-test__number {
max-width: 12rem;
}
.furvu-bot-test__actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.furvu-bot-test__btn {
font-size: 0.85rem;
}
.furvu-pet-name-modal__hint {
margin: 0 0 0.65rem;
font-size: var(--gp-fs-summary, 0.9rem);
color: var(--gp-text-muted);
}
.furvu-lookup-message--bot {
padding: 0.75rem 1rem;
border-radius: var(--gp-radius-sm, 8px);
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
font-weight: 600;
font-size: var(--gp-fs-summary, 0.95rem);
}
.furvu-pet-name-modal__bot-notice {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border-radius: var(--gp-radius-sm, 8px);
background: #fffbeb;
border: 1px solid #fde68a;
color: #92400e;
font-weight: 500;
font-size: var(--gp-fs-summary, 0.95rem);
line-height: 1.45;
}
.furvu-pet-name-modal__bot-notice[hidden] {
display: none !important;
}
.furvu-pet-name-modal__captcha-wrap[hidden],
.furvu-pet-name-modal__email-wrap[hidden],
.furvu-pet-name-modal__pet-wrap[hidden] {
display: none !important;
}
.furvu-pet-name-modal__captcha-wrap {
margin-bottom: 1rem;
}
.furvu-pet-name-modal__captcha-row {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0.75rem 0;
}
.furvu-pet-name-modal__captcha-image {
display: block;
max-width: 100%;
height: auto;
border: 1px solid var(--gp-border-light, #e5e7eb);
border-radius: var(--gp-radius-sm, 6px);
background: #fff;
}
.furvu-pet-name-modal__captcha-refresh {
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
border: 1px solid var(--gp-border-light, #e5e7eb);
border-radius: var(--gp-radius-sm, 6px);
background: var(--gp-wizard-bg, #fff);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
}
.furvu-pet-name-modal__captcha-refresh:hover {
background: var(--gp-surface-muted, #f3f4f6);
} .furvu-captcha-modal {
position: fixed;
inset: 0;
z-index: 10001;
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
}
.furvu-captcha-modal:not([hidden]) {
display: flex;
}
.furvu-captcha-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
}
.furvu-captcha-modal__dialog {
position: relative;
width: 100%;
max-width: 420px;
background: var(--gp-wizard-bg, #fff);
border-radius: var(--gp-radius, 12px);
box-shadow: var(--gp-shadow-lg, 0 20px 40px rgba(0, 0, 0, 0.15));
padding: 1.25rem 1.5rem 1.5rem;
}
.furvu-captcha-modal__title {
margin: 0 0 0.5rem;
font-size: 1.25rem;
font-weight: 700;
}
.furvu-captcha-modal__intro {
margin: 0 0 1rem;
color: var(--gp-text-muted, #6b7280);
}
.furvu-captcha-modal__image-row {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.furvu-captcha-modal__image {
display: block;
max-width: 100%;
height: auto;
border: 1px solid var(--gp-border-light, #e5e7eb);
border-radius: var(--gp-radius-sm, 6px);
}
.furvu-captcha-modal__refresh {
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
border: 1px solid var(--gp-border-light, #e5e7eb);
border-radius: var(--gp-radius-sm, 6px);
background: #fff;
font-size: 1.25rem;
cursor: pointer;
}
.furvu-captcha-modal__input {
width: 100%;
margin-bottom: 0.5rem;
}
.furvu-captcha-modal__error {
min-height: 1.4em;
margin: 0 0 0.75rem;
color: var(--gp-error, #dc2626);
font-size: 0.9rem;
}
.furvu-captcha-modal__actions {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
}
.furvu-captcha-modal__close {
position: absolute;
top: 0.75rem;
right: 0.75rem;
padding: 0.25rem 0.5rem;
font-size: 1.5rem;
line-height: 1;
background: transparent;
border: none;
color: var(--gp-text-muted, #6b7280);
cursor: pointer;
}
.furvu-pet-name-modal__email-wrap {
margin-bottom: 1rem;
}
.furvu-pet-name-modal__prompt,
.furvu-spoed-modal__prompt {
margin: 0 0 0.75rem;
font-size: 1rem;
color: var(--gp-text);
}
.furvu-pet-name-modal__input {
width: 100%;
margin-bottom: 0.5rem;
}
.furvu-pet-name-modal__error {
margin: 0;
font-size: 0.9rem;
color: var(--gp-error);
min-height: 1.4em;
}
.furvu-pet-name-modal__footer,
.furvu-spoed-modal__footer {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
padding: 1rem 1.5rem;
border-top: 1px solid var(--gp-border-light);
}
.furvu-spoed-modal__phone {
display: inline-block;
margin-top: 0.25rem;
padding: 0.85rem 1.35rem;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
color: var(--gp-button-text, #fff);
background: var(--gp-button-bg, var(--gp-primary));
border-radius: var(--gp-button-radius-sm, var(--gp-radius-sm));
border: 2px solid transparent;
min-height: 48px;
box-sizing: border-box;
}
.furvu-spoed-modal__phone:hover {
filter: brightness(0.95);
color: var(--gp-button-text, #fff);
}
.furvu-spoed-modal__phone--text {
margin-top: 0.5rem;
padding: 0;
font-size: 1.15rem;
font-weight: 600;
color: var(--gp-primary);
background: transparent;
border: none;
}
.furvu-spoed-modal__fallback {
margin: 0.5rem 0 0;
font-size: 0.9rem;
line-height: 1.45;
color: var(--gp-text-muted);
}
@media (max-width: 480px) {
.furvu-spoed-modal__phone {
display: block;
width: 100%;
font-size: 1.1rem;
}
}
.furvu-voucher-wrap .furvu-field__input-row .furvu-field__input {
flex: 1;
min-width: 140px;
}
.furvu-validate-voucher {
flex-shrink: 0;
padding: 0.6rem 1rem;
font-size: var(--gp-fs-button, 0.9rem);
font-weight: 600;
background: transparent;
color: var(--gp-primary);
border: 2px solid var(--gp-primary);
border-radius: var(--gp-radius-sm);
cursor: pointer;
}
.furvu-validate-voucher:hover {
background: var(--gp-primary-50);
}
.furvu-voucher-message {
font-size: var(--gp-fs-small, 0.85rem);
margin-top: 0.5rem;
display: block;
}
.furvu-voucher-message--success {
color: var(--gp-success);
}
.furvu-voucher-message--error {
color: var(--gp-error);
}
.furvu-customer-number-highlight {
display: inline-block;
margin: 0.5rem 0;
padding: 0.5rem 0.75rem;
background: var(--gp-primary-50);
border: 2px dashed var(--gp-primary);
border-radius: var(--gp-radius-sm);
color: var(--gp-text);
font-size: 1rem;
}
.furvu-wizard__total {
margin-bottom: 1.5rem;
padding: 1rem 1.25rem;
background: var(--gp-primary-50);
border-radius: var(--gp-radius-sm);
font-size: var(--gp-fs-summary, 0.95rem);
border: 1px solid var(--gp-primary-light);
}
.furvu-wizard__total strong {
margin-left: 0.5rem;
color: var(--gp-primary);
} .furvu-field {
display: block;
margin-bottom: 1.25rem;
}
.furvu-field__label {
display: block;
margin-bottom: 0.4rem;
font-size: var(--gp-fs-field-label, 0.9rem);
font-weight: 600;
color: var(--gp-text);
}
.furvu-field__input {
width: 100%;
padding: 0.75rem 1rem;
font-size: var(--gp-fs-input, 1rem);
font-family: inherit;
border: 2px solid var(--gp-border);
border-radius: var(--gp-radius-sm);
background: #fff;
transition: all var(--gp-transition);
}
.furvu-field__input::placeholder {
color: #a8a29e;
}
.furvu-field__input:hover {
border-color: #d6d3d1;
}
.furvu-field__input:focus {
outline: none;
border-color: var(--gp-primary);
box-shadow: 0 0 0 4px rgba(180, 83, 9, 0.15);
}
.furvu-field__hint {
display: block;
margin-top: 0.35rem;
font-size: var(--gp-fs-small, 0.8rem);
color: var(--gp-text-muted);
} .furvu-email-check-message {
display: block;
margin-top: 0.45rem;
font-size: var(--gp-fs-small, 0.8rem);
line-height: 1.45;
min-height: 0;
}
.furvu-email-check-message--checking {
color: var(--gp-text-muted);
}
.furvu-email-check-message--exists {
padding: 0.65rem 0.85rem;
border-radius: var(--gp-radius-sm);
background: var(--gp-primary-50);
border: 1px solid var(--gp-primary-light);
color: var(--gp-text);
}
.furvu-email-check-message--has-bookings {
border-color: var(--gp-existing-bookings-border, var(--gp-primary-light));
background: var(--gp-existing-bookings-bg, var(--gp-primary-50));
}
.furvu-email-check-message--risk {
padding: 0.65rem 0.85rem;
border-radius: var(--gp-radius-sm);
background: #fff1f0;
border: 1px solid #f0b4ae;
color: #8a1f1a;
}
.furvu-field__input--email-risk {
border-color: #e08a82 !important;
}
.furvu-customer-number-wrap--highlight {
padding: 0.65rem 0.75rem;
margin: -0.65rem -0.75rem 0.85rem;
border-radius: var(--gp-radius-sm);
background: var(--gp-primary-50);
border: 1px solid var(--gp-primary-light);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--gp-primary) 12%, transparent);
}
.furvu-field__input--email-exists {
border-color: var(--gp-primary);
}
.furvu-field--customer-email {
margin-bottom: 1.25rem;
}
.furvu-field--customer-note {
margin-bottom: 1rem;
}
.furvu-field--customer-note .furvu-field__hint {
margin-top: 0.2rem;
margin-bottom: 0.4rem;
} .furvu-terms-agreement {
margin-bottom: 1.25rem;
padding: 1rem 1.1rem;
border-radius: var(--gp-radius-sm);
border: 1px solid var(--gp-border-light);
background: var(--gp-bg, #fafaf9);
}
.furvu-summary + .furvu-terms-agreement--below-summary {
margin-top: 1rem;
}
.furvu-booking--customer-verified .furvu-terms-agreement,
.furvu-booking--returning-email .furvu-terms-agreement {
display: none !important;
}
.furvu-terms-agreement__label {
display: flex;
gap: 0.75rem;
align-items: flex-start;
margin: 0;
cursor: pointer;
font-size: var(--gp-fs-summary, 0.95rem);
line-height: 1.5;
color: var(--gp-text);
font-weight: 500;
}
.furvu-terms-agreement__checkbox {
appearance: none;
-webkit-appearance: none;
flex-shrink: 0;
width: 1.35rem;
height: 1.35rem;
margin-top: 0.12rem;
box-sizing: border-box;
cursor: pointer;
border-radius: var(--gp-button-radius-sm, var(--gp-radius-sm));
border: 2px solid var(--gp-primary);
background-color: var(--gp-wizard-bg, #fff);
background-image: none;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.furvu-terms-agreement__checkbox:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.furvu-terms-agreement__checkbox:checked {
border-color: var(--gp-primary, #b45309);
background-color: var(--gp-primary, #b45309); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5l3 3 7-8' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 0.82rem 0.82rem;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
}
.furvu-terms-agreement__checkbox:focus-visible {
outline: 2px solid var(--gp-primary);
outline-offset: 2px;
}
.furvu-terms-agreement__text {
flex: 1;
min-width: 0;
font-weight: 400;
}
.furvu-terms-agreement__text p:first-child {
margin-top: 0;
}
.furvu-terms-agreement__text p:last-child {
margin-bottom: 0;
}
.furvu-terms-agreement__text a {
color: var(--gp-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.furvu-terms-agreement__pdf-link {
font-weight: 600;
}
.furvu-terms-agreement__text a:hover {
opacity: 0.9;
}
.furvu-summary__note {
font-size: var(--gp-fs-small, 0.9rem);
line-height: 1.45;
}
.furvu-pet-picker {
margin: 0 0 1rem;
padding: 0.75rem 0.9rem;
border: 1px solid var(--gp-border-light, #e8ddd0);
border-radius: var(--gp-radius-sm, 10px);
background: var(--gp-primary-50, #faf6f1);
}
.furvu-pet-picker[hidden] {
display: none !important;
}
.furvu-pet-picker__label {
margin: 0 0 0.5rem;
font-weight: 600;
font-size: var(--gp-fs-small, 0.9rem);
}
.furvu-pet-picker__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.furvu-pet-picker__option {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.4rem 0.85rem;
border: 2px solid var(--gp-border-light, #e8ddd0);
border-radius: 999px;
background: #fff;
cursor: pointer;
font-size: var(--gp-fs-small, 0.85rem);
transition: border-color var(--gp-transition, 0.15s ease), background-color var(--gp-transition, 0.15s ease), color var(--gp-transition, 0.15s ease);
}
.furvu-pet-picker__radio {
position: absolute;
opacity: 0;
pointer-events: none;
width: 1px;
height: 1px;
}
.furvu-pet-picker__option:has(.furvu-pet-picker__radio:checked) {
border-color: var(--gp-primary);
background: var(--gp-primary-50);
color: var(--gp-primary);
font-weight: 600;
} .furvu-dog-status {
margin: 0 0 1.25rem;
}
.furvu-dog-status[hidden] {
display: none !important;
}
.furvu-dog-status__title {
margin: 0 0 0.65rem;
font-size: 1rem;
font-weight: 600;
color: var(--gp-text, #1c1917);
}
.furvu-dog-status__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.furvu-dog-status__item {
margin: 0;
padding: 1rem 1.15rem;
border: 1px solid var(--gp-border-light, #e8ddd0);
border-radius: var(--gp-radius, 12px);
background: var(--gp-surface, #fff);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.furvu-dog-status__item--primary {
border-color: var(--gp-primary);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--gp-primary) 18%, transparent);
background: var(--gp-primary-50, #fffbeb);
}
.furvu-dog-status__item--extra:not(.furvu-dog-status__item--primary) {
border-color: var(--gp-primary);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--gp-primary) 12%, transparent);
}
.furvu-dog-status__main {
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.furvu-dog-status__select {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 0.75rem;
cursor: pointer;
margin: 0;
}
.furvu-dog-status__radio {
width: 1.1rem;
height: 1.1rem;
accent-color: var(--gp-primary);
flex-shrink: 0;
}
.furvu-dog-status__name {
font-size: 1.05rem;
font-weight: 650;
color: var(--gp-text, #1c1917);
}
.furvu-dog-status__select-label {
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.01em;
text-transform: uppercase;
color: var(--gp-primary);
background: color-mix(in srgb, var(--gp-primary) 12%, #fff);
border: 1px solid color-mix(in srgb, var(--gp-primary) 28%, transparent);
border-radius: 999px;
padding: 0.15rem 0.55rem;
}
.furvu-dog-status__item:not(.furvu-dog-status__item--primary) .furvu-dog-status__select-label {
opacity: 0.55;
color: var(--gp-text-muted, #78716c);
background: var(--gp-surface-muted, #fafaf9);
border-color: var(--gp-border-light, #e8ddd0);
}
.furvu-dog-status__meta {
margin: 0;
font-size: 0.875rem;
line-height: 1.35;
}
.furvu-dog-status__meta--booked {
color: #166534;
font-weight: 500;
}
.furvu-dog-status__meta--booked::before {
content: "";
display: inline-block;
width: 0.5rem;
height: 0.5rem;
margin-right: 0.4rem;
border-radius: 50%;
background: #22c55e;
vertical-align: 0.05em;
}
.furvu-dog-status__meta--free {
color: var(--gp-text-muted, #78716c);
}
.furvu-dog-status__actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
}
.furvu-dog-status__modify,
.furvu-dog-status__book-extra {
appearance: none;
border-radius: 999px;
font: inherit;
font-size: 0.85rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
cursor: pointer;
line-height: 1.2;
}
.furvu-dog-status__modify {
color: var(--gp-primary);
background: #fff;
border: 1.5px solid var(--gp-primary);
}
.furvu-dog-status__modify:hover {
background: var(--gp-primary-50, #fffbeb);
}
.furvu-dog-status__book-extra {
color: #fff;
background: var(--gp-primary);
border: 1.5px solid var(--gp-primary);
}
.furvu-dog-status__book-extra:hover {
background: var(--gp-primary-hover, #92400e);
border-color: var(--gp-primary-hover, #92400e);
}
.furvu-dog-status__book-extra.is-active {
color: var(--gp-primary);
background: var(--gp-primary-50, #fffbeb);
border-color: var(--gp-primary);
}
.furvu-primary-pet-details {
margin: 0 0 1rem;
border: 1px solid var(--gp-border-light, #e8ddd0);
border-radius: var(--gp-radius, 12px);
background: var(--gp-surface, #fff);
padding: 0;
}
.furvu-primary-pet-details__summary {
cursor: pointer;
list-style: none;
padding: 0.85rem 1.1rem;
font-weight: 600;
font-size: 0.95rem;
color: var(--gp-text, #1c1917);
}
.furvu-primary-pet-details__summary::-webkit-details-marker {
display: none;
}
.furvu-primary-pet-details__summary::before {
content: "▸";
display: inline-block;
margin-right: 0.45rem;
color: var(--gp-primary);
transition: transform 0.15s ease;
}
.furvu-primary-pet-details[open] > .furvu-primary-pet-details__summary::before {
transform: rotate(90deg);
}
.furvu-primary-pet-details .furvu-pets-list {
padding: 0 1.1rem 1.1rem;
}
.furvu-primary-pet-details--verified:not([open]) {
background: var(--gp-surface-muted, #fafaf9);
}
.furvu-booking--customer-verified .furvu-pet-picker {
display: none !important;
}
.furvu-extra-pets {
margin: 1.25rem 0 1rem;
padding-top: 1rem;
border-top: 1px solid var(--gp-border-light, #e8ddd0);
}
.furvu-extra-pets[hidden] {
display: none !important;
}
.furvu-extra-pets__title {
margin: 0 0 0.35rem;
font-size: 1rem;
}
.furvu-extra-pet {
margin: 0.75rem 0;
padding: 1.25rem;
border: 1px solid var(--gp-border-light, #e8ddd0);
border-radius: var(--gp-radius-sm, 10px);
background: var(--gp-bg, #fafaf9);
}
.furvu-extra-pet:has(.furvu-extra-pet__book-input:checked) {
border-color: var(--gp-primary);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--gp-primary) 18%, transparent);
}
.furvu-extra-pet__book {
display: block;
margin: 0 0 0.75rem;
}
.furvu-extra-pet__fields {
margin-bottom: 0.5rem;
}
.furvu-extra-pet__services {
margin-top: 0.7rem;
}
.furvu-extra-pet__services[hidden] {
display: none !important;
}
.furvu-extra-pet__services-label {
margin: 0 0 0.65rem;
}
.furvu-extra-pet .furvu-service-cards {
margin-bottom: 0.75rem;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.furvu-extra-pet .furvu-service-card input[type="radio"],
.furvu-extra-pet .furvu-service-card input[type="checkbox"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.furvu-extra-pet__choice {
margin: 0;
}
.furvu-extra-pet__slot {
margin: 0.65rem 0 0;
padding: 0.55rem 0.75rem;
font-size: 0.85rem;
color: var(--gp-success, #047857);
background: var(--gp-success-bg, #ecfdf5);
border: 1px solid color-mix(in srgb, var(--gp-success, #047857) 25%, transparent);
border-radius: var(--gp-radius-sm, 10px);
}
.furvu-extra-pet__warning {
margin: 0.65rem 0 0;
padding: 0.7rem 0.9rem;
font-size: var(--gp-fs-small, 0.85rem);
line-height: 1.45;
color: #7a4a00;
background: #fff6e5;
border: 1px solid #f0d9a8;
border-radius: var(--gp-radius-sm, 10px);
}
.furvu-wizard__btn--outline {
background: transparent;
color: var(--gp-primary);
border: 2px solid var(--gp-primary);
}
.furvu-wizard__btn--outline:hover {
background: var(--gp-primary-50);
}
.furvu-add-pet.furvu-wizard__btn--outline {
border-style: dashed;
}
.furvu-summary__extra-dog {
font-size: var(--gp-fs-small, 0.9rem);
}
.furvu-vet-fields__warning,
.furvu-summary__vet-warning {
margin: 0.65rem 0 1rem;
padding: 0.7rem 0.9rem;
font-size: var(--gp-fs-small, 0.85rem);
line-height: 1.45;
color: #7a4a00;
background: #fff6e5;
border: 1px solid #f0d9a8;
border-radius: var(--gp-radius-sm, 10px);
}
.furvu-vet-fields__warning[hidden] {
display: none !important;
}
.furvu-summary__vet-warning {
margin: 0.35rem 0 0;
}
.furvu-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
} .furvu-datetime-duration {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 1.25rem;
padding: 0.75rem 1rem;
background: var(--gp-primary-50);
border-radius: var(--gp-radius-sm);
border: 1px solid var(--gp-primary-light);
}
.furvu-datetime-duration__label {
font-size: var(--gp-fs-small, 0.9rem);
color: var(--gp-text-muted);
}
.furvu-datetime-duration__value {
color: var(--gp-primary);
} .furvu-datetime-row {
display: flex;
flex-direction: column;
gap: 1.25rem;
margin-bottom: 1rem;
width: 100%;
min-width: 0;
} .furvu-datetime-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.furvu-datetime-close {
padding: 0.25rem 0.5rem;
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
background: transparent;
border: none;
color: var(--gp-text-muted);
cursor: pointer;
border-radius: var(--gp-radius-sm);
transition: color var(--gp-transition);
}
.furvu-datetime-close:hover {
color: var(--gp-text);
} .furvu-booking-calendar-wrap {
width: 100%;
max-width: 100%;
overflow: visible;
} .furvu-slots-wrapper {
width: 100%;
margin-bottom: 0;
overflow: visible;
} .furvu-date-picker-wrap,
.furvu-date-dropdown-wrap,
.furvu-date-pills-wrap {
flex: 1 1 0;
min-width: 0;
max-width: 50%;
}
@media (max-width: 639px) {
.furvu-date-picker-wrap,
.furvu-date-dropdown-wrap,
.furvu-date-pills-wrap {
max-width: 100%;
}
}
.furvu-date-input {
width: 100%;
min-width: 140px;
}
.furvu-date-select {
width: 100%;
max-width: 100%;
}
.furvu-date-pills-label {
display: block;
font-size: 0.85rem;
font-weight: 600;
color: var(--gp-text);
margin-bottom: 0.5rem;
}
.furvu-date-pills {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
min-height: 2.5rem;
}
.furvu-date-pills-hint,
.furvu-date-pills__empty {
margin: 0;
font-size: 0.85rem;
color: var(--gp-text-muted);
width: 100%;
}
.furvu-date-pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.45rem 0.75rem;
font-size: 0.8rem;
font-weight: 600;
border-radius: 8px;
border: 2px solid #22c55e;
background: #dcfce7;
color: #166534;
cursor: pointer;
transition: all 0.2s;
}
.furvu-date-pill:hover {
background: #bbf7d0;
border-color: #16a34a;
transform: translateY(-1px);
}
.furvu-date-pill.furvu-date-pill--selected {
background: #22c55e;
border-color: #22c55e;
color: #fff;
box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}
.furvu-date-pill--today {
font-weight: 700;
border-width: 2px;
} .furvu-calendar-legend {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.75rem;
margin: 0 0 0.5rem;
font-size: 0.75rem;
color: var(--gp-text-muted);
}
.furvu-calendar-legend__item {
display: inline-block;
width: 0.75rem;
height: 0.75rem;
border-radius: 3px;
}
.furvu-calendar-legend__item--available {
background: #dcfce7;
border-bottom: 2px solid #22c55e;
}
.furvu-calendar-legend__item--unavailable {
background: #f4f4f5;
border-bottom: 1px solid #e4e4e7;
}
.furvu-calendar-legend__item--past {
background: #f5f5f5;
border: 1px solid #e5e7eb;
}
.furvu-booking-calendar {
border: 1px solid var(--gp-border);
border-radius: var(--gp-radius);
padding: 0.75rem;
background: #fff;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow: visible;
}
.furvu-booking-calendar__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 0.5rem;
gap: 0.35rem 0.5rem;
}
.furvu-booking-calendar__nav-center {
display: flex;
align-items: baseline;
gap: 0.35rem;
}
.furvu-booking-calendar__prev,
.furvu-booking-calendar__next {
padding: 0.35rem 0.5rem;
font-size: var(--gp-fs-input, 1rem);
font-weight: 600;
border: 1px solid #d4d4d4;
border-radius: var(--gp-radius-sm);
background: #fff !important;
color: #374151 !important;
cursor: pointer;
transition: all var(--gp-transition);
}
.furvu-booking-calendar__prev:hover,
.furvu-booking-calendar__next:hover {
background: #f9fafb;
border-color: #9ca3af;
color: #111827;
}
.furvu-booking-calendar__title {
margin: 0;
font-size: var(--gp-fs-calendar-title, 1.25rem);
font-weight: 700;
color: #374151 !important;
text-transform: capitalize;
}
.furvu-booking-calendar__year {
font-size: var(--gp-fs-subtitle, 0.95rem);
font-weight: 400;
color: var(--gp-text-muted);
} .furvu-booking-calendar__weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0.12rem;
margin-top: 0.35rem;
}
.furvu-booking-calendar__weekday {
font-size: var(--gp-fs-calendar-weekday, 0.6rem);
font-weight: 600;
color: var(--gp-text-muted);
text-align: center;
text-transform: uppercase;
line-height: 1.2;
}
.furvu-booking-calendar__weekday--weekend {
background: #fef9c3;
border-radius: 2px;
padding: 0.15rem 0;
color: #713f12;
}
.furvu-booking-calendar__days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0.12rem;
width: 100%;
margin-top: 0.25rem;
overflow: visible;
}
.furvu-booking-calendar__day {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px 10px 20px !important;
aspect-ratio: 1;
width: 100%;
min-width: 0;
font-size: var(--gp-fs-calendar-day, 0.7rem);
font-weight: 500;
border-radius: 4px;
border: none;
background: transparent;
color: var(--gp-text);
cursor: pointer;
transition: all var(--gp-transition);
box-sizing: border-box;
overflow: visible;
}
.furvu-booking-calendar__tail {
position: absolute;
top: -30px;
left: 0%;
margin-left: -18px;
width: 76px;
height: 76px;
pointer-events: none;
z-index: 0;
}
.furvu-booking-calendar__day-label {
position: relative;
z-index: 2;
}
.furvu-booking-calendar__tail-svg {
display: block;
width: 100%;
height: 100%;
}
.furvu-booking-calendar__tail-svg .furvu-tail-top {
transform-box: fill-box;
transform-origin: center bottom;
animation: furvu-tail-wag 0.22s infinite ease-in-out alternate;
}
@keyframes furvu-tail-wag {
0% {
transform: rotate(-16deg);
}
100% {
transform: rotate(16deg);
}
}
.furvu-booking-calendar__day--empty {
pointer-events: none;
visibility: hidden;
}
.furvu-booking-calendar__day--past {
background: #f5f5f5 !important;
color: #9ca3af !important;
opacity: 0.7;
cursor: default;
border: none !important;
border-bottom: 1px solid #e5e7eb !important;
}
.furvu-booking-calendar__day--available {
background: #dcfce7 !important;
border: none !important;
border-bottom: 2px solid #22c55e !important;
color: #171717 !important;
font-weight: 700;
}
.furvu-booking-calendar__day--available:hover {
background: #bbf7d0 !important;
color: #171717 !important;
transform: scale(1.02);
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--selected {
background: transparent !important;
border: none !important;
color: #fff !important;
font-weight: 700;
z-index: 2;
box-shadow: none;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--selected::before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
border-radius: 4px;
background: #fc90c8;
border: none;
border-bottom: 2px solid #ec4899;
box-shadow: 0 2px 6px rgba(236, 72, 153, 0.35);
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--selected:hover {
transform: none;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--selected:hover::before {
background: #f472b6;
} .furvu-booking-calendar__day--available.furvu-booking-calendar__day--full {
background: #fecaca !important;
border: none !important;
border-bottom: 2px solid #dc2626 !important;
color: #7f1d1d !important;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--full:hover {
background: #fca5a5 !important;
color: #450a0a !important;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--full.furvu-booking-calendar__day--selected {
background: transparent !important;
color: #fff !important;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--full.furvu-booking-calendar__day--selected::before {
background: #f87171;
border-bottom-color: #b91c1c;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--almost-full {
background: #fed7aa !important;
border-bottom-color: #c2410c !important;
color: #7c2d12 !important;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--almost-full:hover {
background: #fdba74 !important;
color: #431407 !important;
} .furvu-booking-calendar__day--available.furvu-booking-calendar__day--busy {
background: #ffedd5 !important;
border-bottom-color: #ea580c !important;
color: #9a3412 !important;
}
.furvu-booking-calendar__day--available.furvu-booking-calendar__day--busy:hover {
background: #fed7aa !important;
color: #7c2d12 !important;
}
.furvu-booking-calendar__day--unavailable {
background: #f4f4f5 !important;
color: #a1a1aa !important;
cursor: not-allowed;
border: none !important;
border-bottom: 1px solid #e4e4e7 !important;
}
.furvu-booking-calendar__day:disabled {
cursor: default;
} .furvu-slots-wrapper {
margin-bottom: 1rem;
}
.furvu-datetime-row .furvu-slots-wrapper {
margin-bottom: 0.5rem;
flex: 0 0 auto;
min-width: 0;
min-height: 60px;
max-height: 280px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding-right: 0.25rem;
}
.furvu-datetime-row .furvu-slots-grid {
overflow: visible;
max-width: 100%;
}
.furvu-slots-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.furvu-slots-duration-hint {
font-size: 0.85rem;
color: var(--gp-text-muted);
} .furvu-slots-prompt {
margin: 0 0 0.75rem;
font-size: 0.95rem;
color: var(--gp-text);
}
.furvu-slots-prompt__date {
color: #ec4899;
font-weight: 600;
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 2px;
}
.furvu-slots-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.5rem;
margin-top: 0;
min-height: 2rem;
}
@media (max-width: 480px) {
.furvu-slots-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.furvu-slots-grid .furvu-slots-hint,
.furvu-slots-grid .furvu-slots-loading {
grid-column: 1 / -1;
}
.furvu-slots-section {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
align-items: center;
gap: 0.25rem;
width: 100%;
min-width: 0;
}
.furvu-slots-section__label {
grid-column: 1 / -1;
font-size: 0.75rem;
font-weight: 600;
color: var(--gp-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.25rem;
}
.furvu-slots-section--available .furvu-slots-section__label {
color: var(--gp-primary);
}
.furvu-slot {
padding: 5px 10px 5px 10px;
border-radius: var(--gp-radius-sm);
font-size: 0.7rem;
font-weight: 600;
border: 1px solid var(--gp-border);
background: var(--gp-slot-available-bg, #fff);
transition: all var(--gp-transition);
}
.furvu-slot--available {
cursor: pointer;
border: none;
border-radius: var(--gp-button-radius-sm, 8px);
padding: 5px 10px 5px 10px;
font-size: var(--gp-fs-slot, 0.85rem);
font-weight: 600;
background: #fc90c8 !important;
color: #fff;
transition: all var(--gp-transition);
box-shadow: 0 2px 8px rgba(236, 72, 153, 0.2);
} .furvu-slot.furvu-slot--available.furvu-slot.furvu-slot--available {
font-size: var(--gp-fs-slot, 0.875rem);
border-radius: 100px;
background: #fc90c8 !important;
}
.furvu-slot--available:hover {
background: #fb7eb8 !important;
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(236, 72, 153, 0.28);
}
.furvu-slot--available.furvu-slot--selected {
background: #f572a8 !important;
color: #fff;
box-shadow: 0 4px 14px rgba(236, 72, 153, 0.3);
}
.furvu-slot.furvu-slot--available.furvu-slot.furvu-slot--available.furvu-slot--selected {
background: #f572a8 !important;
box-shadow: 0 4px 14px rgba(236, 72, 153, 0.3);
}
.furvu-slot--booked {
background: var(--gp-bg);
color: #a8a29e;
cursor: default;
font-weight: 500;
}
.furvu-slots-hint,
.furvu-slots-loading {
color: var(--gp-text-muted);
font-size: var(--gp-fs-small, 0.9rem);
margin: 0;
} .furvu-summary__list {
padding: 1.25rem 1.5rem;
background: var(--gp-bg);
border-radius: var(--gp-radius-sm);
margin-bottom: 1.5rem;
border: 1px solid var(--gp-border-light);
}
.furvu-summary__row {
padding: 0.5rem 0;
font-size: var(--gp-fs-summary, 0.95rem);
border-bottom: 1px solid var(--gp-border-light);
}
.furvu-summary__row:last-child {
border-bottom: none;
}
.furvu-summary__discount {
color: var(--gp-success);
}
.furvu-summary__total {
font-weight: 700;
font-size: calc(var(--gp-fs-summary, 0.95rem) * 1.16);
color: var(--gp-primary);
margin-top: 0.5rem;
padding-top: 0.75rem;
} .furvu-wizard__nav {
display: flex;
gap: 1rem;
margin-top: 1.75rem;
padding-top: 1.5rem;
border-top: 1px solid var(--gp-border-light);
}
.furvu-wizard__btn {
padding: 0.8rem 1.5rem;
font-size: var(--gp-fs-button, 1rem);
font-weight: 600;
font-family: inherit;
border-radius: var(--gp-button-radius-sm, var(--gp-radius-sm));
cursor: pointer;
transition: all var(--gp-transition);
border: none;
}
.furvu-wizard__btn--back {
background: var(--gp-bg);
color: var(--gp-text);
border: 2px solid var(--gp-border);
}
.furvu-wizard__btn--back:hover {
background: var(--gp-border-light);
border-color: #d6d3d1;
}
.furvu-wizard__btn--next,
.furvu-wizard__btn--submit {
background: var(--gp-button-bg, linear-gradient(135deg, var(--gp-primary), #d97706));
color: var(--gp-button-text, #fff);
margin-left: auto;
box-shadow: 0 4px 14px rgba(180, 83, 9, 0.35);
}
.furvu-wizard__btn--next:hover,
.furvu-wizard__btn--submit:hover {
background: var(--gp-button-hover-bg, linear-gradient(135deg, var(--gp-primary-hover), #b45309));
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.4);
}
.furvu-wizard__btn--submit:disabled,
.furvu-wizard__btn--next:disabled,
.furvu-wizard__btn--next.furvu-wizard__btn--disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.furvu-wizard__btn--next:disabled:hover,
.furvu-wizard__btn--next.furvu-wizard__btn--disabled:hover {
background: var(--gp-button-bg, linear-gradient(135deg, var(--gp-primary), #d97706));
transform: none;
box-shadow: none;
} .furvu-wizard__message {
margin-bottom: 1rem;
padding: 1rem 1.25rem;
border-radius: var(--gp-radius-sm);
font-size: var(--gp-fs-summary, 0.95rem);
}
.furvu-wizard__message--success {
background: var(--gp-success-bg);
color: var(--gp-success);
border: 1px solid #a7f3d0;
}
.furvu-wizard__message--error {
background: var(--gp-error-bg);
color: var(--gp-error);
border: 1px solid #fecaca;
} @media (max-width: 640px) {
.furvu-wizard {
margin: 1rem;
padding: 1.5rem;
}
.furvu-row-2 {
grid-template-columns: 1fr;
}
.furvu-service-cards {
grid-template-columns: 1fr;
}
.furvu-wizard__nav {
flex-direction: column;
}
.furvu-wizard__btn--next,
.furvu-wizard__btn--submit {
margin-left: 0;
}
} @media (max-width: 767px) {
.furvu-wizard .furvu-service-card__mobile-check {
display: block;
position: absolute;
left: 0.65rem;
top: 50%;
width: 1.35rem;
height: 1.35rem;
margin-top: -0.675rem;
box-sizing: border-box;
border: 2px solid var(--gp-border, #d6d3d1);
border-radius: 4px;
background: rgba(255, 255, 255, 0.98);
z-index: 5;
pointer-events: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.furvu-wizard .furvu-service-card--has-image .furvu-service-card__mobile-check {
top: 0.65rem;
margin-top: 0;
}
.furvu-wizard .furvu-bundle-card .furvu-service-card__mobile-check {
border-radius: 50%;
}
.furvu-wizard .furvu-service-card input:checked + .furvu-service-card__mobile-check {
background: var(--gp-primary, #db2777);
border-color: var(--gp-primary, #db2777);
box-shadow: none;
}
.furvu-wizard .furvu-service-card:not(.furvu-bundle-card) input:checked + .furvu-service-card__mobile-check::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0.3rem;
height: 0.55rem;
margin: -0.38rem 0 0 -0.15rem;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
box-sizing: border-box;
}
.furvu-wizard .furvu-bundle-card input:checked + .furvu-service-card__mobile-check::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0.45rem;
height: 0.45rem;
margin: -0.225rem 0 0 -0.225rem;
background: #fff;
border-radius: 50%;
}
.furvu-wizard .furvu-service-card:not(.furvu-service-card--has-image) .furvu-service-card__inner {
padding-left: 2.65rem;
}
.furvu-layout-minimal-vertical .furvu-wizard .furvu-service-card:not(.furvu-service-card--has-image) .furvu-service-card__inner,
.furvu-layout-service-list .furvu-wizard .furvu-service-card:not(.furvu-service-card--has-image) .furvu-service-card__inner {
padding-left: 0;
}
} .furvu-layout-vertical.furvu-booking-container {
overflow: visible;
}
.furvu-layout-vertical .furvu-wizard {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
padding: 2rem;
overflow: visible; }
.furvu-layout-vertical .furvu-wizard__progress-sticky-wrap {
align-self: start;
}
.furvu-layout-vertical .furvu-wizard__progress {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
border-right: 1px solid var(--gp-border-light);
padding-right: 2rem;
align-self: start;
} .furvu-layout-vertical .furvu-wizard__progress-sticky-wrap,
.furvu-layout-minimal-vertical .furvu-wizard__progress-sticky-wrap {
align-self: start;
}
.furvu-layout-vertical .furvu-wizard__steps {
flex-direction: column;
align-items: stretch;
gap: 0.5rem;
}
.furvu-layout-vertical .furvu-wizard__step-connector {
width: 2px;
height: 16px;
margin: 0 0 0 0.85rem;
}
@media (max-width: 640px) {
.furvu-layout-vertical .furvu-wizard {
grid-template-columns: 1fr;
}
.furvu-layout-vertical .furvu-wizard__progress {
border-right: none;
border-bottom: 1px solid var(--gp-border-light);
padding-right: 0;
padding-bottom: 1rem;
}
.furvu-layout-vertical .furvu-wizard__steps {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.furvu-layout-vertical .furvu-wizard__step-connector {
width: 24px;
height: 2px;
}
} .furvu-layout-minimal .furvu-wizard {
box-shadow: none;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-wizard::before {
display: none;
}
.furvu-layout-minimal .furvu-wizard__progress {
border-bottom: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-wizard__step-dot {
border-radius: 0;
background: transparent;
border-bottom: 2px solid transparent;
padding: 0.5rem 1rem;
}
.furvu-layout-minimal .furvu-wizard__step-dot--active {
border-bottom-color: var(--gp-primary);
color: var(--gp-primary);
background: transparent;
box-shadow: none;
}
.furvu-layout-minimal .furvu-wizard__step-dot--done {
background: transparent;
color: var(--gp-text-muted);
}
.furvu-layout-minimal .furvu-wizard__step-num {
display: none;
} @media (max-width: 640px) {
.furvu-layout-minimal .furvu-wizard__step-num {
display: inline-flex;
}
}
.furvu-layout-minimal .furvu-wizard__step-connector {
width: 1px;
height: 1.2rem;
background: var(--gp-border);
}
.furvu-layout-minimal .furvu-service-card__inner,
.furvu-layout-minimal .furvu-bundle-card .furvu-service-card__inner {
border-radius: 0;
box-shadow: none;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-minimal .furvu-bundle-card:hover .furvu-service-card__inner {
transform: none;
box-shadow: none;
border-color: var(--gp-primary);
}
.furvu-layout-minimal .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-minimal .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
box-shadow: none;
border-width: 2px;
border-color: var(--gp-primary);
}
.furvu-layout-minimal .furvu-wizard__btn {
border-radius: 0;
}
.furvu-layout-minimal .furvu-wizard__btn--back {
background: #fff;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-wizard__btn--next,
.furvu-layout-minimal .furvu-wizard__btn--submit {
box-shadow: none;
border: 2px solid var(--gp-button-bg, var(--gp-primary));
}
.furvu-layout-minimal .furvu-wizard__btn--next:hover,
.furvu-layout-minimal .furvu-wizard__btn--submit:hover {
box-shadow: none;
transform: none;
}
.furvu-layout-minimal .furvu-slot--available {
border-radius: 0;
border-width: 1px;
}
.furvu-layout-minimal .furvu-slot--available.furvu-slot--selected {
box-shadow: none;
}
.furvu-layout-minimal .furvu-field__input {
border-radius: 0;
border-width: 1px;
}
.furvu-layout-minimal .furvu-lookup-customer,
.furvu-layout-minimal .furvu-validate-voucher {
border-radius: 0;
} .furvu-layout-accordion .furvu-wizard__progress {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.furvu-layout-accordion .furvu-wizard__steps {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.furvu-layout-accordion .furvu-wizard__step-connector {
display: none;
}
.furvu-layout-accordion .furvu-wizard__step-dot {
width: 100%;
justify-content: flex-start;
padding: 1rem 1.25rem;
border-radius: var(--gp-radius-sm);
margin-bottom: 0.25rem;
border-left: 4px solid transparent;
}
.furvu-layout-accordion .furvu-wizard__step-dot--active {
border-left-color: var(--gp-primary);
background: var(--gp-primary-50, #fffbeb);
}
.furvu-layout-accordion .furvu-wizard__step-dot--done {
border-left-color: var(--gp-primary);
background: rgba(255, 251, 235, 0.5);
}
.furvu-layout-accordion .furvu-wizard__form {
display: flex;
flex-direction: column;
gap: 0;
}
.furvu-layout-accordion .furvu-wizard__panel {
display: block !important;
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0 !important;
margin: 0 !important;
border: none;
transition: max-height 0.45s ease, opacity 0.3s ease, padding 0.3s ease;
}
.furvu-layout-accordion .furvu-wizard__panel--active {
max-height: 3000px;
opacity: 1;
padding: 1.5rem 0 2rem !important;
margin: 0 !important;
border-top: 1px solid var(--gp-border-light);
}
.furvu-layout-accordion .furvu-service-card__inner {
padding: 0.9rem 1rem;
}
.furvu-layout-accordion .furvu-slot--available {
padding: 0.5rem 0.85rem;
font-size: 0.85rem;
}
.furvu-layout-accordion .furvu-wizard__nav {
margin-top: 1rem;
} .furvu-layout-premium .furvu-wizard {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.05);
}
.furvu-layout-premium .furvu-wizard::before {
height: 6px;
background: linear-gradient(90deg, var(--gp-primary), #d97706, #f59e0b);
background-size: 200% 100%;
animation: gp-premium-shine 3s ease infinite;
}
@keyframes gp-premium-shine {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.furvu-layout-premium .furvu-wizard__step-dot {
padding: 0.65rem 1.1rem;
border-radius: 999px;
font-weight: 700;
letter-spacing: 0.02em;
}
.furvu-layout-premium .furvu-wizard__step-dot--active {
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.45);
transform: scale(1.02);
}
.furvu-layout-premium .furvu-wizard__step-dot--done .furvu-wizard__step-num {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.furvu-layout-premium .furvu-service-card__inner,
.furvu-layout-premium .furvu-bundle-card .furvu-service-card__inner {
padding: 1.25rem 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.furvu-layout-premium .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-premium .furvu-bundle-card:hover .furvu-service-card__inner {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
transform: translateY(-3px);
}
.furvu-layout-premium .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-premium .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
box-shadow: 0 8px 25px rgba(180, 83, 9, 0.25);
}
.furvu-layout-premium .furvu-wizard__btn--next,
.furvu-layout-premium .furvu-wizard__btn--submit {
padding: 0.95rem 1.75rem;
font-size: calc(var(--gp-fs-button, 1rem) * 1.05);
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.4);
}
.furvu-layout-premium .furvu-wizard__btn--next:hover,
.furvu-layout-premium .furvu-wizard__btn--submit:hover {
box-shadow: 0 10px 30px rgba(180, 83, 9, 0.5);
transform: translateY(-3px);
}
.furvu-layout-premium .furvu-slot--available {
padding: 0.85rem 1.35rem;
font-size: calc(var(--gp-fs-slot, 0.85rem) * 1.18);
font-weight: 700;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.furvu-layout-premium .furvu-slot--available:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.furvu-layout-premium .furvu-slot--available.furvu-slot--selected {
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.4);
}
.furvu-layout-premium .furvu-field__input {
padding: 0.9rem 1.15rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.furvu-layout-premium .furvu-lookup-customer,
.furvu-layout-premium .furvu-validate-voucher {
padding: 0.75rem 1.25rem;
font-weight: 700;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.furvu-layout-premium .furvu-summary__list {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
} .furvu-layout-minimal .furvu-wizard {
box-shadow: none;
border: 1px solid var(--gp-border);
border-radius: 2px;
}
.furvu-layout-minimal .furvu-wizard::before {
display: none;
}
.furvu-layout-minimal .furvu-wizard__progress {
border-bottom: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-wizard__step-dot {
border-radius: 0;
background: transparent;
border-bottom: 2px solid transparent;
padding-bottom: 0.5rem;
margin-bottom: -1px;
}
.furvu-layout-minimal .furvu-wizard__step-dot--active {
border-bottom-color: var(--gp-primary);
color: var(--gp-primary);
box-shadow: none;
}
.furvu-layout-minimal .furvu-wizard__step-dot--done {
background: transparent;
color: var(--gp-text-muted);
}
.furvu-layout-minimal .furvu-wizard__step-num {
background: transparent;
color: inherit;
font-weight: 700;
}
.furvu-layout-minimal .furvu-service-card__inner {
border-radius: 0;
box-shadow: none;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-service-card:hover .furvu-service-card__inner {
transform: none;
box-shadow: none;
border-color: var(--gp-primary);
}
.furvu-layout-minimal .furvu-service-card input:checked ~ .furvu-service-card__inner {
box-shadow: none;
border-width: 2px;
}
.furvu-layout-minimal .furvu-wizard__btn {
border-radius: 0;
box-shadow: none;
}
.furvu-layout-minimal .furvu-wizard__btn--back {
background: transparent;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal .furvu-wizard__btn--next,
.furvu-layout-minimal .furvu-wizard__btn--submit {
box-shadow: none;
border: 1px solid var(--gp-primary);
}
.furvu-layout-minimal .furvu-wizard__btn--next:hover,
.furvu-layout-minimal .furvu-wizard__btn--submit:hover {
box-shadow: none;
transform: none;
}
.furvu-layout-minimal .furvu-slot--available {
border-radius: 0;
box-shadow: none;
}
.furvu-layout-minimal .furvu-slot--available.furvu-slot--selected {
box-shadow: none;
border-width: 2px;
}
.furvu-layout-minimal .furvu-field__input {
border-radius: 0;
}
.furvu-layout-minimal .furvu-summary__list {
border-radius: 0;
box-shadow: none;
border: 1px solid var(--gp-border);
} .furvu-layout-accordion .furvu-wizard {
display: block;
max-width: 100%;
}
.furvu-layout-accordion .furvu-wizard::before {
display: none;
}
.furvu-layout-accordion .furvu-wizard__progress {
display: none;
}
.furvu-layout-accordion .furvu-wizard__form {
display: flex;
flex-direction: column;
gap: 0;
}
.furvu-layout-accordion .furvu-wizard__panel {
display: block !important;
max-height: 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
margin: 0;
border: none;
border-bottom: 1px solid var(--gp-border-light);
transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.furvu-layout-accordion .furvu-wizard__panel--active {
max-height: 1200px;
padding: 1.5rem 0;
}
.furvu-layout-accordion .furvu-wizard__panel::before {
content: attr(data-panel);
display: block;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gp-text-muted);
margin-bottom: 0.5rem;
}
.furvu-layout-accordion .furvu-wizard__panel--active::before {
color: var(--gp-primary);
}
.furvu-layout-accordion .furvu-service-cards {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 0.5rem;
}
.furvu-layout-accordion .furvu-service-card__inner {
padding: 0.85rem 1rem;
}
.furvu-layout-accordion .furvu-wizard__nav {
margin-top: 1rem;
padding-top: 1rem;
}
.furvu-layout-accordion .furvu-slots-grid {
flex-wrap: wrap;
}
.furvu-layout-accordion .furvu-slot {
flex: 1 1 auto;
min-width: 80px;
} .furvu-layout-premium .furvu-wizard {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
border-radius: 20px;
overflow: visible;
}
.furvu-layout-premium .furvu-wizard::before {
height: 6px;
border-radius: 20px 20px 0 0;
background: linear-gradient(90deg, var(--gp-primary), #d97706, #f59e0b);
}
.furvu-layout-premium .furvu-wizard__step-dot {
padding: 0.65rem 1.1rem;
font-size: 0.85rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.furvu-layout-premium .furvu-wizard__step-dot--active {
box-shadow: 0 4px 14px rgba(180, 83, 9, 0.4);
transform: scale(1.02);
}
.furvu-layout-premium .furvu-wizard__step-dot--done {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.furvu-layout-premium .furvu-service-card__inner {
padding: 1.35rem 1.5rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border: none;
}
.furvu-layout-premium .furvu-service-card:hover .furvu-service-card__inner {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.furvu-layout-premium .furvu-service-card input:checked ~ .furvu-service-card__inner {
box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.25);
}
.furvu-layout-premium .furvu-wizard__btn--next,
.furvu-layout-premium .furvu-wizard__btn--submit {
padding: 0.95rem 1.75rem;
font-size: calc(var(--gp-fs-button, 1rem) * 1.05);
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.4);
}
.furvu-layout-premium .furvu-wizard__btn--next:hover,
.furvu-layout-premium .furvu-wizard__btn--submit:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(180, 83, 9, 0.5);
}
.furvu-layout-premium .furvu-slot--available {
padding: 0.85rem 1.25rem;
font-size: calc(var(--gp-fs-slot, 0.85rem) * 1.18);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.furvu-layout-premium .furvu-slot--available.furvu-slot--selected {
box-shadow: 0 4px 16px rgba(180, 83, 9, 0.35);
}
.furvu-layout-premium .furvu-field__input {
padding: 0.95rem 1.15rem;
font-size: calc(var(--gp-fs-input, 1rem) * 1.02);
}
.furvu-layout-premium .furvu-summary__list {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
} .furvu-layout-minimal .furvu-wizard {
box-shadow: none;
border: 1px solid #e5e5e5;
border-radius: 0;
}
.furvu-layout-minimal .furvu-wizard::before {
display: none;
}
.furvu-layout-minimal .furvu-wizard__progress {
border-bottom: 1px solid #e5e5e5;
}
.furvu-layout-minimal .furvu-wizard__step-dot {
border-radius: 0;
background: transparent;
border-bottom: 2px solid transparent;
padding: 0.5rem 0.75rem;
}
.furvu-layout-minimal .furvu-wizard__step-dot--active {
border-bottom-color: var(--gp-primary);
color: var(--gp-primary);
background: transparent;
box-shadow: none;
}
.furvu-layout-minimal .furvu-wizard__step-dot--done {
background: transparent;
color: var(--gp-text-muted);
}
.furvu-layout-minimal .furvu-wizard__step-dot--active .furvu-wizard__step-num,
.furvu-layout-minimal .furvu-wizard__step-dot--done .furvu-wizard__step-num {
background: transparent;
color: inherit;
border: 1px solid currentColor;
}
.furvu-layout-minimal .furvu-service-card__inner {
border-radius: 0;
box-shadow: none;
border: 1px solid #e5e5e5;
}
.furvu-layout-minimal .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-minimal .furvu-service-card input:checked ~ .furvu-service-card__inner {
transform: none;
box-shadow: none;
border-color: var(--gp-primary);
}
.furvu-layout-minimal .furvu-wizard__btn {
border-radius: 0;
}
.furvu-layout-minimal .furvu-wizard__btn--back {
background: transparent;
border: 1px solid #ccc;
}
.furvu-layout-minimal .furvu-wizard__btn--next,
.furvu-layout-minimal .furvu-wizard__btn--submit {
box-shadow: none;
border: 1px solid var(--gp-primary);
}
.furvu-layout-minimal .furvu-wizard__btn--next:hover,
.furvu-layout-minimal .furvu-wizard__btn--submit:hover {
transform: none;
box-shadow: none;
}
.furvu-layout-minimal .furvu-slot {
border-radius: 0;
border: 1px solid #e5e5e5;
}
.furvu-layout-minimal .furvu-slot--available {
border-color: var(--gp-primary);
}
.furvu-layout-minimal .furvu-slot--available.furvu-slot--selected {
box-shadow: none;
}
.furvu-layout-minimal .furvu-field__input {
border-radius: 0;
border: 1px solid #e5e5e5;
}
.furvu-layout-minimal .furvu-summary__list {
border-radius: 0;
border: 1px solid #e5e5e5;
} .furvu-layout-accordion .furvu-wizard {
display: block;
max-width: 800px;
box-shadow: none;
border: 1px solid var(--gp-border);
}
.furvu-layout-accordion .furvu-wizard::before {
display: none;
}
.furvu-layout-accordion .furvu-wizard__progress {
margin-bottom: 0;
padding: 0;
border: none;
}
.furvu-layout-accordion .furvu-wizard__steps {
display: none;
}
.furvu-layout-accordion .furvu-wizard__form {
display: block;
}
.furvu-layout-accordion .furvu-wizard__panel {
display: block !important;
max-height: 0;
overflow: hidden;
padding: 0 1.5rem;
margin: 0;
border: none;
border-bottom: 1px solid var(--gp-border-light);
transition: max-height 0.45s ease, padding 0.3s ease;
}
.furvu-layout-accordion .furvu-wizard__panel--active {
max-height: 2000px;
padding: 1.5rem;
}
.furvu-layout-accordion .furvu-wizard__panel h2 {
cursor: pointer;
padding: 1rem 0;
margin: 0;
font-size: 1.1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.furvu-layout-accordion .furvu-wizard__panel h2::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--gp-border);
transition: all 0.2s;
}
.furvu-layout-accordion .furvu-wizard__panel--active h2::before {
background: var(--gp-primary);
transform: scale(1.2);
}
.furvu-layout-accordion .furvu-service-card__inner {
padding: 0.9rem 1rem;
border-radius: 8px;
}
.furvu-layout-accordion .furvu-wizard__nav {
border-top: none;
padding-top: 1rem;
}
.furvu-layout-accordion .furvu-slot {
border-radius: 8px;
} .furvu-layout-premium .furvu-booking-container {
background: linear-gradient(180deg, #1c1917 0%, #292524 50%, #1c1917 100%);
padding: 3rem 0;
}
.furvu-layout-premium .furvu-wizard {
max-width: 720px;
background: #ffffff;
border-radius: 24px;
box-shadow: 0 25px 80px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.05);
overflow: visible;
}
.furvu-layout-premium .furvu-wizard::before {
height: 5px;
border-radius: 24px 24px 0 0;
background: linear-gradient(90deg, var(--gp-primary), #f59e0b, var(--gp-primary));
background-size: 200% 100%;
animation: gp-premium-shimmer 3s ease infinite;
}
@keyframes gp-premium-shimmer {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.furvu-layout-premium .furvu-wizard__step-dot {
padding: 0.65rem 1.1rem;
border-radius: 999px;
background: #f5f5f4;
font-weight: 700;
}
.furvu-layout-premium .furvu-wizard__step-dot--active {
background: linear-gradient(135deg, var(--gp-primary) 0%, #ea580c 100%);
color: #fff;
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.45);
transform: scale(1.02);
}
.furvu-layout-premium .furvu-wizard__step-dot--done {
background: var(--gp-primary-50);
color: var(--gp-primary);
}
.furvu-layout-premium .furvu-service-card__inner {
padding: 1.25rem 1.5rem;
border-radius: 16px;
border: 2px solid #f5f5f4;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.furvu-layout-premium .furvu-service-card:hover .furvu-service-card__inner {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}
.furvu-layout-premium .furvu-service-card input:checked ~ .furvu-service-card__inner {
border-color: var(--gp-primary);
box-shadow: 0 8px 24px rgba(180, 83, 9, 0.2);
}
.furvu-layout-premium .furvu-wizard__btn--next,
.furvu-layout-premium .furvu-wizard__btn--submit {
padding: 1rem 2rem;
border-radius: 14px;
background: linear-gradient(135deg, var(--gp-primary) 0%, #ea580c 100%);
box-shadow: 0 8px 24px rgba(180, 83, 9, 0.4);
}
.furvu-layout-premium .furvu-wizard__btn--next:hover,
.furvu-layout-premium .furvu-wizard__btn--submit:hover {
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(180, 83, 9, 0.5);
}
.furvu-layout-premium .furvu-slot {
padding: 0.85rem 1.25rem;
font-size: 1rem;
border-radius: 12px;
}
.furvu-layout-premium .furvu-slot--available.furvu-slot--selected {
box-shadow: 0 6px 20px rgba(180, 83, 9, 0.35);
}
.furvu-layout-premium .furvu-field__input {
padding: 0.9rem 1.1rem;
border-radius: 12px;
}
.furvu-layout-premium .furvu-summary__list {
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 4px 16px rgba(0,0,0,0.06);
} .furvu-layout-service-list .furvu-service-cards,
.furvu-layout-service-list .furvu-bundle-cards {
display: flex;
flex-direction: column;
gap: 0.5rem;
grid-template-columns: unset;
}
.furvu-layout-service-list .furvu-service-card__inner,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__inner {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
overflow: hidden;
transition: border-color var(--gp-transition), box-shadow var(--gp-transition);
} .furvu-layout-service-list .furvu-service-card__image {
flex-shrink: 0;
width: 90px;
height: 90px;
display: block;
overflow: hidden;
background: var(--gp-border-light);
}
.furvu-layout-service-list .furvu-service-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
} .furvu-layout-service-list .furvu-service-card:not(.furvu-service-card--has-image) .furvu-service-card__inner::before {
content: '';
flex-shrink: 0;
width: 90px;
height: 90px;
background: var(--gp-border-light);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a8a29e' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");
background-size: 40% 40%;
background-position: center;
background-repeat: no-repeat;
} .furvu-layout-service-list .furvu-bundle-card .furvu-service-card__icon.dashicons {
flex-shrink: 0;
width: 90px;
height: 90px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
background: color-mix(in srgb, var(--bundle-color, var(--gp-primary)) 12%, transparent);
color: var(--bundle-color, var(--gp-primary));
}
.furvu-layout-service-list .furvu-service-card__textblock,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__textblock {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0.35rem 1rem;
}
.furvu-layout-service-list .furvu-service-card__name,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__name,
.furvu-layout-service-list .furvu-service-card__desc,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__desc {
padding: 0;
}
.furvu-layout-service-list .furvu-service-card__desc,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__desc {
margin-top: 0.12rem;
}
.furvu-layout-service-list .furvu-service-card__duration,
.furvu-layout-service-list .furvu-service-card__price,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__duration,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__price {
padding: 0 1rem;
}
.furvu-layout-service-list .furvu-service-card__duration,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__duration {
margin-top: 0;
}
.furvu-layout-service-list .furvu-service-card__price,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__price {
margin-top: 0;
font-weight: 600;
color: var(--gp-primary);
}
.furvu-layout-service-list .furvu-service-card__price,
.furvu-layout-service-list .furvu-bundle-card .furvu-service-card__price {
margin-left: auto;
} .furvu-layout-service-list .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-service-list .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: var(--gp-primary-light);
}
.furvu-layout-service-list .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-service-list .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: var(--gp-primary);
box-shadow: 0 0 0 2px rgba(180, 83, 9, 0.2);
} .furvu-layout-minimal-vertical.furvu-booking-container {
overflow: visible;
}
.furvu-layout-minimal-vertical .furvu-wizard {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
padding: 2rem;
box-shadow: none;
border: 1px solid var(--gp-border);
overflow: visible; }
.furvu-layout-minimal-vertical .furvu-wizard::before {
display: none;
}
.furvu-layout-minimal-vertical .furvu-wizard__progress {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
border-right: 1px solid var(--gp-border);
padding-right: 2rem;
align-self: start;
}
.furvu-layout-minimal-vertical .furvu-wizard__steps {
flex-direction: column;
align-items: stretch;
gap: 0.5rem;
}
.furvu-layout-minimal-vertical .furvu-wizard__step-dot {
border-radius: 0;
background: transparent;
border-left: 3px solid transparent;
border-bottom: none;
padding: 0.6rem 1rem;
justify-content: flex-start;
box-shadow: none;
}
.furvu-layout-minimal-vertical .furvu-wizard__step-dot--active {
border-left-color: var(--gp-primary);
color: var(--gp-primary);
background: transparent;
}
.furvu-layout-minimal-vertical .furvu-wizard__step-dot--done {
background: transparent;
color: var(--gp-text-muted);
border-left-color: var(--gp-border);
}
.furvu-layout-minimal-vertical .furvu-wizard__step-connector {
width: 2px;
height: 12px;
margin: 0 0 0 0.85rem;
background: var(--gp-border);
} .furvu-layout-minimal-vertical .furvu-service-cards,
.furvu-layout-minimal-vertical .furvu-bundle-cards {
display: flex;
flex-direction: column;
gap: 0.5rem;
grid-template-columns: unset;
}
.furvu-layout-minimal-vertical .furvu-service-card__inner,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__inner {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
overflow: hidden;
border-radius: 0;
box-shadow: none;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal-vertical .furvu-service-card__image {
flex-shrink: 0;
width: 90px;
height: 90px;
display: block;
overflow: hidden;
background: var(--gp-border-light);
}
.furvu-layout-minimal-vertical .furvu-service-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.furvu-layout-minimal-vertical .furvu-service-card:not(.furvu-service-card--has-image) .furvu-service-card__inner::before {
content: '';
flex-shrink: 0;
width: 90px;
height: 90px;
background: var(--gp-border-light);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a8a29e' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");
background-size: 40% 40%;
background-position: center;
background-repeat: no-repeat;
}
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__icon.dashicons {
flex-shrink: 0;
width: 90px;
height: 90px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
background: color-mix(in srgb, var(--bundle-color, var(--gp-primary)) 12%, transparent);
color: var(--bundle-color, var(--gp-primary));
}
.furvu-layout-minimal-vertical .furvu-service-card__textblock,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__textblock {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0.35rem 1rem;
}
.furvu-layout-minimal-vertical .furvu-service-card__name,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__name,
.furvu-layout-minimal-vertical .furvu-service-card__desc,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__desc {
padding: 0;
}
.furvu-layout-minimal-vertical .furvu-service-card__desc,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__desc {
margin-top: 0.12rem;
}
.furvu-layout-minimal-vertical .furvu-service-card__duration,
.furvu-layout-minimal-vertical .furvu-service-card__price,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__duration,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__price {
padding: 0 1rem;
}
.furvu-layout-minimal-vertical .furvu-service-card__duration,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__duration {
margin-top: 0;
}
.furvu-layout-minimal-vertical .furvu-service-card__price,
.furvu-layout-minimal-vertical .furvu-bundle-card .furvu-service-card__price {
margin-top: 0;
margin-left: auto;
font-weight: 600;
color: var(--gp-primary);
}
.furvu-layout-minimal-vertical .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-minimal-vertical .furvu-bundle-card:hover .furvu-service-card__inner {
transform: none;
box-shadow: none;
border-color: var(--gp-primary);
}
.furvu-layout-minimal-vertical .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-minimal-vertical .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
box-shadow: none;
border-width: 2px;
border-color: var(--gp-primary);
}
.furvu-layout-minimal-vertical .furvu-wizard__btn {
border-radius: 0;
}
.furvu-layout-minimal-vertical .furvu-wizard__btn--back {
background: #fff;
border: 1px solid var(--gp-border);
}
.furvu-layout-minimal-vertical .furvu-wizard__btn--next,
.furvu-layout-minimal-vertical .furvu-wizard__btn--submit {
box-shadow: none;
border: 2px solid var(--gp-button-bg, var(--gp-primary));
}
.furvu-layout-minimal-vertical .furvu-wizard__btn--next:hover,
.furvu-layout-minimal-vertical .furvu-wizard__btn--submit:hover {
box-shadow: none;
transform: none;
}
.furvu-layout-minimal-vertical .furvu-slot--available {
border-radius: 0;
border-width: 1px;
}
.furvu-layout-minimal-vertical .furvu-slot--available.furvu-slot--selected {
box-shadow: none;
}
.furvu-layout-minimal-vertical .furvu-field__input {
border-radius: 0;
border-width: 1px;
}
.furvu-layout-minimal-vertical .furvu-lookup-customer,
.furvu-layout-minimal-vertical .furvu-validate-voucher {
border-radius: 0;
}
@media (max-width: 640px) {
.furvu-layout-minimal-vertical .furvu-wizard {
grid-template-columns: 1fr;
}
.furvu-layout-minimal-vertical .furvu-wizard__progress {
border-right: none;
border-bottom: 1px solid var(--gp-border);
padding-right: 0;
padding-bottom: 1rem;
}
.furvu-layout-minimal-vertical .furvu-wizard__steps {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.furvu-layout-minimal-vertical .furvu-wizard__step-dot {
border-left: none;
border-bottom: 2px solid transparent;
}
.furvu-layout-minimal-vertical .furvu-wizard__step-dot--active {
border-bottom-color: var(--gp-primary);
}
.furvu-layout-minimal-vertical .furvu-wizard__step-connector {
width: 24px;
height: 2px;
}
} .furvu-layout-neo-brutalist.furvu-booking-container {
background: #fef9c3;
padding: 2.5rem 0;
border-radius: 0;
}
.furvu-layout-neo-brutalist .furvu-wizard {
background: #fff;
border: 4px solid #000;
border-radius: 0;
box-shadow: 8px 8px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-wizard::before {
height: 6px;
background: #facc15;
border-radius: 0;
}
.furvu-layout-neo-brutalist .furvu-wizard__progress {
border-bottom: 3px solid #000;
padding-bottom: 1.25rem;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot {
border-radius: 0;
border: 3px solid #000;
background: #fff;
color: #000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot:not(.furvu-wizard__step-dot--active):not(.furvu-wizard__step-dot--done):hover {
background: #fef08a;
transform: translate(-2px, -2px);
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot--active {
background: #000;
color: #facc15;
box-shadow: 4px 4px 0 #facc15;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot--done {
background: #fef08a;
color: #000;
border-color: #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot--active .furvu-wizard__step-num {
background: #facc15;
color: #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-dot--done .furvu-wizard__step-num {
background: #000;
color: #facc15;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-num {
border-radius: 0;
}
.furvu-layout-neo-brutalist .furvu-wizard__step-connector {
background: #000;
height: 3px;
width: 20px;
}
.furvu-layout-neo-brutalist .furvu-wizard__title {
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 800;
}
.furvu-layout-neo-brutalist .furvu-wizard__section-label {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000;
}
.furvu-layout-neo-brutalist .furvu-service-card__inner,
.furvu-layout-neo-brutalist .furvu-bundle-card .furvu-service-card__inner {
border: 3px solid #000;
border-radius: 0;
background: #fff;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neo-brutalist .furvu-bundle-card:hover .furvu-service-card__inner {
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 #000;
background: #fef9c3;
}
.furvu-layout-neo-brutalist .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neo-brutalist .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
background: #fde047;
border-color: #000;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-bundle-cards .furvu-service-card__inner {
border-color: var(--bundle-color, #a3e635);
}
.furvu-layout-neo-brutalist .furvu-service-card__price,
.furvu-layout-neo-brutalist .furvu-bundle-card .furvu-service-card__price {
font-weight: 800;
color: #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__total {
border: 3px solid #000;
border-radius: 0;
background: #fde047;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-datetime-duration {
border: 3px solid #000;
border-radius: 0;
background: #fef9c3;
box-shadow: 3px 3px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__btn {
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border: 3px solid #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__btn--back {
background: #fff;
color: #000;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__btn--back:hover {
background: #fef9c3;
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__btn--next,
.furvu-layout-neo-brutalist .furvu-wizard__btn--submit {
background: #000;
color: #facc15;
box-shadow: 4px 4px 0 #facc15;
}
.furvu-layout-neo-brutalist .furvu-wizard__btn--next:hover,
.furvu-layout-neo-brutalist .furvu-wizard__btn--submit:hover {
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 #facc15;
}
.furvu-layout-neo-brutalist .furvu-slot--available {
border: 3px solid #000;
border-radius: 0;
background: #fff;
box-shadow: 2px 2px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-slot--available:hover {
background: #fef9c3;
transform: translate(-2px, -2px);
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-slot--available.furvu-slot--selected {
background: #facc15;
border-color: #000;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-field__input {
border: 3px solid #000;
border-radius: 0;
background: #fff;
box-shadow: 2px 2px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-field__input:focus {
outline: none;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-lookup-customer,
.furvu-layout-neo-brutalist .furvu-validate-voucher {
border: 3px solid #000;
border-radius: 0;
font-weight: 700;
background: #fff;
box-shadow: 3px 3px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-lookup-customer:hover,
.furvu-layout-neo-brutalist .furvu-validate-voucher:hover {
background: #fef08a;
transform: translate(-2px, -2px);
box-shadow: 5px 5px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-summary__list {
border: 3px solid #000;
border-radius: 0;
background: #fff;
box-shadow: 4px 4px 0 #000;
}
.furvu-layout-neo-brutalist .furvu-service-card--has-image .furvu-service-card__image {
border-bottom: 3px solid #000;
}
.furvu-layout-neo-brutalist .furvu-wizard__message--success {
border: 3px solid #166534;
background: #dcfce7;
border-radius: 0;
box-shadow: 4px 4px 0 #166534;
}
.furvu-layout-neo-brutalist .furvu-wizard__message--error {
border: 3px solid #b91c1c;
background: #fee2e2;
border-radius: 0;
box-shadow: 4px 4px 0 #b91c1c;
} .furvu-layout-glass.furvu-booking-container {
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
padding: 3rem 0;
min-height: 100vh;
}
.furvu-layout-glass .furvu-wizard {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
border-radius: 24px;
}
.furvu-layout-glass .furvu-wizard::before {
background: rgba(255, 255, 255, 0.5);
border-radius: 24px 24px 0 0;
}
.furvu-layout-glass .furvu-wizard__progress {
border-bottom-color: rgba(255, 255, 255, 0.4);
}
.furvu-layout-glass .furvu-wizard__step-dot {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.9);
border-radius: 12px;
}
.furvu-layout-glass .furvu-wizard__step-dot--active {
background: rgba(255, 255, 255, 0.9);
color: #667eea;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.furvu-layout-glass .furvu-wizard__step-dot--done {
background: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.95);
}
.furvu-layout-glass .furvu-service-card__inner,
.furvu-layout-glass .furvu-bundle-card .furvu-service-card__inner {
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 16px;
}
.furvu-layout-glass .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-glass .furvu-bundle-card:hover .furvu-service-card__inner {
background: rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.6);
}
.furvu-layout-glass .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-glass .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
background: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.furvu-layout-glass .furvu-wizard__total,
.furvu-layout-glass .furvu-datetime-duration {
background: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
}
.furvu-layout-glass .furvu-wizard__btn--next,
.furvu-layout-glass .furvu-wizard__btn--submit {
background: rgba(255, 255, 255, 0.9);
color: #667eea;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.furvu-layout-glass .furvu-slot--available {
background: rgba(255, 255, 255, 0.25);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 10px;
}
.furvu-layout-glass .furvu-slot--available.furvu-slot--selected {
background: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.8);
}
.furvu-layout-glass .furvu-field__input {
background: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
}
.furvu-layout-glass .furvu-summary__list {
background: rgba(255, 255, 255, 0.25);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 16px;
} @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap");
.furvu-layout-terminal.furvu-booking-container {
background: #0d1117;
padding: 2.5rem 0;
color: #39ff14;
}
.furvu-layout-terminal .furvu-wizard {
font-family: 'JetBrains Mono', 'Consolas', monospace;
background: #161b22;
border: 2px solid #39ff14;
border-radius: 4px;
box-shadow: 0 0 20px rgba(57, 255, 20, 0.2), inset 0 0 60px rgba(0, 0, 0, 0.5);
}
.furvu-layout-terminal .furvu-wizard::before {
background: #39ff14;
height: 3px;
border-radius: 4px 4px 0 0;
}
.furvu-layout-terminal .furvu-wizard__progress {
border-bottom-color: #238636;
}
.furvu-layout-terminal .furvu-wizard__step-dot {
background: transparent;
color: #8b949e;
border: 1px solid #238636;
border-radius: 2px;
font-weight: 600;
}
.furvu-layout-terminal .furvu-wizard__step-dot--active {
background: #238636;
color: #39ff14;
border-color: #39ff14;
box-shadow: 0 0 10px rgba(57, 255, 20, 0.3);
}
.furvu-layout-terminal .furvu-wizard__step-dot--done {
color: #39ff14;
border-color: #39ff14;
}
.furvu-layout-terminal .furvu-wizard__title,
.furvu-layout-terminal .furvu-wizard__subtitle {
color: #39ff14;
}
.furvu-layout-terminal .furvu-service-card__inner,
.furvu-layout-terminal .furvu-bundle-card .furvu-service-card__inner {
background: #0d1117;
border: 1px solid #238636;
border-radius: 2px;
color: #c9d1d9;
}
.furvu-layout-terminal .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-terminal .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #39ff14;
box-shadow: 0 0 15px rgba(57, 255, 20, 0.2);
}
.furvu-layout-terminal .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-terminal .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #39ff14;
background: rgba(57, 255, 20, 0.08);
color: #39ff14;
}
.furvu-layout-terminal .furvu-service-card__price,
.furvu-layout-terminal .furvu-bundle-card .furvu-service-card__price {
color: #39ff14;
}
.furvu-layout-terminal .furvu-wizard__btn--next,
.furvu-layout-terminal .furvu-wizard__btn--submit {
background: #238636;
color: #0d1117;
border: 1px solid #39ff14;
}
.furvu-layout-terminal .furvu-slot--available {
background: #0d1117;
border: 1px solid #238636;
color: #c9d1d9;
border-radius: 2px;
}
.furvu-layout-terminal .furvu-slot--available.furvu-slot--selected {
background: #238636;
color: #39ff14;
border-color: #39ff14;
}
.furvu-layout-terminal .furvu-field__input {
background: #0d1117;
border: 1px solid #238636;
color: #39ff14;
border-radius: 2px;
}
.furvu-layout-terminal .furvu-field__input::placeholder {
color: #8b949e;
} .furvu-layout-noir.furvu-booking-container {
background: #0a0a0a;
padding: 3rem 0;
}
.furvu-layout-noir .furvu-wizard {
background: #141414;
border: 1px solid #2a2a2a;
border-radius: 4px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}
.furvu-layout-noir .furvu-wizard::before {
background: linear-gradient(90deg, #d4af37, #b8860b);
height: 3px;
border-radius: 4px 4px 0 0;
}
.furvu-layout-noir .furvu-wizard__progress {
border-bottom-color: #2a2a2a;
}
.furvu-layout-noir .furvu-wizard__step-dot {
background: #1a1a1a;
color: #737373;
border: 1px solid #2a2a2a;
border-radius: 4px;
}
.furvu-layout-noir .furvu-wizard__step-dot--active {
background: #d4af37;
color: #0a0a0a;
border-color: #d4af37;
}
.furvu-layout-noir .furvu-wizard__step-dot--done {
background: #262626;
color: #d4af37;
}
.furvu-layout-noir .furvu-wizard__title,
.furvu-layout-noir .furvu-wizard__subtitle {
color: #fafafa;
}
.furvu-layout-noir .furvu-wizard__subtitle {
color: #a3a3a3;
}
.furvu-layout-noir .furvu-service-card__inner,
.furvu-layout-noir .furvu-bundle-card .furvu-service-card__inner {
background: #1a1a1a;
border: 1px solid #2a2a2a;
border-radius: 6px;
color: #fafafa;
}
.furvu-layout-noir .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-noir .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #d4af37;
}
.furvu-layout-noir .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-noir .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #d4af37;
background: rgba(212, 175, 55, 0.08);
}
.furvu-layout-noir .furvu-service-card__price,
.furvu-layout-noir .furvu-bundle-card .furvu-service-card__price {
color: #d4af37;
}
.furvu-layout-noir .furvu-wizard__btn--next,
.furvu-layout-noir .furvu-wizard__btn--submit {
background: #d4af37;
color: #0a0a0a;
border: none;
}
.furvu-layout-noir .furvu-slot--available {
background: #1a1a1a;
border: 1px solid #2a2a2a;
color: #fafafa;
border-radius: 4px;
}
.furvu-layout-noir .furvu-slot--available.furvu-slot--selected {
background: #d4af37;
color: #0a0a0a;
border-color: #d4af37;
}
.furvu-layout-noir .furvu-field__input {
background: #1a1a1a;
border: 1px solid #2a2a2a;
color: #fafafa;
border-radius: 4px;
} .furvu-layout-zen.furvu-booking-container {
background: #fafaf9;
padding: 4rem 0;
}
.furvu-layout-zen .furvu-wizard {
background: #fff;
border: none;
box-shadow: none;
max-width: 560px;
padding: 3rem;
}
.furvu-layout-zen .furvu-wizard::before {
display: none;
}
.furvu-layout-zen .furvu-wizard__progress {
border-bottom: 1px solid #e7e5e4;
padding-bottom: 2rem;
margin-bottom: 2.5rem;
}
.furvu-layout-zen .furvu-wizard__step-dot {
background: transparent;
color: #a8a29e;
border: none;
border-radius: 0;
font-weight: 500;
padding: 0.5rem 0.75rem;
}
.furvu-layout-zen .furvu-wizard__step-dot--active {
background: transparent;
color: #44403c;
font-weight: 600;
}
.furvu-layout-zen .furvu-wizard__step-dot--done {
color: #a8a29e;
}
.furvu-layout-zen .furvu-wizard__step-num {
display: none;
}
.furvu-layout-zen .furvu-wizard__step-connector {
background: #e7e5e4;
width: 1px;
height: 1rem;
}
.furvu-layout-zen .furvu-wizard__title {
font-size: 1.25rem;
font-weight: 600;
color: #44403c;
letter-spacing: 0;
}
.furvu-layout-zen .furvu-wizard__subtitle {
color: #78716c;
font-size: 0.9rem;
}
.furvu-layout-zen .furvu-service-card__inner,
.furvu-layout-zen .furvu-bundle-card .furvu-service-card__inner {
background: #fff;
border: 1px solid #e7e5e4;
border-radius: 8px;
box-shadow: none;
}
.furvu-layout-zen .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-zen .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #d6d3d1;
}
.furvu-layout-zen .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-zen .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #44403c;
background: #fafaf9;
}
.furvu-layout-zen .furvu-wizard__btn {
border-radius: 8px;
font-weight: 500;
}
.furvu-layout-zen .furvu-wizard__btn--next,
.furvu-layout-zen .furvu-wizard__btn--submit {
background: #44403c;
color: #fff;
} .furvu-layout-neon.furvu-booking-container {
background: #0f0f23;
padding: 2.5rem 0;
}
.furvu-layout-neon .furvu-wizard {
background: #1a1a2e;
border: 2px solid #ff006e;
border-radius: 8px;
box-shadow: 0 0 30px rgba(255, 0, 110, 0.3), 0 0 60px rgba(0, 212, 255, 0.1);
}
.furvu-layout-neon .furvu-wizard::before {
background: linear-gradient(90deg, #ff006e, #00d4ff);
height: 4px;
border-radius: 8px 8px 0 0;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.5);
}
.furvu-layout-neon .furvu-wizard__progress {
border-bottom-color: #2d2d44;
}
.furvu-layout-neon .furvu-wizard__step-dot {
background: transparent;
color: #6b7280;
border: 2px solid #374151;
border-radius: 6px;
}
.furvu-layout-neon .furvu-wizard__step-dot--active {
background: transparent;
color: #00d4ff;
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
}
.furvu-layout-neon .furvu-wizard__step-dot--done {
color: #ff006e;
border-color: #ff006e;
}
.furvu-layout-neon .furvu-wizard__title { color: #f3f4f6; }
.furvu-layout-neon .furvu-wizard__subtitle { color: #9ca3af; }
.furvu-layout-neon .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__inner {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #00d4ff;
box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #ff006e;
box-shadow: 0 0 25px rgba(255, 0, 110, 0.3);
}
.furvu-layout-neon .furvu-service-card__price,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__price { color: #00d4ff; }
.furvu-layout-neon .furvu-wizard__btn--next,
.furvu-layout-neon .furvu-wizard__btn--submit {
background: linear-gradient(90deg, #ff006e, #00d4ff);
color: #0f0f23;
border: none;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-slot--available {
background: #16213e;
border: 2px solid #374151;
color: #9ca3af;
border-radius: 6px;
}
.furvu-layout-neon .furvu-slot--available.furvu-slot--selected {
background: #facc15;
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}
.furvu-layout-neon .furvu-field__input {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
border-radius: 6px;
}
.furvu-layout-neon .furvu-field__input:focus {
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-summary__list {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
}
.furvu-layout-neon .furvu-wizard__progress { border-bottom-color: #2d2d44; }
.furvu-layout-neon .furvu-wizard__step-dot {
background: transparent; color: #6b7280; border: 2px solid #374151; border-radius: 6px;
}
.furvu-layout-neon .furvu-wizard__step-dot--active {
color: #00d4ff; border-color: #00d4ff; box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
}
.furvu-layout-neon .furvu-wizard__step-dot--done { color: #ff006e; border-color: #ff006e; }
.furvu-layout-neon .furvu-wizard__title { color: #f3f4f6; }
.furvu-layout-neon .furvu-wizard__subtitle { color: #9ca3af; }
.furvu-layout-neon .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__inner {
background: #16213e; border: 2px solid #374151; border-radius: 8px; color: #e5e7eb;
}
.furvu-layout-neon .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #00d4ff; box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #ff006e; box-shadow: 0 0 25px rgba(255, 0, 110, 0.3);
}
.furvu-layout-neon .furvu-service-card__price,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__price { color: #00d4ff; }
.furvu-layout-neon .furvu-wizard__btn--next,
.furvu-layout-neon .furvu-wizard__btn--submit {
background: linear-gradient(90deg, #ff006e, #00d4ff); color: #0f0f23; border: none;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-slot--available {
background: #16213e; border: 2px solid #374151; color: #9ca3af; border-radius: 6px;
}
.furvu-layout-neon .furvu-slot--available.furvu-slot--selected {
background: #ff006e; color: #fff; box-shadow: 0 0 15px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-field__input {
background: #16213e; border: 2px solid #374151; color: #e5e7eb; border-radius: 6px;
}
.furvu-layout-neon .furvu-field__input:focus {
border-color: #00d4ff; box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-summary__list {
background: #16213e; border: 2px solid #374151; border-radius: 8px; color: #e5e7eb;
}
.furvu-layout-neon .furvu-wizard__progress {
border-bottom-color: #2d2d44;
}
.furvu-layout-neon .furvu-wizard__step-dot {
background: transparent;
color: #6b7280;
border: 2px solid #374151;
border-radius: 6px;
}
.furvu-layout-neon .furvu-wizard__step-dot--active {
background: transparent;
color: #00d4ff;
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
}
.furvu-layout-neon .furvu-wizard__step-dot--done {
color: #ff006e;
border-color: #ff006e;
}
.furvu-layout-neon .furvu-wizard__title {
color: #f3f4f6;
}
.furvu-layout-neon .furvu-wizard__subtitle {
color: #9ca3af;
}
.furvu-layout-neon .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__inner {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #00d4ff;
box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #ff006e;
box-shadow: 0 0 25px rgba(255, 0, 110, 0.3);
}
.furvu-layout-neon .furvu-service-card__price,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__price {
color: #00d4ff;
}
.furvu-layout-neon .furvu-wizard__btn--next,
.furvu-layout-neon .furvu-wizard__btn--submit {
background: linear-gradient(90deg, #ff006e, #00d4ff);
color: #0f0f23;
border: none;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-slot--available {
border: 2px solid #374151;
border-radius: 6px;
background: #16213e;
color: #9ca3af;
}
.furvu-layout-neon .furvu-slot--available.furvu-slot--selected {
border-color: #00d4ff;
color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}
.furvu-layout-neon .furvu-field__input {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
border-radius: 6px;
}
.furvu-layout-neon .furvu-field__input:focus {
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-summary__list {
border: 2px solid #374151;
border-radius: 8px;
background: #16213e;
}
.furvu-layout-neon .furvu-wizard__total,
.furvu-layout-neon .furvu-datetime-duration {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-lookup-customer,
.furvu-layout-neon .furvu-validate-voucher {
border: 2px solid #00d4ff;
color: #00d4ff;
background: transparent;
}
.furvu-layout-neon .furvu-wizard__btn--back {
background: transparent;
border: 2px solid #374151;
color: #9ca3af;
}
.furvu-layout-neon .furvu-wizard__progress {
border-bottom-color: #2d2d44;
}
.furvu-layout-neon .furvu-wizard__step-dot {
background: transparent;
color: #6b7280;
border: 2px solid #374151;
border-radius: 6px;
}
.furvu-layout-neon .furvu-wizard__step-dot--active {
background: transparent;
color: #00d4ff;
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
}
.furvu-layout-neon .furvu-wizard__step-dot--done {
color: #ff006e;
border-color: #ff006e;
}
.furvu-layout-neon .furvu-wizard__title {
color: #f3f4f6;
}
.furvu-layout-neon .furvu-wizard__subtitle {
color: #9ca3af;
}
.furvu-layout-neon .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__inner {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #00d4ff;
box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #ff006e;
box-shadow: 0 0 25px rgba(255, 0, 110, 0.3);
}
.furvu-layout-neon .furvu-service-card__price,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__price {
color: #00d4ff;
}
.furvu-layout-neon .furvu-wizard__total,
.furvu-layout-neon .furvu-datetime-duration {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-wizard__btn--back {
background: transparent;
border: 2px solid #374151;
color: #9ca3af;
}
.furvu-layout-neon .furvu-wizard__btn--next,
.furvu-layout-neon .furvu-wizard__btn--submit {
background: linear-gradient(90deg, #ff006e, #00d4ff);
color: #0f0f23;
border: none;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-slot--available {
border: 2px solid #374151;
border-radius: 6px;
background: #16213e;
color: #9ca3af;
}
.furvu-layout-neon .furvu-slot--available.furvu-slot--selected {
border-color: #00d4ff;
color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}
.furvu-layout-neon .furvu-field__input {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
border-radius: 6px;
}
.furvu-layout-neon .furvu-field__input:focus {
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-lookup-customer,
.furvu-layout-neon .furvu-validate-voucher {
border: 2px solid #374151;
background: #16213e;
color: #00d4ff;
}
.furvu-layout-neon .furvu-summary__list {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-wizard__progress {
border-bottom-color: #2d2d44;
}
.furvu-layout-neon .furvu-wizard__step-dot {
background: transparent;
color: #6b7280;
border: 2px solid #374151;
border-radius: 6px;
}
.furvu-layout-neon .furvu-wizard__step-dot--active {
background: transparent;
color: #00d4ff;
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
}
.furvu-layout-neon .furvu-wizard__step-dot--done {
color: #ff006e;
border-color: #ff006e;
}
.furvu-layout-neon .furvu-wizard__title {
color: #f3f4f6;
}
.furvu-layout-neon .furvu-wizard__subtitle {
color: #9ca3af;
}
.furvu-layout-neon .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__inner {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-service-card:hover .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card:hover .furvu-service-card__inner {
border-color: #00d4ff;
box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-service-card input:checked ~ .furvu-service-card__inner,
.furvu-layout-neon .furvu-bundle-card input:checked ~ .furvu-service-card__inner {
border-color: #ff006e;
box-shadow: 0 0 25px rgba(255, 0, 110, 0.3);
}
.furvu-layout-neon .furvu-service-card__price,
.furvu-layout-neon .furvu-bundle-card .furvu-service-card__price {
color: #00d4ff;
}
.furvu-layout-neon .furvu-wizard__total,
.furvu-layout-neon .furvu-datetime-duration {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-wizard__btn--back {
background: transparent;
border: 2px solid #374151;
color: #9ca3af;
}
.furvu-layout-neon .furvu-wizard__btn--next,
.furvu-layout-neon .furvu-wizard__btn--submit {
background: linear-gradient(90deg, #ff006e, #00d4ff);
color: #0f0f23;
border: none;
box-shadow: 0 0 20px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-slot--available {
border: 2px solid #374151;
border-radius: 6px;
background: #16213e;
color: #9ca3af;
}
.furvu-layout-neon .furvu-slot--available.furvu-slot--selected {
background: #ff006e;
border-color: #ff006e;
box-shadow: 0 0 15px rgba(255, 0, 110, 0.4);
}
.furvu-layout-neon .furvu-field__input {
background: #16213e;
border: 2px solid #374151;
color: #e5e7eb;
border-radius: 6px;
}
.furvu-layout-neon .furvu-field__input:focus {
border-color: #00d4ff;
box-shadow: 0 0 15px rgba(0, 212, 255, 0.2);
}
.furvu-layout-neon .furvu-summary__list {
background: #16213e;
border: 2px solid #374151;
border-radius: 8px;
color: #e5e7eb;
}
.furvu-layout-neon .furvu-lookup-customer,
.furvu-layout-neon .furvu-validate-voucher {
border: 2px solid #00d4ff;
color: #00d4ff;
background: transparent;
} .furvu-layout-bento .furvu-service-cards,
.furvu-layout-bento .furvu-bundle-cards {
grid-template-columns: repeat(4, 1fr);
gap: 0.5rem;
}
.furvu-layout-bento .furvu-service-card__inner,
.furvu-layout-bento .furvu-bundle-card .furvu-service-card__inner {
padding: 0.65rem 0.85rem;
text-align: center;
}
.furvu-layout-bento .furvu-service-card__name,
.furvu-layout-bento .furvu-bundle-card .furvu-service-card__name {
font-size: 0.85rem;
}
.furvu-layout-bento .furvu-service-card__desc,
.furvu-layout-bento .furvu-bundle-card .furvu-service-card__desc {
font-size: 0.72rem;
line-height: 1.35;
margin-top: 0.2rem;
}
.furvu-layout-bento .furvu-service-card__duration,
.furvu-layout-bento .furvu-bundle-card .furvu-service-card__duration {
font-size: 0.75rem;
}
.furvu-layout-bento .furvu-service-card__price,
.furvu-layout-bento .furvu-bundle-card .furvu-service-card__price {
font-size: 0.8rem;
}
.furvu-layout-bento .furvu-date-quick-pick {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 0.75rem;
}
.furvu-layout-bento .furvu-date-quick-pick__btn {
padding: 0.5rem 1rem;
font-size: 0.85rem;
font-weight: 600;
border: 2px solid var(--gp-border);
border-radius: 8px;
background: #fff;
cursor: pointer;
transition: all 0.2s;
}
.furvu-layout-bento .furvu-date-quick-pick__btn:hover {
border-color: var(--gp-primary);
background: var(--gp-primary-50);
}
.furvu-layout-bento .furvu-date-quick-pick__btn--active {
background: var(--gp-primary);
border-color: var(--gp-primary);
color: #fff;
}
.furvu-layout-bento .furvu-slots-grid .furvu-slots-section {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0.4rem;
}
.furvu-layout-bento .furvu-slot {
padding: 0.45rem 0.6rem;
font-size: 0.8rem;
}
@media (max-width: 640px) {
.furvu-layout-bento .furvu-service-cards,
.furvu-layout-bento .furvu-bundle-cards {
grid-template-columns: repeat(2, 1fr);
}
.furvu-layout-bento .furvu-slots-grid .furvu-slots-section {
grid-template-columns: repeat(3, 1fr);
}
} .furvu-layout-chat .furvu-service-cards,
.furvu-layout-chat .furvu-bundle-cards {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
grid-template-columns: unset;
}
.furvu-layout-chat .furvu-service-card__inner,
.furvu-layout-chat .furvu-bundle-card .furvu-service-card__inner {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
padding: 0.6rem 1.1rem;
border-radius: 999px;
padding: 0.6rem 1.25rem;
}
.furvu-layout-chat .furvu-service-card__name,
.furvu-layout-chat .furvu-bundle-card .furvu-service-card__name {
margin-right: 0;
}
.furvu-layout-chat .furvu-service-card__textblock,
.furvu-layout-chat .furvu-bundle-card .furvu-service-card__textblock {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
gap: 0.12rem;
margin-right: 0.25rem;
}
.furvu-layout-chat .furvu-service-card__desc,
.furvu-layout-chat .furvu-bundle-card .furvu-service-card__desc {
font-size: 0.75rem;
line-height: 1.35;
opacity: 0.92;
max-width: 100%;
}
.furvu-layout-chat .furvu-service-card__duration {
font-size: 0.75rem;
opacity: 0.9;
}
.furvu-layout-chat .furvu-service-card__price,
.furvu-layout-chat .furvu-bundle-card .furvu-service-card__price {
font-weight: 700;
margin-left: 0.25rem;
}
.furvu-layout-chat .furvu-service-card--has-image .furvu-service-card__inner {
padding: 0.5rem 1rem;
}
.furvu-layout-chat .furvu-service-card__image {
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.furvu-layout-chat .furvu-service-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.furvu-layout-chat .furvu-date-quick-pick {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 0.75rem;
}
.furvu-layout-chat .furvu-date-quick-pick__btn {
padding: 0.5rem 1rem;
font-size: 0.9rem;
font-weight: 600;
border: 2px solid var(--gp-border);
border-radius: 999px;
background: #fff;
cursor: pointer;
transition: all 0.2s;
}
.furvu-layout-chat .furvu-date-quick-pick__btn:hover {
border-color: var(--gp-primary);
background: var(--gp-primary-50);
}
.furvu-layout-chat .furvu-date-quick-pick__btn--active {
background: var(--gp-primary);
border-color: var(--gp-primary);
color: #fff;
}
.furvu-layout-chat .furvu-slots-grid .furvu-slots-section {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.furvu-layout-chat .furvu-slot {
padding: 0.55rem 1.1rem;
border-radius: 999px;
font-size: 0.9rem;
} .furvu-slots-loading {
display: flex;
align-items: center;
gap: 0.5rem;
}
.furvu-slots-loading__pulse {
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
background: var(--gp-primary);
flex-shrink: 0;
animation: furvu-loading-pulse 1s ease-in-out infinite;
}
.furvu-captcha-wrap {
margin: 1rem 0 0.5rem;
}
.furvu-captcha-widget {
min-height: 78px;
}
@keyframes furvu-loading-pulse {
0%, 100% { opacity: 0.35; transform: scale(0.85); }
50% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.furvu-booking-container *,
.furvu-booking-container *::before,
.furvu-booking-container *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.furvu-slots-loading__pulse {
animation: none;
opacity: 0.7;
}
}

@import url(//kwispelkapper.nl/wp-content/themes/kwispelkapper/assets/scss/aos/dist/aos.css);
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Inter", sans-serif;
color: #212121;
line-height: 1.6;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
line-height: 1.15;
font-weight: 700;
}
.text-pink {
color: #fb91c8;
}
.g-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
}
.g-section {
padding: 100px 0;
}
.g-bg-light {
background-color: #F8F9FA;
}
.g-bg-pink {
background-color: #fb91c8;
}
.g-tagline {
font-size: 14px;
font-weight: 500;
color: #888888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.g-tagline.kwispel {
color: #fb91c8;
}
.corner-icon {
width: 40px;
height: 40px;
z-index: 10;
padding: 10px;
background: #fb91c8;
border-radius: 100px;
}
.corner-icon svg {
fill: #FFF;
stroke: #FFF;
}
.latepoint-book-button {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
text-align: center;
border: 2px solid transparent;
background-color: #fb91c8;
color: white;
}
.latepoint-book-button:hover {
background-color: #fa6ab4;
}
.g-btn {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
text-align: center;
border: 2px solid transparent;
}
.g-btn-primary {
background-color: #fb91c8;
color: white;
}
.g-btn-primary:hover {
background-color: #fa6ab4;
}
.g-btn-secondary {
background-color: #ffffff;
color: #fb91c8;
border-color: #fb91c8;
}
.g-btn-secondary:hover {
background-color: #fb91c8;
color: white;
}
.g-btn-tertiary {
background-color: transparent;
color: #212121;
border-color: #212121;
}
.g-btn-tertiary:hover {
background-color: #212121;
color: white;
}
.g-btn-large {
padding: 18px 40px;
font-size: 1.1em;
}
.g-btn-book {
background-color: #212121;
color: white;
}
.g-btn-book:hover {
background-color: #545454;
}
.g-header {
background-color: #ffffff;
padding: 15px 0;
}
.g-header .g-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.g-header .g-logo {
font-size: 1.5em;
font-weight: 900;
color: #212121;
text-decoration: none;
}
.g-header .g-nav ul {
list-style: none;
display: flex;
}
.g-header .g-nav ul li {
margin-left: 25px;
}
.g-header .g-nav ul li a {
text-decoration: none;
color: #444444;
font-weight: 500;
padding: 5px 0;
transition: color 0.2s ease;
}
.g-header .g-nav ul li a:hover {
color: #fb91c8;
}
.g-hero-section {
padding-top: 50px;
padding-bottom: 100px;
}
.g-hero-section .g-container {
display: flex;
align-items: center;
gap: 50px;
}
.g-hero-section .g-hero-content {
flex: 1;
}
.g-hero-section .g-hero-content h1 {
font-size: 3.8em;
margin-bottom: 20px;
font-weight: 900;
}
.g-hero-section .g-hero-content .g-subtitle {
font-size: 1.2em;
color: #444444;
margin-bottom: 30px;
}
.g-hero-section .g-hero-content .g-stats {
margin-top: 25px;
font-weight: 600;
color: #888888;
}
.g-hero-section .g-hero-image {
flex: 1;
background-color: #F8F9FA;
min-height: 500px;
border-radius: 12px;
}
.g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.g-stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.g-stats-grid .g-stat-item .g-stat-number {
display: block;
font-size: 2.5em;
font-weight: 700;
color: #fb91c8;
}
.g-stats-grid .g-stat-item .g-stat-label {
display: block;
font-size: 0.9em;
color: #888888;
}
.g-narrow {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.g-packages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.g-package-card {
background-color: #ffffff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.g-package-card .g-package-header h3 {
font-size: 1.5em;
margin-bottom: 5px;
}
.g-package-card .g-package-header .g-price {
font-size: 2.2em;
font-weight: 900;
color: #fb91c8;
display: block;
margin-bottom: 25px;
}
.g-package-card .g-features-list {
list-style: none;
margin-bottom: 30px;
}
.g-package-card .g-features-list li {
padding: 8px 0;
font-size: 0.95em;
color: #444444;
}
.g-package-card.g-card-placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: #F8F9FA;
color: #888888;
font-weight: 600;
min-height: 450px;
}
.g-services-list {
margin-top: 50px;
}
.g-services-list .g-service-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #EEEEEE;
}
.g-services-list .g-service-item:first-child {
border-top: 1px solid #EEEEEE;
}
.g-services-list .g-service-item h3 {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 5px;
}
.g-services-list .g-service-item p {
color: #444444;
font-size: 0.9em;
}
.g-services-list .g-service-item .g-service-price {
font-size: 1.4em;
font-weight: 700;
color: #fb91c8;
}
.g-center {
text-align: center;
margin-top: 40px;
}
.g-testimonial-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.g-testimonial-card {
background-color: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
font-style: italic;
}
.g-testimonial-card p {
margin-bottom: 15px;
}
.g-testimonial-card footer {
font-style: normal;
font-weight: 600;
color: #fb91c8;
}
.g-faq-item {
border: 1px solid #EEEEEE;
border-radius: 8px;
margin-bottom: 15px;
padding: 20px;
text-align: left;
}
.g-faq-item summary {
font-weight: 600;
cursor: pointer;
display: block;
font-size: 1.1em;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.g-faq-item summary::marker {
content: "";
}
.g-faq-item summary:hover {
color: #fb91c8;
}
.g-faq-item p {
padding-top: 15px;
border-top: 1px solid #EEEEEE;
margin-top: 15px;
color: #444444;
}
.g-contact-block {
background-color: #fb91c8;
color: white;
}
.g-contact-block .g-layout-3col {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
text-align: center;
}
.g-contact-block .g-contact-item h3 {
font-size: 1.5em;
margin-bottom: 10px;
}
.g-contact-block .g-contact-item p {
margin-bottom: 20px;
}
.g-contact-block .g-contact-item .g-btn-tertiary {
background-color: white;
color: #212121;
border-color: white;
}
.g-contact-block .g-contact-item .g-btn-tertiary:hover {
background-color: #F8F9FA;
}
.g-footer {
padding: 40px 0;
background-color: #ffffff;
border-top: 1px solid #EEEEEE;
}
.g-footer .g-footer-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #EEEEEE;
}
.g-footer .g-footer-nav a {
color: #444444;
text-decoration: none;
margin-left: 20px;
font-size: 0.9em;
}
.g-footer .g-footer-nav a:hover {
color: #fb91c8;
}
.g-footer .g-footer-bottom {
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #888888;
}
.g-footer .g-footer-bottom .g-policies a {
color: #888888;
text-decoration: none;
margin-left: 20px;
}
.g-footer .g-footer-bottom .g-policies a:hover {
color: #fb91c8;
}
@media (max-width: 992px) {
.g-layout-2col, .g-packages-grid, .g-testimonial-grid, .g-contact-block .g-layout-3col {
grid-template-columns: 1fr;
}
.g-hero-section .g-container {
flex-direction: column;
}
.g-hero-section .g-hero-image {
min-height: 300px;
width: 100%;
}
.g-header .g-nav {
display: none;
}
.g-footer-top, .g-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.g-footer-top .g-footer-nav, .g-footer-top .g-policies, .g-footer-bottom .g-footer-nav, .g-footer-bottom .g-policies {
margin-top: 15px;
}
.g-footer-top .g-footer-nav a, .g-footer-top .g-policies a, .g-footer-bottom .g-footer-nav a, .g-footer-bottom .g-policies a {
margin-left: 0;
margin-right: 15px;
}
}
@media (max-width: 768px) {
.g-hero-content h1 {
font-size: 2.8em;
}
.g-section {
padding: 60px 0;
}
.g-stats-grid {
grid-template-columns: 1fr;
}
}
.container, .g-container {
width: 100%;
padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .g-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .g-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .g-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .g-container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container, .g-container {
max-width: 1320px;
}
}
.container-fluid {
width: 100%;
padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
margin-right: auto;
margin-left: auto;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: block;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) / -2);
margin-left: calc(var(--bs-gutter-x) / -2);
}
@media (min-width: 768px) {
.row {
display: flex;
flex-wrap: wrap;
}
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y, 0);
}
.col {
flex: 1 0 0%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-6 {
order: 6 !important;
}
.order-7 {
order: 7 !important;
}
.order-8 {
order: 8 !important;
}
.order-9 {
order: 9 !important;
}
.order-10 {
order: 10 !important;
}
.order-11 {
order: 11 !important;
}
.order-12 {
order: 12 !important;
}
.order-first {
order: -1 !important;
}
.order-last {
order: 13 !important;
}
@media (min-width: 576px) {
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-6 {
order: 6 !important;
}
.order-sm-7 {
order: 7 !important;
}
.order-sm-8 {
order: 8 !important;
}
.order-sm-9 {
order: 9 !important;
}
.order-sm-10 {
order: 10 !important;
}
.order-sm-11 {
order: 11 !important;
}
.order-sm-12 {
order: 12 !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-last {
order: 13 !important;
}
}
@media (min-width: 768px) {
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-6 {
order: 6 !important;
}
.order-md-7 {
order: 7 !important;
}
.order-md-8 {
order: 8 !important;
}
.order-md-9 {
order: 9 !important;
}
.order-md-10 {
order: 10 !important;
}
.order-md-11 {
order: 11 !important;
}
.order-md-12 {
order: 12 !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-last {
order: 13 !important;
}
}
@media (min-width: 992px) {
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-6 {
order: 6 !important;
}
.order-lg-7 {
order: 7 !important;
}
.order-lg-8 {
order: 8 !important;
}
.order-lg-9 {
order: 9 !important;
}
.order-lg-10 {
order: 10 !important;
}
.order-lg-11 {
order: 11 !important;
}
.order-lg-12 {
order: 12 !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-last {
order: 13 !important;
}
}
@media (min-width: 1200px) {
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-6 {
order: 6 !important;
}
.order-xl-7 {
order: 7 !important;
}
.order-xl-8 {
order: 8 !important;
}
.order-xl-9 {
order: 9 !important;
}
.order-xl-10 {
order: 10 !important;
}
.order-xl-11 {
order: 11 !important;
}
.order-xl-12 {
order: 12 !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-last {
order: 13 !important;
}
}
@media (min-width: 1400px) {
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-6 {
order: 6 !important;
}
.order-xxl-7 {
order: 7 !important;
}
.order-xxl-8 {
order: 8 !important;
}
.order-xxl-9 {
order: 9 !important;
}
.order-xxl-10 {
order: 10 !important;
}
.order-xxl-11 {
order: 11 !important;
}
.order-xxl-12 {
order: 12 !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-last {
order: 13 !important;
}
}
.offset-1 {
margin-left: 8.3333333333% !important;
}
.offset-2 {
margin-left: 16.6666666667% !important;
}
.offset-3 {
margin-left: 25% !important;
}
.offset-4 {
margin-left: 33.3333333333% !important;
}
.offset-5 {
margin-left: 41.6666666667% !important;
}
.offset-6 {
margin-left: 50% !important;
}
.offset-7 {
margin-left: 58.3333333333% !important;
}
.offset-8 {
margin-left: 66.6666666667% !important;
}
.offset-9 {
margin-left: 75% !important;
}
.offset-10 {
margin-left: 83.3333333333% !important;
}
.offset-11 {
margin-left: 91.6666666667% !important;
}
@media (min-width: 576px) {
.offset-sm-1 {
margin-left: 8.3333333333% !important;
}
.offset-sm-2 {
margin-left: 16.6666666667% !important;
}
.offset-sm-3 {
margin-left: 25% !important;
}
.offset-sm-4 {
margin-left: 33.3333333333% !important;
}
.offset-sm-5 {
margin-left: 41.6666666667% !important;
}
.offset-sm-6 {
margin-left: 50% !important;
}
.offset-sm-7 {
margin-left: 58.3333333333% !important;
}
.offset-sm-8 {
margin-left: 66.6666666667% !important;
}
.offset-sm-9 {
margin-left: 75% !important;
}
.offset-sm-10 {
margin-left: 83.3333333333% !important;
}
.offset-sm-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 768px) {
.offset-md-1 {
margin-left: 8.3333333333% !important;
}
.offset-md-2 {
margin-left: 16.6666666667% !important;
}
.offset-md-3 {
margin-left: 25% !important;
}
.offset-md-4 {
margin-left: 33.3333333333% !important;
}
.offset-md-5 {
margin-left: 41.6666666667% !important;
}
.offset-md-6 {
margin-left: 50% !important;
}
.offset-md-7 {
margin-left: 58.3333333333% !important;
}
.offset-md-8 {
margin-left: 66.6666666667% !important;
}
.offset-md-9 {
margin-left: 75% !important;
}
.offset-md-10 {
margin-left: 83.3333333333% !important;
}
.offset-md-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 992px) {
.offset-lg-1 {
margin-left: 8.3333333333% !important;
}
.offset-lg-2 {
margin-left: 16.6666666667% !important;
}
.offset-lg-3 {
margin-left: 25% !important;
}
.offset-lg-4 {
margin-left: 33.3333333333% !important;
}
.offset-lg-5 {
margin-left: 41.6666666667% !important;
}
.offset-lg-6 {
margin-left: 50% !important;
}
.offset-lg-7 {
margin-left: 58.3333333333% !important;
}
.offset-lg-8 {
margin-left: 66.6666666667% !important;
}
.offset-lg-9 {
margin-left: 75% !important;
}
.offset-lg-10 {
margin-left: 83.3333333333% !important;
}
.offset-lg-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 1200px) {
.offset-xl-1 {
margin-left: 8.3333333333% !important;
}
.offset-xl-2 {
margin-left: 16.6666666667% !important;
}
.offset-xl-3 {
margin-left: 25% !important;
}
.offset-xl-4 {
margin-left: 33.3333333333% !important;
}
.offset-xl-5 {
margin-left: 41.6666666667% !important;
}
.offset-xl-6 {
margin-left: 50% !important;
}
.offset-xl-7 {
margin-left: 58.3333333333% !important;
}
.offset-xl-8 {
margin-left: 66.6666666667% !important;
}
.offset-xl-9 {
margin-left: 75% !important;
}
.offset-xl-10 {
margin-left: 83.3333333333% !important;
}
.offset-xl-11 {
margin-left: 91.6666666667% !important;
}
}
@media (min-width: 1400px) {
.offset-xxl-1 {
margin-left: 8.3333333333% !important;
}
.offset-xxl-2 {
margin-left: 16.6666666667% !important;
}
.offset-xxl-3 {
margin-left: 25% !important;
}
.offset-xxl-4 {
margin-left: 33.3333333333% !important;
}
.offset-xxl-5 {
margin-left: 41.6666666667% !important;
}
.offset-xxl-6 {
margin-left: 50% !important;
}
.offset-xxl-7 {
margin-left: 58.3333333333% !important;
}
.offset-xxl-8 {
margin-left: 66.6666666667% !important;
}
.offset-xxl-9 {
margin-left: 75% !important;
}
.offset-xxl-10 {
margin-left: 83.3333333333% !important;
}
.offset-xxl-11 {
margin-left: 91.6666666667% !important;
}
}
.w-25 {
width: 25% !important;
}
.w-33, .w-1-3 {
width: 33.3333% !important;
}
.w-50 {
width: 50% !important;
}
.w-66, .w-2-3 {
width: 66.6667% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.max-w-100 {
max-width: 100% !important;
}
@media (min-width: 576px) {
.w-sm-25 {
width: 25% !important;
}
.w-sm-33,
.w-sm-1-3 {
width: 33.3333% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-66,
.w-sm-2-3 {
width: 66.6667% !important;
}
.w-sm-75 {
width: 75% !important;
}
.w-sm-100 {
width: 100% !important;
}
.w-sm-auto {
width: auto !important;
}
.max-w-sm-100 {
max-width: 100% !important;
}
}
@media (min-width: 768px) {
.w-md-25 {
width: 25% !important;
}
.w-md-33,
.w-md-1-3 {
width: 33.3333% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-66,
.w-md-2-3 {
width: 66.6667% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-100 {
width: 100% !important;
}
.w-md-auto {
width: auto !important;
}
.max-w-md-100 {
max-width: 100% !important;
}
}
@media (min-width: 992px) {
.w-lg-25 {
width: 25% !important;
}
.w-lg-33,
.w-lg-1-3 {
width: 33.3333% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-66,
.w-lg-2-3 {
width: 66.6667% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-100 {
width: 100% !important;
}
.w-lg-auto {
width: auto !important;
}
.max-w-lg-100 {
max-width: 100% !important;
}
}
@media (min-width: 1200px) {
.w-xl-25 {
width: 25% !important;
}
.w-xl-33,
.w-xl-1-3 {
width: 33.3333% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-66,
.w-xl-2-3 {
width: 66.6667% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-100 {
width: 100% !important;
}
.w-xl-auto {
width: auto !important;
}
.max-w-xl-100 {
max-width: 100% !important;
}
}
@media (min-width: 1400px) {
.w-xxl-25 {
width: 25% !important;
}
.w-xxl-33,
.w-xxl-1-3 {
width: 33.3333% !important;
}
.w-xxl-50 {
width: 50% !important;
}
.w-xxl-66,
.w-xxl-2-3 {
width: 66.6667% !important;
}
.w-xxl-75 {
width: 75% !important;
}
.w-xxl-100 {
width: 100% !important;
}
.w-xxl-auto {
width: auto !important;
}
.max-w-xxl-100 {
max-width: 100% !important;
}
}
.m-0 {
margin: 0rem !important;
}
.mt-0 {
margin-top: 0rem !important;
}
.mb-0 {
margin-bottom: 0rem !important;
}
.ms-0 {
margin-left: 0rem !important;
}
.ml-0 {
margin-left: 0rem !important;
}
.me-0 {
margin-right: 0rem !important;
}
.mr-0 {
margin-right: 0rem !important;
}
.mx-0 {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.my-0 {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3 {
margin-top: 0.75rem !important;
}
.mb-3 {
margin-bottom: 0.75rem !important;
}
.ms-3 {
margin-left: 0.75rem !important;
}
.ml-3 {
margin-left: 0.75rem !important;
}
.me-3 {
margin-right: 0.75rem !important;
}
.mr-3 {
margin-right: 0.75rem !important;
}
.mx-3 {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4 {
margin-top: 1rem !important;
}
.mb-4 {
margin-bottom: 1rem !important;
}
.ms-4 {
margin-left: 1rem !important;
}
.ml-4 {
margin-left: 1rem !important;
}
.me-4 {
margin-right: 1rem !important;
}
.mr-4 {
margin-right: 1rem !important;
}
.mx-4 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-5 {
margin: 1.25rem !important;
}
.mt-5 {
margin-top: 1.25rem !important;
}
.mb-5 {
margin-bottom: 1.25rem !important;
}
.ms-5 {
margin-left: 1.25rem !important;
}
.ml-5 {
margin-left: 1.25rem !important;
}
.me-5 {
margin-right: 1.25rem !important;
}
.mr-5 {
margin-right: 1.25rem !important;
}
.mx-5 {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}
.my-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.m-6 {
margin: 1.5rem !important;
}
.mt-6 {
margin-top: 1.5rem !important;
}
.mb-6 {
margin-bottom: 1.5rem !important;
}
.ms-6 {
margin-left: 1.5rem !important;
}
.ml-6 {
margin-left: 1.5rem !important;
}
.me-6 {
margin-right: 1.5rem !important;
}
.mr-6 {
margin-right: 1.5rem !important;
}
.mx-6 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.my-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-7 {
margin: 1.75rem !important;
}
.mt-7 {
margin-top: 1.75rem !important;
}
.mb-7 {
margin-bottom: 1.75rem !important;
}
.ms-7 {
margin-left: 1.75rem !important;
}
.ml-7 {
margin-left: 1.75rem !important;
}
.me-7 {
margin-right: 1.75rem !important;
}
.mr-7 {
margin-right: 1.75rem !important;
}
.mx-7 {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important;
}
.my-7 {
margin-top: 1.75rem !important;
margin-bottom: 1.75rem !important;
}
.m-8 {
margin: 2rem !important;
}
.mt-8 {
margin-top: 2rem !important;
}
.mb-8 {
margin-bottom: 2rem !important;
}
.ms-8 {
margin-left: 2rem !important;
}
.ml-8 {
margin-left: 2rem !important;
}
.me-8 {
margin-right: 2rem !important;
}
.mr-8 {
margin-right: 2rem !important;
}
.mx-8 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.my-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.m-9 {
margin: 2.25rem !important;
}
.mt-9 {
margin-top: 2.25rem !important;
}
.mb-9 {
margin-bottom: 2.25rem !important;
}
.ms-9 {
margin-left: 2.25rem !important;
}
.ml-9 {
margin-left: 2.25rem !important;
}
.me-9 {
margin-right: 2.25rem !important;
}
.mr-9 {
margin-right: 2.25rem !important;
}
.mx-9 {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important;
}
.my-9 {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important;
}
.m-10 {
margin: 2.5rem !important;
}
.mt-10 {
margin-top: 2.5rem !important;
}
.mb-10 {
margin-bottom: 2.5rem !important;
}
.ms-10 {
margin-left: 2.5rem !important;
}
.ml-10 {
margin-left: 2.5rem !important;
}
.me-10 {
margin-right: 2.5rem !important;
}
.mr-10 {
margin-right: 2.5rem !important;
}
.mx-10 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.my-10 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.m-11 {
margin: 2.75rem !important;
}
.mt-11 {
margin-top: 2.75rem !important;
}
.mb-11 {
margin-bottom: 2.75rem !important;
}
.ms-11 {
margin-left: 2.75rem !important;
}
.ml-11 {
margin-left: 2.75rem !important;
}
.me-11 {
margin-right: 2.75rem !important;
}
.mr-11 {
margin-right: 2.75rem !important;
}
.mx-11 {
margin-left: 2.75rem !important;
margin-right: 2.75rem !important;
}
.my-11 {
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important;
}
.m-12 {
margin: 3rem !important;
}
.mt-12 {
margin-top: 3rem !important;
}
.mb-12 {
margin-bottom: 3rem !important;
}
.ms-12 {
margin-left: 3rem !important;
}
.ml-12 {
margin-left: 3rem !important;
}
.me-12 {
margin-right: 3rem !important;
}
.mr-12 {
margin-right: 3rem !important;
}
.mx-12 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.my-12 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.m-13 {
margin: 3.25rem !important;
}
.mt-13 {
margin-top: 3.25rem !important;
}
.mb-13 {
margin-bottom: 3.25rem !important;
}
.ms-13 {
margin-left: 3.25rem !important;
}
.ml-13 {
margin-left: 3.25rem !important;
}
.me-13 {
margin-right: 3.25rem !important;
}
.mr-13 {
margin-right: 3.25rem !important;
}
.mx-13 {
margin-left: 3.25rem !important;
margin-right: 3.25rem !important;
}
.my-13 {
margin-top: 3.25rem !important;
margin-bottom: 3.25rem !important;
}
.m-14 {
margin: 3.5rem !important;
}
.mt-14 {
margin-top: 3.5rem !important;
}
.mb-14 {
margin-bottom: 3.5rem !important;
}
.ms-14 {
margin-left: 3.5rem !important;
}
.ml-14 {
margin-left: 3.5rem !important;
}
.me-14 {
margin-right: 3.5rem !important;
}
.mr-14 {
margin-right: 3.5rem !important;
}
.mx-14 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.my-14 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.m-15 {
margin: 3.75rem !important;
}
.mt-15 {
margin-top: 3.75rem !important;
}
.mb-15 {
margin-bottom: 3.75rem !important;
}
.ms-15 {
margin-left: 3.75rem !important;
}
.ml-15 {
margin-left: 3.75rem !important;
}
.me-15 {
margin-right: 3.75rem !important;
}
.mr-15 {
margin-right: 3.75rem !important;
}
.mx-15 {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important;
}
.my-15 {
margin-top: 3.75rem !important;
margin-bottom: 3.75rem !important;
}
.m-16 {
margin: 4rem !important;
}
.mt-16 {
margin-top: 4rem !important;
}
.mb-16 {
margin-bottom: 4rem !important;
}
.ms-16 {
margin-left: 4rem !important;
}
.ml-16 {
margin-left: 4rem !important;
}
.me-16 {
margin-right: 4rem !important;
}
.mr-16 {
margin-right: 4rem !important;
}
.mx-16 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.my-16 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.m-17 {
margin: 4.25rem !important;
}
.mt-17 {
margin-top: 4.25rem !important;
}
.mb-17 {
margin-bottom: 4.25rem !important;
}
.ms-17 {
margin-left: 4.25rem !important;
}
.ml-17 {
margin-left: 4.25rem !important;
}
.me-17 {
margin-right: 4.25rem !important;
}
.mr-17 {
margin-right: 4.25rem !important;
}
.mx-17 {
margin-left: 4.25rem !important;
margin-right: 4.25rem !important;
}
.my-17 {
margin-top: 4.25rem !important;
margin-bottom: 4.25rem !important;
}
.m-18 {
margin: 4.5rem !important;
}
.mt-18 {
margin-top: 4.5rem !important;
}
.mb-18 {
margin-bottom: 4.5rem !important;
}
.ms-18 {
margin-left: 4.5rem !important;
}
.ml-18 {
margin-left: 4.5rem !important;
}
.me-18 {
margin-right: 4.5rem !important;
}
.mr-18 {
margin-right: 4.5rem !important;
}
.mx-18 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important;
}
.my-18 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important;
}
.m-19 {
margin: 4.75rem !important;
}
.mt-19 {
margin-top: 4.75rem !important;
}
.mb-19 {
margin-bottom: 4.75rem !important;
}
.ms-19 {
margin-left: 4.75rem !important;
}
.ml-19 {
margin-left: 4.75rem !important;
}
.me-19 {
margin-right: 4.75rem !important;
}
.mr-19 {
margin-right: 4.75rem !important;
}
.mx-19 {
margin-left: 4.75rem !important;
margin-right: 4.75rem !important;
}
.my-19 {
margin-top: 4.75rem !important;
margin-bottom: 4.75rem !important;
}
.m-20 {
margin: 5rem !important;
}
.mt-20 {
margin-top: 5rem !important;
}
.mb-20 {
margin-bottom: 5rem !important;
}
.ms-20 {
margin-left: 5rem !important;
}
.ml-20 {
margin-left: 5rem !important;
}
.me-20 {
margin-right: 5rem !important;
}
.mr-20 {
margin-right: 5rem !important;
}
.mx-20 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.my-20 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.p-0 {
padding: 0rem !important;
}
.pt-0 {
padding-top: 0rem !important;
}
.pb-0 {
padding-bottom: 0rem !important;
}
.ps-0 {
padding-left: 0rem !important;
}
.pl-0 {
padding-left: 0rem !important;
}
.pe-0 {
padding-right: 0rem !important;
}
.pr-0 {
padding-right: 0rem !important;
}
.px-0 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.py-0 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3 {
padding-top: 0.75rem !important;
}
.pb-3 {
padding-bottom: 0.75rem !important;
}
.ps-3 {
padding-left: 0.75rem !important;
}
.pl-3 {
padding-left: 0.75rem !important;
}
.pe-3 {
padding-right: 0.75rem !important;
}
.pr-3 {
padding-right: 0.75rem !important;
}
.px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4 {
padding-top: 1rem !important;
}
.pb-4 {
padding-bottom: 1rem !important;
}
.ps-4 {
padding-left: 1rem !important;
}
.pl-4 {
padding-left: 1rem !important;
}
.pe-4 {
padding-right: 1rem !important;
}
.pr-4 {
padding-right: 1rem !important;
}
.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-5 {
padding: 1.25rem !important;
}
.pt-5 {
padding-top: 1.25rem !important;
}
.pb-5 {
padding-bottom: 1.25rem !important;
}
.ps-5 {
padding-left: 1.25rem !important;
}
.pl-5 {
padding-left: 1.25rem !important;
}
.pe-5 {
padding-right: 1.25rem !important;
}
.pr-5 {
padding-right: 1.25rem !important;
}
.px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.p-6 {
padding: 1.5rem !important;
}
.pt-6 {
padding-top: 1.5rem !important;
}
.pb-6 {
padding-bottom: 1.5rem !important;
}
.ps-6 {
padding-left: 1.5rem !important;
}
.pl-6 {
padding-left: 1.5rem !important;
}
.pe-6 {
padding-right: 1.5rem !important;
}
.pr-6 {
padding-right: 1.5rem !important;
}
.px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.py-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-7 {
padding: 1.75rem !important;
}
.pt-7 {
padding-top: 1.75rem !important;
}
.pb-7 {
padding-bottom: 1.75rem !important;
}
.ps-7 {
padding-left: 1.75rem !important;
}
.pl-7 {
padding-left: 1.75rem !important;
}
.pe-7 {
padding-right: 1.75rem !important;
}
.pr-7 {
padding-right: 1.75rem !important;
}
.px-7 {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important;
}
.py-7 {
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important;
}
.p-8 {
padding: 2rem !important;
}
.pt-8 {
padding-top: 2rem !important;
}
.pb-8 {
padding-bottom: 2rem !important;
}
.ps-8 {
padding-left: 2rem !important;
}
.pl-8 {
padding-left: 2rem !important;
}
.pe-8 {
padding-right: 2rem !important;
}
.pr-8 {
padding-right: 2rem !important;
}
.px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.py-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.p-9 {
padding: 2.25rem !important;
}
.pt-9 {
padding-top: 2.25rem !important;
}
.pb-9 {
padding-bottom: 2.25rem !important;
}
.ps-9 {
padding-left: 2.25rem !important;
}
.pl-9 {
padding-left: 2.25rem !important;
}
.pe-9 {
padding-right: 2.25rem !important;
}
.pr-9 {
padding-right: 2.25rem !important;
}
.px-9 {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.py-9 {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important;
}
.p-10 {
padding: 2.5rem !important;
}
.pt-10 {
padding-top: 2.5rem !important;
}
.pb-10 {
padding-bottom: 2.5rem !important;
}
.ps-10 {
padding-left: 2.5rem !important;
}
.pl-10 {
padding-left: 2.5rem !important;
}
.pe-10 {
padding-right: 2.5rem !important;
}
.pr-10 {
padding-right: 2.5rem !important;
}
.px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.py-10 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.p-11 {
padding: 2.75rem !important;
}
.pt-11 {
padding-top: 2.75rem !important;
}
.pb-11 {
padding-bottom: 2.75rem !important;
}
.ps-11 {
padding-left: 2.75rem !important;
}
.pl-11 {
padding-left: 2.75rem !important;
}
.pe-11 {
padding-right: 2.75rem !important;
}
.pr-11 {
padding-right: 2.75rem !important;
}
.px-11 {
padding-left: 2.75rem !important;
padding-right: 2.75rem !important;
}
.py-11 {
padding-top: 2.75rem !important;
padding-bottom: 2.75rem !important;
}
.p-12 {
padding: 3rem !important;
}
.pt-12 {
padding-top: 3rem !important;
}
.pb-12 {
padding-bottom: 3rem !important;
}
.ps-12 {
padding-left: 3rem !important;
}
.pl-12 {
padding-left: 3rem !important;
}
.pe-12 {
padding-right: 3rem !important;
}
.pr-12 {
padding-right: 3rem !important;
}
.px-12 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.py-12 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.p-13 {
padding: 3.25rem !important;
}
.pt-13 {
padding-top: 3.25rem !important;
}
.pb-13 {
padding-bottom: 3.25rem !important;
}
.ps-13 {
padding-left: 3.25rem !important;
}
.pl-13 {
padding-left: 3.25rem !important;
}
.pe-13 {
padding-right: 3.25rem !important;
}
.pr-13 {
padding-right: 3.25rem !important;
}
.px-13 {
padding-left: 3.25rem !important;
padding-right: 3.25rem !important;
}
.py-13 {
padding-top: 3.25rem !important;
padding-bottom: 3.25rem !important;
}
.p-14 {
padding: 3.5rem !important;
}
.pt-14 {
padding-top: 3.5rem !important;
}
.pb-14 {
padding-bottom: 3.5rem !important;
}
.ps-14 {
padding-left: 3.5rem !important;
}
.pl-14 {
padding-left: 3.5rem !important;
}
.pe-14 {
padding-right: 3.5rem !important;
}
.pr-14 {
padding-right: 3.5rem !important;
}
.px-14 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.py-14 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.p-15 {
padding: 3.75rem !important;
}
.pt-15 {
padding-top: 3.75rem !important;
}
.pb-15 {
padding-bottom: 3.75rem !important;
}
.ps-15 {
padding-left: 3.75rem !important;
}
.pl-15 {
padding-left: 3.75rem !important;
}
.pe-15 {
padding-right: 3.75rem !important;
}
.pr-15 {
padding-right: 3.75rem !important;
}
.px-15 {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.py-15 {
padding-top: 3.75rem !important;
padding-bottom: 3.75rem !important;
}
.p-16 {
padding: 4rem !important;
}
.pt-16 {
padding-top: 4rem !important;
}
.pb-16 {
padding-bottom: 4rem !important;
}
.ps-16 {
padding-left: 4rem !important;
}
.pl-16 {
padding-left: 4rem !important;
}
.pe-16 {
padding-right: 4rem !important;
}
.pr-16 {
padding-right: 4rem !important;
}
.px-16 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.py-16 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.p-17 {
padding: 4.25rem !important;
}
.pt-17 {
padding-top: 4.25rem !important;
}
.pb-17 {
padding-bottom: 4.25rem !important;
}
.ps-17 {
padding-left: 4.25rem !important;
}
.pl-17 {
padding-left: 4.25rem !important;
}
.pe-17 {
padding-right: 4.25rem !important;
}
.pr-17 {
padding-right: 4.25rem !important;
}
.px-17 {
padding-left: 4.25rem !important;
padding-right: 4.25rem !important;
}
.py-17 {
padding-top: 4.25rem !important;
padding-bottom: 4.25rem !important;
}
.p-18 {
padding: 4.5rem !important;
}
.pt-18 {
padding-top: 4.5rem !important;
}
.pb-18 {
padding-bottom: 4.5rem !important;
}
.ps-18 {
padding-left: 4.5rem !important;
}
.pl-18 {
padding-left: 4.5rem !important;
}
.pe-18 {
padding-right: 4.5rem !important;
}
.pr-18 {
padding-right: 4.5rem !important;
}
.px-18 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.py-18 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.p-19 {
padding: 4.75rem !important;
}
.pt-19 {
padding-top: 4.75rem !important;
}
.pb-19 {
padding-bottom: 4.75rem !important;
}
.ps-19 {
padding-left: 4.75rem !important;
}
.pl-19 {
padding-left: 4.75rem !important;
}
.pe-19 {
padding-right: 4.75rem !important;
}
.pr-19 {
padding-right: 4.75rem !important;
}
.px-19 {
padding-left: 4.75rem !important;
padding-right: 4.75rem !important;
}
.py-19 {
padding-top: 4.75rem !important;
padding-bottom: 4.75rem !important;
}
.p-20 {
padding: 5rem !important;
}
.pt-20 {
padding-top: 5rem !important;
}
.pb-20 {
padding-bottom: 5rem !important;
}
.ps-20 {
padding-left: 5rem !important;
}
.pl-20 {
padding-left: 5rem !important;
}
.pe-20 {
padding-right: 5rem !important;
}
.pr-20 {
padding-right: 5rem !important;
}
.px-20 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.py-20 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.g-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.g-narrow {
max-width: 760px;
}
.g-center {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
.g-layout-3col {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.g-layout-3col > * {
flex: 1 1 0;
min-width: 220px;
}
.g-bg-contact {
background: #f7fafc;
}
.g-tagline {
color: #0c6655;
font-weight: 700;
letter-spacing: 0.05em;
font-size: 1rem;
margin-bottom: 0.6em;
}
@font-face {
font-family: "Comocomo";
src: url(//kwispelkapper.nl/wp-content/themes/kwispelkapper/assets/fonts/Comocomo.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Comocomo", "Inter", Arial, sans-serif;
}
.g-header {
display: block;
}
.g-header.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
background: #fff;
transition: box-shadow 0.2s, transform 0.2s;
transform: translateY(0);
display: block;
}
.g-header.is-hidden {
transform: translateY(-110%);
transition: transform 0.2s;
pointer-events: none;
}
header.g-header:not(.is-sticky) {
display: none;
}
.g-hero-section {
position: relative;
padding-top: 80px;
padding-bottom: 120px;
overflow: hidden;
}
.g-hero-section .g-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
height: 100%;
}
@media (max-width: 992px) {
.g-hero-section .g-container {
flex-direction: column;
gap: 35px;
height: auto;
}
}
.g-hero-section .g-hero-content {
flex: 1 1 0;
z-index: 2;
position: relative;
height: 100%;
}
.g-hero-section .g-hero-content .g-logo {
display: inline-block;
vertical-align: top;
margin-bottom: 18px;
align-self: flex-start;
}
.g-hero-section .g-hero-content h1 {
font-size: 3.5em;
font-weight: 900;
margin-bottom: 18px;
line-height: 1.05;
letter-spacing: -1px;
}
@media (max-width: 768px) {
.g-hero-section .g-hero-content h1 {
font-size: 2.2em;
}
}
.g-hero-section .g-hero-content .g-subtitle {
font-size: 1.15em;
color: #444444;
margin-bottom: 28px;
line-height: 1.7;
}
.g-hero-section .g-hero-content .g-tagline {
font-size: 15px;
text-transform: uppercase;
color: #888888;
letter-spacing: 1.2px;
font-weight: 600;
margin-bottom: 14px;
display: block;
}
.g-hero-section .g-hero-content .g-hero-actions {
margin-top: 38px;
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.g-hero-section .g-hero-content .g-stats {
margin-top: 30px;
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.g-hero-section .g-hero-content .g-stats .g-stat {
display: flex;
flex-direction: column;
}
.g-hero-section .g-hero-content .g-stats .g-stat .g-stat-number {
font-size: 2.1em;
font-weight: 700;
color: #fb91c8;
margin-bottom: 2px;
}
.g-hero-section .g-hero-content .g-stats .g-stat .g-stat-label {
font-size: 1em;
color: #888888;
font-weight: 500;
}
.g-hero-section .g-hero-image {
aspect-ratio: 0.763077;
height: 650px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.g-hero-section .g-hero-image .absolute-float {
position: absolute;
top: 0;
right: 0; border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
z-index: 2;
}
.g-hero-section .g-hero-image .absolute-float .frames {
z-index: 1;
background-color: #fff;
border-top-right-radius: 24px;
flex: none;
border-radius: 24px;
gap: 10px;
width: 56px;
height: 56px;
position: absolute;
top: 0px;
right: 0px;
overflow: visible;
box-shadow: 0 0 #fff;
}
.g-hero-section .g-hero-image .absolute-float .frames .frame-1 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 48px);
z-index: 1;
background-color: rgba(116, 128, 118, 0);
border-radius: 50px;
flex: none;
width: 48px;
position: absolute;
top: 0px;
left: -48px;
overflow: visible;
box-shadow: 24px -24px #fff;
}
.g-hero-section .g-hero-image .absolute-float .frames .frame-2 {
aspect-ratio: 1;
height: 48px;
z-index: 1;
background-color: rgba(116, 128, 118, 0);
border-radius: 50px;
flex: none;
width: 48px;
position: absolute;
top: 56px;
left: 8px;
overflow: visible;
box-shadow: 24px -24px #fff;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
width: 100%;
height: 100%;
max-width: 440px;
max-height: 540px;
aspect-ratio: 4/5;
background: #F8F9FA;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(251, 145, 200, 0.13);
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
}
.g-hero-section .g-hero-image .hero-img-wrapper img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
@media (max-width: 992px) {
.g-hero-section .g-hero-image {
min-height: 280px;
max-width: 100%;
margin: 0 auto;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
max-width: 100%;
max-height: 360px;
}
}
@media (max-width: 768px) {
.g-hero-section .g-hero-image {
width: 100%;
min-width: 0;
height: auto;
aspect-ratio: unset;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
height: auto;
max-height: none;
aspect-ratio: unset;
}
}
.g-hero-section .g-hero-decor-bubble {
position: absolute;
border-radius: 50%;
filter: blur(8px);
pointer-events: none;
z-index: 0;
}
.g-hero-section .bubble1 {
width: 260px;
height: 260px;
left: -90px;
top: 10%;
background: rgba(251, 145, 200, 0.13);
}
.g-hero-section .bubble2 {
width: 120px;
height: 120px;
right: -40px;
bottom: 24%;
background: rgba(0, 119, 182, 0.11);
}
.g-subtitle {
font-size: 1.15em;
color: #444444;
margin-bottom: 30px;
line-height: 1.6;
}
@media (max-width: 768px) {
.g-hero-section {
padding-top: 40px;
padding-bottom: 65px;
}
.g-hero-section .g-hero-content h1 {
font-size: 2em;
}
.g-hero-section .g-hero-image {
width: 100% !important;
min-width: 0 !important;
height: auto !important;
aspect-ratio: unset !important;
}
.g-hero-section .g-hero-image .hero-img-wrapper {
max-width: 100% !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
aspect-ratio: unset !important;
}
.g-hero-section .g-hero-content .g-hero-actions {
flex-direction: column;
gap: 12px;
}
.g-hero-section .g-hero-content .g-stats {
gap: 24px;
}
}
.g-section.g-about-us {
background: #F8F9FA;
padding: 90px 0;
}
.g-section.g-about-us .g-container {
padding: 0 30px;
}
.g-section.g-about-us .g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
@media (max-width: 992px) {
.g-section.g-about-us .g-layout-2col {
grid-template-columns: 1fr;
gap: 40px;
}
}
.g-section.g-about-us .g-text-side h2 {
font-size: 2.5em;
font-weight: 900;
margin-bottom: 18px;
color: #212121;
line-height: 1.13;
}
.g-section.g-about-us .g-text-side p {
font-size: 1.28em;
color: #444444;
line-height: 1.66;
margin-bottom: 24px;
}
.g-section.g-about-us .g-text-side .g-hero-image {
margin-top: 42px;
position: relative;
border-radius: 30px 30px 30px 80px;
overflow: hidden;
border: none;
background: #F8F9FA;
max-height: 700px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.g-section.g-about-us .g-text-side .g-hero-image img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px 30px 30px 80px;
box-shadow: 0 10px 36px 0 rgba(251, 145, 200, 0.13);
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #F8F9FA;
border-radius: 24px;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float svg {
display: block;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames {
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-1, .g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-2 {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: transparent;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-1 {
top: 0;
left: -48px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-about-us .g-text-side .g-hero-image .absolute-float .frames .frame-2 {
top: 56px;
left: 8px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-about-us .g-stats-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 0;
}
@media (max-width: 768px) {
.g-section.g-about-us .g-stats-grid {
grid-template-columns: 1fr;
gap: 24px;
}
}
.g-section.g-about-us .g-stats-grid .g-stat-item {
background: #ffffff;
border-radius: 18px;
box-shadow: 0 2px 12px 0 rgba(220, 170, 205, 0.08);
padding: 34px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.g-section.g-about-us .g-stats-grid .g-stat-item .g-stat-number {
font-size: 2.5em;
font-weight: 800;
color: #fb91c8;
margin-bottom: 3px;
line-height: 1;
}
.g-section.g-about-us .g-stats-grid .g-stat-item .g-stat-label {
font-size: 1em;
color: #888888;
font-weight: 500;
margin-top: 0;
}
.g-section.g-video {
padding: 90px 0;
}
.g-section.g-video .g-container {
padding: 0 30px;
}
.g-section.g-video .g-layout-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
@media (max-width: 992px) {
.g-section.g-video .g-layout-2col {
grid-template-columns: 1fr;
gap: 40px;
}
}
.g-section.g-video .g-text-side h2 {
font-size: 2.5em;
font-weight: 900;
margin-bottom: 18px;
color: #212121;
line-height: 1.13;
}
.g-section.g-video .g-text-side p {
font-size: 1.28em;
color: #444444;
line-height: 1.66;
margin-bottom: 24px;
}
.g-section.g-video p {
font-size: 1.13em;
color: #444444;
line-height: 1.54;
margin-bottom: 22px;
}
.g-section.g-video .g-video-wrapper {
position: relative;
border-radius: 30px 30px 30px 80px;
overflow: hidden;
border: 1px solid #dedede;
background: #f8f9fa;
padding: 3px;
}
.g-section.g-video .g-video-wrapper video {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px 30px 30px 80px;
background: #111;
box-shadow: 0 10px 36px 0 rgba(251, 145, 200, 0.13);
}
.g-section.g-video .g-video-wrapper .absolute-float {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #F8F9FA;
border-radius: 24px;
}
.g-section.g-video .g-video-wrapper .absolute-float svg {
display: block;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames {
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 56px;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-1, .g-section.g-video .g-video-wrapper .absolute-float .frames .frame-2 {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50px;
background-color: transparent;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-1 {
top: 0;
left: -48px;
box-shadow: 24px -24px #F8F9FA;
}
.g-section.g-video .g-video-wrapper .absolute-float .frames .frame-2 {
top: 56px;
left: 8px;
box-shadow: 24px -24px #F8F9FA;
}
.g-gallery-section {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.g-gallery-marquee-track {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0; width: -moz-max-content;
width: max-content;
animation: g-gallery-marquee-slide 38s linear infinite;
will-change: transform; }
.g-gallery-marquee-item img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
min-width: 0;
background: #fff;
}
@keyframes g-gallery-marquee-slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (max-width: 900px) {
.g-gallery-section {
padding-top: 2rem;
padding-bottom: 2rem;
}
.g-gallery-marquee-item {
width: 45vw !important;
min-width: 150px;
}
}
@media (max-width: 600px) {
.g-gallery-section {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.g-gallery-intro h2 {
font-size: 2rem !important;
}
.g-gallery-marquee-item {
width: 68vw !important;
min-width: 105px;
max-width: 98vw;
}
}
.g-testimonials-section {
padding: 100px 0;
background: #F8F9FA;
}
.g-testimonials-section .g-container {
max-width: 900px;
margin: 0 auto;
padding: 0 30px;
}
.g-testimonials-section .g-tagline {
font-size: 15px;
color: #888888;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.g-testimonials-section h2 {
font-size: 2.4em;
font-weight: 800;
margin-bottom: 44px;
line-height: 1.15;
}
.g-testimonials-section h2 span.text-pink {
color: #fb91c8;
}
.g-testimonials-section h2 br {
display: none;
}
@media (max-width: 600px) {
.g-testimonials-section h2 {
font-size: 1.5em;
}
}
.g-testimonials-section .row {
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.g-testimonials-section .row {
flex-direction: column;
}
}
.g-testimonials-section .g-testimonial-col {
padding: 10px;
}
.g-testimonials-section .g-testimonial-card {
background: #ffffff;
border-radius: 14px;
padding: 34px 24px 26px 24px;
box-shadow: 0 2px 12px 0 rgba(220, 170, 205, 0.1);
font-style: italic;
font-size: 1.1em;
position: relative;
margin-bottom: 0;
}
.g-testimonials-section .g-testimonial-card p {
margin-bottom: 16px;
color: #212121;
}
.g-testimonials-section .g-testimonial-card footer {
font-style: normal;
font-weight: 600;
color: #fb91c8;
font-size: 1em;
}
.g-testimonials-section .g-testimonial-card::before {
content: "“";
position: absolute;
top: 16px;
left: 16px;
font-size: 2em;
color: #fb91c8;
opacity: 0.15;
font-family: serif;
pointer-events: none;
}