.book{min-height:100vh;padding-top:10vh}.book-hero{padding:4rem 0}.book-header{margin-bottom:3rem}.book-header-top{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.book-back-btn{background:none;border:none;color:var(--base-300);font-size:1rem;font-family:inherit;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.book-back-btn:hover{color:var(--base-100);background:var(--base-450)}.book-header h1{color:var(--base-100);font-size:4rem;font-weight:500;letter-spacing:-.2rem}.book-subtitle{color:var(--base-350);font-size:1.1rem;margin-top:.75rem}.book-content{width:100%}.progress-indicator{display:flex;align-items:center;gap:.5rem}.progress-step{width:2.5rem;height:.25rem;background:var(--base-450);border-radius:2px;transition:all .4s ease}.progress-step.active{background:var(--base-300)}.progress-step.completed{background:var(--base-200)}.booking-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-top:2rem}.booking-card{position:relative;background:var(--base-450);border-radius:1.5rem;padding:2.5rem;cursor:pointer;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.booking-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--base-400) 0,transparent 50%);opacity:0;transition:opacity .4s ease}.booking-card:hover{transform:translateY(-4px);border-color:var(--base-350)}.booking-card:hover:before{opacity:1}.booking-card.selected{border-color:var(--base-200);background:var(--base-400)}.booking-card-content{position:relative;z-index:1}.booking-card-icon{font-size:3rem;margin-bottom:1.5rem}.booking-card h3{color:var(--base-100);font-size:1.75rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.05rem}.booking-card p{color:var(--base-300);font-size:1.1rem;line-height:1.6}.booking-card-arrow{position:absolute;bottom:2rem;right:2rem;width:3rem;height:3rem;background:var(--base-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--base-200);font-size:1.25rem;opacity:0;transform:translateX(-10px);transition:all .4s ease}.booking-card:hover .booking-card-arrow{opacity:1;transform:translateX(0)}.area-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.area-card{position:relative;background:var(--base-450);border-radius:1.25rem;padding:2rem;cursor:pointer;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:180px}.area-card-image{position:absolute;inset:0;opacity:.3;transition:all .5s ease;filter:grayscale(.2)}.area-card-image img{width:100%;height:100%;object-fit:cover}.area-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--base-500) 0,transparent 100%)}.area-card:hover:not(.disabled) .area-card-image{opacity:.6;filter:grayscale(0)}.area-card:hover{transform:translateY(-4px);border-color:var(--base-350)}.area-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1);transform:none;border-color:transparent}.area-card.selected{border-color:var(--base-200);background:var(--base-400)}.area-card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.area-card h3{color:var(--base-100);font-size:1.5rem;font-weight:600;letter-spacing:-.03rem}.cafe-section{margin-top:2rem}.cafe-section-title{color:var(--base-300);font-size:1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1rem}.cafe-cards{display:flex;flex-direction:column;gap:1.5rem}.cafe-card{border-radius:1.25rem}.cafe-card:hover{border-color:var(--base-350)}.cafe-card.selected{border-color:var(--base-200)}.cafe-card-info h3{font-size:1.5rem;margin-bottom:.5rem}.cafe-card-info p{color:var(--base-300);font-size:1rem}.cafe-card-price{padding:.5rem 1rem;border-radius:.5rem;color:var(--base-100);font-weight:600}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.slot-btn{border-radius:.75rem;padding:1rem}.slot-btn:hover:not(:disabled){transform:translateY(-2px)}.slot-btn:disabled{opacity:.4}.slot-btn p{color:var(--base-100);font-weight:600;margin-bottom:.25rem}.slot-btn span{color:var(--base-300);font-size:.875rem}.book-form{max-width:500px;margin-top:2rem}.form-group{margin-bottom:2rem}.form-label{display:block;color:var(--base-300);font-size:.9rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05rem}.form-input{width:100%;background:var(--base-450);border:2px solid var(--base-400);border-radius:.75rem;padding:1rem 1.25rem;color:var(--base-100);font-size:1.1rem;font-family:inherit;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--base-300);background:var(--base-400)}.form-input::placeholder{color:var(--base-350)}.form-error{color:#e57373;font-size:.875rem;margin-top:.5rem}.confirmation-summary{background:var(--base-450);border-radius:1.5rem;padding:2.5rem;margin-top:2rem}.summary-grid{display:grid;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.summary-col{display:flex;flex-direction:column;gap:1.5rem}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{color:var(--base-300);font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem}.summary-value{color:var(--base-100);font-size:1.1rem;font-weight:500}.summary-divider{height:1px;background:var(--base-400);margin:2rem 0;width:100%}.summary-total-row{display:flex;justify-content:space-between;align-items:center}.summary-total-row .summary-value{font-size:2rem;color:var(--base-200);font-weight:600}.payment-section{margin-top:3rem}.payment-section h3{color:var(--base-100);font-size:1.5rem;margin-bottom:1.5rem}.payment-upi{background:var(--base-450);border-radius:1rem;padding:2rem;text-align:center}.payment-upi p{color:var(--base-300);margin-bottom:1rem}.upi-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.upi-id{border-radius:.5rem;padding:1rem 2rem;display:inline-block;color:var(--base-100);font-size:1.25rem;font-weight:600;font-family:DM Mono,monospace}.copy-btn,.upi-id{background:var(--base-400)}.copy-btn{border:none;color:var(--base-300);width:3.5rem;height:3.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--base-350);color:var(--base-100)}.copy-btn.copied{background:#25D366;color:white}.continue-btn{background:var(--base-200);color:var(--base-500);border:none;border-radius:3rem;padding:1.25rem 3rem;font-size:1.1rem;font-weight:600;font-family:inherit;cursor:pointer;margin-top:3rem;transition:all .4s ease;display:inline-flex;align-items:center;gap:.75rem}.continue-btn:hover:not(:disabled){background:var(--base-100);transform:translateY(-2px)}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.success-screen{text-align:center;padding:4rem 2rem}.success-icon{width:80px;height:80px;background:var(--base-350);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2.5rem}.success-screen h2{color:var(--base-100);font-size:2.5rem;margin-bottom:1rem}.success-screen p{color:var(--base-300);font-size:1.25rem;max-width:400px;margin:0 auto}.step3-empty,.step3-loading{text-align:center;padding:4rem 2rem}.step3-empty h3{color:var(--base-100);margin-bottom:1rem}.step3-empty p{color:var(--base-300);margin-bottom:2rem}.step3-change-btn{background:var(--base-450);border:2px solid var(--base-400);color:var(--base-200);padding:.75rem 1.5rem;border-radius:.5rem;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}.step3-change-btn:hover{border-color:var(--base-300);background:var(--base-400)}.step3-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.breadcrumb-item{background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:all .3s ease}.breadcrumb-item:not(.active):hover .breadcrumb-value{color:var(--base-100)}.breadcrumb-label{display:block;font-size:.75rem;color:var(--base-400);text-transform:uppercase;letter-spacing:.05rem;font-family:DM Mono,monospace}.breadcrumb-value{display:block;color:var(--base-300);font-size:1rem;font-weight:500;transition:color .3s ease}.breadcrumb-item.active .breadcrumb-value{color:var(--base-100)}.breadcrumb-separator{color:var(--base-400);font-size:1.25rem}.step3-header{margin-bottom:2rem}.step3-header .mono{color:var(--base-300);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1rem}.step3-subtitle{color:var(--base-350);font-size:1rem}.cafe-card{background:var(--base-450);border-radius:1.5rem;padding:2rem;border:2px solid transparent;transition:all .4s ease}.cafe-card:hover{border-color:var(--base-400)}.cafe-card.selected{border-color:var(--base-250);background:linear-gradient(135deg,var(--base-450) 0,var(--base-400) 100%)}.cafe-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.cafe-card-info h3{color:var(--base-100);font-size:1.75rem;font-weight:600;margin-bottom:.25rem;letter-spacing:-.05rem}.cafe-date{color:var(--base-200);font-size:1rem;font-weight:500;margin-bottom:.25rem}.cafe-address{color:var(--base-350);font-size:.9rem}.cafe-card-price{background:var(--base-400);padding:.75rem 1.25rem;border-radius:.75rem;text-align:center;flex-shrink:0}.price-amount{display:block;color:var(--base-100);font-size:1.5rem;font-weight:700;letter-spacing:-.05rem}.price-label{display:block;color:var(--base-350);font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem}.slot-section{border-top:1px solid var(--base-400);padding-top:1.5rem}.slot-label{color:var(--base-350);font-size:.8rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.slot-btn{background:var(--base-400);border:2px solid transparent;border-radius:1rem;padding:1.25rem 1rem;cursor:pointer;transition:all .3s ease;text-align:center;font-family:inherit}.slot-btn:hover:not(:disabled){border-color:var(--base-300);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.slot-btn.selected{border-color:var(--base-200);background:var(--base-350)}.slot-btn:disabled{opacity:.35;cursor:not-allowed}.slot-time{color:var(--base-100);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.slot-spots{color:var(--base-300);font-size:.8rem}.slot-btn.selected .slot-spots{color:var(--base-200)}.step3-selection-summary{position:-webkit-sticky;position:sticky;bottom:2rem;background:var(--base-450);border:1px solid var(--base-400);border-radius:1.5rem;padding:1.5rem 2rem;margin-top:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:0 -10px 40px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-details{display:flex;gap:2rem;flex-wrap:wrap}.selection-item{display:flex;flex-direction:column}.selection-label{font-size:.7rem;color:var(--base-400);text-transform:uppercase;letter-spacing:.05rem;font-family:DM Mono,monospace}.selection-value{color:var(--base-100);font-size:1rem;font-weight:500}.selection-value.highlight{color:var(--base-200);font-size:1.25rem;font-weight:700}.step3-selection-summary .continue-btn{margin-top:0;flex-shrink:0}@media (max-width:1000px){.book-header h1{font-size:2.5rem;letter-spacing:-.1rem}.booking-cards{grid-template-columns:1fr}.area-cards{grid-template-columns:repeat(2,1fr)}.step3-selection-summary{flex-direction:column;align-items:stretch;gap:1.5rem}.selection-details{justify-content:space-between}.step3-selection-summary .continue-btn{width:100%;justify-content:center}}@media (max-width:600px){.book{padding-top:8vh}.book-hero{padding:2rem 0}.book-header h1{font-size:2rem}.area-cards{grid-template-columns:1fr}.booking-card{padding:1.5rem}.booking-card h3{font-size:1.5rem}.slot-grid{grid-template-columns:repeat(2,1fr)}.step3-breadcrumb{gap:.5rem}.breadcrumb-separator{display:none}.breadcrumb-item{background:var(--base-450);padding:.5rem .75rem;border-radius:.5rem}.cafe-card-header{flex-direction:column}.cafe-card-price{align-self:flex-start}.selection-details{gap:1rem}}.payment-pending-screen{text-align:center;padding:2rem 0;max-width:600px;margin:0 auto}.payment-pending-screen h2{color:var(--base-100);font-size:2rem;margin-bottom:.5rem}.payment-desc{color:var(--base-300);font-size:1.1rem;margin-bottom:2rem}.payment-qr-container{background:var(--base-450);border:1px solid var(--base-400);border-radius:1.5rem;padding:2rem;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.qr-placeholder{width:200px;height:200px;background:white;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:1rem}.qr-placeholder span{color:black;font-weight:600;opacity:.5}.qr-placeholder img{width:100%;height:100%;object-fit:contain}.verification-options{background:var(--base-500);border:1px solid var(--base-450);border-radius:1.5rem;padding:2rem}.instruction-text{color:var(--base-200);margin-bottom:1rem;font-size:.95rem}.txn-input-group{display:flex;gap:.75rem;margin-bottom:1.5rem}.txn-input-group .form-input{background:var(--base-450);border-color:var(--base-400)}.verify-btn{background:var(--base-200);color:var(--base-500);border:none;border-radius:.75rem;padding:0 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.verify-btn:hover:not(:disabled){background:var(--base-100);transform:translateY(-2px)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.divider{position:relative;height:1px;background:var(--base-400);margin:1.5rem 0;display:flex;align-items:center;justify-content:center}.divider span{background:var(--base-500);padding:0 1rem;color:var(--base-400);font-size:.8rem;font-weight:600}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:#25D366;color:white;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease}.whatsapp-btn:hover{background:#1faf53;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,.3)}@media (max-width:600px){.txn-input-group{flex-direction:column}.verify-btn{padding:1rem;width:100%}}