:root{--brand:#2859CC;--brand-dark:#1e47a8;--brand-light:#4a7ae6;--brand-lightest:#e8f0ff;--brand-glow:rgba(40, 89, 204, 0.15);--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-brand:0 10px 30px -5px rgba(40, 89, 204, 0.25);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:0 0}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--brand);text-decoration:none}.booking-app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding:40px;max-width:1200px;margin:0 auto;width:100%}@media (max-width:768px){body,html{overflow-x:clip}body{min-height:auto!important}.booking-app{min-height:auto!important}.main{flex:none!important;padding:0 16px 0 16px;min-height:auto!important;overflow-x:visible}.step-panel[data-step="1"]{overflow-x:visible;overflow-y:visible}}.header{background:var(--brand);color:var(--white);padding:16px 40px;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-lg)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.logo img{height:40px;filter:brightness(0) invert(1)}.stepper{display:flex;gap:8px;align-items:center}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:14px;font-weight:500;transition:var(--transition-normal)}.step.active{background:var(--white);color:var(--brand);box-shadow:var(--shadow-md)}.step.completed{background:rgba(255,255,255,.25);color:var(--white)}.step-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:rgba(255,255,255,.2)}.step.active .step-number{background:var(--brand);color:var(--white)}.step.completed .step-number{background:var(--success)}.step-label{display:none;color:#fff}@media (min-width:1024px){.step-label{display:block;color:#fff}}.header .step:not(.active) .step-label{color:rgba(255,255,255,.95)}.mobile-header{display:none;background:linear-gradient(135deg,#2859cc 0,#1e40af 100%);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:1000;align-items:center;justify-content:space-between;box-shadow:none;margin:0;margin-bottom:0!important}.mobile-header img{height:32px;width:auto;object-fit:contain}.mobile-steps{display:flex;gap:6px}.mobile-step{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.mobile-step.active{background:var(--white);color:var(--brand)}.mobile-step.completed{background:var(--success);color:var(--white)}@media (max-width:768px){.header{display:none}.mobile-header{display:flex;position:sticky;top:0;z-index:1000;margin:0!important;padding:12px 16px!important;border-bottom:none!important;background:linear-gradient(135deg,#2859cc 0,#1e40af 100%)}}.page-header{margin-bottom:32px}.page-header-content{display:flex;align-items:flex-start;gap:20px}.page-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--white);box-shadow:var(--shadow-brand);flex-shrink:0}.page-header h1{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:6px;line-height:1.2}.page-header p{color:var(--gray-500);font-size:16px}@media (max-width:768px){.page-icon{width:50px;height:50px;font-size:22px}.page-header h1{font-size:22px}.page-header p{font-size:14px}}.step-panel{display:none!important;opacity:0;visibility:hidden}.step-panel.active{display:block!important;opacity:1;visibility:visible;animation:stepSlideIn .35s cubic-bezier(.4,0,.2,1)}@keyframes stepSlideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.categories-wrapper{position:relative}.categories{padding:20px 0 20px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;touch-action:pan-y pan-x;overscroll-behavior-x:contain}.categories-track{display:flex;gap:10px;width:max-content;min-width:100%}.scroll-indicator{display:none;height:4px;background:#e5e7eb;border-radius:2px;margin:0 20px 12px 20px;position:relative;overflow:hidden}.scroll-indicator-bar{height:100%;background:linear-gradient(90deg,#4a7ae6 0,#2859cc 100%);border-radius:2px;transition:width .1s ease-out;box-shadow:0 0 8px rgba(40,89,204,.5)}@media (max-width:768px){.scroll-indicator{display:block}}.categories::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent 0,var(--gray-50) 70%,var(--gray-50) 100%);pointer-events:none;display:none;opacity:1;transition:opacity .3s ease}.categories.scroll-end::after{opacity:0}@media (max-width:768px){.categories-wrapper{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:visible}.categories{margin-top:24px!important;padding:12px 16px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;overscroll-behavior-x:contain;width:100%;-webkit-tap-highlight-color:transparent}.categories-track{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.categories::after{display:none!important}}.categories::-webkit-scrollbar{height:6px}.categories::-webkit-scrollbar-track{background:var(--gray-200);border-radius:3px}.categories::-webkit-scrollbar-thumb{background:var(--brand);border-radius:3px}.categories::-webkit-scrollbar-thumb:hover{background:var(--brand-dark)}@media (max-width:768px){.categories::-webkit-scrollbar{height:10px!important;-webkit-appearance:none!important}.categories::-webkit-scrollbar-track{background:#d1d5db!important;border-radius:5px!important;margin:0 20px!important}.categories::-webkit-scrollbar-thumb{background:#2859cc!important;background:linear-gradient(180deg,#4a7ae6 0,#2859cc 100%)!important;border-radius:5px!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}.categories::-webkit-scrollbar-thumb:hover{background:#1e47a8!important}.categories{scrollbar-width:auto!important;scrollbar-color:#2859CC #d1d5db!important}}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-weight:600;font-size:14px;color:var(--gray-700);white-space:nowrap;transition:var(--transition-normal);box-shadow:var(--shadow-sm);flex-shrink:0}@media (max-width:768px){.category-btn{font-size:11px;padding:9px 13px;gap:5px;white-space:nowrap;border:1px solid var(--gray-200);border-radius:20px;min-width:auto;max-width:none}.cat-dot{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;flex-shrink:0}}.category-btn:hover{border-color:var(--brand-light);color:var(--brand);transform:translateY(-2px)}.category-btn.active{background:var(--brand);border-color:var(--brand);color:var(--white);box-shadow:var(--shadow-brand)}.category-btn-sub{font-size:13px;padding:10px 16px;opacity:.85}.category-btn-sub:hover{opacity:1}@media (max-width:768px){.category-btn-sub{display:none}}.subcategories-filter{scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.subcategories-filter::-webkit-scrollbar{height:4px}.subcategories-filter::-webkit-scrollbar-track{background:rgba(40,89,204,.1);border-radius:2px}.subcategories-filter::-webkit-scrollbar-thumb{background:var(--brand);border-radius:2px}@media (max-width:768px){.subcategories-filter::-webkit-scrollbar{height:4px}.subcategories-filter::-webkit-scrollbar-track{background:rgba(40,89,204,.1);border-radius:2px}.subcategories-filter::-webkit-scrollbar-thumb{background:var(--brand);border-radius:2px}}.category-filter-btn{padding:8px 16px;border:2px solid var(--gray-200);background:var(--white);color:var(--gray-700);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition-normal);white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-sm)}.category-filter-btn:hover{border-color:var(--brand-light);color:var(--brand);transform:translateY(-1px)}.category-filter-btn.active{background:var(--brand);border-color:var(--brand);color:var(--white);box-shadow:var(--shadow-md)}@media (max-width:768px){.category-filter-btn{padding:8px 14px;font-size:12px}.subcategories-filter{padding:0 20px;margin:0 -20px}}.cat-dot{width:8px;height:8px;background:var(--gray-400);border-radius:50%}.category-btn.active .cat-dot{background:var(--white)}.services-section{margin-bottom:24px}.service-count{display:inline-block;font-size:13px;color:var(--gray-600);background:var(--gray-100);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:16px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card-body{padding:14px}.service-card-footer{padding:10px 14px}.service-name{font-size:14px}.price-amount{font-size:20px}}@media (max-width:480px){.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card-body{padding:12px}.service-card-footer{padding:8px 12px}.service-icon{width:38px;height:38px;font-size:18px;margin-bottom:8px}.service-name{font-size:13px;margin-bottom:4px}.service-duration{font-size:10px;padding:3px 8px;margin-bottom:8px}.price-label{font-size:10px}.price-amount{font-size:18px}.status-text{font-size:12px}}.service-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.service-card:hover{border-color:var(--brand-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-card.selected{border-color:var(--brand);box-shadow:var(--shadow-brand)}.service-card-body{padding:20px}.service-icon{width:44px;height:44px;background:var(--brand-lightest);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--brand);margin-bottom:12px;transition:var(--transition-normal)}.service-card.selected .service-icon{background:var(--brand);color:var(--white);transform:scale(1.1)}.service-name{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.service-duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-600);background:var(--gray-100);padding:4px 10px;border-radius:var(--radius-full);margin-bottom:12px}.service-duration i{color:var(--brand)}.service-price{display:flex;align-items:baseline;gap:3px}.price-label{font-size:11px;color:var(--gray-500);text-transform:uppercase;font-weight:600}.price-amount{font-size:24px;font-weight:800;color:var(--brand)}.service-card-footer{padding:14px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.service-card.selected .service-card-footer{background:var(--brand-lightest);border-top-color:var(--brand-light)}.status-text{font-size:14px;font-weight:600;color:var(--gray-600)}.service-card.selected .status-text{color:var(--brand)}.status-check{display:none;color:var(--brand);font-size:18px}.service-card.selected .status-check{display:block}.selected-badge{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--white);padding:16px 20px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:var(--shadow-brand)}.badge-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.badge-icon{font-size:22px;opacity:.9;flex-shrink:0}.badge-content{flex:1;min-width:0}.badge-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin-bottom:2px}.badge-name{font-size:16px;font-weight:700;line-height:1.3}.badge-price{font-size:20px;font-weight:800;background:rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0}@media (max-width:640px){.selected-badge{padding:14px 16px;margin-bottom:20px}.badge-info{gap:10px}.badge-icon{font-size:20px}.badge-name{font-size:15px}.badge-price{font-size:18px;padding:6px 12px}}.options-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}@media (max-width:1024px){.options-layout{grid-template-columns:1fr}.options-sidebar{display:none}}.options-count{font-size:13px;color:var(--gray-600);background:var(--gray-100);padding:6px 14px;border-radius:var(--radius-full);display:inline-block;margin-bottom:20px}.options-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin:24px 0 12px}.options-group-title i{color:var(--brand)}.option-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:var(--transition-normal)}.option-card:hover{border-color:var(--brand-light);background:var(--brand-lightest)}.option-card.active{border-color:var(--brand);background:var(--brand-lightest);box-shadow:var(--shadow-md)}.option-checkbox{width:24px;height:24px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.option-card.active .option-checkbox{background:var(--brand);border-color:var(--brand);color:var(--white)}.option-icon{width:44px;height:44px;background:var(--brand-lightest);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--brand);flex-shrink:0}.option-card.active .option-icon{background:var(--brand);color:var(--white)}.option-info{flex:1;min-width:0}.option-name{font-weight:700;color:var(--gray-900);margin-bottom:2px}.option-desc{font-size:13px;color:var(--gray-500)}.option-price{font-weight:700;color:var(--brand);font-size:15px;padding:6px 12px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);flex-shrink:0}.option-card.active .option-price{background:var(--brand);color:var(--white);border-color:var(--brand)}.upsell-category{margin-bottom:32px}.upsell-category-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:16px}.upsell-category-title i{color:var(--brand)}.upsell-grid{display:grid;gap:12px}.upsell-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:var(--transition-normal)}.upsell-card:hover{border-color:var(--brand-light);background:var(--brand-lightest);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upsell-card.selected{border-color:var(--brand);background:var(--brand-lightest);box-shadow:var(--shadow-md)}.upsell-content{display:flex;align-items:center;gap:14px;flex:1}.upsell-icon{width:48px;height:48px;background:var(--brand-lightest);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--brand);flex-shrink:0}.upsell-card.selected .upsell-icon{background:var(--brand);color:var(--white)}.upsell-info{flex:1}.upsell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.upsell-name{font-weight:700;font-size:15px;color:var(--gray-900)}.upsell-price{font-weight:700;color:var(--brand);font-size:16px}.upsell-desc{font-size:13px;color:var(--gray-600);line-height:1.4}.upsell-badge{display:inline-flex;align-items:center;gap:4px;background:var(--warning-light);color:var(--warning);padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;margin-top:6px}.upsell-check{font-size:24px;color:var(--gray-300)}.upsell-card.selected .upsell-check{color:var(--brand)}.upsell-card.upsell-included{cursor:default}.upsell-card.upsell-included:hover{transform:none}.upsell-badge-included{background:var(--success-light,#d1fae5)!important;color:var(--success,#059669)!important}.no-upsells{text-align:center;padding:60px 20px;color:var(--gray-500)}.no-upsells i{font-size:48px;color:var(--gray-300);margin-bottom:16px}.empty-summary-msg{text-align:center;padding:20px;color:var(--gray-500);font-size:14px;font-style:italic}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-100)}.summary-item:last-child{border-bottom:none}.item-name{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-700)}.item-name i{color:var(--success);font-size:12px}.item-price{font-weight:600;color:var(--brand);font-size:14px}.options-sidebar{position:sticky;top:100px}.summary-list{margin-bottom:20px;max-height:250px;overflow-y:auto}.summary-empty{text-align:center;color:var(--gray-500);font-size:14px;padding:24px;font-style:italic}.summary-total{border-top:2px solid var(--gray-200);padding-top:16px;display:flex;justify-content:space-between;font-weight:700;font-size:16px;margin-bottom:20px}.summary-total span:last-child{color:var(--brand);font-size:20px}.options-mobile-footer{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:2px solid var(--gray-200);padding:14px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.08);z-index:var(--z-sticky);gap:12px}@media (max-width:1024px){.options-mobile-footer{display:flex;justify-content:space-between;align-items:center}.step-panel[data-step="2"]{padding-bottom:80px}}.footer-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.footer-count{color:var(--gray-600);font-size:12px}.footer-total{font-weight:700;color:var(--brand);font-size:18px}.options-mobile-footer-btns{display:flex;gap:12px;align-items:center}@media (max-width:400px){.options-mobile-footer .btn{font-size:14px;padding:12px 16px}.footer-total{font-size:16px}}.calendar-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media (min-width:769px){.calendar-desktop{width:100%;height:600px;overflow:hidden;border-radius:var(--radius-lg);background:var(--white);border:2px solid var(--gray-200);box-shadow:var(--shadow-md);position:relative}.calendar-view{display:block;width:100%;height:100%;padding:24px;box-sizing:border-box}.slots-view{display:none;width:100%;height:100%;padding:24px;box-sizing:border-box}.calendar-view.slide-out{display:none}.slots-view.slide-in{display:block!important;animation:fadeInSlots .3s ease-in-out}@keyframes fadeInSlots{from{opacity:0}to{opacity:1}}.calendar-view .calendar,.slots-view .time-section{height:100%;display:flex;flex-direction:column;border:none;box-shadow:none;padding:0}}.calendar{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h2{font-size:18px;font-weight:700;color:var(--gray-900)}.calendar-nav{display:flex;gap:8px}.calendar-nav button{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.calendar-nav button:hover:not(:disabled){background:var(--brand);color:var(--white);transform:scale(1.05)}.calendar-nav button:disabled{opacity:.5;cursor:not-allowed}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day-name{text-align:center;font-size:12px;font-weight:600;color:var(--gray-500);padding:8px 4px;text-transform:uppercase;letter-spacing:.5px}.calendar-day,.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:var(--white);color:#111827!important;border:2px solid transparent}.calendar-day.empty,.day.empty{background:0 0;cursor:default;visibility:hidden}.calendar-day:hover:not(.disabled):not(.empty):not(.selected),.day:hover:not(.disabled):not(.empty):not(.selected){background:var(--brand-lightest);color:var(--brand);border-color:var(--brand-light);transform:scale(1.05)}.calendar-day.selected,.day.selected{background:var(--brand)!important;color:var(--white)!important;border-color:var(--brand)!important;box-shadow:var(--shadow-brand);font-weight:700}.calendar-day.disabled,.day.disabled{color:#d1d5db!important;cursor:not-allowed;background:var(--gray-50);opacity:.6!important}.calendar-day.today,.day.today{border:2px solid var(--brand);font-weight:700}.calendar-day.today.selected,.day.today.selected{border-color:var(--white)}.time-section{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.back-to-calendar{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gray-100);color:var(--gray-700);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);margin-bottom:16px}.back-to-calendar:hover{background:var(--gray-200);border-color:var(--brand);color:var(--brand);transform:translateX(-4px)}.back-to-calendar i{font-size:16px}.time-section h3{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.time-section .date-text,.time-section p{color:var(--brand);font-weight:500;margin-bottom:20px;font-size:15px}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (min-width:769px){.slots-view .time-slots{flex:1;overflow-y:auto;max-height:450px}}.period-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--brand-lightest);border:1px solid var(--brand-light);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--brand);margin:16px 0 12px;grid-column:1/-1}.period-badge i{font-size:14px;opacity:.8}.time-slot{padding:14px 12px;text-align:center;background:var(--brand);border:2px solid var(--brand);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);color:var(--white)}.time-slot:hover:not(.unavailable):not(.selected){background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.time-slot.selected{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;color:var(--white)!important;box-shadow:var(--shadow-brand);transform:scale(1.02)}.time-slot.unavailable{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;text-decoration:line-through;opacity:.6}.no-slots{text-align:center;padding:40px 20px;color:var(--gray-500);font-size:14px}.no-slots i{font-size:40px;color:var(--gray-300);margin-bottom:16px;display:block}.mobile-view{display:none}@media (max-width:900px){.calendar-layout{grid-template-columns:1fr;gap:20px}.calendar-desktop{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.calendar-desktop{display:none!important}.mobile-view{display:block!important}.calendar-day,.day{color:#111827!important;font-weight:700!important;font-size:16px!important}.calendar-day.disabled,.day.disabled{color:#9ca3af!important;opacity:.65!important}}@media (min-width:769px){.mobile-view{display:none!important}.calendar-desktop{display:block!important}}@media (max-width:640px){.calendar,.time-section{padding:16px}.calendar-header h2{font-size:16px}.calendar-day,.day{font-size:14px}.calendar-day-name{font-size:10px;padding:6px 2px}.time-section h3{font-size:16px}.time-slots{grid-template-columns:repeat(2,1fr);gap:8px}.time-slot{padding:12px 8px;font-size:14px}}.form-section{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.form-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.form-section-icon{width:44px;height:44px;background:var(--brand-lightest);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--brand)}.form-section-title{font-size:16px;font-weight:700;color:var(--gray-900)}.form-section-subtitle{font-size:13px;color:var(--gray-500)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}.form-group label{font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.input-wrapper{display:flex;align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);transition:var(--transition-fast)}.input-wrapper:focus-within{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.input-wrapper i{flex-shrink:0;width:44px;text-align:center;color:var(--gray-400);pointer-events:none;font-size:16px;transition:color var(--transition-fast)}.input-wrapper:focus-within i{color:var(--brand)}.input-wrapper input,.input-wrapper select{flex:1;min-width:0;padding:14px 16px 14px 0;border:none;background:0 0;font-size:15px;color:var(--gray-900);outline:0}.input-wrapper input:focus,.input-wrapper select:focus{box-shadow:none}.input-wrapper input:disabled,.input-wrapper select:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.service-card:focus-visible,.time-slot:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.field-error{font-size:12px;color:var(--danger);margin-top:6px;display:none}.form-group.error .field-error{display:block}.form-group.error input{border-color:var(--danger)}.radio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.radio-card{position:relative}.radio-card input{position:absolute;opacity:0}.radio-card label{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:center}.radio-card input:checked+label{border-color:var(--brand);background:var(--brand-lightest)}.radio-card label i{font-size:28px;color:var(--gray-500);margin-bottom:10px}.radio-card input:checked+label i{color:var(--brand)}.radio-card .radio-name{font-weight:600;font-size:13px;color:var(--gray-900);margin-bottom:4px}.radio-card .radio-price{font-size:12px;color:var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;border-radius:var(--radius-md);transition:var(--transition-normal);cursor:pointer}.btn-primary{background:var(--brand);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--brand-dark);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-success:hover{background:linear-gradient(135deg,#059669 0,#047857 100%);box-shadow:0 10px 20px rgba(16,185,129,.3);transform:translateY(-2px)}.btn-success:active{transform:translateY(0)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{background:0 0;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-full{width:100%}.nav-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}@media (max-width:640px){.nav-footer{flex-direction:column-reverse;gap:10px}.nav-footer .btn{width:100%}.form-section{padding:20px}.form-section-header{gap:12px}.form-section-icon{width:40px;height:40px;font-size:18px}}.summary-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;width:100%;max-width:100%;position:relative}.summary-details{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.summary-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg);width:100%;box-sizing:border-box;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;z-index:50}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.summary-block,.summary-section{margin-bottom:0;padding:16px;border:1px solid #e5e7eb;border-radius:10px;background:#fafbfc;transition:all .2s ease}.summary-block:hover{border-color:#d1d5db;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}.summary-block:last-child,.summary-section:last-child{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #e5e7eb}@media (max-width:768px){.summary-grid{grid-template-columns:1fr;gap:12px}.summary-block{padding:12px}}.summary-block-title,.summary-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:10px;display:flex;align-items:center;gap:6px}.summary-block-title i{color:#2859cc;font-size:14px}.summary-block-content p{margin:4px 0;font-size:13px;line-height:1.5;color:#374151}.summary-block-content p strong{color:#111827;font-weight:600;display:block;margin-top:4px}.summary-upsells-list{list-style:none;padding:0;margin:0}.summary-upsells-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.summary-upsells-list li:last-child{border-bottom:none}.summary-upsells-list li span{color:var(--brand);font-weight:600}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;line-height:1.5}.summary-row span:first-child{color:var(--gray-700);font-weight:600}.summary-row span:last-child{font-weight:500;color:var(--gray-900);text-align:right}.summary-row.total{border-top:2px solid var(--gray-200);margin-top:16px;padding-top:16px;font-size:16px}.summary-row.total span:first-child{font-weight:700;color:var(--gray-900);font-size:16px}.summary-row.total span:last-child{color:var(--brand);font-weight:800;font-size:22px}.summary-card .summary-card-title,.summary-card h2.summary-card-title,.summary-card h3{font-size:16px;font-weight:700;color:var(--gray-900);margin:0 0 16px 0;display:flex;align-items:center;gap:10px}.summary-card .summary-card-title i,.summary-card h3 i{color:var(--brand)}.summary-card .btn-full{margin-top:20px;width:100%}@media (min-width:769px){.summary-card{position:sticky!important;background:linear-gradient(135deg,#fff 0,#f9fafb 100%)!important;border:2px solid var(--primary)!important;box-shadow:0 8px 30px rgba(40,89,204,.12)!important;padding:20px!important;border-radius:var(--radius-lg)!important}.summary-card::before{display:none!important}.summary-card .summary-card-title,.summary-card h2.summary-card-title,.summary-card h3{display:block!important;color:var(--primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.summary-toggle{display:none!important}.summary-card-content{padding:0!important;max-height:none!important;opacity:1!important;overflow:visible!important}.summary-card.collapsed .summary-card-content{max-height:none!important;opacity:1!important;overflow:visible!important}.summary-row{padding:10px 0;font-size:14px}.summary-row.total{background:linear-gradient(135deg,#e8f0ff 0,#f0f7ff 100%);border-radius:8px;padding:16px;margin-top:16px;border-top:none;position:static}.summary-row.total span{color:var(--primary);font-size:18px;font-weight:800}.summary-card .btn-full{margin-top:20px!important;padding:14px!important;border-radius:8px!important;position:static!important}}@media (max-width:900px){.summary-layout{grid-template-columns:1fr;gap:20px}.summary-card{order:-1}}@media (max-width:768px){.step-panel[data-step="5"]{display:flex!important;flex-direction:column;min-height:100vh!important;padding:0!important}.step-panel[data-step="5"]>.page-header,.step-panel[data-step="5"]>.step-banner{padding:12px 16px}.step-panel[data-step="5"] .summary-layout{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:280px}}@media (max-width:640px){.summary-card,.summary-details{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;max-height:70vh!important;padding:0!important;border-radius:20px 20px 0 0!important;border-bottom:none!important;box-shadow:0 -6px 30px rgba(0,0,0,.2)!important;z-index:1000!important;background:#fff!important;overflow:visible!important;transition:all .3s cubic-bezier(.4, 0, .2, 1)!important}.summary-card::before{content:'';display:block;width:40px;height:4px;background:var(--gray-300);border-radius:2px;margin:8px auto;cursor:grab}.summary-card h3{display:none}.summary-card-content{padding:12px 16px;max-height:calc(70vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.summary-row{font-size:13px;padding:10px 0;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.summary-row span:first-child{color:var(--gray-600);font-weight:500}.summary-row span:last-child{font-weight:600;color:var(--gray-900)}.summary-row:last-of-type:not(.total){border-bottom:none;padding-bottom:0}.summary-row.total{font-size:18px;font-weight:800;padding:16px;margin:0;background:linear-gradient(135deg,#e8f0ff 0,#f0f7ff 100%);border-top:2px solid var(--primary);border-bottom:none;position:sticky;bottom:60px;z-index:10}.summary-row.total span{color:var(--primary)}.summary-card .btn-full{margin:0!important;width:100%!important;padding:16px!important;font-size:15px!important;font-weight:700!important;border-radius:0!important;position:sticky!important;bottom:0!important;z-index:11!important;box-shadow:0 -2px 10px rgba(0,0,0,.05)!important}.summary-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:var(--gray-50);border-bottom:1px solid var(--gray-200);transition:all .2s}.summary-toggle:active{background:var(--gray-100)}.summary-toggle-text{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.summary-toggle-icon{width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;transition:transform .3s}.summary-card.collapsed .summary-card-content{max-height:0!important;opacity:0;padding:0 16px;overflow:hidden;margin-top:0}.summary-card:not(.collapsed) .summary-card-content{margin-top:8px}.step-panel[data-step="5"] .summary-details{margin-bottom:200px;padding-bottom:20px}.summary-row.total span:first-child{font-size:14px}.summary-row.total span:last-child{font-size:20px}}.reassurance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}@media (max-width:640px){.reassurance{grid-template-columns:1fr;gap:12px}.reassurance-item{padding:16px}.reassurance-item i{font-size:24px}.reassurance-item .title{font-size:13px}}.reassurance-item{text-align:center;padding:20px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.reassurance-item i{font-size:28px;margin-bottom:12px}.reassurance-item .title{font-weight:600;font-size:14px;color:var(--gray-900);margin-bottom:4px}.reassurance-item .desc{font-size:12px;color:var(--gray-500)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px}.modal-overlay.active{display:flex;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius-xl);padding:32px;max-width:420px;width:100%;text-align:center;animation:modalIn .3s ease;box-shadow:var(--shadow-xl)}@keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.modal{padding:24px;max-width:100%}.modal-icon{width:56px;height:56px;font-size:24px}.modal h3{font-size:18px}.modal p{font-size:14px}}.modal-icon{width:64px;height:64px;background:var(--brand-lightest);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--brand);margin:0 auto 20px}.modal h3{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:12px}.modal p{color:var(--gray-600);margin-bottom:24px;line-height:1.6}.modal-phone{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--brand);color:var(--white);font-weight:600;border-radius:var(--radius-md);margin-bottom:16px}.modal-close{color:var(--gray-500);font-size:14px;text-decoration:underline;cursor:pointer}.mobile-wizard{display:none}@media (max-width:768px){.desktop-form{display:none!important}.mobile-wizard{display:block}.page-header-content{flex-direction:column;text-align:center;align-items:center}.nav-footer{gap:12px}.nav-footer .btn{font-size:14px;padding:12px 20px}}.wizard-progress{height:4px;background:var(--gray-200);border-radius:2px;margin-bottom:16px}.wizard-progress-bar{height:100%;background:var(--brand);border-radius:2px;transition:width .3s ease}.wizard-counter{text-align:center;font-size:13px;color:var(--gray-500);margin-bottom:32px}.wizard-slide{display:none;animation:fadeIn .4s ease;min-height:450px}.wizard-slide.active{display:block}.wizard-slide.slide-out{animation:fadeOut .25s ease forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.wizard-question{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:12px;line-height:1.3}.wizard-number{color:var(--brand);display:block;font-size:14px;margin-bottom:8px}.wizard-subtitle{color:var(--gray-500);margin-bottom:24px}.wizard-input{width:100%;padding:16px 18px;font-size:16px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:0;transition:var(--transition-fast);background:var(--white);position:relative;z-index:1}.wizard-input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow)}.wizard-input:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.wizard-input.error{border-color:var(--danger);animation:shake .3s ease}.wizard-slide{position:relative}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.wizard-btn{width:100%;padding:18px;background:var(--brand);color:var(--white);font-size:16px;font-weight:600;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;transition:var(--transition-normal);margin-top:20px}.wizard-btn:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.wizard-btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.wizard-hint{text-align:center;font-size:13px;color:var(--gray-400);margin-top:16px}.wizard-back{position:fixed!important;bottom:24px!important;left:24px!important;width:48px!important;height:48px!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;color:#6b7280!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;cursor:pointer!important;transition:all .2s ease!important;z-index:1000!important}#mobileSlots .wizard-back{position:absolute!important;top:12px!important;left:12px!important;width:40px!important;height:40px!important;font-size:16px!important;bottom:auto!important}.wizard-back:hover{background:#f3f4f6!important;border-color:#2859cc!important;color:#2859cc!important;transform:scale(1.08)!important;box-shadow:0 6px 16px rgba(40,89,204,.15)!important}.wizard-back:active{transform:scale(.96)!important}@media (max-width:768px){.step-panel[data-step="3"] .wizard-back,.step-panel[data-step="4"] .wizard-back,.step-panel[data-step="5"] .wizard-back{display:flex!important}.step-panel[data-step="5"] .wizard-back{z-index:99!important}}#mobileBrandDropdown,#mobileModelDropdown,.wizard-slide .autocomplete-dropdown{width:100%;max-height:250px;overflow-y:auto;background:var(--white);border:2px solid var(--brand);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:100;display:none;margin-top:8px;margin-bottom:12px}#mobileBrandDropdown.active,#mobileModelDropdown.active,.autocomplete-dropdown[style*="display: block"],.wizard-slide .autocomplete-dropdown.active,.wizard-slide .autocomplete-dropdown.show{display:block!important;visibility:visible!important;opacity:1!important}.wizard-slide{position:relative;overflow:visible!important}.pac-container{z-index:99999!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;margin-top:4px!important}.pac-item{cursor:pointer!important;padding:10px 16px!important;font-size:14px!important}.pac-item:hover{background:var(--brand-lightest)!important}.pac-item-selected{background:var(--brand-lightest)!important}.autocomplete-item,.wizard-autocomplete-item{padding:12px 16px;cursor:pointer;transition:var(--transition-fast);font-size:15px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.autocomplete-item:last-child,.wizard-autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.wizard-autocomplete-item:hover{background:var(--brand-lightest);color:var(--brand)}.autocomplete-item:active,.wizard-autocomplete-item:active{background:var(--brand);color:var(--white)}.hidden{display:none!important}.desktop-only{display:flex}@media (max-width:1024px){.desktop-only{display:none!important}}.text-center{text-align:center}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-muted{color:var(--gray-500)}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}@media print{.header,.mobile-header,.modal-overlay,.nav-footer{display:none!important}.main{padding:0}}.otp-modal{position:relative;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:90%;overflow:hidden}.otp-modal-header{text-align:center;padding:40px 30px 30px;background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);color:var(--white)}.otp-modal-icon{width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.otp-modal-header h2{font-size:24px;font-weight:700;margin:0 0 8px 0}.otp-modal-header p{font-size:14px;opacity:.9;margin:0}.otp-modal-body{padding:30px}.otp-phone-display{text-align:center;padding:20px;background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:30px}.otp-phone-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-weight:600;margin-bottom:8px}.otp-phone-number{display:block;font-size:20px;font-weight:700;color:var(--gray-900)}.otp-input-group{margin-bottom:20px}.otp-input{width:100%;font-size:36px;letter-spacing:16px;text-align:center;padding:20px;border:3px solid var(--gray-200);border-radius:var(--radius-lg);font-weight:700;transition:all var(--transition-normal);font-family:Inter,monospace}.otp-input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow)}.otp-hint{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--gray-500)}.otp-hint i{margin-right:6px}.otp-message{padding:16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;margin-bottom:20px}.otp-error{background:var(--danger-light);color:var(--danger);border:2px solid var(--danger)}.otp-success{background:var(--success-light);color:var(--success);border:2px solid var(--success)}.otp-modal-footer{padding:20px 30px;background:var(--gray-50);display:flex;gap:12px}.otp-modal-footer .btn{flex:1}@keyframes otpModalFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay[style*="display: flex"] .otp-modal{animation:otpModalFadeIn .3s ease-out}@media (max-width:768px){.otp-modal{width:95%;max-width:none}.otp-input{font-size:28px;letter-spacing:12px;padding:16px}.otp-modal-header{padding:30px 20px 20px}.otp-modal-body{padding:20px}}