*{box-sizing:border-box}body{margin:0;background:#f5f4f6;font-family:Inter,system-ui;color:#211c20}main{width:min(680px,100%);margin:40px auto;background:#fff;min-height:600px;border-radius:24px;box-shadow:0 16px 50px #22152218;overflow:hidden}header{padding:22px 28px;color:#fff;background:var(--pink);display:flex;justify-content:space-between}section{padding:32px}h1{margin:0 0 24px;font-size:28px}label{display:grid;gap:7px;margin:14px 0;font-size:13px;font-weight:650}input,select{font:inherit;padding:13px;border:1px solid #d9d4d8;border-radius:10px;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{width:100%;border:0;border-radius:12px;padding:15px;margin-top:18px;background:var(--pink);color:#fff;font-weight:750;font-size:15px;cursor:pointer}.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.slots button{margin:0;text-align:left;background:#faf8fa;color:#2a2028;border:2px solid transparent}.slots .selected{border-color:var(--pink);background:#fff0f7}.slots small,.price small{display:block;margin-top:7px;color:#72666d}.price{padding:18px;background:#fff0f7;border-radius:14px;margin-bottom:18px}.price strong{float:right;font-size:24px;color:var(--pink)}.success{text-align:center;padding:70px 0}.success>div{font-size:42px;color:var(--pink)}.success>strong{font-size:26px;color:var(--pink)}.success a{color:var(--pink);font-weight:800}.tracking{padding-top:44px}.tracking h1{font-size:34px}.progress{display:flex;gap:6px;margin:24px 0}.progress i{height:8px;flex:1;border-radius:9px;background:#eee}.progress i.done{background:var(--pink)}.error{color:#b00020;background:#fff0f0;padding:12px;border-radius:8px}.address>div{position:relative}.address input{width:100%}.address i{position:absolute;right:12px;top:14px;color:#777;font-size:12px}.address ul{position:absolute;z-index:5;top:48px;left:0;right:0;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 12px 30px #211c2025}.address li button{margin:0;padding:11px 12px;border-radius:8px;background:#fff;color:#211c20;text-align:left;font-weight:550}.address li button:hover{background:#fff0f7;color:var(--pink)}@media(max-width:600px){main{margin:0;border-radius:0;min-height:100vh}.grid,.slots{grid-template-columns:1fr}section{padding:24px}}body{background:#eef0f3}.booking-shell{width:100%;height:100vh;min-height:720px;margin:0;border-radius:0;box-shadow:none;display:grid;grid-template-columns:minmax(390px,520px) 1fr;overflow:hidden;background:#fff}.booking-panel{height:100vh;overflow-y:auto;background:#fff;box-shadow:12px 0 35px #211c2020;z-index:2}.booking-panel header{position:sticky;top:0;z-index:8;padding:24px 30px;background:#fff;color:#211c20;border-bottom:1px solid #eee}.booking-panel header b{font-size:24px;color:var(--pink)}.booking-panel header span{color:#786d73;font-size:13px;font-weight:700}.booking-panel section{padding:30px}.booking-panel h1{font-size:25px}.saved-addresses{margin:0 0 18px;padding:14px;border-radius:12px;background:#fff0f7}.saved-addresses b{display:block;margin-bottom:9px;color:var(--pink);font-size:13px}.saved-addresses select{width:100%;min-width:0}.map-panel{position:relative;min-width:0;background:#e9ecef}.map-panel iframe{display:block;width:100%;height:100%;border:0}.map-panel>span{position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:9px;background:#fffffff2;box-shadow:0 4px 18px #0002;color:#62575d;font-size:12px;font-weight:700}@media(max-width:900px){.booking-shell{height:auto;min-height:100vh;display:flex;flex-direction:column}.booking-panel{height:auto;overflow:visible;order:2}.map-panel{height:38vh;min-height:300px;order:1}.booking-panel header{position:static}}@media(max-width:600px){.booking-panel section{padding:22px}.map-panel{height:32vh;min-height:240px}}