@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary: #123D35;--primary-hover: #1e5249;--primary-rgb: 18, 61, 53;--secondary: #2B6A73;--secondary-rgb: 43, 106, 115;--accent: #E6DED2;--accent-gold: #c39b62;--accent-pink: #E88294;--bg-page: #F7F5F0;--bg-card: #ffffff;--bg-slot: #E0F3F5;--text-main: #1C2D2A;--text-muted: #5E726E;--border-color: #E2DDD5;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(18, 61, 53, .04);--shadow-md: 0 8px 24px rgba(18, 61, 53, .06);--shadow-lg: 0 16px 48px rgba(18, 61, 53, .1);--font-family: "Plus Jakarta Sans", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;padding:20px}.booking-widget-container{max-width:900px;margin:40px auto;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden;position:relative}.booking-header{background-color:var(--primary);color:#fff;padding:30px 40px;text-align:left;position:relative;border-bottom:4px solid var(--accent-gold)}.booking-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.booking-header p{color:var(--accent);font-weight:400;font-size:.9rem}.booking-logo{max-height:38px;margin-bottom:12px}.steps-indicator{display:flex;justify-content:space-between;background-color:#fff;padding:20px 40px;border-bottom:1px solid var(--border-color)}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:80px}.step-item:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background-color:var(--border-color);z-index:1;transition:var(--transition)}.step-item.active:not(:last-child):after{background-color:var(--secondary)}.step-number{width:32px;height:32px;border-radius:50%;background-color:#fff;border:2px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;z-index:2;transition:var(--transition)}.step-label{margin-top:6px;font-size:.78rem;font-weight:600;color:var(--text-muted);text-align:center}.step-item.active .step-number{border-color:var(--primary);background-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #123d351f}.step-item.active .step-label{color:var(--primary);font-weight:700}.step-item.completed .step-number{border-color:var(--secondary);background-color:var(--secondary);color:#fff}.step-item.completed .step-label{color:var(--secondary)}.booking-content{padding:40px;min-height:420px}.step-pane{display:none;animation:fadeIn .4s ease-out forwards}.step-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-subtitle{font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:12px}.step-title-block{margin-bottom:24px}.step-title-block h2{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:4px}.step-title-block p{color:var(--text-muted);font-size:.88rem}.treatment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:10px}.treatment-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;position:relative;justify-content:space-between;min-height:160px;box-shadow:var(--shadow-sm)}.treatment-card:hover{border-color:var(--secondary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.treatment-card.selected{border-color:var(--primary);background-color:#123d3505;box-shadow:0 8px 30px #123d3514}.treatment-card.selected:before{content:"✓";position:absolute;top:16px;right:16px;width:20px;height:20px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.treatment-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding-right:16px}.treatment-name{font-size:1.1rem;font-weight:700;color:var(--primary);line-height:1.3}.treatment-price{font-size:1.15rem;font-weight:800;color:var(--secondary);white-space:nowrap}.treatment-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:12px}.treatment-description{font-size:.85rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:auto}.combined-booking-container{display:flex;flex-direction:column;gap:28px}.therapist-horizontal-scroll{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.therapist-horizontal-scroll::-webkit-scrollbar{height:6px}.therapist-horizontal-scroll::-webkit-scrollbar-track{background:transparent}.therapist-horizontal-scroll::-webkit-scrollbar-thumb{background-color:#123d351a;border-radius:10px}.therapist-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);border-radius:50px;padding:8px 16px;cursor:pointer;white-space:nowrap;font-size:.88rem;font-weight:600;color:var(--text-main);transition:var(--transition)}.therapist-pill:hover{border-color:var(--secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.therapist-pill.selected{background-color:var(--secondary);border-color:var(--secondary);color:#fff;box-shadow:0 4px 12px #2b6a7333}.therapist-pill-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background-color:var(--accent);border:1px solid var(--border-color)}.therapist-pill.selected .therapist-pill-avatar{border-color:#fff}.skeleton-pill{width:120px;height:42px;border-radius:50px}.skeleton-day-pill{width:100px;height:64px;border-radius:var(--radius-sm)}.calendar-row-container{position:relative;display:flex;gap:12px;align-items:stretch}.date-picker-button-wrapper{position:relative;display:flex;align-items:center}.btn-velg-dato{background-color:var(--secondary);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition);height:100%;display:flex;align-items:center;justify-content:center;min-height:64px}.btn-velg-dato:hover{background-color:var(--primary)}.calendar-days-scroll{display:flex;gap:12px;flex:1;overflow-x:auto;padding-bottom:4px}.calendar-day-pill-card{flex:1;min-width:90px;max-width:140px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;justify-content:center}.calendar-day-pill-card:hover{border-color:var(--secondary)}.calendar-day-pill-card.selected{background-color:var(--accent-pink);border-color:var(--accent-pink);color:#fff;box-shadow:0 4px 12px #e8829440}.day-pill-num{font-size:1.15rem;font-weight:800;line-height:1.1;margin-bottom:2px}.day-pill-name{font-size:.72rem;font-weight:600;text-transform:capitalize;opacity:.9}.next-available-wrapper{background-color:#2b6a730d;border:1px dashed var(--secondary);border-radius:var(--radius-md);padding:20px}.next-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.next-slot-btn{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:var(--transition);color:var(--primary);text-align:center;box-shadow:var(--shadow-sm)}.next-slot-btn:hover{border-color:var(--accent-pink);background-color:#e882940d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.next-slot-btn .slot-date-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:3px}.next-slot-btn .slot-time-label{font-size:1.1rem;font-weight:800;color:var(--secondary)}.slots-sections{display:flex;flex-direction:column;gap:20px}.slots-period-section{padding-bottom:12px}.period-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.slot-button{background-color:var(--bg-slot);border:none;border-radius:var(--radius-sm);padding:12px 6px;font-size:.88rem;font-weight:700;cursor:pointer;text-align:center;transition:var(--transition);color:var(--primary)}.slot-button:hover{background-color:var(--secondary);color:#fff}.slot-button.selected{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.booking-form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:700;color:var(--primary)}.form-group input,.form-group select{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.92rem;font-family:var(--font-family);background-color:#fff;transition:var(--transition);color:var(--text-main)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #123d3514}.otp-container{display:flex;justify-content:center;gap:10px;margin:20px 0}.otp-input{width:48px;height:48px;text-align:center;font-size:1.4rem;font-weight:700;border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition)}.otp-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #123d3514}.confirmation-container{text-align:center;max-width:500px;margin:0 auto}.success-icon{width:64px;height:64px;border-radius:50%;background-color:#2b6a731a;color:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}.summary-card{background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;margin:20px 0;text-align:left;display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;font-size:.9rem}.summary-label{font-weight:600;color:var(--text-muted)}.summary-val{font-weight:700;color:var(--primary)}.booking-footer{display:flex;justify-content:space-between;padding:20px 40px 30px;border-top:1px solid var(--border-color)}.btn{padding:12px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition);font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background-color:#123d350a}.btn-primary{background-color:var(--primary);border:1px solid var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn:disabled{opacity:.3;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#f0ede6 25%,#e8e3d9,#f0ede6 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:4px}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-card{height:100px;border-radius:var(--radius-md);border:1px solid var(--border-color)}@media (max-width: 768px){body{padding:10px}.booking-widget-container{margin:10px auto;border-radius:var(--radius-md)}.booking-header{padding:20px}.steps-indicator{padding:12px 20px}.booking-content,.booking-footer{padding:20px}.calendar-row-container{flex-direction:column}.btn-velg-dato{width:100%;min-height:48px}}