body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;width:100%}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}a{color:inherit}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p{margin:0 0 1rem}@media (max-width:1200px){html{font-size:15px}}@media (max-width:992px){html{font-size:14px}h1{font-size:2.2rem}h2{font-size:1.8rem}}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.4rem}}@media (max-width:576px){html{font-size:13px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.2rem}}.webp img[src$=".webp"]{image-rendering:auto}@supports (object-fit:cover){img{object-fit:cover}}.image-loading-placeholder,.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;border-radius:8px;border-radius:var(--border-radius-sm,8px)}.car-image-container,.image-container{aspect-ratio:16/9;background-color:#f8f9fa;overflow:hidden;position:relative}.content-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@media (max-width:768px){.btn,.button,.clickable,.interactive,a[role=button],button{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}}*{box-sizing:border-box;font-display:swap;margin:0;padding:0}:root{--primary-color:#dc2626;--primary-light:#ef4444;--primary-dark:#b91c1c;--secondary-color:#1a1a1a;--secondary-light:#374151;--secondary-dark:#000;--accent-color-1:#fca5a5;--accent-color-2:#f87171;--accent-color-3:#fee2e2;--accent-color-4:#2c2c2c;--accent-color-5:#404040;--success-color:#28a745;--success-light:#5cb85c;--success-dark:#1e7e34;--warning-color:#ffc107;--warning-light:#ffed4a;--warning-dark:#e0a800;--danger-color:#dc3545;--danger-light:#e85d75;--danger-dark:#bd2130;--background-color:#f8f9fa;--surface-color:#fff;--surface-hover:#f0f0f0;--surface-active:#e0e0e0;--border-color:#d0d0d0;--card-shadow:#00000026;--text-primary:#1a1a1a;--text-secondary:#333;--text-tertiary:#666;--text-light:#fff;--text-muted:#888;--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--primary-dark));--gradient-secondary:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));--gradient-accent:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-3));--gradient-success:linear-gradient(135deg,var(--success-color),var(--success-dark));--gradient-premium:linear-gradient(135deg,#dc2626,#1a1a1a);--gradient-warm:linear-gradient(135deg,#fca5a5,#fee2e2);--gradient-cool:linear-gradient(135deg,#1a1a1a,#374151);--gradient-dark:linear-gradient(135deg,#000,#1a1a1a);--gradient-red:linear-gradient(135deg,#dc2626,#ef4444,#f87171);--gradient-wings:linear-gradient(135deg,#b91c1c,#dc2626,#ef4444);--gradient-booking:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-cta:linear-gradient(135deg,#1a1a1a,#dc2626);--heading-font:"Poppins","Segoe UI","Roboto",sans-serif;--body-font:"Inter","Segoe UI","Roboto",sans-serif;--box-shadow:0 4px 12px #0000001a;--box-shadow-lg:0 8px 24px #00000026;--box-shadow-xl:0 12px 36px #0003;--box-shadow-colored:0 4px 14px 0 #dc262640;--box-shadow-warm:0 4px 14px 0 #dc26264d;--box-shadow-success:0 4px 14px 0 #28a74540;--box-shadow-red:0 6px 20px #dc26264d;--box-shadow-black:0 8px 25px #1a1a1a33;--transition:all 0.3s ease;--transition-fast:all 0.2s ease;--transition-slow:all 0.5s ease;--border-radius:12px;--border-radius-lg:20px;--border-radius-sm:8px;--border-radius-full:9999px;--booking-card-bg:#fffffff2;--booking-modal-bg:#1a1a1ae6;--booking-button-height:48px;--booking-input-height:44px;--primary-bg:#dc26260d;--accent-bg:#dc26261a;--success-bg:#28a7451a;--error-color:var(--danger-color);--red-bg:#dc262626;--black-bg:linear-gradient(145deg,#1a1a1a1a,#3741511a)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#1a1a1a;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,sans-serif;font-family:var(--body-font);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 15% 15%,#dc26260f,#0000 500px),radial-gradient(circle at 85% 85%,#1a1a1a0f,#0000 500px),radial-gradient(circle at 50% 50%,#dc262608,#0000 700px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--text-primary);font-family:Poppins,Segoe UI,Roboto,sans-serif;font-family:var(--heading-font);font-weight:700;line-height:1.2;margin-top:0;text-shadow:0 2px 4px #0000001a}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);background:var(--gradient-primary);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}h1,h2{display:inline-block}h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#000);background:var(--gradient-secondary);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1.25rem}h3{color:#1a1a1a;color:var(--secondary-color);font-size:1.6rem;font-weight:600;margin-bottom:1rem}a{color:#dc2626;color:var(--primary-color);position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#b91c1c;color:var(--primary-dark)}img{max-width:100%}button{cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-family:var(--body-font)}.App{background-color:#f8f9fa;background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.content-area{display:flex;flex:1 1;flex-direction:column}.main-content{background-color:initial;flex:1 1;margin:0 auto;max-width:1400px;padding-left:24px;padding-right:24px;padding-top:40px;position:relative;width:100%;z-index:1}.card{background-color:#fff;background-color:var(--surface-color);border:1px solid #e2e8f0cc;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease;transition:var(--transition)}.card:before{background:linear-gradient(135deg,#3b82f608,#8b5cf608);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.card:hover{border-color:#cbd5e166;box-shadow:0 8px 24px #00000026;box-shadow:var(--box-shadow-lg);transform:translateY(-5px)}.card:hover:before{opacity:1}.card-gradient{position:relative}.card-gradient:before{background:linear-gradient(135deg,#dc2626,#b91c1c);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-accent:before{background:linear-gradient(135deg,#fca5a5,#fee2e2);background:var(--gradient-accent)}.card-secondary:before{background:linear-gradient(135deg,#1a1a1a,#000);background:var(--gradient-secondary)}.container{background-color:#fff;background-color:var(--surface-color);border:1px solid #e2e8f0cc;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);padding:2.25rem}.fade-in{animation:fadeIn .8s ease forwards}.section-spacing{margin-bottom:5rem;margin-top:5rem;padding-bottom:1rem;padding-top:1rem}.btn{background-color:#dc2626;background-color:var(--primary-color);border:none;border-radius:9999px;border-radius:var(--border-radius-full);box-shadow:0 4px 14px 0 #dc262640;box-shadow:var(--box-shadow-colored);display:inline-block;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn,.btn:hover{color:#fff;color:var(--text-light)}.btn:hover{background-color:#b91c1c;background-color:var(--primary-dark);box-shadow:0 6px 20px #3b82f64d;transform:translateY(-3px)}.btn:after{background-image:radial-gradient(circle,#ffffff4d 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .5s,opacity .8s;width:100%}.btn:active:after{opacity:.3;transform:scale(0);transition:0s}.btn-gradient{background-image:linear-gradient(135deg,#dc2626,#b91c1c);background-image:var(--gradient-primary)}.btn-secondary{background-color:#1a1a1a;background-color:var(--secondary-color);box-shadow:0 4px 14px 0 #8b5cf640}.btn-secondary:hover{background-color:#000;background-color:var(--secondary-dark);box-shadow:0 6px 20px #8b5cf659}.btn-accent{box-shadow:0 4px 14px 0 #ec489940}.btn-accent,.btn-accent:hover{background-color:#fca5a5;background-color:var(--accent-color-1)}.btn-accent:hover{box-shadow:0 6px 20px #ec489959;filter:brightness(90%)}.btn-success{background-color:#28a745;background-color:var(--success-color);box-shadow:0 4px 14px 0 #10b98140}.btn-success:hover{background-color:#1e7e34;background-color:var(--success-dark);box-shadow:0 6px 20px #10b98159}.btn-outline{background-color:initial;border:2px solid #dc2626;border:2px solid var(--primary-color);box-shadow:none;color:#dc2626;color:var(--primary-color)}.btn-outline:hover{background-color:#dc2626;background-color:var(--primary-color);color:#fff;color:var(--text-light)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);background:var(--gradient-primary);-webkit-background-clip:text;display:inline-block}.text-accent{color:#fca5a5;color:var(--accent-color-1)}.text-secondary{color:#1a1a1a;color:var(--secondary-color)}@media (max-width:1200px){.main-content{max-width:1140px}}@media (max-width:992px){.main-content{max-width:960px;padding-top:20px}h1{font-size:2rem}h2{font-size:1.7rem}.find-your-car-section,.gallery-section,.our-partners{padding:1rem 0}}@media (max-width:768px){.main-content{max-width:720px;padding-left:16px;padding-right:16px;padding-top:15px}.section-spacing{margin-bottom:2rem;margin-top:2rem}h1{font-size:1.8rem}h2{font-size:1.5rem}.find-your-car-section,.gallery-section,.our-partners{padding:.75rem 0}}@media (max-width:576px){.main-content{max-width:540px;padding-left:15px;padding-right:15px}.section-spacing{margin-bottom:3rem;margin-top:3rem}}.booking-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);background:var(--gradient-booking);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 14px 0 #28a74540;box-shadow:var(--box-shadow-success);display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:48px;height:var(--booking-button-height);padding:0 24px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.booking-btn:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--box-shadow-lg);color:#fff;color:var(--text-light);transform:translateY(-2px)}.booking-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.booking-btn-secondary{background:linear-gradient(135deg,#fca5a5,#fee2e2);background:var(--gradient-warm);box-shadow:0 4px 14px 0 #dc26264d;box-shadow:var(--box-shadow-warm)}.booking-btn-outline{border:2px solid #dc2626;border:2px solid var(--primary-color);box-shadow:none;color:#dc2626;color:var(--primary-color)}.booking-btn-outline:hover{background:#dc2626;background:var(--primary-color);color:var(--text-light)}.booking-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ae6;background:var(--booking-modal-bg);opacity:0;transition:all .3s ease;transition:var(--transition);visibility:hidden;z-index:1200}.booking-modal-overlay.active{opacity:1;visibility:visible}.booking-modal{background:#fff;background:var(--surface-color);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 12px 36px #0003;box-shadow:var(--box-shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;transform:scale(.9) translateY(20px);transition:all .3s ease;transition:var(--transition);width:90%}.booking-modal-overlay.active .booking-modal{transform:scale(1) translateY(0)}.booking-form-group{margin-bottom:20px}.booking-form-group label{color:#1a1a1a;color:var(--text-primary);margin-bottom:8px}.booking-form-input{background:#fff;background:var(--surface-color);border:2px solid #d0d0d0;border-radius:8px;border-radius:var(--border-radius-sm);font-size:16px;height:44px;height:var(--booking-input-height);padding:0 16px}.booking-form-input:focus{border-color:#dc2626}.booking-price-display{background:linear-gradient(135deg,#1a1a1a,#374151);background:var(--gradient-cool);border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--text-light);margin-bottom:24px;padding:20px;text-align:center}.booking-price-display h3{font-size:24px;margin:0 0 8px}.booking-price-display p{font-size:14px;margin:0;opacity:.9}.variant-selector{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.variant-option{background:#fff;border:2px solid #d0d0d0;border-radius:8px;border-radius:var(--border-radius-sm);padding:16px;transition:all .3s ease;transition:var(--transition)}.variant-option:hover{background:#f0f0f0;background:var(--surface-hover);border-color:#ef4444;border-color:var(--primary-light)}.variant-option.selected{background:#0066cc0d;border-color:#dc2626}.variant-name{color:#1a1a1a;margin-bottom:4px}.variant-price{color:#333;color:var(--text-secondary);font-size:14px}.car-compact-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:24px 0}.car-compact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--booking-card-bg);border:1px solid #e1e8ed99;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);transition:all .3s ease;transition:var(--transition)}.car-compact-card:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.car-compact-image{overflow:hidden}.car-compact-content{padding:20px}.car-compact-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:12px}.car-variants-compact{gap:8px;margin-bottom:16px}.variant-tag{background:#0066cc1a;border:1px solid #06c3;border-radius:9999px;color:#dc2626;color:var(--primary-color);font-size:12px;font-weight:500;padding:6px 12px}.car-price-section{border-top:1px solid #d0d0d0;border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.price-row{margin-bottom:8px}.price-label{color:#333;font-size:14px}.price-value{color:#1a1a1a}.booking-amount{color:#28a745!important;color:var(--success-color)!important;font-size:16px!important}@media (max-width:992px){.booking-modal{margin:1rem;max-width:500px;padding:1.5rem;width:90%}}@media (max-width:768px){.booking-modal{margin:.75rem;max-height:90vh;padding:1.25rem;width:95%}.car-compact-grid,.variant-selector{grid-template-columns:1fr}.car-compact-grid{gap:16px}}@media (max-width:576px){.booking-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;padding:1rem;width:100%}.booking-modal-overlay{align-items:stretch}}@media (max-width:320px){.booking-modal{padding:.75rem}.booking-btn{min-height:44px;width:100%}}@media (max-width:768px){body,html{overscroll-behavior:contain;-webkit-overscroll-behavior:contain;overscroll-behavior-x:none;-webkit-overscroll-behavior-x:none;touch-action:pan-y}.btn,.button,a[role=button],button{-webkit-tap-highlight-color:rgba(0,0,0,.1);min-height:44px;min-width:44px;padding:12px 16px}h1{font-size:1.5rem}h1,h2{line-height:1.3}h2{font-size:1.3rem}h3{font-size:1.2rem}h3,h4{line-height:1.4}h4{font-size:1.1rem}h5{font-size:1rem}h5,h6{line-height:1.4}h6{font-size:.9rem}input,select,textarea{-webkit-appearance:none;appearance:none;border:2px solid #d0d0d0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:16px;min-height:44px;padding:12px 16px;touch-action:manipulation;transition:all .2s ease;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#dc2626;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.container,.section-container{padding-left:1rem;padding-right:1rem}.action-buttons,.button-group,.header-nav,.mobile-menu{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.booking-modal-body,.cart-container,.main-content,[contenteditable],div[class*=content],h1,h2,h3,h4,h5,h6,input,p,span,textarea{-webkit-user-select:auto;user-select:auto}*{animation-duration:.2s!important;transition-duration:.2s!important}.image-loading,.loading-placeholder{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--border-radius-sm)}}@media (max-width:576px){h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}.container,.section-container{padding-left:.75rem;padding-right:.75rem}.btn,.button,.clickable,a[role=button],button{min-height:44px;min-width:44px}.dialog,.modal{margin:.5rem}}@media (max-width:320px){h1{font-size:1.3rem}h2{font-size:1.1rem}.container,.section-container{padding-left:.5rem;padding-right:.5rem}}@media (max-width:480px){.car-variants-compact{align-items:flex-start;flex-direction:column}.variant-tag{align-self:flex-start}}.optimized-image{display:inline-block;overflow:visible}.optimized-image,.optimized-image img{height:100%;position:relative;width:100%}.optimized-image img{display:block;object-fit:contain}.image-placeholder{align-items:center;background-color:#f0f0f0;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-placeholder{align-items:center;border:1px solid #ddd;color:#666;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.error-placeholder,.optimized-image.error{background-color:#f5f5f5}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e1e8ed99;box-shadow:0 4px 20px #2f354214;height:95px;justify-content:space-between;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition);z-index:1100}.header,.logo{align-items:center;display:flex}.logo{flex:1 1;position:relative;z-index:2}.logo img{max-height:85px;max-width:250px;object-fit:contain;transition:var(--transition)}.mobile-menu-toggle{-webkit-tap-highlight-color:rgba(0,0,0,.1);align-items:center;background:#0000;border:none;border-radius:var(--border-radius);cursor:pointer;display:none;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px;z-index:1102}.mobile-menu-toggle:hover{background-color:var(--surface-hover)}.mobile-menu-toggle:active{background-color:var(--surface-active)}.menu-icon{left:50%;top:50%;transform:translate(-50%,-50%)}.menu-icon,.menu-icon:after,.menu-icon:before{background-color:var(--text-primary);height:2px;position:absolute;transition:all .3s ease;width:26px}.menu-icon:after,.menu-icon:before{content:""}.menu-icon:before{transform:translateY(-10px)}.menu-icon:after{transform:translateY(10px)}.menu-icon.active{background-color:initial}.menu-icon.active:before{background-color:var(--primary-color);transform:rotate(45deg)}.menu-icon.active:after{background-color:var(--primary-color);transform:rotate(-45deg)}.nav-menu{align-items:center;display:flex;flex:2 1;justify-content:center;position:relative}.nav-menu:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;top:-30px;transition:opacity .3s ease;width:100%}.header:hover .nav-menu:before{opacity:1}.nav-menu ul{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-menu li{margin:0 1rem}.nav-menu a,.nav-menu li{display:inline-block;position:relative}.nav-menu a{border-radius:var(--border-radius);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:10px 16px;text-decoration:none;text-transform:uppercase;transition:var(--transition);white-space:nowrap}.nav-menu a:hover{background-color:var(--surface-hover);color:var(--primary-color);transform:translateY(-2px)}.nav-menu a.active{background-color:var(--surface-active);color:var(--primary-color)}.nav-menu a:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-menu a:hover:after{width:80%}.mobile-menu{-webkit-touch-callout:none;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;height:100vh;max-width:100%;overflow-y:auto;padding:5rem 2rem 2rem;position:fixed;right:-100%;top:0;touch-action:pan-y;transition:right .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;width:100%;z-index:1101}.mobile-menu.open{right:0}@media (max-width:992px){.mobile-menu{pointer-events:auto;transition:right .5s cubic-bezier(.77,.2,.05,1),visibility 0s linear .5s;visibility:hidden}.mobile-menu.open{transition:right .5s cubic-bezier(.77,.2,.05,1);visibility:visible}body{-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}html{-webkit-touch-callout:none;-webkit-text-size-adjust:100%}}.mobile-menu ul{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.mobile-menu li,.mobile-menu ul{margin:0;width:100%}.mobile-menu li:first-child a,.mobile-menu li:nth-child(5) a{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#334155;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:1rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-menu li:first-child a:after,.mobile-menu li:nth-child(5) a:after{content:"→";font-size:1.2rem;font-weight:700}.mobile-menu li:first-child a.active,.mobile-menu li:first-child a:active,.mobile-menu li:nth-child(5) a.active,.mobile-menu li:nth-child(5) a:active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;transform:scale(.98)}.mobile-menu li:nth-child(2) a{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:3px solid #fff6;border-radius:14px!important;box-shadow:0 6px 20px #f59e0b66;color:#fff!important;display:flex!important;font-size:1.05rem!important;font-weight:700!important;gap:10px;justify-content:center;letter-spacing:.8px;padding:1.2rem 2rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-menu li:nth-child(2) a:active{box-shadow:0 4px 15px #f59e0b99;transform:scale(.96)}.mobile-cart-link{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border-radius:12px!important;box-shadow:0 4px 15px #dc26264d;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:700!important;gap:10px;justify-content:center;letter-spacing:.5px;padding:1.1rem 2rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-cart-link:active{background:linear-gradient(135deg,#b91c1c,#991b1b)!important;color:#fff!important;transform:scale(.96)}.mobile-book-now{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a)!important;border-radius:12px!important;box-shadow:0 4px 15px #0f172a66;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:700!important;gap:10px;justify-content:center;letter-spacing:.5px;padding:1.1rem 2rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-book-now:active{background:linear-gradient(135deg,#0f172a,#020617)!important;color:#fff!important;transform:scale(.96)}.mobile-contact-item{margin-top:auto!important;padding-top:2rem}.mobile-contact{align-items:center;background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px!important;box-shadow:0 4px 15px #10b9814d;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:700!important;gap:10px;justify-content:center;letter-spacing:.5px;padding:1.1rem 2rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.mobile-contact:active{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important;transform:scale(.96)}.right-space{display:flex;flex:1 1;justify-content:flex-end}.header-actions{align-items:center;display:flex;gap:12px}.my-bookings-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #ffffff4d;border-radius:var(--border-radius-full);box-shadow:0 4px 15px #f59e0b66;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-width:160px;overflow:hidden;padding:10px 24px;position:relative;text-decoration:none;transition:var(--transition)}.my-bookings-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.my-bookings-button:hover:before{left:100%}.my-bookings-button.active,.my-bookings-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b99;color:#fff;transform:translateY(-3px)}.my-bookings-button.active{border-color:#ffffff80;box-shadow:0 8px 25px #f59e0bb3}.cart-button{align-items:center;background:var(--gradient-booking);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-success);color:var(--text-light);display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;min-width:140px;overflow:hidden;padding:8px 20px;position:relative;text-decoration:none;transition:var(--transition)}.cart-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cart-button:hover:before{left:100%}.cart-button:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.cart-text{font-weight:600}.cart-badge{animation:pulse 2s infinite;background:var(--secondary-color);border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-weight:700;height:18px;position:absolute;right:-6px;top:-6px;width:18px}.book-now-header,.cart-badge{align-items:center;color:var(--text-light);font-size:.65rem;justify-content:center}.book-now-header{background:var(--gradient-cta);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-warm);display:inline-flex;font-weight:600;gap:3px;letter-spacing:.3px;min-width:130px;overflow:hidden;padding:8px 22px;position:relative;text-decoration:none;transition:var(--transition)}.book-now-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.book-now-header:hover:before{left:100%}.book-now-header:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.contact-button{align-items:center;background:var(--gradient-booking);border:none;border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-success);color:var(--text-light);display:inline-flex;font-size:.7rem;font-weight:600;justify-content:center;letter-spacing:.3px;min-width:160px;overflow:hidden;padding:10px 30px;position:relative;text-align:center;transition:var(--transition)}.contact-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-button:hover:before{left:100%}.contact-button:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.header-scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border-bottom:1px solid #e1e8edcc;box-shadow:0 8px 32px #2f35421f;height:85px}.header-scrolled .logo img{max-height:70px}.header.mobile-menu-open:after{-webkit-touch-callout:none;background:#00000080;content:"";height:100%;left:0;opacity:1;position:fixed;top:0;touch-action:none;transition:opacity .3s ease;user-select:none;-webkit-user-select:none;width:100%;z-index:1050}@media (min-width:993px){.mobile-menu,.mobile-menu-toggle{display:none}}@media (max-width:992px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:20px}.cart-button,.desktop-menu,.header-actions,.right-space{display:none}.logo{flex:0 1}.header{height:80px;padding:0 1.5rem}.header-scrolled{height:70px}.header-scrolled .logo img{max-height:60px}}@media (max-width:576px){.header{height:70px;padding:0 1rem}.header-scrolled{height:60px}.logo img{max-height:65px}.header-scrolled .logo img{max-height:55px}.mobile-menu{width:85%}.mobile-menu a{font-size:.9rem;padding:.9rem 1.5rem}}@media (max-width:992px){body{overscroll-behavior:contain;-webkit-overscroll-behavior:contain;overscroll-behavior-x:none;-webkit-overscroll-behavior-x:none;-webkit-user-select:none}body,html{-webkit-touch-callout:none}html{overscroll-behavior:contain;overscroll-behavior-x:none;touch-action:pan-y}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-user-select:none}.selectable-text,[contenteditable],input,textarea{touch-action:manipulation;-webkit-user-select:auto;user-select:auto}.header{-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-menu-toggle{-webkit-tap-highlight-color:rgba(0,0,0,.1);cursor:pointer;min-height:48px;min-width:48px;touch-action:manipulation}.App,.content-area,.main-content{-webkit-touch-callout:none;touch-action:pan-y;-webkit-user-select:none}.header,.mobile-menu,.nav-menu{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.banner-section{box-shadow:0 10px 30px #0000001a;margin:0 0 1rem;padding:0;position:relative;width:100%}.banner-section,.banner-slide{border-radius:0;overflow:hidden}.banner-slide{background-color:#f8f9fa}.banner-container{border-radius:var(--border-radius-md);box-shadow:0 8px 25px #00000026;max-height:550px;min-height:600px;overflow:hidden;padding:0;position:relative;width:100%}.banner-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.banner-bg-image{border-radius:var(--border-radius-md);display:block;filter:brightness(1.03) contrast(1.05);height:580px;object-fit:cover;object-position:center;width:100%}.car-slider-overlay{left:0;overflow:hidden;position:absolute;top:0;z-index:2}.car-slider-container,.car-slider-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.car-slider-container{position:relative}.car-slider-track{height:100%;position:relative;width:100%}.car-slide,.car-slider-track{align-items:center;display:flex;justify-content:center}.car-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:80%;max-height:450px;max-width:800px;position:absolute;transform:translateZ(0);width:95%;will-change:transform}.car-slide.active{opacity:1;transform:translateX(0)}.car-slide.slide-out-left{animation:slideOutLeft 2s ease-in-out forwards}.car-slide.slide-in-right{animation:slideInRight 2s ease-in-out forwards}.car-slider-image{border-radius:10px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.4));height:100%;object-fit:contain;object-position:center;padding:.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.car-slider-image:hover{filter:drop-shadow(0 15px 35px rgba(0,0,0,.5));transform:scale(1.02)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}30%{opacity:.3}70%{opacity:.8}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}30%{opacity:.8}70%{opacity:.3}to{opacity:0;transform:translateX(-100%)}}.banner-image-box .ertiga-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius-md);filter:brightness(1.1) contrast(1.1) saturate(1.05)!important;max-height:95%;max-width:95%;object-fit:contain!important;object-position:center!important;padding:10px}.banner-image-box .ertiga-image:hover{filter:brightness(1.15) contrast(1.15) saturate(1.1)!important;transform:scale(1.03)!important}.trust-messages{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:3}.trust-message-hindi,.trust-message-marathi{animation:fadeInScale 1s ease-out;background:linear-gradient(135deg,#e74c3ce6,#f39c12e6);border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;line-height:1.6;padding:1rem 1.5rem;text-align:center;text-shadow:2px 2px 8px #000c}.banner-content-box{bottom:2rem;position:absolute;right:2rem;z-index:3}.car-details-overlay{left:5%;pointer-events:none;position:absolute;top:10%;z-index:3}.car-text-container{display:flex;flex-direction:column;gap:1rem}.split-text-container{color:#fff;display:flex;font-size:4rem;font-weight:700;gap:1rem;overflow:hidden;text-shadow:2px 2px 8px #000000b3;text-transform:uppercase}.text-part{display:inline-block;opacity:1;position:relative;transform:translateX(0);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.car-text-container.text-entering .text-part.left{animation:slide-in-left-smooth 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.car-text-container.text-entering .text-part.right{animation:slide-in-right-smooth 1.2s cubic-bezier(.25,.46,.45,.94) .2s forwards}.car-text-container.text-animating .text-part.left{animation:slide-out-left-smooth .6s cubic-bezier(.55,.085,.68,.53) forwards,slide-in-left-smooth .8s cubic-bezier(.25,.46,.45,.94) .6s forwards}.car-text-container.text-animating .text-part.right{animation:slide-out-right-smooth .6s cubic-bezier(.55,.085,.68,.53) .05s forwards,slide-in-right-smooth .8s cubic-bezier(.25,.46,.45,.94) .65s forwards}.car-variant-info{transition:all .6s ease}.car-price,.car-variant{transition:all .8s cubic-bezier(.25,.46,.45,.94)}.car-text-container.text-entering .fade-in{animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94) .6s both}.car-text-container.text-animating .fade-in{animation:fadeOutDown .5s cubic-bezier(.55,.085,.68,.53) forwards,fadeInUp .7s cubic-bezier(.25,.46,.45,.94) .7s both}.car-variant-info{margin-top:1rem}.car-variant{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.car-price,.car-variant{text-shadow:1px 1px 4px #000000b3}.car-price{color:gold;font-size:1.8rem;font-weight:700;margin:0}@keyframes slide-in-left-smooth{0%{filter:blur(8px);opacity:0;transform:translateX(-120%) scale(.8)}60%{filter:blur(2px);opacity:.8;transform:translateX(8%) scale(1.02)}to{filter:blur(0);opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-in-right-smooth{0%{filter:blur(8px);opacity:0;transform:translateX(120%) scale(.8)}60%{filter:blur(2px);opacity:.8;transform:translateX(-8%) scale(1.02)}to{filter:blur(0);opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-out-left-smooth{0%{filter:blur(0);opacity:1;transform:translateX(0) scale(1)}40%{filter:blur(1px);opacity:.6;transform:translateX(-8%) scale(.98)}to{filter:blur(8px);opacity:0;transform:translateX(-120%) scale(.8)}}@keyframes slide-out-right-smooth{0%{filter:blur(0);opacity:1;transform:translateX(0) scale(1)}40%{filter:blur(1px);opacity:.6;transform:translateX(8%) scale(.98)}to{filter:blur(8px);opacity:0;transform:translateX(120%) scale(.8)}}@keyframes fadeOutDown{0%{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}to{filter:blur(4px);opacity:0;transform:translateY(-20px) scale(.95)}}.banner-content{align-items:center;display:flex;justify-content:center}.banner-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-full);box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 25px;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.banner-btn:hover{background-color:var(--primary-dark);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.banner-container{max-height:500px;min-height:400px}.banner-bg-image{height:420px}.car-slide{height:75%;max-height:400px;max-width:700px;width:90%}.trust-messages{gap:1rem;max-width:350px}.trust-message-hindi,.trust-message-marathi{font-size:1.3rem;padding:.8rem 1.2rem}.banner-content-box{bottom:1.5rem;right:1.5rem}}@media (max-width:992px){.banner-container{max-height:450px;min-height:350px}.banner-bg-image{height:360px}.car-slide{height:70%;max-height:350px;max-width:600px;width:85%}.trust-messages{gap:.8rem;max-width:280px;right:1rem;top:45%}.trust-message-hindi,.trust-message-marathi{font-size:1.1rem;padding:.6rem 1rem}.banner-content-box{bottom:1rem;right:1rem}}@media (max-width:768px){.banner-section{margin-bottom:1rem}.banner-container{max-height:550px;min-height:500px;padding:0}.banner-bg-image{border-radius:var(--border-radius-md);height:100%;object-fit:cover;width:100%}.car-details-overlay{align-items:flex-start;display:flex;justify-content:flex-end;left:auto;max-width:60%;right:1rem;top:1.5rem;width:auto;z-index:4}.car-text-container{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.split-text-container{align-items:center;display:flex;flex-wrap:wrap;font-size:2rem;gap:.5rem;justify-content:flex-end;text-align:right;width:100%}.text-part{text-align:right;width:auto}.car-variant{font-size:1rem}.car-price,.car-variant{display:block;text-align:right;width:100%}.car-price{font-size:1.3rem}.car-variant-info{align-items:flex-end;display:flex;flex-direction:column;text-align:right;width:100%}.car-slider-overlay{height:40%;left:0;position:absolute;top:30%;transform:translateY(-20%);width:100%}.car-slide{height:100%;max-height:100%;max-width:100%;width:100%}.car-slider-image{padding:.5rem}.car-slide.slide-out-left{animation:slideOutLeftMobile 2s ease-in-out forwards}.car-slide.slide-in-right{animation:slideInRightMobile 2s ease-in-out forwards}.trust-messages{align-items:center;bottom:7rem;display:flex;flex-direction:column;gap:.8rem;justify-content:center;left:1rem;max-width:100%;position:absolute;right:1rem;top:auto;transform:none}.trust-message-hindi,.trust-message-marathi{border-radius:10px;display:block;font-size:.95rem;padding:.7rem 1rem;text-align:center;width:100%}.banner-content-box{bottom:2rem;left:50%;position:absolute;right:auto;transform:translateX(-50%);z-index:4}.banner-content,.banner-content-box{align-items:center;display:flex;justify-content:center}.banner-content{width:100%}.banner-btn{border:none;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;text-align:center;white-space:nowrap}}@media (max-width:576px){.banner-container{max-height:520px;min-height:480px}.banner-bg-image{height:100%;object-fit:cover;width:100%}.car-details-overlay{left:auto;max-width:65%;right:.5rem;top:1rem}.split-text-container{font-size:1.6rem;gap:.3rem}.car-variant{font-size:.9rem}.car-price{font-size:1.1rem}.car-slider-overlay{height:35%;top:28%}.car-slide{height:100%;max-width:100%;width:100%}.car-slider-image{padding:.3rem}.car-slide.slide-out-left{animation:slideOutLeftMobile 2s ease-in-out forwards}.car-slide.slide-in-right{animation:slideInRightMobile 2s ease-in-out forwards}.trust-messages{bottom:6rem;gap:.6rem;left:.5rem;right:.5rem}.trust-message-hindi,.trust-message-marathi{font-size:.85rem;padding:.6rem .8rem}.banner-content-box{bottom:1.5rem}.banner-btn{font-size:1rem;font-weight:700;padding:.9rem 2rem}}@media (max-width:480px){.banner-container{max-height:490px;min-height:450px}.banner-bg-image{height:100%;object-fit:cover;width:100%}.car-details-overlay{max-width:70%}.split-text-container{font-size:1.4rem}.car-variant{font-size:.8rem}.car-price{font-size:1rem}.car-slider-overlay{height:32%;top:26%}.car-slider-image{padding:.2rem}.car-slide.slide-out-left{animation:slideOutLeftMobile 2s ease-in-out forwards}.car-slide.slide-in-right{animation:slideInRightMobile 2s ease-in-out forwards}.trust-messages{bottom:5.5rem}.trust-message-hindi,.trust-message-marathi{font-size:.75rem;padding:.5rem .7rem}.banner-content-box{bottom:1.2rem}.banner-btn{font-size:.95rem;font-weight:700;padding:.8rem 1.8rem}}@keyframes slideInRightMobile{0%{opacity:0;transform:translate3d(100%,0,0)}30%{opacity:.3}70%{opacity:.8}to{opacity:1;transform:translateZ(0)}}@keyframes slideOutLeftMobile{0%{opacity:1;transform:translateZ(0)}30%{opacity:.8}70%{opacity:.3}to{opacity:0;transform:translate3d(-100%,0,0)}}@media (max-width:360px){.banner-container{max-height:460px;min-height:420px}.banner-bg-image{height:100%;width:100%}.car-details-overlay{max-width:75%}.split-text-container{font-size:1.2rem}.car-variant{font-size:.75rem}.car-price{font-size:.9rem}.car-slider-overlay{height:30%;top:24%}.trust-messages{bottom:5rem}.trust-message-hindi,.trust-message-marathi{font-size:.7rem;padding:.45rem .6rem}.banner-content-box{bottom:1rem}.banner-btn{font-size:.9rem;padding:.7rem 1.5rem}}.book-cars-section{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);margin-bottom:0;overflow:hidden;padding:2rem 0;position:relative}.book-cars-background-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shape{animation:float 20s ease-in-out infinite;background:#ffffff14;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:300px;left:-100px;top:-150px;width:300px}.shape-2{animation-delay:3s;bottom:-100px;height:200px;right:-50px;width:200px}.shape-3{animation-delay:6s;height:150px;right:10%;top:50%;width:150px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,20px) scale(1.05)}}.book-cars-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;text-align:center;z-index:1}.book-cars-content{position:relative}.book-cars-icon{align-items:center;animation:fadeInScale .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.book-cars-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:40px;width:40px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.book-cars-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease .2s both;background:linear-gradient(180deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:0;text-shadow:0 4px 20px #0000004d;text-transform:uppercase}.book-cars-divider{align-items:center;animation:fadeInUp .8s ease .4s both;display:flex;gap:.75rem;justify-content:center;margin:0 auto 1rem}.divider-line{background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:2px;height:2px;width:60px}.divider-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;box-shadow:0 0 20px #fffc;height:8px;width:8px}.book-cars-subtitle{animation:fadeInUp .8s ease .6s both;color:#fffffff2;font-size:1.15rem;font-weight:300;line-height:1.6;margin-bottom:1rem;text-shadow:0 2px 10px #0003}.subtitle-highlight{color:gold;font-weight:600;text-shadow:0 0 20px #ffd70080}.book-cars-badge{align-items:center;animation:fadeInUp .8s ease .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50px;box-shadow:0 4px 20px #00000026;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.book-cars-badge:hover{background:#ffffff40;box-shadow:0 6px 25px #0003;transform:translateY(-2px)}.badge-icon{animation:sparkle 2s infinite;font-size:1.2rem}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.badge-text{letter-spacing:.5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.book-cars-section{padding:3rem 0}.book-cars-icon{height:65px;margin-bottom:1.25rem;width:65px}.book-cars-icon svg{height:36px;width:36px}.book-cars-title{font-size:2.5rem;letter-spacing:3px;margin-bottom:1.25rem}.book-cars-subtitle{font-size:1.15rem}.book-cars-badge{font-size:.9rem;padding:.7rem 1.3rem}}@media (max-width:768px){.book-cars-section{padding:2.5rem 0}.book-cars-container{padding:0 1.5rem}.book-cars-icon{height:60px;margin-bottom:1rem;width:60px}.book-cars-icon svg{height:32px;width:32px}.book-cars-title{font-size:2rem;letter-spacing:2.5px;margin-bottom:1rem}.divider-line{width:50px}.divider-dot{height:7px;width:7px}.book-cars-subtitle{font-size:1rem;margin-bottom:1.25rem}.book-cars-badge{font-size:.85rem;padding:.65rem 1.2rem}.badge-icon{font-size:1.1rem}.shape-1{height:250px;width:250px}.shape-2{height:180px;width:180px}.shape-3{height:120px;width:120px}}@media (max-width:480px){.book-cars-section{padding:2rem 0}.book-cars-container{padding:0 1rem}.book-cars-icon{border-radius:16px;height:55px;margin-bottom:1rem;width:55px}.book-cars-icon svg{height:28px;width:28px}.book-cars-title{font-size:1.75rem;letter-spacing:2px;margin-bottom:1rem}.divider-line{width:40px}.divider-dot{height:6px;width:6px}.book-cars-subtitle{font-size:.95rem;margin-bottom:1rem}.book-cars-badge{font-size:.8rem;padding:.6rem 1rem}.badge-icon{font-size:1rem}.shape-1{height:200px;width:200px}.shape-2{height:150px;width:150px}.shape-3{height:100px;width:100px}}@media (max-width:360px){.book-cars-section{padding:1.75rem 0}.book-cars-icon{height:50px;width:50px}.book-cars-icon svg{height:26px;width:26px}.book-cars-title{font-size:1.5rem;letter-spacing:1.5px}.book-cars-subtitle{font-size:.85rem}.book-cars-badge{font-size:.75rem;padding:.5rem .9rem}}.find-your-car-section{background:linear-gradient(135deg,#f8f9faf2,#fffffff2),radial-gradient(circle at 20% 80%,#1a1a1a0d,#0000 700px),radial-gradient(circle at 80% 20%,#c0c0c01a,#0000 700px),radial-gradient(circle at 50% 50%,#a0a0a00a,#0000 800px);overflow:hidden;padding:.5rem 0;position:relative}.find-your-car-section:before{background:linear-gradient(180deg,#c0c0c033,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.section-container{margin:0 auto;max-width:1400px;padding:0 24px;position:relative;z-index:2}.section-header{margin-bottom:.5rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#f39c12);-webkit-background-clip:text;display:inline-block;font-family:var(--heading-font);font-size:2.5rem;font-weight:800;letter-spacing:1px;line-height:1.1;margin-bottom:1rem;position:relative;text-align:center;text-transform:uppercase;width:100%}.section-title:after{background:var(--gradient-silver);border-radius:var(--border-radius-full);bottom:-15px;box-shadow:var(--box-shadow-silver);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.section-subtitle{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.section-subtitle p{color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}.booking-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:.5rem}.feature-item{align-items:center;background:var(--silver-bg);border:1px solid #c0c0c04d;border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-silver);color:var(--text-primary);display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:var(--transition)}.feature-item:hover{background:#c0c0c040;box-shadow:var(--box-shadow-metallic);transform:translateY(-2px)}.feature-item svg{color:var(--primary-color);flex-shrink:0}.error-notice{background:var(--accent-bg);border:1px solid var(--warning-color);border-radius:var(--border-radius);color:var(--danger-color);font-size:14px;margin-left:auto;margin-right:auto;margin-top:1rem;padding:12px 20px}.car-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.car-image{aspect-ratio:16/9;background:var(--surface-hover)}.car-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease;z-index:1}.todays-offers-badge{animation:badgePulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,gold,orange);border:2px solid #fffc;border-radius:25px;box-shadow:0 4px 15px #ffd70066,0 2px 8px #ffa5004d;color:#1a1a1a;font-size:.75rem;font-weight:700;letter-spacing:.8px;padding:8px 16px;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:10}@keyframes badgePulse{0%,to{box-shadow:0 4px 15px #ffd70066,0 2px 8px #ffa5004d;transform:scale(1)}50%{box-shadow:0 6px 20px #ffd70099,0 3px 12px #ffa50080;transform:scale(1.05)}}.car-card:before{background:var(--gradient-premium);border-radius:var(--border-radius-lg);content:"";filter:brightness(.95) opacity(.15);height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.98);transition:opacity .4s ease,transform .4s ease;width:100%;z-index:-1}.car-card:hover{border-color:var(--border-color);box-shadow:var(--box-shadow-lg);transform:translateY(-8px) scale(1.02)}.car-card:hover:before{opacity:1;transform:scale(1)}.car-card-link{color:inherit;display:block;text-decoration:none}.car-image{height:220px;overflow:hidden;position:relative}.car-image:after{background:linear-gradient(0deg,#1e3a0f33,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.car-image img{height:100%;object-fit:contain;object-position:center;padding:.75rem;transition:transform .8s ease;width:100%}.car-card:hover .car-image img{transform:scale(1.1)}.car-image-optimized{height:100%;overflow:hidden;position:relative;width:100%}.car-image-optimized img{height:100%;object-fit:cover;transition:transform .8s ease,opacity .3s ease;width:100%}.car-image-optimized .image-placeholder{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,var(--surface-color) 100%);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.car-image-optimized .loading-skeleton{animation:spin 1s linear infinite;border-radius:50%;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);height:60px;width:60px}.car-image-optimized .error-placeholder{align-items:center;background:linear-gradient(135deg,var(--accent-bg) 0,var(--secondary-color) 100%);color:var(--danger-color);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;height:100%;justify-content:center;position:relative;width:100%}.car-image-optimized .error-placeholder:before{content:"📷";font-size:2rem;margin-bottom:8px;opacity:.5}.car-details{padding:2rem;position:relative}.car-details:before{background:var(--gradient-primary);content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:3px}.car-card:hover .car-details:before{height:100%}.car-info{padding:1rem;text-align:center}.car-name{line-height:1.3;margin-bottom:.8rem}.car-variants{margin-bottom:.8rem;text-align:left}.variants-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.variant-info{align-items:center;background:#f8fafc99;border:1px solid #e2e8f080;border-radius:var(--border-radius-sm);justify-content:space-between;margin-bottom:.3rem;padding:.2rem .4rem}.variant-name{font-size:.75rem;font-weight:500}.color-count{background-color:#3b82f61a;border-radius:var(--border-radius-sm);color:var(--text-tertiary);font-size:.65rem;font-weight:500;padding:.1rem .3rem}.more-variants{color:var(--text-secondary);font-size:.7rem;font-style:italic;margin-top:.2rem;text-align:center}.payment-info{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f626;border-radius:8px;margin-top:.8rem;padding:.8rem}.payment-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.payment-item:last-child{margin-bottom:0}.payment-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.payment-value{-webkit-text-fill-color:#0000;background:var(--gradient-blue-purple);-webkit-background-clip:text;color:var(--primary-color);font-size:1.1rem;font-weight:700}.view-invoice{color:var(--primary-color);display:inline-block;font-size:.95rem;font-weight:600;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.view-invoice:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.view-invoice:hover{color:var(--primary-dark)}.car-card:hover .view-invoice:after{width:100%}.view-invoice:before{content:"→";opacity:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:all .3s ease}.car-card:hover .view-invoice:before{opacity:1;right:-25px}@media (max-width:1200px){.find-your-car-section{padding:.8rem 0}.section-title{font-size:2.2rem}.car-name{font-size:1.2rem}}@media (max-width:992px){.car-grid{gap:2.25rem;grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem;margin-bottom:1.5rem}.car-image{height:240px}.car-details{padding:1.8rem}}@media (max-width:768px){.find-your-car-section{padding:.5rem 0}.section-title{font-size:1.8rem;margin-bottom:1rem}.car-card{margin-bottom:1.5rem}.car-info{padding:.8rem}.car-name{font-size:1.1rem}.variants-label{font-size:.65rem}.variant-info{align-items:flex-start;flex-direction:column;gap:.1rem;padding:.15rem .3rem}.variant-name{font-size:.7rem}.color-count{font-size:.6rem;padding:.1rem .25rem}.payment-info{padding:.6rem}.payment-label{font-size:.7rem}.payment-value{font-size:1rem}.section-subtitle{margin-bottom:1rem}.section-subtitle p{font-size:.9rem;line-height:1.5}.feature-item{-webkit-tap-highlight-color:rgba(192,192,192,.2);min-height:44px;padding:12px 16px;touch-action:manipulation}.feature-item:active{transform:scale(.95)}.car-card:hover{box-shadow:var(--box-shadow);transform:none}.car-card:hover .car-image img{transform:none}.car-card:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width:576px){.car-grid{gap:1.75rem;grid-template-columns:1fr;padding:0 .75rem}.car-image{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:var(--border-radius) var(--border-radius) 0 0;height:300px}.car-image img{height:100%;object-fit:contain;object-position:center;padding:1.25rem;transform:scale(1);width:100%}.section-title{font-size:1.6rem;margin-bottom:1rem}.find-your-car-section{padding:.5rem 0}.section-subtitle p{font-size:1rem}.car-card{border:1px solid var(--border-color);box-shadow:var(--box-shadow-lg);margin:0 auto;max-width:100%}}@media (max-width:480px){.car-grid{grid-template-columns:1fr;padding:0 .5rem}.car-image{background:linear-gradient(135deg,#f8f9fa,#fff);height:320px}.car-image img{height:100%;object-fit:contain;object-position:center;padding:1.5rem 1rem;transform:scale(1);width:100%}.car-info{padding:1rem}.variants-label{font-size:.6rem}.variant-name{font-size:.65rem}.color-count{font-size:.55rem}.payment-info{padding:.5rem}.payment-label{font-size:.65rem}.payment-value{font-size:.95rem}}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);display:inline-block}.loading-state{min-height:200px}.error-notice{margin:0 auto;max-width:600px;text-align:center}.car-card:hover .car-name{color:var(--primary-color);transition:color .3s ease}.contact-buttons{align-items:center;background-color:#f8fafccc;border-top:1px solid #e2e8f099;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:auto;min-height:40px;padding:8px 12px;width:100%}.contact-btn{align-items:center;border:1px solid #0000;border-radius:5px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;gap:2px;justify-content:center;letter-spacing:.2px;overflow:hidden;padding:5px 10px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-btn:hover:before{left:100%}.contact-btn i{font-size:11px}.call-btn{align-self:flex-start;background:var(--gradient-booking);box-shadow:0 2px 8px #10b9814d;color:#fff}.call-btn:hover{background:var(--gradient-success);box-shadow:0 4px 12px #10b98166;color:#fff;transform:translateY(-2px)}.whatsapp-btn{align-self:flex-end;background:var(--gradient-cool);box-shadow:0 2px 8px #25d3664d;color:#fff}.whatsapp-btn:hover{background:var(--gradient-dark);box-shadow:0 4px 12px #25d36666;color:#fff;transform:translateY(-2px)}.contact-btn:active{transform:translateY(-1px)}.car-card,.car-link{display:flex;flex-direction:column}.car-link{color:inherit;flex:1 1;text-decoration:none}@media (max-width:992px){.contact-buttons{flex-direction:row;justify-content:space-between;min-height:35px;padding:6px 10px}.contact-btn{padding:4px 8px}.contact-btn,.contact-btn i{font-size:9px}}@media (max-width:768px){.contact-buttons{flex-direction:row;justify-content:space-between;min-height:32px;padding:6px 8px}.contact-btn{padding:3px 6px}.contact-btn,.contact-btn i{font-size:8px}}@media (max-width:480px){.contact-buttons{flex-direction:row;justify-content:space-between;min-height:30px;padding:4px 6px}.contact-btn{letter-spacing:.1px;padding:2px 4px}.contact-btn,.contact-btn i{font-size:7px}.booking-features{align-items:center;flex-direction:column;gap:1rem}.feature-item{justify-content:center;max-width:280px;width:100%}}.car-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;margin-top:20px}.car-actions .booking-btn,.car-actions .booking-btn-outline{align-items:center;border-radius:var(--border-radius);display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;text-decoration:none;transition:var(--transition);width:100%}.car-actions .booking-btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.car-actions .booking-btn-outline:hover{background:var(--primary-color);color:var(--text-light)}.contact-buttons-compact{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:center;padding-top:12px}.contact-buttons-compact .contact-btn{align-items:center;border:none;border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:var(--transition);width:40px}.contact-buttons-compact .contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-buttons-compact .contact-btn:hover:before{left:100%}.contact-buttons-compact .call-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.contact-buttons-compact .call-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98180;transform:translateY(-3px) scale(1.08)}.contact-buttons-compact .whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 15px #25d36666;color:#fff}.contact-buttons-compact .whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 8px 25px #25d36680;transform:translateY(-3px) scale(1.08)}.loading-state{color:var(--text-secondary);min-height:300px}.loading-state .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:20px;width:50px}.loading-state p{font-size:16px;font-weight:500}.car-compact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.car-compact-card-link{color:inherit;display:block;text-decoration:none}.car-compact-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.car-compact-card:before{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .4s ease}.car-compact-card-link:hover .car-compact-card,.car-compact-card:hover{border-color:#667eea33;box-shadow:0 20px 50px #667eea40,0 10px 30px #764ba226,0 5px 15px #0000001a;transform:translateY(-12px) scale(1.02)}.car-compact-card:hover:before{opacity:1}.car-compact-image{background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f0f4f8);border-radius:16px;height:200px;margin:1.5rem 1rem .5rem;overflow:visible;padding:.5rem;position:relative}.car-compact-image:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.car-compact-card:hover .car-compact-image:before{opacity:1}.car-compact-image img{border-radius:12px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15)) drop-shadow(0 4px 10px rgba(102,126,234,.1));height:100%;object-fit:contain;object-position:center;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.car-compact-card:hover .car-compact-image img{filter:drop-shadow(0 15px 40px rgba(102,126,234,.3)) drop-shadow(0 8px 20px rgba(118,75,162,.2));transform:scale(1.08) translateY(-5px)}.car-compact-content{padding:.5rem 1rem 1rem}.car-compact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.2rem;font-weight:800;line-height:1.3;margin-bottom:1rem;transition:all .3s ease}.car-compact-card:hover .car-compact-title{transform:translateX(3px)}.car-variants-compact{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.variant-tag{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:var(--border-radius-full);box-shadow:0 4px 12px #4f46e54d,0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-weight:700;overflow:hidden;padding:6px 14px;position:relative;text-shadow:0 1px 2px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-tag:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.variant-tag:hover{background:linear-gradient(135deg,#5b21b6,#8b5cf6);box-shadow:0 8px 20px #4f46e566,0 4px 8px #00000026;transform:translateY(-2px) scale(1.05)}.variant-tag:hover:before{left:100%}.car-price-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea26;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.car-compact-card:hover .car-price-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d;box-shadow:0 6px 20px #667eea26}.price-row:last-child{border-top:1px solid var(--border-color);margin-bottom:0;padding-top:.5rem}.price-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.price-value{color:var(--text-primary);font-size:1rem;font-weight:700}.booking-amount{animation:pulse-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--border-radius);box-shadow:0 4px 12px #f59e0b4d,0 2px 4px #0000001a;color:#fff!important;display:inline-block;font-size:1.2rem!important;font-weight:800!important;overflow:hidden;padding:8px 16px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-amount:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.booking-amount:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 25px #f59e0b80,0 4px 12px #0003;transform:translateY(-2px) scale(1.08)}.booking-amount:hover:before{left:100%}@keyframes pulse-glow{0%{box-shadow:0 4px 12px #f59e0b4d,0 2px 4px #0000001a}to{box-shadow:0 6px 18px #f59e0b80,0 3px 6px #00000026}}.booking-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:14px;box-shadow:0 6px 20px #dc262666,0 3px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px;margin-bottom:1rem;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.booking-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.booking-btn:hover:before{left:100%}.booking-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #dc262680,0 5px 15px #0003;transform:translateY(-3px) scale(1.02)}.booking-btn:active{transform:translateY(-1px) scale(.98)}.booking-btn-outline{align-items:center;border:2px solid #667eea;border-radius:14px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.booking-btn-outline:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.car-compact-grid{gap:1.5rem;grid-template-columns:1fr}.car-compact-image{background:linear-gradient(135deg,#f8f9fa,#fff);height:200px;margin:.75rem}.car-compact-image img{object-fit:contain;object-position:center;padding:1rem}.car-compact-content{padding:.8rem}.car-compact-title{font-size:1.2rem}.section-title{font-size:2.8rem}.booking-features{gap:1rem}.feature-item{font-size:14px;padding:10px 16px}.car-actions{flex-direction:column;gap:10px}.car-actions .booking-btn,.car-actions .booking-btn-outline{font-size:13px;height:42px;width:100%}.todays-offers-badge{font-size:11px;padding:6px 14px}.car-price-section{padding:1rem}.car-compact-price{font-size:1.3rem}}@media (max-width:576px){.section-title{font-size:2.4rem}.contact-buttons-compact .contact-btn{font-size:14px;height:36px;width:36px}.car-compact-card{border-radius:16px}.car-compact-title{font-size:1.1rem}.car-actions .booking-btn,.car-actions .booking-btn-outline{font-size:12px;padding:12px 20px}}@media (max-width:320px){.car-image{background:linear-gradient(135deg,#f8f9fa,#fff);height:300px}.car-image img{object-fit:contain;object-position:center;padding:1.25rem .75rem}.car-grid{gap:1.5rem;padding:0 .25rem}.car-card{box-shadow:var(--box-shadow-lg);margin:0}.car-compact-image{height:180px;margin:.5rem}.car-compact-image img{object-fit:contain;object-position:center;padding:.75rem}.car-compact-card{border-radius:14px}.car-compact-title{font-size:1rem}.car-compact-price{font-size:1.2rem}.car-actions .booking-btn,.car-actions .booking-btn-outline{font-size:11px;height:38px;padding:10px 16px}.todays-offers-badge{font-size:10px;padding:5px 12px}}.booking-modal.step-modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-xl);box-sizing:border-box;margin:1rem;max-height:95vh;max-width:600px;padding:1.5rem;position:relative;width:90%}.toast-notification{border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d;left:50%;max-width:500px;min-width:300px;opacity:0;padding:1rem 1.5rem;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);transform:translateX(-50%) translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1300}.toast-notification.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.toast-content{font-size:.95rem;font-weight:500;gap:.75rem;line-height:1.4}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-success .toast-icon{background:#fff3}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-error .toast-icon{background:#fff3}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-info .toast-icon{background:#fff3}.booking-form-input.error{background-color:#ef44440d;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.booking-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.error-message{display:block;line-height:1.3;margin-top:.5rem}.booking-btn.disabled{cursor:not-allowed;opacity:.6}.booking-btn.disabled,.booking-btn.disabled:hover{background:#6b7280;box-shadow:none!important;transform:none!important}.booking-modal-overlay{-webkit-touch-callout:none;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overscroll-behavior:contain;padding:0;position:fixed;right:0;top:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100vw;z-index:999999}@media (max-width:992px){body:has(.booking-modal-overlay){overflow:hidden!important;position:relative!important}.booking-modal-overlay{-webkit-overflow-scrolling:touch!important;align-items:center!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:flex-start!important;left:0!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0!important;position:fixed!important;right:0!important;width:100vw!important;z-index:999999!important}.booking-modal-overlay,.booking-modal.step-modal{top:0!important;transform:none!important;translate:none!important}.booking-modal.step-modal{align-self:flex-start!important;flex-shrink:0!important;margin:.5rem auto 0!important;max-width:500px!important;position:relative!important;width:calc(100% - 1rem)!important}.booking-modal-overlay.active{animation:none!important}.booking-modal-overlay.active .booking-modal{animation:modalSlideInMobile .2s ease-out!important}@keyframes modalSlideInMobile{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}.booking-modal-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.step-header{flex:1 1;margin-right:1rem}.step-header h2{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.step-indicator{display:flex;flex-direction:column;gap:.5rem}.step-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.step-progress{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:200px}.step-progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;height:100%;transition:width .3s ease}.booking-modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;position:relative;transition:var(--transition);z-index:10}.booking-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.booking-modal-body{margin-right:-.5rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.car-info-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.car-image-preview{background:var(--surface-hover);border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:80px;margin:0 auto 1rem;overflow:hidden;width:120px}.car-image-preview img{height:100%;object-fit:cover;width:100%}.car-name{color:var(--text-primary);margin:0}.step-content{animation:slideIn .3s ease-out}.step-description{margin-bottom:1.5rem;text-align:center}.step-description p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.hindi-message-box{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:12px;box-shadow:0 4px 12px #fb923c33;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:1rem 1.25rem;text-align:center}.hindi-text{color:#c2410c;font-size:1.1rem;font-weight:700;letter-spacing:.02em;line-height:1.4}.english-text{color:#ea580c;font-size:.9rem;font-weight:600;line-height:1.3}.hindi-highlight{color:#f97316;font-size:1.05rem;letter-spacing:.01em}.pricing-info-note{color:#6c757d;font-size:.85rem;font-style:italic;font-weight:500;margin-bottom:.75rem;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.booking-form-section{margin-bottom:1.5rem}.booking-form-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.02em;margin:0 0 1rem}.variant-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.variant-option{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);cursor:pointer;display:flex;justify-content:space-between;padding:1.2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-option.clickable:hover{background:var(--primary-bg);border-color:var(--primary-color);box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.variant-details{flex:1 1}.variant-arrow{color:var(--text-secondary);transition:var(--transition)}.variant-option.clickable:hover .variant-arrow{color:var(--primary-color);transform:translateX(4px)}.variant-name{color:var(--text-primary);font-weight:700;line-height:1.2}.variant-price{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:.25rem}.variant-emi{color:var(--text-secondary);font-size:.85rem;font-weight:500}.selected-variant-info{margin-bottom:1.5rem}.variant-badge{background:var(--primary-bg);border:1px solid var(--primary-color);border-radius:var(--border-radius-full);color:var(--primary-color);display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.booking-amount-display{margin-bottom:2rem;text-align:center}.amount-highlight{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);color:#fff;margin-bottom:1.5rem;padding:2rem}.amount-highlight h2{font-size:1.4rem;font-weight:600;margin:0 0 1rem;opacity:.9}.amount-value{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.amount-highlight p{font-size:1rem;font-weight:500;margin:0;opacity:.9}.price-breakdown{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.25rem}.price-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.price-item:last-child{border-top:1px solid var(--border-color);font-size:1rem;margin-bottom:0;padding-top:.75rem}.price-item span:last-child,.price-item:last-child{color:var(--text-primary);font-weight:600}.booking-form-group{margin-bottom:1rem;position:relative}.booking-form-group label{transition:color .3s ease}.booking-form-group:focus-within label,.booking-form-input:focus+label{color:var(--primary-color)}.booking-form-input{position:relative;transition:all .3s ease}.booking-form-input:focus{box-shadow:0 4px 12px #0066cc26;transform:translateY(-1px)}.booking-form-input.valid{background-color:#10b98105;border-color:#10b981}.booking-form-input.valid:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.customer-form.loading{opacity:.7;pointer-events:none}.form-progress{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.form-progress-icon{color:var(--primary-color)}.form-progress-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.booking-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.booking-form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.booking-form-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.booking-form-input:focus{background:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.booking-form-input::placeholder{color:var(--text-muted);font-size:.9rem}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.step-actions button{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;transition:var(--transition)}.customer-form{max-width:100%}.booking-btn{background:var(--gradient-cta);border:none;box-shadow:var(--box-shadow-warm);color:var(--text-light)}.booking-btn:hover:not(:disabled){box-shadow:var(--box-shadow-lg);transform:translateY(-1px)}.booking-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.booking-btn-outline{background:#0000;border:2px solid var(--border-color);color:var(--text-secondary)}.booking-btn-outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-secondary);color:var(--text-primary)}.booking-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.booking-modal-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.booking-disclaimer{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0;text-align:center}.booking-modal-body::-webkit-scrollbar{width:6px}.booking-modal-body::-webkit-scrollbar-track{background:var(--surface-hover);border-radius:3px}.booking-modal-body::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.booking-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.booking-form-input.error{animation:shake .3s ease}.booking-modal-overlay{animation:modalFadeIn .4s ease-out;transition:opacity .3s ease-out}.booking-modal-overlay.active .booking-modal{animation:modalSlideIn .4s ease-out}@media (max-width:992px){@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.booking-modal-overlay.active .booking-modal{animation:modalSlideIn .3s ease-out .1s both}}.booking-form-input:focus,.variant-option:focus{box-shadow:0 0 0 3px #0066cc1a;outline:none}.booking-modal-close:focus{box-shadow:0 0 0 2px #06c3;outline:none}.variant-option:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.variant-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}@media (max-width:992px){.booking-modal.step-modal{box-shadow:0 10px 40px #0000004d;margin:.5rem;max-height:90vh;max-width:500px;padding:1.25rem;width:95%}.booking-modal-overlay{align-items:center;justify-content:center;padding:2rem .5rem .5rem}.step-progress{width:150px}.variant-option{padding:1rem}.amount-value{font-size:2.5rem}}@media (max-width:768px){.booking-form-row{gap:1rem;grid-template-columns:1fr}.booking-modal.step-modal{align-self:flex-start!important;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0006;margin:0 .5rem .5rem!important;max-height:90vh;padding:1.5rem;width:calc(100% - 2rem)!important}.booking-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start!important;justify-content:center!important;overflow-y:auto;padding:.5rem!important}.booking-modal-header{align-items:stretch;flex-direction:column;margin-bottom:1.25rem;padding-bottom:.75rem}.step-header{margin-bottom:1rem;margin-right:0}.step-header h2{font-size:1.3rem;line-height:1.2;text-align:center}.step-indicator{align-items:center}.step-progress{max-width:200px;width:100%}.booking-modal-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;box-shadow:0 2px 8px #0000001a;min-height:48px;min-width:48px;pointer-events:auto;position:absolute;right:1.5rem;top:1.5rem;z-index:100}.booking-modal-body{margin-right:-.25rem;max-height:65vh;padding-right:.25rem}.car-image-preview{height:70px;margin-bottom:.75rem;width:100px}.car-name{font-size:1.1rem}.booking-form-section{margin-bottom:1.5rem}.booking-form-section h3{font-size:1rem;margin-bottom:.75rem}.variant-option{-webkit-tap-highlight-color:rgba(0,0,0,.05);align-items:flex-start;border-radius:10px;flex-direction:column;min-height:80px;padding:1.25rem;touch-action:manipulation}.variant-details{margin-bottom:.5rem;width:100%}.variant-name{font-size:1rem}.variant-price{font-size:.9rem}.variant-emi{font-size:.8rem}.variant-arrow{align-self:center}.amount-highlight{padding:1.5rem}.amount-highlight h2{font-size:1.2rem}.amount-value{font-size:2.2rem}.amount-highlight p{font-size:.9rem}.price-breakdown{padding:.75rem}.price-item{font-size:.85rem;margin-bottom:.4rem}.price-item:last-child{font-size:.9rem;padding-top:.4rem}.booking-form-group{margin-bottom:1rem}.booking-form-group label{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.booking-form-input{border-radius:8px;border-width:2px;font-size:16px;min-height:52px;padding:1rem .75rem;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:auto;user-select:auto}.step-actions{gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.step-actions button{-webkit-tap-highlight-color:rgba(0,0,0,.1);border-radius:8px;font-size:1rem;font-weight:600;min-height:52px;padding:1rem 1.5rem;touch-action:manipulation}.booking-modal-footer{margin-top:1.5rem;padding-top:1rem}.booking-disclaimer{font-size:.8rem;line-height:1.4}}@media (max-width:576px){.booking-modal.step-modal{align-self:flex-start!important;border-radius:12px;display:flex;flex-direction:column;height:auto;margin:0 .5rem .5rem!important;max-height:95vh;overflow:hidden;padding:1.5rem;position:relative;width:calc(100% - 1rem)!important}.booking-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start!important;justify-content:center!important;overflow-y:auto;padding:.5rem!important}.booking-modal-header{flex-shrink:0;margin-bottom:1rem;padding-bottom:.75rem}.step-header h2{font-size:1.2rem}.step-progress{width:100%}.booking-modal-body{flex:1 1;margin-right:0;max-height:none;overflow-y:auto;padding-right:0}.car-image-preview{height:60px;margin-bottom:.75rem;width:80px}.car-name{font-size:1rem}.booking-form-section{margin-bottom:1.25rem}.booking-form-section h3{font-size:.95rem;margin-bottom:.5rem}.variant-option{padding:1rem}.variant-name{font-size:.95rem}.variant-price{font-size:.85rem}.variant-emi{font-size:.75rem}.amount-highlight{margin-bottom:1rem;padding:1.25rem}.amount-highlight h2{font-size:1.1rem}.amount-value{font-size:2rem}.amount-highlight p{font-size:.85rem}.price-breakdown{padding:.5rem}.price-item{font-size:.8rem;margin-bottom:.3rem}.price-item:last-child{font-size:.85rem;padding-top:.3rem}.booking-form-group{margin-bottom:.75rem}.booking-form-group label{font-size:.8rem;margin-bottom:.3rem}.booking-form-input{border-radius:10px;border-width:2px;font-size:16px;min-height:52px;padding:1.25rem 1rem;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:auto;user-select:auto}.step-actions{flex-direction:column;flex-shrink:0;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.step-actions button{-webkit-tap-highlight-color:rgba(0,0,0,.1);border-radius:10px;font-size:1rem;font-weight:600;min-height:52px;padding:1rem 1.5rem;touch-action:manipulation}.booking-modal-footer{flex-shrink:0;margin-top:1rem;padding-top:.75rem}.booking-disclaimer{font-size:.7rem;line-height:1.3}}@media (max-width:320px){.booking-modal.step-modal{margin:.25rem;padding:1rem;width:calc(100% - .5rem)}.step-header h2{font-size:1.1rem}.car-image-preview{height:50px;width:70px}.car-name{font-size:.95rem}.variant-option{-webkit-tap-highlight-color:rgba(0,0,0,.05);border-radius:10px;min-height:80px;padding:1.25rem;touch-action:manipulation}.amount-highlight{padding:1rem}.amount-highlight h2{font-size:1rem}.amount-value{font-size:1.8rem}.booking-form-input{border-radius:8px;min-height:50px;padding:1rem}.step-actions button{border-radius:10px;font-size:.95rem;min-height:50px;padding:1rem 1.25rem}}.step-title-mobile{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 .5rem;text-align:center}.step-subtitle-mobile{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.variant-card-mobile{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;margin-bottom:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-card-mobile:before{background:linear-gradient(90deg,var(--primary-color),#667eea);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.variant-card-mobile:active{box-shadow:0 4px 12px #0000001f;transform:scale(.98)}.variant-card-mobile:active:before,.variant-card-mobile:hover:before{opacity:1}.variant-card-mobile:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #0066cc26;transform:translateY(-2px)}.variant-header-mobile{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.variant-badge-mobile{align-items:center;background:linear-gradient(135deg,var(--primary-color),#667eea);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.variant-number{color:#fff;font-size:.9rem;font-weight:700}.variant-title-mobile{flex:1 1}.variant-title-mobile h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2;margin:0}.variant-icon-mobile{color:#28a745;flex-shrink:0}.variant-pricing-mobile{margin-bottom:1rem}.price-main-mobile{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.price-label-mobile{color:var(--text-secondary)}.price-value-mobile{color:var(--primary-color);font-size:1.3rem}.price-secondary-mobile{display:flex;flex-direction:column;gap:.5rem}.booking-token-mobile,.emi-info-mobile{align-items:center;background:#0066cc0d;border-radius:6px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.booking-token-mobile svg,.emi-info-mobile svg{color:var(--primary-color);flex-shrink:0}.variant-action-mobile{align-items:center;background:linear-gradient(135deg,var(--primary-color),#667eea);border-radius:10px;color:#fff;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.select-text-mobile{flex:1 1}.arrow-icon-mobile{flex-shrink:0;transition:transform .3s ease}.variant-card-mobile:hover .arrow-icon-mobile{transform:translateX(4px)}.variant-selector-simple{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.variant-card-simple{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e8ecf7;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:1.25rem;overflow:hidden;padding:1.4rem 1.2rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.variant-card-simple:before{background:linear-gradient(180deg,#4b67dd,#667eea 50%,#764ba2);height:100%;left:0;top:0;width:5px}.variant-card-simple:after,.variant-card-simple:before{content:"";opacity:0;position:absolute;transition:opacity .35s ease}.variant-card-simple:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);height:200%;right:-50%;top:-50%;width:200%}.variant-card-simple:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#4b67dd;box-shadow:0 12px 32px #4b67dd2e;transform:translateY(-4px) scale(1.01)}.variant-card-simple:hover:after,.variant-card-simple:hover:before{opacity:1}.variant-card-simple:active{box-shadow:0 6px 20px #4b67dd38;transform:translateY(-2px) scale(1)}.variant-number-badge{align-items:center;background:linear-gradient(135deg,#4b67dd,#667eea 50%,#764ba2);border-radius:14px;box-shadow:0 6px 16px #4b67dd59;color:#fff;display:flex;font-size:1.3rem;font-weight:900;height:48px;justify-content:center;min-width:48px;position:relative;width:48px;z-index:1}.variant-number-badge:before{background:linear-gradient(135deg,#fff6,#0000);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute}.variant-info-simple{display:flex;flex:1 1;flex-direction:column;gap:.55rem}.variant-name-simple{color:#1a1a2e;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:0}.variant-booking-amount{align-items:center;background:linear-gradient(135deg,#e8f0ff,#f0f4ff);border-radius:8px;color:#4b67dd;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.4rem .75rem;width:-webkit-fit-content;width:fit-content}.variant-booking-amount svg{stroke:#4b67dd;flex-shrink:0}.variant-arrow-simple{align-items:center;background:linear-gradient(135deg,#f1f3f9,#e8ecf7);border-radius:12px;box-shadow:0 2px 6px #0000000f;display:flex;height:46px;justify-content:center;transition:all .35s ease;width:46px}.variant-arrow-simple svg{stroke:#495057;transition:transform .35s ease}.variant-card-simple:hover .variant-arrow-simple{background:linear-gradient(135deg,#4b67dd,#667eea);box-shadow:0 4px 12px #4b67dd4d}.variant-card-simple:hover .variant-arrow-simple svg{stroke:#fff;transform:translateX(5px)}.variant-card-simple:hover .variant-number-badge{box-shadow:0 8px 20px #4b67dd66;transform:scale(1.08)}.variant-card-simple:hover .variant-booking-amount{background:linear-gradient(135deg,#4b67dd,#667eea);color:#fff}.variant-card-simple:hover .variant-booking-amount svg{stroke:#fff}@media (min-width:993px){.variant-card-simple{gap:1.5rem;padding:1.6rem 1.5rem}.variant-number-badge{font-size:1.4rem;height:52px;min-width:52px;width:52px}.variant-name-simple{font-size:1.3rem}.variant-booking-amount{font-size:1.05rem;padding:.45rem .85rem}.variant-arrow-simple{height:50px;width:50px}}.selected-variant-card-mobile{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:1rem;padding:1rem;position:relative}.selected-badge-mobile{align-items:center;color:var(--primary-color);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.selected-badge-mobile svg{stroke:var(--primary-color)}.selected-variant-name-mobile{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0}.booking-token-card-mobile{background:linear-gradient(135deg,var(--primary-color) 0,#667eea 100%);border-radius:16px;box-shadow:0 8px 20px #4b67dd4d;color:#fff;margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.booking-token-card-mobile:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.token-header-mobile{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1.4;margin-bottom:.75rem;opacity:1;position:relative;z-index:1}.token-header-mobile svg{stroke:#fff;flex-shrink:0}.token-amount-mobile{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:.5rem 0;position:relative;text-shadow:0 2px 8px #0003;z-index:1}.token-description-mobile{font-size:.95rem;line-height:1.6;margin:0;opacity:1;position:relative;z-index:1}.token-description-mobile strong{display:block;font-size:1.05rem;margin-bottom:.25rem}.price-breakdown-card-mobile{background:#fff;border:2px solid #e9ecef;border-radius:14px;margin-bottom:1rem;padding:1.25rem}.breakdown-header-mobile{align-items:center;border-bottom:2px solid #f1f3f5;color:#495057;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.breakdown-header-mobile svg{stroke:var(--primary-color)}.price-items-mobile{display:flex;flex-direction:column;gap:.75rem}.price-row-mobile{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.price-row-mobile:hover{background:#e9ecef;transform:translateX(4px)}.price-label-mobile{align-items:center;color:#6c757d;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.price-label-mobile svg{stroke:#adb5bd;flex-shrink:0}.price-value-mobile{color:#212529;font-size:.95rem;font-weight:700}.price-value-mobile.highlight{color:var(--primary-color);font-size:1.05rem}.emi-row{background:linear-gradient(135deg,#e7f5ff,#d0ebff);border:1px solid #a5d8ff}.emi-row:hover{background:linear-gradient(135deg,#d0ebff,#a5d8ff)}.emi-row .price-label-mobile{color:#0c8599}.emi-row .price-label-mobile svg{stroke:#0c8599}.price-value-mobile.emi-value{color:#0c8599;font-size:1rem}.step-actions-mobile{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:auto 1fr;margin-top:1.25rem}.booking-btn-back-mobile{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s ease}.booking-btn-back-mobile svg{stroke:#495057;transition:transform .3s ease}.booking-btn-back-mobile:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.booking-btn-back-mobile:hover svg{transform:translateX(-3px)}.booking-btn-continue-mobile{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#667eea 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #4b67dd4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;overflow:hidden;padding:.85rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-btn-continue-mobile:before{background:linear-gradient(135deg,#fff3,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.booking-btn-continue-mobile:hover:before{opacity:1}.booking-btn-continue-mobile svg{stroke:#fff;transition:transform .3s ease}.booking-btn-continue-mobile:hover{box-shadow:0 6px 20px #4b67dd66;transform:translateY(-2px)}.booking-btn-continue-mobile:hover svg{transform:translateX(3px)}.booking-btn-continue-mobile:active{box-shadow:0 2px 8px #4b67dd4d;transform:translateY(0)}.bank-logos-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem 0}.bank-logos-section .section-container{margin:0 auto;max-width:1400px;padding:0 20px;text-align:center}.bank-logos-section .section-subtitle{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:3rem;text-align:center;text-transform:uppercase}.bank-logos-section .brands-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.brand-logo-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease}.brand-logo-card:hover{border-color:#667eea;box-shadow:0 12px 35px #00000026;transform:translateY(-8px)}.brand-logo-card .brand-logo{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;padding:.5rem;width:140px}.brand-logo-card .brand-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));max-height:100%;max-width:100%;object-fit:contain}.brand-logo-card .bank-name{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.bank-rates{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.rate-item{background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;padding:1rem;text-align:center}.rate-label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.rate-value{border-radius:8px;font-size:1.3rem;font-weight:700;padding:.5rem}.rate-value.interest-rate{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;color:#667eea}.rate-value.approval-rate{background:linear-gradient(135deg,#28a74515,#20c99715);border:2px solid #28a74530;color:#28a745}@media (max-width:1024px){.bank-logos-section .section-subtitle{font-size:2.2rem}.bank-logos-section .brands-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.brand-logo-card{padding:1.5rem}.rate-value{font-size:1.1rem}}@media (max-width:768px){.bank-logos-section{padding:2.5rem 0}.bank-logos-section .section-subtitle{font-size:2rem}.bank-logos-section .brands-container{gap:1.5rem;grid-template-columns:1fr}.brand-logo-card{margin:0 auto;max-width:400px;padding:1.5rem;width:100%}.brand-logo-card .brand-logo{height:70px;width:120px}.bank-rates{gap:.8rem}.rate-item{padding:.8rem}.rate-label{font-size:.7rem}.rate-value{font-size:1rem}}@media (max-width:576px){.bank-logos-section{padding:2rem 0}.bank-logos-section .section-subtitle{font-size:1.8rem}.brand-logo-card{padding:1.2rem}.brand-logo-card .brand-logo{height:60px;width:100px}.brand-logo-card .bank-name{font-size:1rem;margin-bottom:1rem}.bank-rates{gap:.6rem}.rate-item{padding:.6rem}.rate-label{font-size:.65rem}.rate-value{font-size:.95rem;padding:.4rem}}.logos-container{background-color:#f8f9fa;display:flex;flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:1400px;padding:0;width:100%}.logos-section{flex:1 1;min-width:300px}.logos-section .bank-logos-section,.logos-section .brand-logos-section{background-color:initial;padding-bottom:1rem;padding-top:1rem}@media (max-width:768px){.logos-container{flex-direction:column;gap:0}.logos-section{width:100%}}.gallery-section{background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f1f5f9);overflow:hidden;padding:1.5rem 0;position:relative;z-index:1}.gallery-section:before{background:radial-gradient(circle at 25% 25%,#e74c3c0d,#0000 400px),radial-gradient(circle at 75% 75%,#f39c120d,#0000 400px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gallery-section .section-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative}.gallery-section .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#f39c12);-webkit-background-clip:text;color:#2c3e50;display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;position:relative;text-align:center;text-transform:uppercase;width:100%}.gallery-section .section-title:after{background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:4px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-description{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.gallery-container{background:#fffffff2;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;overflow:hidden;position:relative;touch-action:pan-y;width:100%}.gallery-slide{display:flex;transition:transform .7s cubic-bezier(.2,.8,.2,1);width:100%;will-change:transform}.gallery-image{box-sizing:border-box;overflow:hidden;padding:0;position:relative}.gallery-image img{border-radius:8px;box-shadow:0 4px 15px #0000001a;cursor:pointer;height:350px;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.gallery-image:hover img{box-shadow:0 12px 30px #0003;transform:scale(1.08)}.gallery-nav{display:flex;justify-content:space-between;left:0;padding:0 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:10}.gallery-nav-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#f39c12);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;opacity:.9;pointer-events:auto;transition:all .3s ease;width:45px}.gallery-nav-btn:hover{background:linear-gradient(135deg,#c0392b,#d68910);box-shadow:0 6px 20px #e74c3c66;opacity:1;transform:scale(1.1)}.gallery-nav-btn:disabled{background:#c8c8c899;border-color:#ffffff80;color:#999;cursor:not-allowed;opacity:.4}.gallery-image:before{background:linear-gradient(0deg,#0000004d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.gallery-image:hover:before{opacity:.7}.gallery-image:after{background:#000000b3;border-radius:15px;bottom:15px;color:#fff;content:"Happy Client 😊";font-size:1rem;font-weight:600;left:15px;opacity:0;padding:5px 10px;position:absolute;text-shadow:none;transform:translateY(10px);transition:all .3s ease;z-index:2}.gallery-image:hover:after{opacity:1;transform:translateY(0)}.gallery-desktop .gallery-image img,.gallery-tablet .gallery-image img{height:350px}.gallery-mobile{max-height:300px}.gallery-mobile .gallery-image img{height:300px}@media (max-width:1200px){.gallery-section{padding:2.5rem 0}.gallery-desktop .gallery-image img,.gallery-tablet .gallery-image img{height:320px}}@media (max-width:992px){.gallery-section{padding:2rem 0}.gallery-section .section-title{font-size:2.2rem}.section-description{font-size:1rem;margin-bottom:2rem}.gallery-desktop .gallery-image img,.gallery-tablet .gallery-image img{height:280px}.gallery-nav-btn{font-size:16px;height:40px;width:40px}}@media (max-width:768px){.gallery-section{padding:1.5rem 0}.gallery-section .section-title{font-size:2rem}.section-description{font-size:.95rem;margin-bottom:1.5rem;padding:0 1rem}.gallery-tablet .gallery-image img{height:250px}.gallery-mobile .gallery-image img{height:280px}.gallery-image:after{bottom:10px;font-size:.9rem;left:10px;padding:3px 8px}}@media (max-width:576px){.gallery-section{padding:1rem 0}.gallery-mobile .gallery-image img{height:250px}.gallery-section .section-title{font-size:1.8rem;margin-bottom:.8rem}.section-description{font-size:.9rem;margin-bottom:1.2rem}}@media (max-width:480px){.gallery-section{padding:.8rem 0}.gallery-mobile .gallery-image img{height:220px}.gallery-section .section-title{font-size:1.6rem}.section-description{font-size:.85rem;margin-bottom:1rem}}.desktop-gallery-container{padding:2rem 0;position:relative;width:100%}.desktop-gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}.desktop-gallery-item{aspect-ratio:4/3;background:#ffffff0d;border:2px solid #ffffffe6;border-radius:12px;box-shadow:0 8px 25px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.desktop-gallery-item:hover{border-color:#f39c12;box-shadow:0 25px 50px #e74c3c4d;position:relative;transform:translateY(-15px) scale(1.25);z-index:100}.desktop-gallery-item img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.desktop-gallery-item:hover img{transform:scale(1.1)}.desktop-gallery-item:before{background:linear-gradient(0deg,#0003 0,#0000 50%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.desktop-gallery-item:hover:before{opacity:1}.desktop-gallery-item:after{background:#000000b3;border-radius:15px;bottom:15px;color:#fff;content:"Happy Client 😊";font-size:.9rem;font-weight:600;left:15px;opacity:0;padding:5px 10px;position:absolute;text-shadow:none;transform:translateY(10px);transition:all .3s ease;z-index:2}.desktop-gallery-item:hover:after{opacity:1;transform:translateY(0)}@media (max-width:1200px){.desktop-gallery-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1400px){.desktop-gallery-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1600px){.desktop-gallery-grid{grid-template-columns:repeat(7,1fr)}}.car-detail-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);background-attachment:fixed;margin:0 auto;max-width:1400px;min-height:100vh;padding:2.5rem 1.5rem;position:relative}.car-detail-container{grid-gap:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 10px 30px #0f172a66;display:grid;gap:2.5rem;grid-template-columns:1fr 1.5fr;margin-bottom:3rem;overflow:hidden;padding:2rem}.car-image-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;display:flex;flex-direction:column;padding:2rem;position:relative}.car-detail-image{border-radius:16px;box-shadow:0 20px 50px #00000026;height:auto;max-width:500px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.car-detail-image:hover{box-shadow:0 30px 70px #00000040;transform:translateY(-8px) scale(1.03)}.car-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-top:2rem;text-align:center}.invoice-section{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9fa);border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.invoice-header{border-bottom:3px solid #3b82f6;margin-bottom:1rem;padding-bottom:1.5rem;text-align:center}.invoice-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:1.5px;margin:0;text-transform:uppercase}.bank-selection{margin-bottom:1.5rem;text-align:center}.bank-selection h3{color:#334155;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.bank-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.bank-button{background:#fff;border:2px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:700;min-width:140px;padding:.9rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.bank-button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d;color:#fff;transform:translateY(-3px)}.bank-button.active{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#1e40af;box-shadow:0 8px 20px #1e40af66;color:#fff}.company-header{background:#fff;border-bottom:3px solid #e5e7eb;margin-bottom:20px;padding:24px 0;text-align:center}.company-header h2{color:#1e40af;font-size:2rem;font-weight:800;letter-spacing:1.5px;margin:0 0 12px;text-transform:uppercase}.company-details p{color:#475569;font-size:1rem;font-weight:600;line-height:1.5;margin:6px 0}@media screen{.company-header{display:none}}@media print{.company-header{display:block!important}}.invoice-content{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden}.invoice-table{border-collapse:collapse;width:100%}.invoice-table td{border:1px solid #e2e8f0;font-size:1rem;line-height:1.5;padding:1rem 1.2rem}.invoice-table td:first-child{background:#f8fafc;color:#475569;font-weight:600;width:50%}.invoice-table td:last-child{color:#1e293b;font-weight:700;text-align:right}.invoice-table tr:hover{background:#f1f5f9;transition:background .2s ease}.invoice-model-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}.invoice-model-row td{color:#1e40af!important;font-size:1.1rem;font-weight:700}.highlight-cell{background:linear-gradient(135deg,#86efac,#4ade80)!important;color:#166534!important;font-weight:800!important}.roi-row td:last-child{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;color:#4338ca!important;font-weight:700}.on-road-row{background:linear-gradient(135deg,#fef3c7,#fde68a)!important}.on-road-row td{color:#92400e!important;font-size:1.1rem;font-weight:800!important}.offers-row{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important}.offers-row td:last-child{color:#065f46!important;font-size:1.1rem;font-weight:800!important}.emi-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}.emi-row td{color:#1e40af!important;font-size:1.2rem;font-weight:800!important}.down-payment-row{background:linear-gradient(135deg,#fef08a,#fde047)!important}.down-payment-row td{color:#854d0e!important;font-weight:800!important}.highlighted-field td:last-child{padding-left:2rem!important;position:relative}.highlighted-field td:last-child:before{content:"⭐";font-size:1rem;left:.5rem;position:absolute}.download-section-compact{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:16px;margin-top:1.5rem;padding:1.5rem}.download-buttons-compact{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.download-button-compact{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;min-width:140px;padding:.9rem 1.8rem;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-button-compact:hover:not(:disabled){box-shadow:0 8px 25px #00000040;transform:translateY(-4px)}.download-button-compact.pdf-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.download-button-compact.pdf-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.download-button-compact.enquiry-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.download-button-compact.enquiry-button:hover{background:linear-gradient(135deg,#059669,#047857)}.download-button-compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.download-icon{font-size:1.2rem}.download-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.bank-logo-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem}.bank-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));height:55px;object-fit:contain;width:auto}.bank-logo.larger{height:65px}.bank-name-compact{color:#334155;font-size:.95rem;font-weight:700;margin-left:.5rem}.loading{color:#64748b;font-size:1.5rem;height:400px}.loading,.loading-overlay{align-items:center;display:flex;justify-content:center}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.spinner{animation:spin 1s linear infinite;border:6px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:60px;width:60px}.quotation-container-always-visible{border-radius:16px;margin-top:1rem;overflow:hidden}.car-detail-page-compact{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);margin:0 auto;max-width:100%;min-height:100vh;padding:1rem}.car-detail-container-compact{grid-gap:1.5rem;background:#fffffffa;border-radius:20px;box-shadow:0 15px 45px #0000004d;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:1rem;padding:1.5rem}.car-image-section-compact{align-items:center;display:flex;flex-direction:column;padding:1rem}.main-car-image-container{max-width:450px;position:relative;width:100%}.car-detail-image-compact{border-radius:16px;box-shadow:0 10px 30px #0003;height:auto;transition:all .4s ease;width:100%}.main-car-image-container:hover .car-detail-image-compact{transform:scale(1.03)}.book-now-overlay-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 10px 30px #3b82f680;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;left:50%;letter-spacing:1px;opacity:0;padding:1.2rem 2.5rem;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.main-car-image-container:hover .book-now-overlay-btn{opacity:1}.book-now-overlay-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 15px 40px #3b82f6b3;transform:translate(-50%,-50%) scale(1.08)}.car-name-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:1.5rem 0;text-align:center}.invoice-section-compact{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;padding:1.5rem}.invoice-header-compact{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.invoice-header-compact h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;margin:0}.bank-info-compact{align-items:center;display:flex;gap:.5rem}.bank-logo-compact{height:32px;width:auto}.quotation-container-always-visible .invoice-table td{border:1px solid #e2e8f0;font-size:.9rem;padding:.8rem 1rem}.quotation-container-always-visible .company-header{margin-bottom:16px;padding:16px 0}.quotation-container-always-visible .company-header h2{font-size:1.5rem;margin:0 0 8px}.quotation-container-always-visible .company-details p{font-size:.85rem;margin:4px 0}.car-variants-section-compact{margin-top:1rem;width:100%}.car-variants-section-compact h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.car-variants-grid-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.variant-card-compact{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:1rem;text-align:center;transition:all .3s ease}.variant-card-compact:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d;transform:translateY(-5px)}.variant-card-compact.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1e40af;box-shadow:0 10px 25px #3b82f666;color:#fff}.variant-image-small{background:#f8fafc;border-radius:8px;height:50px;margin:0 auto .8rem;overflow:hidden;width:70px}.variant-image-small img{height:100%;object-fit:contain;width:100%}.variant-name-compact{font-size:1rem;font-weight:700;margin-bottom:.5rem}.variant-pricing-compact{font-size:.9rem;font-weight:600}.down-payment-compact{color:#1e293b}.variant-card-compact.selected .down-payment-compact,.variant-card-compact.selected .variant-name-compact{color:#fff}@media (max-width:992px){.car-detail-container{gap:2rem}.car-detail-container,.car-detail-container-compact{grid-template-columns:1fr}}@media (max-width:768px){.car-detail-page{padding:1rem .5rem}.car-detail-container{border-radius:16px;padding:1.5rem}.invoice-table td{font-size:.9rem;padding:.7rem .8rem}.download-buttons-compact{flex-direction:column}.download-button-compact{width:100%}.bank-buttons{flex-direction:column}.bank-button{width:100%}.car-variants-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:576px){.car-name{font-size:1.6rem}.invoice-header h2{font-size:1.4rem}.invoice-table td{font-size:.85rem;padding:.6rem}.download-button-compact{font-size:.9rem;padding:.8rem 1.2rem}.book-now-overlay-btn{font-size:1rem;margin:1rem 0;opacity:1;padding:1rem 2rem;position:relative;transform:none}.car-variants-grid-compact{gap:.8rem;grid-template-columns:1fr 1fr}.variant-card-compact{padding:.8rem}}.bank-selection-buttons{background:linear-gradient(135deg,#f8fafc,#e6f2ff);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center;margin-bottom:1.5rem;padding:1.25rem}.bank-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#334155;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;min-width:160px;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bank-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.bank-btn.active,.bank-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.bank-btn.active{box-shadow:0 4px 12px #3b82f666}.bank-btn:disabled{cursor:not-allowed;opacity:.5}.bank-btn-logo{border-radius:4px;height:30px;object-fit:contain;width:30px}@media (max-width:1024px){.bank-btn{font-size:.85rem;min-width:145px;padding:.65rem 1rem}.bank-btn-logo{height:26px;width:26px}}@media (max-width:768px){.bank-selection-buttons{gap:.625rem;padding:1rem}.bank-btn{flex-basis:calc(50% - 0.3125rem);flex-grow:1;flex-shrink:1;justify-content:center;min-width:140px}}@media (max-width:480px){.bank-selection-buttons{flex-direction:column;gap:.75rem}.bank-btn{justify-content:center;width:100%}}.our-partners{background:linear-gradient(135deg,#f8f9fa,#fff);padding:1.5rem 0}.our-partners .container{margin:0 auto;max-width:100%;padding:0 2rem;width:100%}.our-partners .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#f39c12);-webkit-background-clip:text;display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:1px;line-height:1.2;margin:0 auto 1rem;max-width:100%;padding:0 1rem;text-align:center;text-transform:uppercase;width:100%}.our-partners .section-description{color:#6c757d;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto 1.5rem;max-width:700px;padding:0 2rem;text-align:center}.brand-logos-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.brand-logos-title{color:#2c3e50;font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.brand-logos-container{flex-wrap:wrap;gap:2.5rem}.brand-logo-item,.brand-logos-container{align-items:center;display:flex;justify-content:center}.brand-logo-item{background-color:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 15px #00000014;flex-direction:column;gap:.8rem;height:120px;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;width:120px}.brand-logo-item:hover{border-color:#e74c3c;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.brand-logo-item img{filter:grayscale(.3);max-height:60px;max-width:80px;object-fit:contain;transition:filter .3s ease}.brand-logo-item:hover img{filter:grayscale(0)}.brand-name{color:#2c3e50;font-size:.8rem;font-weight:600;margin-top:auto;text-align:center}.showroom-partners-section{margin-top:2rem}.showroom-partners-title{color:#2c3e50;font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.brands-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:100%}.brand-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:1 1;max-width:500px;min-width:400px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.brand-section:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.brand-title{border-bottom:2px solid #e74c3c;color:#e74c3c;font-size:1.25rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.25rem;text-align:center;text-transform:uppercase}.brand-content{align-items:flex-start;display:flex;gap:1rem}.brand-image{border-radius:6px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:90px;overflow:hidden;width:120px}.brand-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.brand-section:hover .brand-image img{transform:scale(1.05)}.showroom-addresses{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.address-item{background:#f8f9fa;border-left:2px solid #3498db;border-radius:4px;padding:.5rem;position:relative;transition:all .3s ease}.address-item:hover{background:#e3f2fd;border-left-color:#2196f3;transform:translateX(3px)}.first-address{margin-bottom:0}.expand-btn{align-items:center;background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:.4rem;justify-content:space-between;margin-top:.3rem;min-width:80px;padding:.3rem .6rem;transition:all .3s ease}.expand-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.expand-btn.expanded{background:#e74c3c}.expand-btn.expanded:hover{background:#c0392b}.expand-text{font-weight:600}.arrow{font-size:.8rem;line-height:1;transition:transform .3s ease}.arrow.up{transform:rotate(180deg)}.arrow.down{transform:rotate(0deg)}.additional-addresses{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.additional-addresses.expanded{margin-top:.5rem;max-height:1000px;opacity:1}.additional-item{animation:slideDown .3s ease forwards;margin-bottom:.5rem}.additional-item:last-child{margin-bottom:0}.showroom-name{color:#2c3e50;font-size:.9rem;font-weight:600;line-height:1.1}.showroom-location,.showroom-name{margin-bottom:.15rem;text-align:left}.showroom-location{color:#3498db;font-size:.8rem;font-weight:500}.showroom-address{color:#6c757d;font-size:.75rem;line-height:1.2;text-align:left}.error,.loading{font-size:1.1rem;padding:3rem;text-align:center}.error{color:#e74c3c}@media (max-width:768px){.our-partners{padding:2rem 0}.our-partners .container{padding:0 1rem}.our-partners .section-title{font-size:2rem;letter-spacing:1.5px;margin:0 auto .8rem;padding:0 .5rem}.our-partners .section-description{font-size:1rem;margin:0 auto 2rem;max-width:600px;padding:0 1rem}.brand-logos-section{margin:2rem 0;padding:1.5rem}.brand-logos-container{gap:1.5rem}.brand-logo-item{height:100px;padding:.8rem;width:100px}.brand-logo-item img{max-height:45px;max-width:60px}.brands-container{flex-direction:column;gap:1rem}.brand-section{max-width:none;min-width:auto;padding:1rem}.brand-content{flex-direction:column;gap:.75rem}.brand-image{height:100px;margin:0 auto;max-width:150px;width:100%}.showroom-addresses{gap:.5rem}.address-item{padding:.5rem}.showroom-name{font-size:.9rem}.expand-btn{font-size:.75rem;min-width:80px;padding:.3rem .6rem}}@media (max-width:480px){.our-partners{padding:1.5rem 0}.our-partners .container{padding:0 .5rem}.our-partners .section-title{font-size:1.5rem;letter-spacing:1px;margin:0 auto .6rem;padding:0 .25rem}.our-partners .section-description{font-size:.9rem;line-height:1.5;margin:0 auto 1.5rem;max-width:400px;padding:0 .5rem}.brand-logos-section{margin:1.5rem 0;padding:1rem}.brand-logos-title,.showroom-partners-title{font-size:1.2rem}.brand-logos-container{gap:1rem}.brand-logo-item{height:80px;padding:.6rem;width:80px}.brand-logo-item img{max-height:35px;max-width:50px}.brand-name{font-size:.7rem}.brands-container{gap:.75rem}.brand-section{padding:.75rem}.brand-title{font-size:1rem}.brand-image{height:80px;max-width:120px}.address-item{padding:.4rem}.showroom-name{font-size:.85rem}.showroom-location{font-size:.8rem}.showroom-address{font-size:.75rem}.expand-btn{margin-top:.4rem;min-width:70px;padding:.25rem .5rem}.expand-btn,.expand-text{font-size:.7rem}.arrow{font-size:.6rem}}.required-documents-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 2rem}.required-documents-container{margin:0 auto;max-width:1400px}.required-documents-container h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.documents-subtitle{color:#6c757d;font-size:1.2rem;margin-bottom:3rem;text-align:center}.documents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.document-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;padding:1.5rem;transition:all .3s ease}.document-item:hover{box-shadow:0 6px 20px #00000026;transform:translateX(5px)}.doc-icon{font-size:2rem;margin-right:1rem}.doc-name{color:#495057;font-size:1.1rem;font-weight:600}.documents-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;margin:0 auto;max-width:900px;padding:1.5rem;text-align:center}.documents-note p{color:#856404;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.required-documents-section{padding:3rem 1rem}.required-documents-container h2{font-size:2rem}.documents-subtitle{font-size:1rem}.documents-grid{gap:1rem;grid-template-columns:1fr}.document-item{padding:1.2rem}.doc-icon{font-size:1.5rem}.doc-name{font-size:1rem}}@media (max-width:480px){.required-documents-section{padding:2rem 1rem}.required-documents-container h2{font-size:1.8rem}.documents-subtitle{font-size:.95rem;margin-bottom:2rem}.document-item,.documents-note{padding:1rem}.documents-note p{font-size:.9rem}}.footer{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 50%,var(--secondary-color) 100%);box-shadow:0 -4px 20px #dc262633;color:var(--text-light);overflow:hidden;padding-top:3rem;position:relative}.footer:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.footer-container{margin:0 auto;max-width:1400px;padding:0 24px;position:relative;z-index:2}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1.5fr 1fr 1fr;margin-bottom:2.5rem}.footer-heading{color:var(--text-light);font-family:var(--heading-font);font-size:1.6rem;font-weight:600;margin-bottom:1.75rem;position:relative}.footer-heading:after{background:var(--gradient-primary);border-radius:var(--border-radius-full);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.footer-section.about p{line-height:1.7;margin-bottom:1.25rem}.contact p,.footer-section.about p{color:var(--text-tertiary);font-size:.95rem}.contact p{align-items:center;display:flex;margin-bottom:1rem}.contact i{color:var(--primary-color);font-size:1.1rem;margin-right:12px;text-align:center;width:20px}.socials{display:flex;margin-top:1.75rem}.socials a{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;background-color:#ffffff14;border-radius:50%;color:var(--text-light);display:flex;font-size:1.1rem;height:44px;justify-content:center;margin-right:18px;overflow:hidden;position:relative;text-decoration:none;touch-action:manipulation;transition:var(--transition-fast);width:44px}.socials a:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.socials a:hover{box-shadow:0 6px 20px #dc26264d;color:#fff;transform:translateY(-5px)}.socials a:hover:before{opacity:1}.footer-section.links ul{column-count:2;column-gap:24px;list-style:none;padding:0}.footer-section.links li{break-inside:avoid;margin-bottom:14px;page-break-inside:avoid}.footer-section.links a{color:var(--text-tertiary);display:inline-block;font-size:.95rem;font-weight:500;padding-left:15px;position:relative;text-decoration:none;transition:var(--transition)}.footer-section.links a:before{color:var(--primary-color);content:"→";left:0;opacity:0;position:absolute;top:0;transform:translateX(-10px);transition:all .3s ease}.footer-section.links a:hover{color:var(--primary-color);transform:translateX(5px)}.footer-section.links a:hover:before{opacity:1;transform:translateX(0)}.footer-section.services ul{list-style:none;padding:0}.footer-section.services li{align-items:center;color:var(--text-tertiary);display:flex;font-size:.95rem;margin-bottom:12px;transition:var(--transition)}.footer-section.services li:hover{color:var(--primary-color);transform:translateX(5px)}.footer-section.services i{color:var(--primary-color);font-size:.9rem;margin-right:12px;text-align:center;width:16px}.footer-bottom{border-top:1px solid #ffffff14;padding:1.75rem 0;position:relative;text-align:center}.footer-bottom:before{background:var(--gradient-primary);content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:150px}.footer-bottom p{color:var(--text-tertiary);font-size:.95rem;margin:0}.designer{color:var(--primary-color);font-weight:600;margin-left:8px;padding-left:10px;position:relative}.designer:before{color:#ffffff4d;content:"•";left:-2px;position:absolute}@media (max-width:992px){.footer{padding-top:2.5rem}.footer-content{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.footer{padding-top:2rem}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-heading{font-size:1.4rem;margin-bottom:1.5rem}.footer-section.links ul{column-count:2;column-gap:20px}.socials{justify-content:center}}@media (max-width:576px){.footer-container{padding:0 16px}.footer-content{gap:1.5rem}.footer-heading{font-size:1.2rem;margin-bottom:1rem}.footer-section.links ul{column-count:1}.socials a{height:40px;margin:0 8px;width:40px}.contact p{font-size:.9rem;justify-content:center;text-align:center}}.new-cars-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.new-cars-header{margin-bottom:4rem;text-align:center}.new-cars-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.new-cars-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.cars-inventory{margin-bottom:4rem}.car-model-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-bottom:3rem;overflow:hidden;transition:var(--transition)}.car-model-section:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.car-model-header{grid-gap:2rem;align-items:center;background:linear-gradient(135deg,var(--surface-hover),var(--surface-active));border-bottom:1px solid var(--border-color);display:grid;gap:2rem;grid-template-columns:200px 1fr auto;padding:2rem}.car-model-image img{border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:120px;object-fit:cover;width:100%}.car-model-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.car-starting-price{color:var(--text-secondary);font-size:1rem}.car-starting-price .price{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-left:.5rem}.view-details-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius-full);box-shadow:var(--box-shadow);color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:var(--transition);white-space:nowrap}.view-details-btn:hover{box-shadow:var(--box-shadow-lg);filter:brightness(110%);transform:translateY(-2px)}.variants-section{padding:1rem}.variants-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.25rem;position:relative}.variants-section h3:after{background:var(--primary-color);border-radius:var(--border-radius-full);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.variants-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.variant-card{background:linear-gradient(135deg,var(--surface-hover),var(--surface-active));border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;transition:var(--transition)}.variant-card:hover{box-shadow:var(--box-shadow)}.variant-name{font-size:.9rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.variant-colors{margin-top:.25rem}.colors-label{color:var(--text-secondary);display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;text-transform:uppercase}.colors-list{display:flex;flex-wrap:wrap;gap:2px}.color-tag{background:var(--primary-color);border-radius:var(--border-radius-full);color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;transition:var(--transition)}.color-tag:hover{background:var(--primary-dark);transform:scale(1.05)}.cars-cta-section{background:linear-gradient(135deg,var(--surface-hover),var(--surface-active));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:3rem;text-align:center}.cars-cta-section h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1rem}.cars-cta-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-btn{border-radius:var(--border-radius-full);font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:var(--transition)}.cta-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:var(--box-shadow);color:#fff}.cta-btn.primary:hover{box-shadow:var(--box-shadow-lg);filter:brightness(110%);transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.cta-btn.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width:992px){.new-cars-container{padding:2rem 1.5rem}.car-model-header{gap:1rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.car-model-image{justify-self:center;max-width:300px}.car-model-image img{height:150px}.variants-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.variant-name{font-size:.85rem}.colors-label{font-size:.8rem}.color-tag{font-size:.7rem;padding:3px 6px}.variant-card{padding:.75rem}}@media (max-width:768px){.new-cars-container{padding:1.5rem 1rem}.new-cars-header h1{font-size:2rem}.new-cars-header p{font-size:1.1rem}.car-model-header{gap:1.25rem;padding:1.25rem}.car-model-image img{height:130px}.car-model-info h2{font-size:1.3rem}.view-details-btn{font-size:.9rem;padding:10px 20px}.variants-section{padding:1rem}.variants-section h3{font-size:1.1rem}.variants-grid{gap:.5rem;grid-template-columns:1fr}.cars-cta-section{padding:2rem 1.5rem}.cars-cta-section h2{font-size:1.8rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.cta-btn{max-width:280px;padding:12px 24px;width:100%}.variant-card{padding:.75rem}.variant-name{font-size:.85rem}.colors-label{font-size:.8rem}.color-tag{font-size:.7rem;padding:3px 6px}}@media (max-width:576px){.new-cars-container{padding:1rem .75rem}.new-cars-header h1{font-size:1.8rem}.new-cars-header p{font-size:1rem}.car-model-header{gap:1rem;padding:1rem}.car-model-image img{height:110px}.car-model-info h2{font-size:1.2rem}.car-starting-price{font-size:.9rem}.car-starting-price .price{font-size:1.1rem}.view-details-btn{font-size:.85rem;padding:8px 16px}.variants-section{padding:.75rem}.variants-section h3{font-size:1rem}.variant-card{padding:.6rem}.colors-list{gap:4px;justify-content:center}.variant-name{font-size:.8rem}.colors-label{font-size:.75rem}.color-tag{font-size:.65rem;padding:2px 6px}.cars-cta-section{padding:1.5rem 1rem}.cars-cta-section h2{font-size:1.6rem}.cta-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:320px){.new-cars-container{padding:.75rem .5rem}.new-cars-header h1{font-size:1.6rem}.car-model-header{padding:.75rem}.car-model-image img{height:100px}.variant-card{padding:.5rem}.color-tag{font-size:.6rem;padding:2px 4px}}.cart-container{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.cart-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.cart-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.cart-breadcrumb{color:var(--text-secondary);font-size:.9rem}.cart-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.cart-breadcrumb a:hover{color:var(--secondary-color)}.empty-cart{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:4rem 2rem;text-align:center}.empty-cart-icon{color:var(--text-muted);margin-bottom:2rem}.empty-cart h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.empty-cart p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.continue-shopping-btn{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;background:var(--gradient-primary);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-warm);color:var(--text-light);display:inline-flex;font-weight:600;gap:12px;justify-content:center;min-height:44px;padding:14px 28px;text-decoration:none;touch-action:manipulation;transition:var(--transition-fast)}.continue-shopping-btn:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.cart-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.cart-items{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:1.5rem}.cart-actions-top{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-bottom:1.5rem;padding-bottom:1rem}.clear-cart-btn{align-items:center;background:#0000;border:2px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:var(--transition)}.clear-cart-btn:hover{background:var(--error-color);color:var(--text-light)}.cart-item{grid-gap:1.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:grid;gap:1.5rem;grid-template-columns:150px 1fr auto;margin-bottom:1.5rem;padding:1.5rem;transition:var(--transition)}.cart-item:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.cart-item-image{background:var(--surface-color);border-radius:var(--border-radius);overflow:hidden;position:relative}.cart-item-image img{border-radius:var(--border-radius);height:120px;object-fit:cover;width:100%}.cart-item-details{display:flex;flex-direction:column;gap:1rem}.cart-item-details h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0}.variant-info{display:flex;flex-direction:column;gap:.5rem}.variant-name{color:var(--primary-color);font-size:1rem}.variant-specs{display:flex;flex-wrap:wrap;gap:1rem}.variant-specs span{background:var(--surface-hover);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.85rem;padding:4px 8px}.customer-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customer-field{display:flex;flex-direction:column;gap:.5rem}.customer-field label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.customer-field input{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;padding:8px 12px;transition:var(--transition)}.customer-field input:focus{background:var(--background-color);border-color:var(--primary-color);outline:none}.cart-item-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;text-align:right}.booking-amount{display:flex;flex-direction:column;gap:.25rem}.amount-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.amount-value{color:var(--primary-color);font-size:1.3rem;font-weight:700}.remove-item-btn{align-items:center;background:#0000;border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;transition:var(--transition)}.remove-item-btn:hover{background:var(--error-color);color:var(--text-light)}.cart-summary{position:-webkit-sticky;position:sticky;top:120px}.booking-note{background:var(--accent-bg);border-left:4px solid var(--accent-color-1);border-radius:var(--border-radius);display:flex;gap:12px;margin-bottom:1.5rem;padding:1rem}.note-icon{color:var(--accent-color-1);flex-shrink:0}.note-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.note-text strong{color:var(--text-primary)}.checkout-actions{flex-direction:column}.checkout-btn{align-items:center;background:var(--gradient-cta);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-warm);color:var(--text-light);display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:16px 24px;text-decoration:none;transition:var(--transition)}.checkout-btn:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.continue-shopping{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:var(--border-radius-full);color:var(--primary-color);display:flex;font-weight:600;gap:12px;justify-content:center;padding:12px 20px;text-decoration:none;transition:var(--transition)}.continue-shopping:hover{background:var(--primary-color);color:var(--text-light)}@media (max-width:992px){.cart-content{gap:1.5rem;grid-template-columns:1fr}.cart-summary{order:-1;position:static}.cart-item{gap:1rem;grid-template-columns:1fr;text-align:left}.cart-item-image{justify-self:center;margin-bottom:1rem;width:200px}.cart-item-actions{align-items:center;flex-direction:row;justify-content:space-between;margin-top:1rem;text-align:center}.customer-details{gap:1rem;grid-template-columns:1fr}.booking-amount{align-items:center;text-align:center}}@media (max-width:768px){.cart-container{padding:1rem}.cart-header h1{font-size:2rem;text-align:center}.cart-breadcrumb{margin-top:.5rem;text-align:center}.cart-item,.cart-items,.summary-card{padding:1rem}.cart-item{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow)}.cart-item:hover{transform:none}.cart-item-image{height:140px;width:180px}.cart-item-image img{height:140px}.cart-item-details h3{font-size:1.2rem;margin-bottom:1rem;text-align:center}.variant-name{font-size:1.1rem;text-align:center}.variant-specs{justify-content:center;text-align:center}.customer-details{margin-top:1.5rem}.customer-field input{font-size:16px;padding:12px 16px}.checkout-btn{font-size:1rem;margin-bottom:1rem;padding:16px 24px;width:100%}.continue-shopping{width:100%}.cart-actions-top,.continue-shopping{justify-content:center}.clear-cart-btn{font-size:1rem;padding:12px 20px}.summary-card{border-radius:var(--border-radius-lg);margin-bottom:1rem}.checkout-actions{gap:.75rem}}@media (max-width:576px){.cart-container{padding:.75rem}.cart-header{margin-bottom:1.5rem;padding-bottom:.75rem}.cart-header h1{font-size:1.6rem;line-height:1.2}.empty-cart{padding:2rem 1rem}.empty-cart h2{font-size:1.4rem}.empty-cart p{font-size:1rem}.continue-shopping-btn{font-size:.95rem;padding:12px 24px}.cart-item,.cart-items{padding:.75rem}.cart-item{margin-bottom:1rem}.cart-item-image{height:120px;width:150px}.cart-item-image img{height:120px}.cart-item-details h3{font-size:1.1rem}.variant-specs{align-items:center;flex-direction:column;gap:.5rem}.variant-specs span{display:inline-block;min-width:120px;text-align:center}.customer-field{margin-bottom:.5rem}.customer-field label{font-size:.9rem;margin-bottom:.25rem}.customer-field input{border-radius:var(--border-radius);font-size:16px;padding:12px 14px}.cart-item-actions{align-items:center;flex-direction:column;gap:.75rem}.booking-amount{margin-bottom:.5rem;order:1}.amount-value{font-size:1.2rem}.remove-item-btn{font-size:.9rem;justify-content:center;max-width:200px;order:2;padding:8px 16px;width:100%}.summary-card{padding:.75rem}.summary-card h3{font-size:1.3rem}.checkout-btn{font-size:.95rem;padding:14px 20px}.clear-cart-btn,.continue-shopping{font-size:.9rem;padding:10px 16px}.checkout-btn,.clear-cart-btn,.continue-shopping,.remove-item-btn{min-height:44px}.booking-note{font-size:.85rem;padding:.75rem}.note-text{font-size:.8rem}}@media (max-width:320px){.cart-container{padding:.5rem}.cart-header h1{font-size:1.4rem}.cart-item-image{height:100px;width:130px}.cart-item-image img{height:100px}.customer-field input{padding:10px 12px}.variant-specs span{font-size:.8rem;padding:3px 6px}}.checkout-container{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.checkout-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.checkout-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.checkout-breadcrumb{color:var(--text-secondary);font-size:.9rem}.checkout-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.checkout-breadcrumb a:hover{color:var(--secondary-color)}.empty-checkout{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:4rem 2rem;text-align:center}.empty-checkout-icon{color:var(--text-muted);margin-bottom:2rem}.empty-checkout h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.empty-checkout p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.back-to-shopping-btn{align-items:center;background:var(--gradient-primary);border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-warm);color:var(--text-light);display:inline-flex;font-weight:600;gap:12px;padding:14px 28px;text-decoration:none;transition:var(--transition)}.back-to-shopping-btn:hover{box-shadow:var(--box-shadow-lg);color:var(--text-light);transform:translateY(-2px)}.checkout-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.checkout-form{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:2rem}.section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.section:last-child{border-bottom:none;margin-bottom:0}.section h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1.5rem}.order-items{display:flex;flex-direction:column;gap:1rem}.order-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem}.item-image{border-radius:var(--border-radius);height:60px;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{flex:1 1}.item-details h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.item-details p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.item-price{color:var(--primary-color);font-size:1.2rem;font-weight:700}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.payment-method{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;padding:1rem;transition:var(--transition)}.payment-method:hover{background:var(--surface-hover);border-color:var(--primary-color)}.payment-method.selected{background:var(--primary-bg);border-color:var(--primary-color)}.payment-method input[type=radio]{display:none}.method-info{align-items:center;display:flex;gap:.5rem;width:100%}.method-icon{font-size:1.5rem}.payment-fields{gap:1rem}.form-field,.payment-fields{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-field input,.form-field select{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:12px 16px;transition:var(--transition)}.form-field input:focus,.form-field select:focus{background:var(--surface-color);border-color:var(--primary-color);outline:none}.form-field input.error,.form-field select.error{border-color:var(--error-color)}.error-text{color:var(--error-color);font-size:.8rem;font-weight:500}.terms-checkbox,.terms-checkbox label{align-items:flex-start;display:flex;gap:12px}.terms-checkbox label{color:var(--text-secondary);cursor:pointer;line-height:1.5}.terms-checkbox input[type=checkbox]{display:none}.checkmark{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:var(--transition);width:20px}.terms-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.terms-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terms-checkbox a{color:var(--primary-color);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.checkout-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.back-to-cart{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:var(--transition)}.back-to-cart:hover{color:var(--primary-color)}.pay-now-btn{align-items:center;background:var(--gradient-cta);border:none;border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-warm);color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;min-width:200px;padding:16px 32px;transition:var(--transition)}.pay-now-btn:hover:not(:disabled){box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.pay-now-btn:disabled{cursor:not-allowed;opacity:.7}.processing-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.checkout-summary{position:-webkit-sticky;position:sticky;top:120px}.summary-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:2rem}.summary-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center}.summary-card h3,.summary-details{margin-bottom:1.5rem}.summary-row{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-top:.5rem;padding:1rem 0}.summary-row.total span:last-child{color:var(--primary-color)}.security-notice{align-items:center;background:var(--success-bg);border-left:4px solid var(--success-color);border-radius:var(--border-radius);display:flex;gap:12px;padding:1rem}.security-icon{color:var(--success-color);flex-shrink:0}.security-notice p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:992px){.checkout-content{gap:1.5rem;grid-template-columns:1fr}.checkout-summary{order:-1;position:static}.payment-methods{gap:.75rem;grid-template-columns:1fr}.payment-method{padding:1.25rem}.checkout-actions{flex-direction:column;gap:1rem}.pay-now-btn{order:1;width:100%}.back-to-cart{order:2;text-align:center}}@media (max-width:768px){.checkout-container{padding:1rem}.checkout-header{text-align:center}.checkout-header h1{font-size:2rem}.checkout-breadcrumb{margin-top:.5rem}.checkout-form,.summary-card{border-radius:var(--border-radius-lg);padding:1.5rem}.section{margin-bottom:1.5rem;padding-bottom:1rem}.section h3{font-size:1.3rem;margin-bottom:1rem;text-align:center}.form-row{gap:.75rem;grid-template-columns:1fr}.form-field input,.form-field select{border-radius:var(--border-radius);font-size:16px;padding:14px 16px}.payment-method{border-radius:var(--border-radius);padding:1rem}.method-info{font-weight:600;justify-content:center}.order-item{border-radius:var(--border-radius);flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.item-image{align-self:center;height:90px;width:120px}.item-details{text-align:center}.item-details h4{font-size:1.1rem}.item-price{font-size:1.3rem;margin-top:.5rem}.terms-checkbox{align-items:center;gap:1rem;text-align:center}.terms-checkbox label{line-height:1.6;text-align:left}.pay-now-btn{font-size:1.1rem;min-height:50px;padding:16px 24px}.back-to-cart{font-size:1rem;padding:12px 0}.empty-checkout{padding:3rem 1.5rem;text-align:center}.empty-checkout h2{font-size:1.6rem}.empty-checkout p{font-size:1rem;margin-bottom:2rem}.back-to-shopping-btn{font-size:1rem;padding:14px 28px}}@media (max-width:576px){.checkout-container{padding:.75rem}.checkout-header{margin-bottom:1.5rem;padding-bottom:.75rem}.checkout-header h1{font-size:1.6rem;line-height:1.2}.checkout-breadcrumb{font-size:.85rem}.checkout-form,.summary-card{padding:1rem}.section{margin-bottom:1rem;padding-bottom:.75rem}.section h3{font-size:1.2rem;margin-bottom:.75rem}.payment-methods{gap:.5rem}.payment-method{padding:.75rem}.method-info{font-size:.9rem;gap:.75rem}.method-icon{font-size:1.2rem}.payment-fields{gap:.75rem}.form-field{gap:.25rem}.form-field label{font-size:.85rem;font-weight:700}.form-field input,.form-field select{font-size:16px;padding:12px 14px}.order-items{gap:.75rem}.order-item{padding:.75rem}.item-image{height:75px;width:100px}.item-details h4{font-size:1rem}.item-details p{font-size:.85rem}.item-price{font-size:1.1rem}.terms-checkbox{flex-direction:column;gap:.75rem;text-align:center}.terms-checkbox label{font-size:.85rem;line-height:1.5}.checkmark{height:18px;width:18px}.checkout-actions{gap:.75rem;margin-top:1.5rem;padding-top:1rem}.pay-now-btn{font-size:1rem;min-height:48px;padding:14px 20px}.back-to-cart{font-size:.9rem}.summary-card h3{font-size:1.2rem}.summary-row{font-size:.9rem;padding:.5rem 0}.summary-row.total{font-size:1.1rem;padding:.75rem 0}.security-notice{gap:8px;padding:.75rem}.security-notice p{font-size:.8rem}.back-to-shopping-btn,.pay-now-btn,.payment-method{min-height:44px}.processing-spinner{height:18px;width:18px}.empty-checkout{padding:2rem 1rem}.empty-checkout h2{font-size:1.4rem}.empty-checkout p{font-size:.9rem}.back-to-shopping-btn{font-size:.95rem;padding:12px 24px}}@media (max-width:320px){.checkout-container{padding:.5rem}.checkout-header h1{font-size:1.4rem}.checkout-form,.summary-card{padding:.75rem}.payment-method{padding:.5rem}.method-info{font-size:.8rem;gap:.5rem}.method-icon{font-size:1rem}.form-field input,.form-field select{font-size:16px;padding:10px 12px}.item-image{height:68px;width:90px}.terms-checkbox label{font-size:.8rem}.pay-now-btn{font-size:.9rem;padding:12px 16px}.security-notice{padding:.5rem}.security-notice p{font-size:.75rem}}.my-bookings-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 1rem}.my-bookings-header{margin:0 auto 2rem;max-width:1200px}.my-bookings-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.breadcrumb{color:#666;font-size:.9rem}.breadcrumb a{color:#dc2626;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#991b1b}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{border-top-color:#dc2626}.loading-state p{color:#666;font-size:1.1rem}.empty-bookings,.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:50vh;padding:2rem;text-align:center}.empty-icon,.error-icon{color:#dc2626;margin-bottom:1.5rem}.empty-bookings h2,.error-state h2{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.empty-bookings p,.error-state p{color:#666;font-size:1.1rem;margin-bottom:2rem}.back-to-home-btn,.browse-cars-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.back-to-home-btn:hover,.browse-cars-btn:hover{box-shadow:0 10px 20px #dc26264d;transform:translateY(-2px)}.user-info-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;gap:.85rem;margin:0 auto 1rem;max-width:1200px;padding:.75rem 1rem}.user-avatar{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;flex-shrink:0;height:45px;width:45px}.user-avatar svg{height:24px;width:24px}.user-details{flex:1 1}.user-details h3{color:#1a1a1a;font-size:1rem;font-weight:600;line-height:1.2;margin-bottom:.15rem}.user-details p{color:#666;font-size:.75rem;line-height:1.3;margin:.05rem 0}.total-bookings{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf0);border-radius:6px;display:flex;flex-direction:column;padding:.5rem 1rem}.total-bookings .count{color:#dc2626;font-size:1.5rem;font-weight:700;line-height:1}.total-bookings .label{color:#666;font-size:.65rem;letter-spacing:.3px;margin-top:.2rem;text-transform:uppercase}.bookings-list{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.booking-card-compact{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 4px #00000014;overflow:hidden;transition:all .3s ease}.booking-card-compact:hover{border-color:#dc2626;box-shadow:0 4px 10px #0000001f;transform:translateY(-2px)}.compact-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1.5px solid #dc2626;justify-content:space-between;padding:.4rem .65rem}.booking-id,.compact-header{align-items:center;display:flex}.booking-id{gap:.3rem}.id-label{color:#666;font-size:.65rem;font-weight:500}.id-value{color:#dc2626;font-size:.75rem;font-weight:700}.status-badges{gap:.3rem}.compact-body{padding:.65rem}.car-info h4{color:#1a1a1a;font-size:.95rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.car-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.25rem;margin-bottom:.5rem}.car-meta span{align-items:center;display:flex}.price-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.price-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;padding:.4rem .3rem;text-align:center}.price-box.highlight{background:linear-gradient(135deg,#fef3f2,#fef2f2);border-color:#dc2626}.price-box .label{color:#666;font-size:.6rem;letter-spacing:.2px;margin-bottom:.15rem;text-transform:uppercase}.price-box .amount{color:#1a1a1a;font-size:.8rem;font-weight:700;line-height:1.1}.price-box.highlight .amount{color:#dc2626}.compact-footer{border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:.5rem}.compact-footer,.date-info{align-items:center;display:flex}.date-info{color:#666;font-size:.65rem;gap:.3rem}.support-link{align-items:center;background:#25d366;border-radius:5px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.35rem .7rem;text-decoration:none;transition:all .3s ease}.support-link:hover{background:#1da851;box-shadow:0 3px 6px #25d3664d;transform:translateY(-1px)}.payment-badge,.status-badge{border-radius:12px;font-size:.65rem;font-weight:600;letter-spacing:.2px;line-height:1;padding:.2rem .5rem;text-transform:capitalize}.status-confirmed{background:#10b981;color:#fff}.status-pending{background:#f59e0b;color:#fff}.status-cancelled{background:#ef4444;color:#fff}.status-completed{background:#6366f1;color:#fff}.status-default{background:#9ca3af;color:#fff}.payment-paid{background:#10b981;color:#fff}.payment-pending{background:#f59e0b;color:#fff}.payment-failed{background:#ef4444;color:#fff}.payment-default{background:#9ca3af;color:#fff}.bookings-footer{margin:1.5rem auto 0;max-width:1200px;text-align:center}.continue-browsing-btn{align-items:center;background:#fff;border:2px solid #dc2626;border-radius:8px;color:#dc2626;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.continue-browsing-btn:hover{background:#dc2626;box-shadow:0 6px 12px #dc26264d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.my-bookings-container{padding:1rem .5rem}.my-bookings-header h1{font-size:1.8rem}.user-info-card{flex-direction:column;padding:1rem;text-align:center}.total-bookings{width:100%}.bookings-list{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr 1fr}.price-grid .price-box:last-child{grid-column:1/-1}.compact-footer{align-items:stretch;flex-direction:column;gap:.75rem}.support-link{justify-content:center}}@media (max-width:480px){.my-bookings-header h1{font-size:1.5rem}.car-info h4{font-size:1rem}.compact-header{align-items:flex-start;flex-direction:column;gap:.5rem}.status-badges{justify-content:flex-start;width:100%}.price-box .amount{font-size:.85rem}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}input[type=number]{-moz-appearance:textfield}.quotation-modal input[type=number]::-webkit-inner-spin-button,.quotation-modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}.quotation-modal input[type=number]{-moz-appearance:textfield}.showroom-management{margin:0 auto;max-width:1400px;padding:1.5rem}.booking-relations,.showroom-management{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.booking-relations{margin:0;max-width:100%;padding:1rem;width:100%}.page-header{align-items:center;border:1px solid #007bff1a;border-radius:12px;display:flex;justify-content:space-between}.booking-summary-section,.page-header{background:#fff;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.booking-summary-section{border-radius:12px}.booking-summary-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.summary-cards{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.summary-card{border-radius:6px;box-shadow:0 2px 6px #00000014;padding:.75rem;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-card.pending{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.summary-card.confirmed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.summary-card.cancelled{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.summary-card.revenue{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2c3e50}.card-content h3{font-size:.75rem;font-weight:500;line-height:1.2;margin:0 0 .3rem;opacity:.9}.card-value{font-size:1.4rem;font-weight:700;line-height:1.1;margin:0}.filters-section{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;padding:.75rem}.filter-group{flex:1 1;min-width:200px}.search-input,.status-filter{border:1px solid #e9ecef;border-radius:5px;font-size:.85rem;padding:.5rem .75rem;transition:all .3s ease;width:100%}.search-input:focus,.status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.booking-relations-list{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.relations-table{display:flex;flex-direction:column}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;font-weight:600;grid-template-columns:1fr 1fr 1fr 1fr;padding:1rem}.header-cell{padding:.5rem;text-align:center}.relation-row{animation:slideInUp .5s ease forwards;border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;opacity:0;transition:all .3s ease}.relation-row:hover{background-color:#f8f9fa;transform:translateX(5px)}.cell{display:flex;flex-direction:column;justify-content:center;padding:1.5rem}.car-info h4,.showroom-info h4,.user-info h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.booking-info p,.car-info p,.showroom-info p,.user-info p{color:#6c757d;font-size:.9rem;margin:.25rem 0}.brand-badge{font-size:.8rem;margin:.5rem 0;padding:.25rem .75rem}.brand-badge[data-brand="Maruti Suzuki"]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.brand-badge[data-brand=Hyundai]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.brand-badge[data-brand=Toyota]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.brand-badge[data-brand=Honda]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.brand-badge[data-brand=Tata]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.brand-badge[data-brand=Mahindra]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.status-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;padding:.5rem 1rem;text-transform:uppercase}.status-badge.status-confirmed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.status-badge.status-pending{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.status-badge.status-cancelled{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.status-badge.status-default{background:#6c757d;color:#fff}.pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.pagination-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.pagination-info{color:#6c757d;font-weight:500}.no-data{font-size:1.1rem;padding:3rem}.relations-grid{display:flex;flex-direction:column;gap:1rem}.relations-header{border-bottom:2px solid #e9ecef;margin-bottom:.5rem;padding:.5rem 0}.relations-header h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.booking-card{animation:slideInUp .5s ease forwards;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 8px #0000000f;margin-bottom:.6rem;opacity:0;overflow:hidden;transition:all .3s ease}.booking-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:.5rem .75rem}.booking-id-section h3{font-size:.9rem;font-weight:700;line-height:1.2;margin:0}.booking-date p{font-size:.7rem;line-height:1.2;margin:0;opacity:.9}.booking-flow{align-items:stretch;display:flex;gap:.5rem;justify-content:center;max-width:100%;overflow-x:auto;padding:.6rem}.flow-step{background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 1px 4px #0000000f;flex:1 1;max-width:240px;min-width:200px;transition:all .3s ease}.flow-step:hover{border-color:#667eea;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.step-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;color:#fff;gap:.5rem;padding:.5rem .7rem}.step-number{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-header h4{font-size:.85rem;font-weight:600;line-height:1.2;margin:0}.step-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px;padding:.7rem .5rem}.primary-name{word-wrap:break-word;color:#2c3e50;font-size:.9rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;padding-left:.3rem;text-align:left}.contact-detail,.location-detail,.spec-detail{word-wrap:break-word;color:#6c757d;font-size:.75rem;line-height:1.4;margin:.25rem 0;padding-left:.3rem;text-align:left}.flow-arrow{align-self:center;color:#667eea;flex-shrink:0;font-size:1.5rem;font-weight:700;margin:0 .3rem}.status-indicators{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start;margin-top:.4rem;padding-left:.3rem}.mini-chip{background:#4facfe;border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;line-height:1.2;padding:.25rem .5rem}.brand-badge.mini{display:inline-block;font-size:.75rem;margin:.3rem 0 .3rem .3rem;padding:.3rem .7rem;text-align:center;width:-webkit-fit-content;width:fit-content}.price-highlight,.total-amount{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:5px;box-shadow:0 2px 8px #4facfe4d;color:#fff;margin:.4rem .3rem;padding:.6rem;text-align:left}.price-highlight span,.total-amount span{display:block;font-size:.95rem;font-weight:700;line-height:1.2}.price-highlight small,.total-amount small{display:block;font-size:.7rem;line-height:1.2;margin-top:.2rem;opacity:.9}.not-allocated{color:#dc3545;font-size:.8rem;font-weight:600;line-height:1.3;margin:0;padding:.8rem .3rem;text-align:left;width:100%}.status-badges{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-start;margin-bottom:.5rem;padding-left:.3rem}.delivery-date{color:#6c757d;font-size:.9rem;margin:.5rem 0;padding-left:.5rem;text-align:left}.finance-indicator{margin-top:.8rem;text-align:center}.finance-chip{background:#f093fb;margin:0 auto;padding:.4rem .8rem}.finance-chip,.pending-chip{border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500}.pending-chip{background:linear-gradient(135deg,#f093fb,#f5576c);margin:.8rem auto;padding:.4rem 1rem;width:-webkit-fit-content;width:fit-content}.allocation-status{margin-top:1rem;text-align:center;width:100%}.allocation-help{color:#6c757d;font-size:.8rem;font-style:italic;line-height:1.5;margin:.8rem 0;padding:0 .5rem;text-align:center}.additional-details{background:#f8f9fa;border-top:1px solid #e9ecef;padding:.8rem 1rem}.notes-section{display:flex;flex-direction:column;gap:.5rem}.note-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;line-height:1.5;padding:1rem;text-align:left}.note-item.internal{background:#fff3cd;border-color:#ffeaa7}.note-item strong{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.section-header{background:linear-gradient(135deg,#f1f3f4,#e8eaf0);border-bottom:1px solid #e0e0e0;padding:.6rem .8rem}.section-header h4{align-items:center;color:#2c3e50;display:flex;font-size:.85rem;font-weight:600;gap:.3rem;margin:0}.section-content{padding:.8rem}.customer-name{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.contact-info{color:#6c757d;font-size:.9rem;margin:.3rem 0}.address-info{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.document-status{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.status-chip{border-radius:20px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.status-chip.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.car-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .8rem}.car-specs{grid-gap:.5rem;display:grid;gap:.5rem}.car-specs p{color:#6c757d;font-size:.9rem;margin:0}.pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.price-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.price-item.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.price-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.price-item .label{display:block;font-size:.8rem;margin-bottom:.5rem;opacity:.8}.price-item .value{display:block;font-size:1.1rem;font-weight:700}.additional-charges{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:1rem;padding:1rem}.charges-header{color:#856404;font-weight:600;margin:0 0 .5rem}.additional-charges p{color:#856404;font-size:.9rem;margin:.3rem 0}.payment-status{align-items:center;display:flex;gap:1rem;margin-top:1rem}.payment-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.3rem .8rem;text-transform:uppercase}.payment-badge.paid{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.payment-badge.pending{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.delivery-info,.finance-info,.sales-info,.showroom-info{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.finance-header{color:#2c3e50;margin-bottom:.5rem}.special-requirements{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-top:1rem;padding:1rem}.card-footer{background:#f8f9fa;border-top:1px solid #e9ecef;gap:.75rem;padding:.65rem 1rem}.card-footer,.footer-actions{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-actions{flex:1 1;gap:1rem}.meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.meta-tag{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:.8rem;font-weight:500;padding:.4rem 1rem;text-align:center}.timestamps{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.timestamp{color:#6c757d;font-size:.8rem;text-align:right}.confirm-booking-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.2rem;transition:all .3s ease}.confirm-booking-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.confirm-booking-btn:active{box-shadow:0 2px 6px #10b9814d;transform:translateY(0)}@media (max-width:1200px){.booking-flow{flex-wrap:wrap;justify-content:center}.flow-step{max-width:300px;min-width:260px}.flow-arrow{font-size:1.5rem}}@media (max-width:1024px){.booking-flow{align-items:center;flex-direction:column}.flow-step{max-width:400px;min-width:0;min-width:auto;width:100%}.flow-arrow{align-self:center;margin:1rem 0;transform:rotate(90deg)}}@media (max-width:768px){.card-header{flex-direction:column;gap:.5rem;text-align:center}.booking-flow{padding:1rem .5rem}.step-content{padding:1rem;text-align:center}.contact-detail,.delivery-date,.location-detail,.spec-detail{padding-left:0;text-align:center}.filters-section{flex-direction:column}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card-footer{flex-direction:column;padding:.8rem 1rem;text-align:center}.meta-info,.timestamps{justify-content:center}.timestamp{text-align:center}.booking-relations{padding:.5rem}.relations-grid{gap:.8rem}.relation-row,.table-header{gap:1rem;grid-template-columns:1fr}.cell{border-bottom:1px solid #f0f0f0}}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.add-button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.add-button:active{transform:translateY(0)}.showrooms-list{grid-gap:2rem;display:grid;gap:2rem;margin-top:2rem}.showroom-card{background:#fff;border:1px solid #007bff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.showroom-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.showroom-card:hover{border-color:#667eea4d;box-shadow:0 12px 48px #00000026;transform:translateY(-5px)}.showroom-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.showroom-info h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 .75rem}.showroom-info h3:before{content:"🏢";font-size:1.25rem}.brand-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 10px #667eea4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.5rem 1rem;text-transform:uppercase}.showroom-actions{display:flex;gap:.5rem}.delete-button,.edit-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;min-height:45px;min-width:45px;padding:.75rem;transition:all .3s ease}.edit-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.delete-button:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b66;color:#fff;transform:scale(1.1)}.showroom-details{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.showroom-details p{align-items:center;color:#495057;display:flex;font-size:1rem;gap:.5rem;margin:.75rem 0}.showroom-details p strong{color:#2c3e50;font-weight:600;min-width:120px}.contacts-section{border-top:2px solid #e9ecef;margin-top:1rem;padding-top:1.5rem}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.contacts-header h4{align-items:center;color:#2c3e50;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.contacts-header h4:before{content:"👥";font-size:1.125rem}.add-contact-button{background:linear-gradient(135deg,#51cf66,#40c057);border:none;border-radius:8px;box-shadow:0 4px 15px #51cf664d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.add-contact-button:hover{box-shadow:0 8px 25px #51cf6680;transform:translateY(-2px)}.contacts-list{grid-gap:.75rem;display:grid;gap:.75rem}.contact-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;position:relative;transition:all .3s ease}.contact-item:before{background:linear-gradient(135deg,#51cf66,#40c057);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.contact-item:hover{border-color:#51cf664d;box-shadow:0 4px 20px #0000001a;transform:translateX(5px)}.contact-info p{font-size:.875rem;margin:.25rem 0}.contact-info p:first-child{align-items:center;color:#2c3e50;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.contact-info p:first-child:before{content:"👤";font-size:1rem}.designation{color:#6c757d;font-style:italic}.contact-actions{display:flex;gap:.25rem}.delete-contact-button,.edit-contact-button{background:none;border:none;border-radius:3px;cursor:pointer;font-size:.875rem;padding:.25rem;transition:background-color .2s}.edit-contact-button:hover{background-color:#e2e6ea}.delete-contact-button:hover{background-color:#f5c6cb}.no-contacts{color:#6c757d;font-style:italic;margin:0}.no-data{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#6c757d;margin-top:2rem;padding:4rem 2rem;text-align:center}.no-data:before{content:"📝";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.no-data p{font-size:1.125rem;font-weight:500;margin:0}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease forwards;background:#fff;border:1px solid #007bff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;transform:scale(.9);width:90%}@keyframes modalSlideIn{to{transform:scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f1f3f4;border-radius:16px 16px 0 0;justify-content:space-between;padding:2rem 2rem 1.5rem}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.modal-header h2:before{content:"✨";font-size:1.25rem}.close-button{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.contact-form,.showroom-form{background:#fafbfc;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#2c3e50;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-group label:before{content:attr(data-icon);font-size:1rem}.form-group label[for*=name]:before{content:"🏢"}.form-group label[for*=address]:before{content:"📍"}.form-group label[for*=state]:before{content:"🌍"}.form-group label[for*=city]:before{content:"🏙️"}.form-group label[for*=brand]:before{content:"🏷️"}.form-group label[for*=contact]:before{content:"👤"}.form-group label[for*=designation]:before{content:"💼"}.form-group label[for*=phone]:before{content:"📞"}.form-group label[for*=email]:before{content:"📧"}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group select:disabled{background:#f8f9fa;color:#6c757d;opacity:.6}.form-group select:disabled:hover{border-color:#e9ecef;transform:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fafbfc;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.save-button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.save-button:active{transform:translateY(0)}.cancel-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.cancel-button:hover{background-color:#545b62}.error-message{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-close{background:none;border:none;color:#721c24;cursor:pointer;font-size:1.25rem;height:20px;padding:0;width:20px}.loading{color:#6c757d;font-size:1.125rem;padding:3rem;text-align:center}@media (max-width:768px){.showroom-management{padding:1rem}.page-header,.showroom-header{align-items:flex-start;flex-direction:column;gap:1rem}.showroom-actions{align-self:flex-end}.contacts-header{gap:.5rem}.contact-item,.contacts-header{align-items:flex-start;flex-direction:column}.contact-item{gap:1rem}.contact-actions{align-self:flex-end}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.modal-content{margin:1rem;width:95%}}.showroom-management .loading{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#6c757d;display:flex;flex-direction:column;font-size:1.125rem;gap:1rem;margin-top:2rem;padding:4rem 2rem;text-align:center}.showroom-management .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.showroom-card{animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.add-button,.add-contact-button,.save-button{overflow:hidden;position:relative}.add-button:before,.add-contact-button:before,.save-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.add-button:hover:before,.add-contact-button:hover:before,.save-button:hover:before{height:300px;width:300px}.form-group{position:relative}.form-group input:focus+.form-focus-line,.form-group select:focus+.form-focus-line,.form-group textarea:focus+.form-focus-line{width:100%}.form-focus-line{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.success-message{animation:slideInFromTop .5s ease;background:linear-gradient(135deg,#51cf66,#40c057);border:none;box-shadow:0 4px 15px #51cf664d;color:#fff;font-weight:500;justify-content:space-between;padding:1rem 1.5rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand-badge[data-brand*=Maruti]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.brand-badge[data-brand*=Hyundai]{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.brand-badge[data-brand*=Toyota]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2c3e50}.brand-badge[data-brand*=Honda]{background:linear-gradient(135deg,#ffd89b,#19547b)}.brand-badge[data-brand*=Tata]{background:linear-gradient(135deg,#667eea,#764ba2)}.brand-badge[data-brand*=Mahindra]{background:linear-gradient(135deg,#f093fb,#f5576c)}.dashboard-container{margin:0 auto;max-width:1100px;padding:1.5rem}.dashboard-container h1{color:#333;font-size:2rem;margin-bottom:1.5rem}.dashboard-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:inherit;padding:1.25rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{border-color:#4a90e2;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.card-icon{display:block;font-size:1.75rem;margin-bottom:.75rem}.card-content h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.card-content p{color:#666;font-size:.85rem;margin:0}.invoice-card,.invoice-creation-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem}.invoice-card{max-width:400px;text-align:center}.invoice-card h3{font-size:1.5rem;margin-bottom:1rem;margin-top:0}.invoice-card p{color:#666;margin-bottom:1.5rem}.invoice-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.invoice-btn:hover{background-color:#3a7bc8}.invoice-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.invoice-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.invoice-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.invoice-modal-header h2{font-size:1.25rem;margin:0}.close-modal-btn{color:#666;font-size:1.2rem;line-height:1;padding:.2rem .5rem}.invoice-modal-body{padding:1rem}.invoice-modal-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:.75rem;justify-content:flex-end;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;z-index:2}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;margin-bottom:.3rem}.form-control{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.custom-dropdown{position:relative}.cancel-btn,.submit-btn{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s}.cancel-btn{background-color:#f1f1f1;border:1px solid #ddd;color:#333}.submit-btn{background-color:#4a90e2;border:none}.cancel-btn:hover{background-color:#e5e5e5}.submit-btn:hover{background-color:#3a7bc8}.submit-btn:disabled{background-color:#a0a0a0}.invoice-details-modal{max-height:90vh;max-width:1200px;width:90%}.invoice-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-height:calc(90vh - 150px);overflow-y:auto;padding:15px}.invoice-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:box-shadow .3s ease}.invoice-card:hover{box-shadow:0 4px 12px #00000026}.invoice-card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;position:relative}.invoice-card-header h3{color:#343a40;font-size:16px;font-weight:600;margin:0}.card-subtitle{color:#6c757d;font-size:13px;font-weight:400;margin-left:5px}.invoice-card-body{padding:16px}.form-field{margin-bottom:15px;position:relative}.form-field label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-field input,.form-field select{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-field input:focus,.form-field select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.form-field input.readonly{background-color:#f8f9fa;color:#495057;cursor:not-allowed}.form-field .error-message{color:#dc3545;font-size:12px;margin-top:4px}.bank-fields-grid,.cost-fields-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.emi-fields-grid,.loan-fields-grid,.payment-fields-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.invoice-values-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.invoice-value-item{background-color:#f8f9fa;border-radius:5px;flex-direction:column;gap:8px;padding:12px}.invoice-value-item span{color:#495057;font-size:14px}.invoice-value-item strong{color:#212529;font-size:16px}.highlight-row{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin-top:15px;padding:12px}.total-row{background-color:#e9f3ff;border-left:4px solid #007bff}.calculated-value{color:#007bff;font-size:18px}.calculation-note{color:#6c757d}.emi-input-container{position:relative}.emi-period{color:#6c757d;font-size:13px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.invoice-grid-container{padding:10px}.bank-fields-grid,.cost-fields-grid,.emi-fields-grid,.invoice-grid-container,.loan-fields-grid,.payment-fields-grid{grid-template-columns:1fr}.invoice-details-modal{width:95%}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{background:linear-gradient(180deg,#1a1d29,#0f1117);box-shadow:4px 0 24px #00000026;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;width:280px;z-index:100}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dashboard-logo{background:linear-gradient(135deg,#4a90e21a,#4a90e20d);border-bottom:1px solid #ffffff14;gap:12px;padding:2rem 1.5rem}.dashboard-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:12px;box-shadow:0 4px 12px #4a90e24d;font-size:2rem;height:48px;justify-content:center;width:48px}.logo-text{display:flex;flex-direction:column;gap:2px}.dashboard-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#4a90e2);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));font-size:1.25rem;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;text-shadow:0 0 20px #4a90e24d}.logo-subtitle{color:#4a90e2;font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-shadow:0 0 8px #4a90e266;text-transform:uppercase}.dashboard-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.25rem 0}.nav-section{margin-bottom:.5rem}.nav-section-title{background:linear-gradient(90deg,#4a90e226,#0000);border-left:3px solid #4a90e2;border-radius:4px;color:#4a90e2;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin:0 .75rem;padding:.75rem 1.5rem .5rem;text-shadow:0 0 10px #4a90e24d;text-transform:uppercase}.nav-section-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:1rem}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:10px;color:#ffffffb3;display:flex;font-size:.95rem;font-weight:500;gap:12px;margin:0 .75rem;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(90deg,#4a90e226,#0000);border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.nav-item:hover{background:#4a90e21a;border-left-color:#0000;color:#fff;transform:translateX(2px)}.nav-item:hover:before{width:100%}.nav-item.active{background:linear-gradient(90deg,#4a90e233,#4a90e21a);border-left-color:#4a90e2;box-shadow:0 2px 8px #4a90e226;color:#fff}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{align-items:center;display:inline-flex;font-size:1.1rem;height:24px;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);width:24px}.nav-text{flex:1 1}.dashboard-content{background-color:#f5f7fa;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.dashboard-header{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000000d;display:flex;height:60px;justify-content:flex-end;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:99}.user-profile{gap:10px}.logout-button,.user-profile{align-items:center;display:flex}.logout-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:6px;margin-left:15px;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#c82333,#a02622);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-icon{font-size:12px}.user-avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.dashboard-main-content{padding:2rem}@media (max-width:768px){.dashboard-sidebar{width:70px}.dashboard-logo{justify-content:center;padding:1.5rem .75rem}.logo-text,.nav-section-title,.nav-text{display:none}.logo-icon{font-size:1.5rem;height:40px;width:40px}.dashboard-content{margin-left:70px}.nav-item{justify-content:center;margin:0 .5rem;padding:.75rem}.nav-section{margin-bottom:0}.nav-section-bottom{border-top:none;padding-top:.5rem}}.dashboard-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #0000001a;height:50px;margin-bottom:20px;width:50px}.dashboard-welcome{margin-bottom:1.5rem}.dashboard-welcome h1{color:#333;font-size:2rem;margin-bottom:.5rem}.dashboard-welcome p{color:#666;font-size:1rem}.stat-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;padding:1.5rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;display:flex;font-size:2.5rem;justify-content:center;margin-right:1rem}.stat-content h3{font-size:1.75rem;font-weight:600;margin:0 0 .25rem}.stat-content p{color:#666;font-size:.9rem;margin:0}.dashboard-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:3fr 2fr}.dashboard-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:1.5rem}.section-header{border-bottom:1px solid #eee;margin-bottom:1.25rem;padding-bottom:.75rem}.section-header h2{color:#333;font-size:1.25rem;margin:0}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;padding-left:20px;position:relative}.activity-marker{height:100%;left:0;position:absolute;top:0}.activity-marker:before{background-color:#4a90e2;border-radius:50%;content:"";height:10px;left:0;position:absolute;top:6px;width:10px;z-index:1}.activity-marker:after{background-color:#e0e0e0;content:"";height:100%;left:4px;position:absolute;top:10px;width:2px}.activity-item:last-child .activity-marker:after{display:none}.activity-content{padding-bottom:15px;padding-left:15px}.activity-content h4{color:#333;font-size:.95rem;margin:0 0 .25rem}.activity-content p{color:#666;font-size:.85rem;margin:0 0 .25rem}.activity-time{color:#999;font-size:.75rem}@media (max-width:992px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width:768px){.stat-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.invoice-creator-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.invoice-help-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.invoice-help-card h3{color:#333;font-size:1.25rem;margin-bottom:1rem;margin-top:0}.invoice-help-list{margin:0;padding-left:1.5rem}.invoice-help-list li{color:#555;margin-bottom:.75rem}.has-error .form-control{border-color:#dc3545}.error-message{color:#dc3545}.input-wrapper{display:flex;flex-direction:column}.submit-btn.loading,.submit-btn.success{padding-left:2.5rem;position:relative}.spinner-icon{animation:spin 1s linear infinite}.spinner-icon,.success-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.success-icon{color:#fff}.submit-btn.success{background-color:#28a745}.submit-btn.success:hover{background-color:#218838}.highlight-row{background-color:#f8f9fa}.calculated-value{background-color:#e9ecef;border-radius:4px;color:#333;font-size:1.1rem;font-weight:700;padding:.5rem;text-align:right}@media (max-width:768px){.invoice-creator-wrapper{grid-template-columns:1fr}.invoice-form-row{align-items:flex-start;flex-direction:column}.invoice-form-row label{margin-bottom:.5rem}.input-wrapper,.invoice-form-row input{width:100%}}.main-section{margin:0 auto;max-width:800px;width:100%}.main-section .dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-section .dashboard-card{background-color:#fff;border-left:5px solid #4a90e2;border-radius:10px;box-shadow:0 4px 12px #00000014;color:inherit;display:flex;height:100%;text-decoration:none;transition:all .3s ease}.main-section .dashboard-card:nth-child(2){border-left:5px solid #50b83c}.main-section .dashboard-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.main-section .card-content{padding:2rem;width:100%}.main-section .card-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.main-section .card-content h3{font-size:1.4rem;margin:0 0 .75rem}.main-section .card-content p{color:#666;margin:0}@media (max-width:600px){.main-section .dashboard-cards{grid-template-columns:1fr}}.invoice-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.invoice-search{flex:1 1;max-width:400px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:.7rem 1rem}.create-invoice-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;padding:.7rem 1.2rem;text-decoration:none;transition:background-color .3s}.create-invoice-btn:hover{background-color:#3a7bc8}.invoice-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.invoice-list-table{border-collapse:collapse;width:100%}.invoice-list-table td,.invoice-list-table th{border-bottom:1px solid #eee;padding:.9rem 1rem;text-align:left}.invoice-list-table th{background-color:#f9fafb;color:#374151;cursor:pointer;font-weight:600;transition:background-color .2s;-webkit-user-select:none;user-select:none}.invoice-list-table th:hover{background-color:#f3f4f6}.invoice-list-table tbody tr:hover{background-color:#f9fafb}.invoice-actions-cell{display:flex;gap:.5rem;white-space:nowrap}.invoice-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.3rem .7rem;transition:all .2s ease}.invoice-action-btn.view{background-color:#e5e7eb;color:#374151}.invoice-action-btn.download{background-color:#34d399;color:#fff}.invoice-action-btn.edit{background-color:#60a5fa;color:#fff;display:inline-block;text-align:center;text-decoration:none}.invoice-action-btn:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.invoice-action-btn.view:hover{background-color:#d1d5db}.invoice-action-btn.download:hover{background-color:#10b981}.invoice-action-btn.edit:hover{background-color:#3b82f6}.no-invoices{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#6b7280;padding:2rem;text-align:center}.invoice-success-message{align-items:center;background-color:#d1fae5;border:1px solid #10b981;border-radius:4px;color:#065f46;display:flex;margin-bottom:1.5rem;padding:.8rem 1rem}.invoice-success-icon{font-size:1.2rem;margin-right:.5rem}.invoice-preview{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:2rem;padding:2rem}.invoice-preview-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.invoice-preview-company h2{font-size:1.5rem;margin:0 0 .3rem}.invoice-preview-company p{color:#666;font-size:.9rem;margin:0}.invoice-preview-details{text-align:right}.invoice-preview-details h3{color:#4a90e2;font-size:1.2rem;margin:0 0 .3rem}.invoice-preview-details p{color:#666;font-size:.9rem;margin:0}.invoice-preview-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.invoice-preview-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.invoice-preview-btn.download{background-color:#34d399;color:#fff}.invoice-preview-btn.edit{background-color:#60a5fa;color:#fff}.invoice-preview-btn:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.invoice-actions{align-items:stretch;flex-direction:column;gap:1rem}.invoice-search{max-width:100%}.invoice-list-table{display:block;overflow-x:auto}.invoice-preview-header{flex-direction:column;gap:1rem}.invoice-preview-details{text-align:left}.invoice-preview-actions{align-items:stretch;flex-direction:column}}.header-flex{align-items:center;display:flex;justify-content:space-between;width:100%}.back-link{color:#4a90e2;display:inline-block;font-weight:500;margin-top:1rem;text-decoration:none}.back-link:hover{text-decoration:underline}.error-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center}.error-container h2{color:#ef4444;margin-bottom:1rem}.invoice-table-container{margin:2rem 0;overflow-x:auto}.invoice-detail-table{border-collapse:collapse;margin-top:1.5rem;width:100%}.invoice-detail-table td,.invoice-detail-table th{border-bottom:1px solid #eee;padding:.75rem 1rem}.invoice-detail-table th{background-color:#f9fafb;font-weight:600;text-align:left}.amount-column{text-align:right}.total-row{background-color:#f3f4f6}.total-row td{font-weight:600}.invoice-car-details,.invoice-customer-details{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem}.invoice-car-details h3,.invoice-customer-details h3{color:#4a90e2;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.invoice-footer{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:2rem;padding-top:1rem}.page-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.has-error input{border-color:#ef4444}.error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem}.input-wrapper{width:100%}.success-message{align-items:center;background-color:#d1fae5;border:1px solid #34d399;border-radius:4px;display:flex;margin-bottom:1.5rem;padding:1rem}.success-icon{color:#10b981;font-size:1.2rem}.spinner-icon{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.spinner-icon,.success-icon{margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.header-flex{align-items:flex-start;flex-direction:column}.invoice-preview-actions{align-self:stretch;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.invoice-detail-table{font-size:.9rem}}.invoice-form-section{background-color:#f9f9f9;border:1px solid #eaeaea;margin:20px 0}.invoice-form-section h4{color:#333}.invoice-form-section h5{color:#444;font-size:14px;margin-bottom:10px;margin-top:15px}.bank-invoice-values{background-color:#f0f8ff;border-radius:6px;margin-top:15px;padding:10px}.invoice-values-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.invoice-value-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.invoice-value-item span{color:#555}.invoice-value-item strong{color:#0056b3;font-weight:600}input[readonly]{background-color:#f5f5f5;border-color:#ddd}.bank-fields-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.bank-field{flex:1 1;min-width:120px}.bank-field label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.bank-field.sbi input{border-color:#0056b3;color:#0056b3}.bank-field.union input{border-color:#28a745;color:#28a745}.bank-field.indusind input{border-color:#dc3545;color:#dc3545}.bank-field.au input{border-color:#6f42c1;color:#6f42c1}.bank-validation-message{color:#dc3545;font-size:14px;font-style:italic;margin:5px 0}.invoice-form input[type=number]{-moz-appearance:textfield}.invoice-form input[type=number]::-webkit-inner-spin-button,.invoice-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.invoice-form .form-control{font-size:14px;height:32px;padding:5px 10px}.invoice-form select.form-control{background-position:right 5px center;font-size:14px;height:32px;padding:2px 10px}.invoice-form-row.highlight-row{background-color:#f0f8ff;border:1px solid #b8daff;border-radius:5px;margin:15px 0;padding:8px 12px}.invoice-form-row.highlight-row label{color:#0056b3;font-size:14px;font-weight:600}.invoice-form-row .calculated-value{color:#0056b3;font-size:16px;font-weight:700}.calculation-note{color:#666;font-size:12px;font-style:italic;margin-top:4px}.invoice-form-row{align-items:center;border-bottom:1px solid #eee;display:flex;flex-direction:row;font-size:.9rem;margin-bottom:12px;padding:.3rem 0}.invoice-form-row label{color:#333;flex:1 1;font-weight:500;min-width:180px}.invoice-form-row .form-value{color:#666;flex:1 1;font-weight:500}.invoice-form-row input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:.4rem}.has-error input{border-color:#dc3545}.input-wrapper{flex:1 1;position:relative}.invoice-form-section{background-color:#fbfbfb;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:15px}.invoice-form-section h4{border-bottom:1px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:8px}.error-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fee,#fdd);border:1px solid #fcc;border-radius:8px;display:flex;margin:16px 0;padding:12px 16px}.error-icon{flex-shrink:0;font-size:18px;margin-right:12px}.error-text{color:#721c24;flex:1 1;font-size:14px;line-height:1.4}.error-close-btn{background:none;border:none;border-radius:4px;color:#721c24;cursor:pointer;font-size:18px;margin-left:12px;padding:4px;transition:background-color .2s}.error-close-btn:hover{background-color:#721c241a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#efe,#dfd);border:1px solid #cfc;border-radius:8px;display:flex;margin:16px 0;padding:12px 16px}.success-banner .success-icon{color:#155724;flex-shrink:0;font-size:18px;margin-right:12px}.success-banner .success-text{color:#155724;flex:1 1;font-size:14px;line-height:1.4}.quotation-success-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.quotation-success-modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.quotation-success-message{padding:2rem 1.5rem 1rem;text-align:center}.success-icon-large{animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:inline-block;font-size:30px;height:60px;line-height:60px;margin-bottom:1rem;width:60px}.quotation-success-message h3{color:#333;font-size:1.4rem;margin:0 0 .5rem}.quotation-date{color:#666;font-size:.9rem;margin:0}.quotation-details-summary{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:1rem 1.5rem}.quotation-detail-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:.5rem 0}.quotation-detail-item:last-child{border-bottom:none}.quotation-detail-item span{color:#666;font-size:.9rem}.quotation-detail-item strong{color:#333;font-weight:600}.quotation-detail-item small{color:#888;display:block;font-size:.8rem;margin-top:2px}.quotation-actions{padding:1.5rem;text-align:center}.view-quotation-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.view-quotation-btn:hover{background:linear-gradient(135deg,#357abd,#2c6ba0);box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.quotation-list-controls{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-section{flex:1 1;max-width:450px;position:relative}.search-input{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#4a90e2;box-shadow:0 0 0 .2rem #4a90e240;outline:none}.search-section:before{color:#6c757d;content:"🔍";font-size:1rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-hints{animation:slideDown .3s ease;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#1976d2;font-size:.8rem;left:0;margin-top:.25rem;padding:.5rem .75rem;position:absolute;right:0;top:100%;z-index:10}.action-section{align-items:center;display:flex;gap:1rem}.create-quotation-btn,.refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-quotation-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.create-quotation-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px)}.refresh-btn{background:#6c757d;color:#fff}.refresh-btn:hover{background:#5a6268}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:1rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:40px;margin-bottom:1rem;width:40px}.empty-state{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#495057;margin-bottom:1rem}.empty-state p{color:#6c757d;margin-bottom:2rem}.create-first-quotation-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.create-first-quotation-btn:hover{background:linear-gradient(135deg,#357abd,#2c6ba0);transform:translateY(-1px)}.quotation-list-container{margin-top:2rem}.quotation-list-header{margin-bottom:1.5rem}.quotation-list-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.quotation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.quotation-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:all .3s ease}.quotation-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quotation-card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.quotation-id{color:#4a90e2;font-size:.9rem;font-weight:600}.quotation-date{color:#6c757d;font-size:.8rem}.quotation-card-body{margin-bottom:1.5rem}.vehicle-info{margin-bottom:1rem}.vehicle-info h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.variant{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:.9rem;padding:.25rem .5rem}.price-info{margin-bottom:1rem}.price-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.price-row span{color:#6c757d}.price-row strong{color:#2c3e50;font-weight:600}.price-row small{color:#6c757d;font-size:.8rem;margin-left:.25rem}.bank-info{margin-bottom:1rem}.bank-tag{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.quotation-card-actions{gap:1rem}.edit-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.view-btn{background:#4a90e2}.view-btn:hover{background:#357abd}.edit-btn{background:#f8f9fa;border:1px solid #ced4da;color:#495057}.edit-btn:hover{background:#e9ecef}.quotation-detail-modal{max-width:1000px;width:90vw}.detail-sections{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.detail-section h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;padding:.75rem}.detail-item.highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.detail-item.highlight span{color:#856404;font-weight:600}.detail-item.highlight strong{color:#856404;font-weight:700}.detail-item span{color:#6c757d;font-size:.9rem}.detail-item strong{color:#2c3e50;font-weight:600}.detail-item small{color:#6c757d;font-size:.8rem;margin-left:.25rem}@media (max-width:1200px){.quotation-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.quotation-list-controls{align-items:stretch;flex-direction:column;gap:1rem}.search-section{max-width:none}.action-section{justify-content:center}.detail-grid,.quotation-grid{grid-template-columns:1fr}.quotation-detail-modal{width:95vw}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.error-banner,.success-banner{margin:12px 0;padding:10px 12px}.error-text,.success-banner .success-text{font-size:13px}.quotation-success-modal{margin:20px;width:calc(100% - 40px)}.quotation-success-message{padding:1.5rem 1rem .5rem}.quotation-details-summary{padding:.75rem 1rem}.quotation-actions{padding:1rem}}.quotation-creator-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.quotation-page-container{max-width:100%!important;padding:0 1rem;width:100%!important}.quotation-welcome-compact{margin-bottom:.8rem!important}.quotation-welcome-compact h1{margin-bottom:.3rem!important}.quotation-welcome-compact p{margin-bottom:.5rem!important}.quotation-creator-wrapper-wide{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:1rem;max-width:100%;width:100%}.quotation-card-wide,.quotation-help-card-wide{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:100%;padding:2.5rem;transition:all .3s ease;width:100%}.quotation-card-wide:hover,.quotation-help-card-wide:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.variant-grid-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.variant-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.variant-card:hover{border-color:#4a90e2;box-shadow:0 4px 15px #4a90e233;transform:translateY(-2px)}.variant-card.selected{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#357abd;box-shadow:0 6px 20px #4a90e24d;color:#fff}.variant-name{font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.variant-colors{font-size:.9rem;font-style:italic;opacity:.7}.variant-card.selected .variant-colors{opacity:.9}.variant-check{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.quotation-modal{max-width:90vw!important;width:90vw!important}.quotation-modal.quotation-details-modal{max-width:1400px;width:90vw}@media (max-width:768px){.quotation-creator-wrapper-wide{gap:1.5rem;grid-template-columns:1fr}.variant-grid-selection{grid-template-columns:1fr}.variant-card{min-height:100px;padding:1.2rem}.quotation-card-wide,.quotation-help-card-wide{padding:1.8rem}.quotation-modal{margin:10px;max-width:95vw!important;width:95vw!important}}@media (max-width:480px){.quotation-page-container{padding:0 .5rem}.quotation-card-wide,.quotation-help-card-wide{padding:1.5rem}.variant-card{min-height:80px;padding:1rem}.variant-name{font-size:1rem}}.quotation-card,.quotation-help-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;transition:all .3s ease}.quotation-card:hover,.quotation-help-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.quotation-card h3,.quotation-help-card h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 1rem}.quotation-card p{color:#6c757d;line-height:1.5;margin-bottom:1.5rem}.quotation-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease;width:100%}.quotation-btn:hover{background:linear-gradient(135deg,#357abd,#2c6ba0);box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.quotation-help-list{list-style:none;margin:0;padding:0}.quotation-help-list li{color:#495057;padding:.5rem 0 .5rem 1.5rem;position:relative}.quotation-help-list li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.quotation-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.quotation-modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.quotation-details-modal{max-height:95vh;max-width:95vw;width:1400px}.quotation-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.quotation-modal-header h2{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.close-modal-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-modal-btn:hover{background-color:#f8f9fa;color:#dc3545}.quotation-modal-body{max-height:calc(95vh - 200px);overflow-y:auto;padding:2rem}.quotation-modal-footer{align-items:center;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;justify-content:space-between;padding:1.5rem 2rem}.footer-left,.footer-right{align-items:center;display:flex;gap:1rem}.step-content,.step-header{margin-bottom:2rem}.step-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding-bottom:1rem}.step-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.step-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:4px;height:100%;transition:width .3s ease}.step-progress span{color:#6c757d;font-size:.9rem;font-weight:500}.form-section{background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:1.5rem}.form-section h4{border-bottom:1px solid #dee2e6;color:#495057}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.quotation-details-modal .form-grid,.quotation-modal .form-grid,.quotation-modal .step-content .form-grid{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:1fr 1fr!important}.cost-row,.form-row{display:flex;flex-direction:column;margin-bottom:1rem}.cost-row label,.form-row label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:6px;font-size:.9rem;padding:.75rem;transition:all .2s ease}.form-control:focus{border-color:#4a90e2;box-shadow:0 0 0 .2rem #4a90e240;outline:none}.form-control.readonly{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d}.form-value{background-color:#e9ecef;border-radius:6px;color:#495057;font-weight:500;padding:.75rem}.highlight-row{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;padding:1rem}.highlight-row label{color:#856404;font-weight:600}.highlight-row .form-value,.highlight-row .total-value{background-color:#fff;border:1px solid #ffc107;color:#856404;font-weight:600}.bank-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.bank-field{display:flex;flex-direction:column}.bank-field.sbi .form-control:focus{border-color:#17a2b8;box-shadow:0 0 0 .2rem #17a2b840}.bank-field.union .form-control:focus{border-color:#6f42c1;box-shadow:0 0 0 .2rem #6f42c140}.bank-field.indusind .form-control:focus{border-color:#fd7e14;box-shadow:0 0 0 .2rem #fd7e1440}.bank-field.au .form-control:focus{border-color:#20c997;box-shadow:0 0 0 .2rem #20c99740}.bank-info-text{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:1rem;padding:.75rem}.bank-info-text small{color:#1565c0;font-weight:500}.bank-help{color:#6c757d;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.total-section{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #c3e6cb;border-radius:8px;margin-top:2rem;padding:1.5rem}.total-row{align-items:center;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between}.total-value{color:#155724;font-size:1.4rem;font-weight:700}.emi-section{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.emi-section h4{color:#004085;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.cancel-btn,.next-btn,.prev-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background-color:#6c757d}.cancel-btn:hover{background-color:#5a6268}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34)}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.next-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.next-btn:hover{background:linear-gradient(135deg,#357abd,#2c6ba0)}.prev-btn{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057}.prev-btn:hover{background-color:#e9ecef}.help-text{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:.25rem}.required{color:#dc3545;font-weight:700}@media (min-width:901px){.quotation-modal.quotation-details-modal{max-width:90vw;width:1400px}.form-grid,.quotation-details-modal .form-grid,.quotation-modal .form-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:900px){.quotation-details-modal{width:95vw}.form-grid,.quotation-details-modal .form-grid,.quotation-modal .form-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.quotation-creator-wrapper{gap:1rem;grid-template-columns:1fr}.quotation-modal{margin:20px;width:95vw}.quotation-modal-body,.quotation-modal-header{padding:1rem}.quotation-modal-footer{flex-direction:column;gap:1rem;padding:1rem}.footer-left,.footer-right{justify-content:center;width:100%}.bank-grid{grid-template-columns:1fr}.step-header{align-items:flex-start;flex-direction:column;gap:1rem}.progress-bar{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quotation-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quotation-card-actions .delete-btn,.quotation-card-actions .download-btn,.quotation-card-actions .edit-btn,.quotation-card-actions .view-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:80px;padding:.5rem;text-align:center;transition:all .2s ease}.view-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.view-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-1px)}.edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.quotation-edit-modal{max-height:90vh;max-width:90vw;overflow-y:auto}.edit-quotation-form{width:100%}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.form-section h4{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.quotation-delete-modal{max-width:500px}.delete-confirmation{padding:1rem;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.delete-confirmation h3{color:#dc2626;margin-bottom:1rem}.delete-confirmation p{line-height:1.6;margin-bottom:1rem}.warning-text{color:#ef4444;font-style:italic;font-weight:500}.delete-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.delete-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quotation-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.cancel-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.quotation-card-actions{flex-direction:column}.quotation-card-actions .delete-btn,.quotation-card-actions .download-btn,.quotation-card-actions .edit-btn,.quotation-card-actions .view-btn{flex:none;width:100%}.form-grid{grid-template-columns:1fr}.quotation-edit-modal{margin:1rem;max-width:95vw}.quotation-modal-footer{flex-direction:column-reverse}.quotation-modal-footer button{width:100%}}.receipt-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.receipt-form .form-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.receipt-form .form-section h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.receipt-form .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.receipt-form .form-group{display:flex;flex-direction:column}.receipt-form .form-group.full-width{grid-column:1/-1}.receipt-form .form-group label{color:#34495e;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.receipt-form .form-group .required{color:#e74c3c;margin-left:.25rem}.receipt-form .form-control{border:2px solid #dfe6e9;border-radius:6px;font-size:1rem;padding:.75rem;transition:all .3s ease}.receipt-form .form-control:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.receipt-form .form-control.readonly{background-color:#ecf0f1;cursor:not-allowed}.receipt-form .form-control.error{border-color:#e74c3c}.receipt-form .error-text{color:#e74c3c;font-size:.85rem;margin-top:.25rem}.receipt-form textarea.form-control{font-family:inherit;min-height:80px;resize:vertical}.receipt-form .form-actions{border-top:2px solid #ecf0f1;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:8px;color:#155724;margin-bottom:2rem;padding:1.5rem}.success-message strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.success-message p{font-size:.95rem;margin:0}.results-summary{box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1rem 1.5rem}.results-summary p{font-size:.95rem}.results-summary span{color:#2c3e50;font-weight:600}.quotations-table .receipt-number{background:#ecf0f1;border-radius:4px;color:#3498db;font-family:Courier New,monospace;font-weight:700;padding:.25rem .5rem}.quotations-table .amount{color:#27ae60;font-size:1.05rem;font-weight:700}.payment-mode-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.payment-mode-badge.cash{background:#d4edda;color:#155724}.payment-mode-badge.cheque{background:#cce5ff;color:#004085}.payment-mode-badge.online-transfer,.payment-mode-badge.upi{background:#e7d4f7;color:#5a2d82}.payment-mode-badge.card{background:#d1ecf1;color:#0c5460}.payment-mode-badge.rtgs-neft,.payment-mode-badge.rtgs\/neft{background:#d6d8db;color:#383d41}.btn-action{background:none;font-size:1.3rem;padding:.5rem}.btn-action:hover{transform:scale(1.1)}.btn-action.btn-view:hover{background:#e3f2fd}.btn-action.btn-download:hover{background:#fff3e0}.btn-action.btn-delete:hover{background:#ffebee}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1rem 0}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#5a6c7d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{background:#f8f9fa;border-left:3px solid #3498db;border-radius:6px;color:#2c3e50;font-size:1rem;padding:.75rem}.detail-item .amount-highlight{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left-color:#27ae60;color:#27ae60;font-size:1.2rem;font-weight:700}.modal-small{max-width:500px!important}.warning-text{background:#ffebee;border-left:4px solid #e74c3c;border-radius:6px;color:#e74c3c;font-weight:600;margin-top:1rem;padding:.75rem}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;margin:0 .25rem;padding:.5rem 1rem;text-transform:capitalize;transition:all .2s ease}.btn-action.btn-view{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-action.btn-view:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.btn-action.btn-download{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-action.btn-download:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 8px #27ae604d;transform:translateY(-2px)}.btn-action.btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-action.btn-delete:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-2px)}.quotations-table{font-size:.9rem;width:100%}.quotations-table th{font-size:.85rem;padding:.75rem .5rem}.quotations-table td{padding:.75rem .5rem}.quotations-table .actions{text-align:center;white-space:nowrap}.receipt-number{color:#2c3e50;font-family:Courier New,monospace;font-weight:700}.amount{color:#27ae60;font-weight:700}@media (max-width:992px){.dashboard-container{padding:1rem}.dashboard-welcome{padding:1.5rem}.dashboard-welcome h1{font-size:1.75rem}.filter-controls{grid-template-columns:1fr 1fr}.filter-input,.filter-select{min-width:auto}}@media (max-width:768px){.dashboard-container{background:#f5f7fa;height:auto!important;margin:0!important;min-height:auto!important;padding:.3rem!important}body,html{margin:0;overflow-x:hidden;padding:0}.main-content{margin:0!important;padding:0!important}.dashboard-welcome{background:#fff;border-radius:4px;margin-bottom:.3rem!important;padding:.3rem!important}.dashboard-welcome h1{font-size:.9rem!important;font-weight:700;line-height:1.1;margin-bottom:.15rem!important;margin-top:0!important}.dashboard-welcome p{color:#666;font-size:.6rem!important;line-height:1.1;margin-bottom:.3rem!important;margin-top:0!important}.btn-primary,.dashboard-welcome .btn,.dashboard-welcome button.btn,button.btn-primary{box-sizing:border-box!important;display:inline-block;font-size:.65rem!important;height:1.7rem!important;line-height:1.2!important;margin:0!important;max-width:170px!important;min-width:110px!important;overflow:hidden;padding:.3rem .5rem!important;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.quotation-filters{background:#fff;border-radius:4px;margin-bottom:.3rem;padding:.3rem!important}.search-bar{margin-bottom:.25rem}.quotation-filters .search-input,.search-bar .search-input,input.search-input{border:1px solid #ddd!important;border-radius:4px;box-sizing:border-box!important;font-size:.65rem!important;height:1.7rem!important;line-height:1.2!important;margin:0!important;padding:.3rem .35rem!important;width:100%!important}.filter-controls{grid-gap:.25rem;display:grid!important;gap:.25rem;grid-template-columns:1fr 1fr;margin-top:.25rem}.filter-controls .filter-input,.filter-controls .filter-select,.filter-controls input.filter-input,.filter-controls select.filter-select,input.filter-input,input[type=date].filter-input,select.filter-select{-webkit-appearance:none!important;appearance:none!important;border:1px solid #ddd!important;border-radius:4px;box-sizing:border-box!important;font-size:.65rem!important;height:1.7rem!important;line-height:1.2!important;margin:0!important;padding:.3rem .35rem!important;width:100%!important}.filter-controls .btn,.filter-controls button.btn{border-radius:4px;box-sizing:border-box!important;font-size:.65rem!important;grid-column:1/-1;height:1.7rem!important;line-height:1.2!important;margin:0!important;padding:.3rem!important;width:100%!important}.results-summary{background:#fff;border-radius:4px;font-size:.6rem!important;margin-bottom:.3rem!important;margin-top:0!important;padding:.25rem .3rem!important}.results-summary p{line-height:1.1}.results-summary p,.results-summary span{font-size:.6rem!important;margin:0!important}.results-summary span{display:inline}.desktop-table-view{display:none!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important}.mobile-card-view{display:block!important;visibility:visible!important}.quotations-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:4px;margin:0!important;max-height:none;overflow-x:auto;padding:0!important}.quotations-table{border-collapse:collapse;font-size:.55rem;margin:0;min-width:100%;width:100%}.quotations-table tbody{margin:0;padding:0}.quotations-table tbody tr:last-child td{border-bottom:none;padding-bottom:.25rem}.quotations-table td,.quotations-table th{padding:.25rem .15rem!important;vertical-align:middle;white-space:nowrap}.quotations-table th{background:#f8f9fa;font-size:.55rem!important;font-weight:600;padding:.3rem .15rem!important;position:-webkit-sticky;position:sticky;top:0;z-index:1}.quotations-table tbody tr{border-bottom:1px solid #f0f0f0}.quotations-table .receipt-number{font-size:.6rem!important;font-weight:600}.quotations-table .amount{color:#27ae60;font-size:.65rem!important;font-weight:700}.payment-mode-badge{border-radius:3px;display:inline-block;font-size:.5rem!important;padding:.1rem .25rem!important}.actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.1rem;justify-content:flex-start;min-width:auto}.btn-action{flex:0 0 auto;font-size:.5rem!important;margin:0!important;min-width:auto!important;padding:.2rem .3rem!important;white-space:nowrap;width:auto!important}.receipts-cards-container{background:#0000!important;margin:0!important;padding:0!important}.receipts-cards-grid{gap:.3rem;margin:0!important;padding:0!important}.receipt-card{background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;margin:0 0 .3rem!important}.receipt-card:last-child{margin-bottom:0!important}.receipt-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;display:flex;justify-content:space-between;padding:.3rem .35rem!important}.receipt-card-number .label{color:#fffc;display:block;font-size:.55rem!important}.receipt-card-number .receipt-number{color:#fff;font-size:.7rem!important;font-weight:700}.receipt-card-date{color:#ffffffe6;font-size:.55rem!important}.receipt-card-body{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .35rem!important}.receipt-card-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-bottom:.2rem!important}.receipt-card-row:last-child{border-bottom:none;padding-bottom:0!important}.receipt-card-row .label{color:#666;font-size:.55rem!important;font-weight:500}.receipt-card-row .value{color:#333;font-size:.6rem!important;font-weight:600}.receipt-card-row.amount-row{background:#f0fdf4;border:none;border-radius:3px;margin:.1rem 0;padding:.25rem .3rem!important}.receipt-card-row.amount-row .amount{color:#27ae60;font-size:.75rem!important;font-weight:700}.receipt-card-actions{grid-gap:.2rem;background:#f8f9fa;border-radius:0 0 4px 4px;display:grid;gap:.2rem;grid-template-columns:repeat(3,1fr);padding:.3rem .35rem!important}.btn-card-action{border:none;border-radius:3px;cursor:pointer;font-size:.6rem!important;height:auto;padding:.3rem .2rem!important;transition:all .2s}.btn-card-action.btn-view{background:#3498db;color:#fff}.btn-card-action.btn-download{background:#27ae60;color:#fff}.btn-card-action.btn-delete{background:#e74c3c;color:#fff}.quotation-form-container,.receipt-form{padding:0}.form-section{margin-bottom:.75rem;padding:.75rem}.form-section h3{font-size:1rem;margin-bottom:.75rem}.form-grid{gap:.75rem;grid-template-columns:1fr!important}.form-group{margin-bottom:0}.form-group label{font-size:.8rem;margin-bottom:.35rem}.form-control,.form-control select,.form-control textarea{font-size:.8rem;padding:.55rem}.form-group.full-width{grid-column:1}.form-actions{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;flex-direction:column-reverse;gap:.5rem;margin:0 -1rem;padding:.75rem;position:-webkit-sticky;position:sticky;z-index:10}.form-actions button{font-size:.85rem;padding:.6rem;width:100%}.modal-overlay{padding:0}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;overflow-y:auto;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e9ecef;padding:.5rem .6rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:.9rem;line-height:1.2;padding-right:2rem}.modal-body{padding:.5rem}.detail-grid{gap:.4rem;grid-template-columns:1fr}.detail-item{background:#f8f9fa;border-radius:4px;padding:.4rem}.detail-item label{font-size:.65rem;margin-bottom:.1rem}.detail-item span{font-size:.7rem}.modal-footer{background:#fff;border-top:1px solid #e9ecef;bottom:0;flex-direction:column-reverse;gap:.3rem;padding:.5rem;position:-webkit-sticky;position:sticky}.modal-footer .btn{font-size:.75rem;height:2rem;margin:0;padding:.5rem;width:100%}.error-banner,.success-message{border-radius:4px;font-size:.7rem;margin:.5rem;padding:.5rem}.error-banner strong,.success-message strong{font-size:.7rem}.success-message p{font-size:.65rem;margin-top:.2rem}.no-data-message{margin:.5rem;padding:1rem .5rem}.no-data-message p{font-size:.75rem;line-height:1.3;margin:0}.modal-small{height:auto;max-height:80vh;max-width:90%}.modal-small .modal-body{padding:.5rem}.modal-small .modal-body p{font-size:.75rem;line-height:1.3;margin-bottom:.3rem}.modal-small .warning-text{color:#e74c3c;font-size:.7rem;margin-top:.4rem}.quotation-grid{gap:.75rem;grid-template-columns:1fr!important;padding:.5rem}.quotation-card{margin-bottom:.5rem;padding:0}.quotation-card-header{font-size:.8rem;padding:.65rem}.quotation-id{font-size:.8rem}.quotation-date{font-size:.7rem}.quotation-card-body{padding:.65rem}.quotation-card-body .vehicle-info h4{font-size:.95rem;margin-bottom:.2rem}.quotation-card-body .vehicle-info .variant{font-size:.75rem}.price-info{margin-top:.4rem}.price-row{font-size:.8rem;padding:.35rem 0}.price-row span{font-size:.75rem}.price-row strong{font-size:.8rem}.bank-tag{font-size:.7rem;padding:.25rem .5rem}.quotation-card-actions{grid-gap:.35rem;background:#f8f9fa;display:grid;gap:.35rem;grid-template-columns:1fr 1fr;padding:.65rem}.quotation-card-actions button{border-radius:6px;font-size:.75rem;padding:.45rem .35rem}.quotation-list-controls{margin-bottom:.75rem}.search-section .search-input{font-size:.8rem;padding:.55rem}.quotation-list-controls .action-section{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.create-quotation-btn,.refresh-btn{font-size:.8rem;padding:.55rem;width:100%}.quotation-list-header h3{font-size:1rem}}@media (max-width:480px){.dashboard-welcome h1{font-size:1rem}.dashboard-welcome p{font-size:.7rem}.dashboard-welcome .btn{font-size:.75rem;padding:.5rem}.form-section h3{font-size:.9rem}.quotations-table{font-size:.7rem}.btn-action{font-size:.65rem;padding:.3rem .4rem}.results-summary p{font-size:.7rem}.modal-header h2{font-size:.9rem}.filter-controls .btn,.filter-input,.filter-select,.search-input{font-size:.75rem;padding:.5rem}.form-section{margin-bottom:.6rem;padding:.6rem}.form-group label{font-size:.75rem}.form-control,.form-control select,.form-control textarea{font-size:.75rem;padding:.5rem}.form-actions{gap:.4rem;padding:.6rem}.form-actions button{font-size:.75rem;padding:.5rem}.quotation-card-body,.quotation-card-header{padding:.5rem}.quotation-card-actions{gap:.3rem;padding:.5rem}.quotation-card-actions button{font-size:.7rem;padding:.4rem .25rem}.price-row{font-size:.7rem;padding:.3rem 0}.quotation-card-body .vehicle-info h4{font-size:.8rem}.create-quotation-btn,.refresh-btn,.search-section .search-input{font-size:.7rem;padding:.5rem}.receipt-card-body,.receipt-card-header{padding:.5rem}.receipt-card-actions{gap:.3rem;padding:.5rem}.btn-card-action{font-size:.7rem;padding:.45rem .3rem}.receipt-card-row.amount-row .amount{font-size:.9rem}.modal-body,.modal-footer,.modal-header{padding:.6rem}.modal-footer .btn{font-size:.75rem;padding:.5rem}}@media (max-width:360px){.dashboard-container{padding:.4rem!important}.dashboard-welcome h1{font-size:.9rem}.dashboard-welcome p{font-size:.6rem}.dashboard-welcome .btn{font-size:.65rem;min-width:120px;padding:.35rem .5rem}.quotation-filters{padding:.3rem}.filter-input,.filter-select,.search-input{font-size:.65rem;height:1.8rem;padding:.3rem}.filter-controls .btn{font-size:.65rem;height:1.8rem;padding:.35rem}.results-summary{padding:.25rem .3rem}.results-summary p{font-size:.6rem}.quotations-table{font-size:.55rem}.quotations-table td,.quotations-table th{padding:.25rem .15rem}.btn-action{font-size:.55rem;padding:.2rem .3rem}.receipt-card-body,.receipt-card-header{padding:.3rem}.receipt-card-actions{gap:.2rem;padding:.3rem}.btn-card-action{font-size:.6rem;padding:.3rem .2rem}.modal-header h2{font-size:.85rem}.detail-item{padding:.3rem}.detail-item label{font-size:.6rem}.detail-item span{font-size:.65rem}.payment-mode-badge{font-size:.5rem;padding:.1rem .25rem}}@media (max-width:768px) and (orientation:landscape){.modal-content{height:100vh}.form-actions{margin:1rem 0;position:relative}}.quotation-filters{margin-bottom:1.5rem}.filter-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.filter-input,.filter-select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.6rem .9rem}.results-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:.75rem 1rem}.results-summary p{color:#5a6c7d;font-size:.9rem;font-weight:500;margin:0}.loading-spinner{color:#5a6c7d;font-size:1.1rem;padding:3rem;text-align:center}.no-data-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.no-data-message p{color:#5a6c7d;font-size:1.1rem;margin:0}.mobile-card-view{display:none}.desktop-table-view{display:block}.receipts-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.receipt-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.receipt-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.receipt-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem}.receipt-card-number{display:flex;flex-direction:column;gap:.25rem}.receipt-card-number .label{font-size:.75rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.receipt-card-number .receipt-number{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.receipt-card-date{font-size:.85rem;opacity:.95}.receipt-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.receipt-card-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-bottom:.75rem}.receipt-card-row:last-child{border-bottom:none;padding-bottom:0}.receipt-card-row .label{color:#6c757d;font-size:.85rem;font-weight:500}.receipt-card-row .value{color:#2c3e50;font-size:.9rem;font-weight:600;text-align:right}.receipt-card-row.amount-row{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;border-radius:8px;margin:.5rem 0;padding:.75rem}.receipt-card-row.amount-row .amount{color:#27ae60;font-size:1.2rem;font-weight:700}.receipt-card-actions{grid-gap:.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:1rem}.btn-card-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;justify-content:center;padding:.65rem .5rem;transition:all .2s ease}.btn-card-action.btn-view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-card-action.btn-view:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-card-action.btn-download{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-card-action.btn-download:hover{box-shadow:0 4px 8px #4facfe66;transform:translateY(-2px)}.btn-card-action.btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-card-action.btn-delete:hover{box-shadow:0 4px 8px #fa709a66;transform:translateY(-2px)}.payment-mode-badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.quotation-filters{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}.filter-controls{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.filter-controls .btn{grid-column:1/-1}}@media (max-width:768px){.dashboard-container{background:#f5f7fa;padding:.75rem}.dashboard-welcome{border-radius:8px;margin-bottom:.75rem;padding:.75rem}.quotation-filters{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.search-bar{margin-bottom:.5rem}.results-summary{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;font-size:.75rem;margin-bottom:.75rem;padding:.6rem .75rem}.results-summary p{line-height:1.4;margin:0}.results-summary span{color:#27ae60;display:block;font-weight:600;margin-top:.25rem}.receipt-card{border:1px solid #e9ecef;box-shadow:0 2px 6px #00000014;transition:all .2s ease}.receipt-card:active{box-shadow:0 1px 3px #0000001f;transform:scale(.98)}.receipt-card-number .receipt-number{letter-spacing:.5px}.receipt-card .payment-mode-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase}.receipt-card-actions{display:grid;grid-template-columns:repeat(3,1fr)}.loading-spinner{font-size:.9rem;padding:2rem 1rem}.no-data-message{border-radius:8px;margin:.75rem;padding:2rem 1rem}.quotations-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative}.quotations-table-container:before{animation:fadeInOut 3s ease-in-out infinite;background:#667eeae6;border-radius:4px;bottom:.5rem;color:#fff;content:"Swipe to see more →";font-size:.7rem;padding:.3rem .6rem;pointer-events:none;position:absolute;right:.5rem;z-index:5}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.modal-overlay{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h2{color:#fff}.modal-header .close-btn{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;height:2rem;justify-content:center;width:2rem}.detail-grid{display:flex;flex-direction:column;gap:.5rem}.detail-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:.6rem}.detail-item.full-width{grid-column:1}.detail-item label{color:#6c757d;display:block;font-weight:600;margin-bottom:.25rem}.detail-item span{color:#2c3e50;display:block}.detail-item .amount-highlight{color:#27ae60;font-size:1.1rem;font-weight:700}.modal-footer,.modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.modal-footer .btn-secondary{background:#6c757d;border:none}.modal-footer .btn-danger{background:linear-gradient(135deg,#fa709a,#fee140);border:none}}@media (max-width:360px){.dashboard-container{padding:.5rem}.receipt-card-actions{grid-template-columns:1fr}.btn-card-action,.quotation-filters{padding:.5rem}.filter-controls{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ecfb5ab0.css.map*/