@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--sb-navy:#111b55;--sb-blue:#4d6ff8;--sb-violet:#7657e8;--sb-cyan:#22b8c7;--sb-ink:#171a27;--sb-muted:#687086;--sb-line:#e0e4ed;--sb-bg:#f7f8fc;--sb-success:#059669;--sb-danger:#dc2626;--sb-gradient:linear-gradient(135deg,#111b55 0%,#7657e8 62%,#22b8c7 100%);--sb-shadow:0 18px 55px rgba(17,27,85,.1)}
.symkon-booking-page{font-family:Manrope,system-ui,sans-serif;padding-top:32px;padding-bottom:60px}.sb-shell{max-width:1180px;margin:auto;color:var(--sb-ink)}.sb-shell h1,.sb-shell h2,.sb-shell h3{font-family:'Space Grotesk',Manrope,sans-serif}.sb-hero{position:relative;overflow:hidden;text-align:center;color:#fff;padding:48px 30px;border-radius:24px;background:var(--sb-gradient);box-shadow:0 24px 65px rgba(42,38,134,.22)}.sb-hero:before,.sb-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.sb-hero:before{width:280px;height:280px;right:-70px;top:-150px;background:rgba(255,255,255,.12)}.sb-hero:after{width:180px;height:180px;left:-60px;bottom:-120px;background:rgba(34,184,199,.3)}.sb-eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;opacity:.8}.sb-hero h1{position:relative;margin:9px 0 8px;font-size:36px;font-weight:700}.sb-hero p{position:relative;margin:0;font-size:16px;opacity:.85}
.sb-progress{display:grid;grid-template-columns:repeat(4,1fr);max-width:800px;margin:28px auto 34px;padding:0;list-style:none}.sb-progress li{position:relative;color:#9aa1b2;text-align:center;font-size:12px;font-weight:700}.sb-progress li:not(:last-child):after{content:"";position:absolute;height:2px;left:calc(50% + 20px);right:calc(-50% + 20px);top:17px;background:#e1e4ec}.sb-progress li span{position:relative;z-index:2;display:flex;width:36px;height:36px;margin:0 auto 7px;border-radius:50%;align-items:center;justify-content:center;border:2px solid #dce0e9;background:#fff;color:#8a91a3;transition:.25s}.sb-progress li.is-active,.sb-progress li.is-complete{color:var(--sb-navy)}.sb-progress li.is-active span{border-color:var(--sb-violet);color:#fff;background:var(--sb-gradient);box-shadow:0 5px 16px rgba(118,87,232,.3)}.sb-progress li.is-complete span{border-color:var(--sb-success);background:var(--sb-success);color:#fff}.sb-progress li.is-complete:not(:last-child):after{background:var(--sb-success)}
.sb-section{margin-top:22px;padding:30px;border:1px solid var(--sb-line);border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(17,27,85,.045);transition:opacity .2s,filter .2s}.sb-section.is-locked,.sb-submit-panel.is-locked{opacity:.48;filter:grayscale(.25);pointer-events:none}.sb-section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.sb-section-heading>span{display:flex;flex:0 0 42px;height:42px;align-items:center;justify-content:center;border-radius:13px;color:#fff;font-size:12px;font-weight:800;background:var(--sb-gradient)}.sb-section-heading h2{margin:0 0 4px;font-size:21px;color:var(--sb-navy)}.sb-section-heading p{margin:0;color:var(--sb-muted);font-size:13px}
.sb-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sb-service-option{position:relative}.sb-service-option input{position:absolute;opacity:0;pointer-events:none}.sb-service-card{position:relative;display:flex;gap:14px;align-items:center;min-height:112px;padding:18px;border:2px solid #e7e9f0;border-radius:17px;background:#fff;cursor:pointer;transition:.22s;overflow:hidden}.sb-service-card:hover{transform:translateY(-2px);border-color:#b8b1ed;box-shadow:0 12px 28px rgba(17,27,85,.09)}.sb-service-option input:focus+.sb-service-card{outline:3px solid rgba(118,87,232,.2)}.sb-service-option input:checked+.sb-service-card{border-color:var(--sb-violet);background:linear-gradient(135deg,rgba(17,27,85,.025),rgba(118,87,232,.065));box-shadow:0 12px 32px rgba(118,87,232,.14)}.sb-service-icon{display:flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#edf0ff,#eee9ff);color:var(--sb-violet);font-size:18px}.sb-service-content{display:flex;min-width:0;flex:1;flex-direction:column}.sb-service-content strong{color:var(--sb-navy);font-size:15px}.sb-service-content small{margin-top:5px;color:var(--sb-muted);line-height:1.4}.sb-service-meta{display:flex;flex-direction:column;text-align:right;gap:5px}.sb-service-meta b{font-size:12px;color:var(--sb-muted)}.sb-service-meta em{font-style:normal;font-weight:800;color:var(--sb-navy);white-space:nowrap}.sb-card-check{position:absolute;right:-24px;top:-24px;width:48px;height:48px;border-radius:50%;background:var(--sb-violet);color:#fff;opacity:0;transition:.2s}.sb-card-check i{position:absolute;left:11px;bottom:9px;font-size:10px}.sb-service-option input:checked+.sb-service-card .sb-card-check{opacity:1}
.sb-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:10px 12px;border-radius:14px;background:var(--sb-bg)}.sb-calendar-toolbar strong{color:var(--sb-navy);text-transform:capitalize}.sb-icon-button{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:11px;background:#fff;color:var(--sb-navy);box-shadow:0 2px 8px rgba(17,27,85,.08);transition:.2s}.sb-icon-button:hover:not(:disabled){color:#fff;background:var(--sb-violet)}.sb-icon-button:disabled{opacity:.35}.sb-week-calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;min-height:260px;overflow-x:auto;padding-bottom:6px}.sb-day{min-width:110px;border:1px solid #e7e9f0;border-radius:15px;background:#fafbfe;overflow:hidden}.sb-day header{text-align:center;padding:12px 7px;border-bottom:1px solid #e7e9f0;background:#fff}.sb-day header span,.sb-day header small{display:block;color:var(--sb-muted);font-size:11px;text-transform:capitalize}.sb-day header strong{display:block;color:var(--sb-navy);font-size:24px;line-height:1.15}.sb-day.is-today{border-color:var(--sb-violet);box-shadow:inset 0 0 0 1px var(--sb-violet)}.sb-day.is-today header{background:linear-gradient(135deg,#f3f0ff,#eef6ff)}.sb-day.is-past{opacity:.45}.sb-day-slots{display:flex;flex-direction:column;gap:6px;padding:9px;max-height:300px;overflow-y:auto}.sb-slot{width:100%;padding:8px 5px;border:1px solid #dfe2eb;border-radius:9px;background:#fff;color:var(--sb-navy);font-size:12px;font-weight:700;transition:.18s}.sb-slot:hover{border-color:var(--sb-violet);color:var(--sb-violet);transform:translateY(-1px)}.sb-slot.is-selected{color:#fff;border-color:transparent;background:var(--sb-gradient);box-shadow:0 5px 14px rgba(118,87,232,.25)}.sb-no-slots{display:block;text-align:center;color:#c2c6d0;padding:12px}.sb-calendar-placeholder,.sb-empty,.sb-calendar-loading{grid-column:1/-1;display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--sb-muted);border:1px dashed #d9dde7;border-radius:15px}.sb-calendar-placeholder i{font-size:34px;color:#b7bdd0}.sb-calendar-loading{flex-direction:row}.sb-calendar-loading span{width:8px;height:8px;border-radius:50%;background:var(--sb-violet);animation:sb-pulse 1s infinite}.sb-calendar-loading span:nth-child(2){animation-delay:.15s}.sb-calendar-loading span:nth-child(3){animation-delay:.3s}.sb-calendar-loading small{margin-left:5px}@keyframes sb-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.sb-staff-choice,.sb-meeting-choice{margin-top:20px;padding-top:18px;border-top:1px solid var(--sb-line)}.sb-staff-choice h3,.sb-meeting-choice h3{margin:0 0 12px;color:var(--sb-navy);font-size:15px}.sb-choice-row{display:flex;flex-wrap:wrap;gap:9px}.sb-choice-row button{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #dfe2eb;border-radius:999px;background:#fff;color:var(--sb-navy);font-size:12px;font-weight:700;transition:.18s}.sb-choice-row button:hover,.sb-choice-row button.is-selected{color:#fff;border-color:transparent;background:var(--sb-gradient)}.sb-selection-summary{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border-radius:13px;background:#ecfdf5;color:#075b43}.sb-selection-summary>i{font-size:20px}.sb-selection-summary span{display:flex;flex-direction:column}.sb-selection-summary small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sb-selection-summary strong{font-size:13px;text-transform:capitalize}
.sb-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sb-field-wide{grid-column:1/-1}.sb-field label{display:block;margin-bottom:7px;color:var(--sb-navy);font-size:12px;font-weight:800}.sb-field input,.sb-field textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dce0e8;border-radius:11px;background:#fff;color:var(--sb-ink);outline:none;transition:.18s}.sb-field input:focus,.sb-field textarea:focus{border-color:var(--sb-violet);box-shadow:0 0 0 3px rgba(118,87,232,.12)}.sb-consent{position:relative;margin-top:18px}.sb-consent input{position:absolute;opacity:0;width:1px;height:1px}.sb-consent label{display:flex;align-items:flex-start;gap:10px;color:var(--sb-muted);font-size:12px;line-height:1.5;cursor:pointer}.sb-checkbox{display:flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;border:2px solid #cfd4df;border-radius:7px;background:#fff;color:#fff;transition:.18s}.sb-checkbox i{font-size:10px;opacity:0}.sb-consent input:checked+label .sb-checkbox{border-color:var(--sb-violet);background:var(--sb-gradient);box-shadow:0 4px 10px rgba(118,87,232,.2)}.sb-consent input:checked+label .sb-checkbox i{opacity:1}.sb-consent input:focus+label .sb-checkbox{outline:3px solid rgba(118,87,232,.15)}
.sb-submit-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;padding:22px 24px;border-radius:18px;color:#fff;background:#11162d;box-shadow:var(--sb-shadow);transition:.2s}.sb-submit-panel>div{display:flex;min-width:0;flex-direction:column}.sb-submit-panel span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#b9bfd0}.sb-submit-panel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sb-submit-panel small{margin-top:4px;color:#9ee5e1}.sb-primary-button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:210px;padding:14px 22px;border:0;border-radius:12px;color:#fff;background:var(--sb-gradient);font-weight:800;box-shadow:0 12px 28px rgba(118,87,232,.28);transition:.2s}.sb-primary-button span{font-size:13px;letter-spacing:0;text-transform:none;color:#fff}.sb-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px rgba(118,87,232,.38)}.sb-primary-button:disabled{opacity:.5}.booking-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}
.symkon-booking-nav .btn{margin:0 5px 5px 0}.symkon-booking-admin-calendar .fc .fc-toolbar-title{font-family:'Space Grotesk',sans-serif;color:var(--sb-navy);font-size:20px}.symkon-booking-admin-calendar .fc-button-primary{background:var(--sb-navy)!important;border-color:var(--sb-navy)!important}.symkon-booking-admin-calendar .fc-event{border-radius:6px;padding:2px 4px}.symkon-booking-admin-calendar .fc-timegrid-slot{height:2.4em}.symkon-stat-card{border-radius:15px!important;border-top:3px solid var(--sb-violet)}.booking-status{display:inline-block;padding:7px 12px;border-radius:999px;background:#e5e7eb;margin-bottom:20px;text-transform:capitalize}.booking-status-confirmed{background:#d1fae5;color:#065f46}.booking-status-cancelled,.booking-status-expired{background:#fee2e2;color:#991b1b}.booking-status-pending_payment{background:#fef3c7;color:#92400e}
@media(max-width:900px){.sb-service-grid{grid-template-columns:1fr}.sb-fields-grid{grid-template-columns:1fr 1fr}.sb-week-calendar{grid-template-columns:repeat(7,118px)}}
@media(max-width:600px){.symkon-booking-page{padding:14px 0 40px}.sb-hero{padding:34px 18px;border-radius:18px}.sb-hero h1{font-size:28px}.sb-progress li{font-size:0}.sb-progress li span{font-size:12px}.sb-section{padding:20px 16px;border-radius:16px}.sb-service-card{align-items:flex-start}.sb-service-meta{position:absolute;left:80px;bottom:14px;flex-direction:row}.sb-service-card{padding-bottom:44px}.sb-fields-grid{grid-template-columns:1fr}.sb-field-wide{grid-column:auto}.sb-submit-panel{align-items:stretch;flex-direction:column}.sb-primary-button{width:100%}.sb-week-calendar{margin-right:-16px}.sb-section-heading h2{font-size:18px}}