.nav{display:flex;justify-content:space-around;align-items:center;background:var(--color-bg);border-top:1px solid var(--color-border);position:fixed;bottom:0;left:0;right:0;z-index:100;padding:4px 0}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px 12px;color:var(--color-text-muted);text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-tab-active{color:var(--color-accent)}.nav-label{font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}@media(min-width:768px){.nav{position:static;border-top:none;border-bottom:1px solid var(--color-border);justify-content:center;padding:0}.nav-tab{flex-direction:row;padding:12px 20px}.nav-label{margin-top:0;margin-left:6px;font-size:var(--font-size-secondary);text-transform:none}}.progress-bar{display:flex;margin-bottom:var(--spacing-md)}.progress-segment{flex:1;height:3px;background:var(--color-border);margin-right:4px}.progress-segment:last-child{margin-right:0}.progress-active{background:var(--color-accent)}.step-title{margin-bottom:var(--spacing-sm)}.back-btn{display:inline-flex;align-items:center;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-secondary);cursor:pointer;padding:4px 0;margin-bottom:var(--spacing-sm);font-family:inherit;min-height:44px}.back-btn svg{margin-right:4px}.service-list{display:flex;flex-direction:column}.service-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 0;border:none;border-bottom:1px solid var(--color-border);background:none;color:var(--color-text);font-size:var(--font-size-body);font-family:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.service-row:last-child{border-bottom:none}.service-label{display:inline-flex;align-items:center}.service-auto-icon{margin-left:8px;color:var(--color-text-muted)}.date-list{display:flex;flex-direction:column}.date-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 0;border:none;border-bottom:1px solid var(--color-border);background:none;color:var(--color-text);font-size:var(--font-size-body);font-family:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.date-row:last-child{border-bottom:none}.slot-count{color:var(--color-text-muted);font-size:var(--font-size-secondary)}.time-grid{display:flex;flex-wrap:wrap}.time-pill{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-card);color:var(--color-text);font-size:var(--font-size-body);font-family:inherit;cursor:pointer;min-height:44px;margin:0 8px 8px 0;-webkit-tap-highlight-color:transparent}.time-pill:hover{border-color:var(--color-accent)}.time-booked{color:var(--color-text-muted);text-decoration:line-through;opacity:.5;cursor:not-allowed}.time-booked:hover{border-color:var(--color-border)}.auto-warning{display:flex;align-items:flex-start;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-card);padding:12px;margin-bottom:var(--spacing-md);color:var(--color-warning);font-size:var(--font-size-secondary);line-height:1.4}.auto-warning svg{margin-right:8px;flex-shrink:0;margin-top:1px}.booking-summary{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:var(--font-size-secondary)}.summary-label{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-label)}.booking-form .form-field{margin-bottom:var(--spacing-sm)}.field-error{color:var(--color-danger);font-size:var(--font-size-label);margin-top:2px;display:block}.form-error{color:var(--color-danger);font-size:var(--font-size-secondary);margin-bottom:var(--spacing-sm)}.booking-form .btn-primary{margin-top:var(--spacing-sm)}.form-vehicle-row{display:flex;flex-direction:column}@media(min-width:768px){.form-vehicle-row{flex-direction:row}.form-vehicle-row .form-field{margin-right:var(--spacing-sm)}.form-vehicle-row .form-field:last-child{margin-right:0}}.empty-state{text-align:center;padding:var(--spacing-lg) 0;color:var(--color-text-muted)}.cooldown-bar{text-align:center}.cooldown-text{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-secondary);margin-bottom:var(--spacing-sm)}.cooldown-text svg{margin-right:6px}.cooldown-track{height:3px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-sm)}.cooldown-fill{height:100%;background:var(--color-accent)}.cooldown-phone{font-size:var(--font-size-secondary)}.success-message,.success-banner{text-align:center}.success-icon{margin-bottom:var(--spacing-sm)}.success-banner h2{margin-bottom:var(--spacing-md)}.success-details{text-align:left;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.success-row{display:flex;justify-content:space-between;padding:4px 0;font-size:var(--font-size-secondary)}.success-label{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-label)}.success-note{color:var(--color-text-muted);font-size:var(--font-size-secondary);margin-bottom:var(--spacing-xs)}.success-contact{font-size:var(--font-size-secondary);color:var(--color-text-muted)}.manual-booking .step-title{margin-bottom:var(--spacing-md)}.code-entry{position:relative;display:flex;align-items:center;justify-content:center}.code-input{font-family:Courier New,Courier,monospace;font-size:24px;text-align:center;letter-spacing:4px;max-width:300px;margin:0 auto;text-transform:uppercase}.code-input:disabled{opacity:.7;border-color:var(--color-success)}.code-verified-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.code-error{color:var(--color-danger);font-size:var(--font-size-secondary);text-align:center;margin-top:var(--spacing-sm)}.code-form-section{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.code-form-section .form-field{margin-bottom:var(--spacing-sm)}.code-form-section .field-error{color:var(--color-danger);font-size:var(--font-size-label);margin-top:2px;display:block}.code-form-section .btn-primary{margin-top:var(--spacing-sm)}.store-status{display:flex;flex-direction:column}.status-card{text-align:center;margin-bottom:var(--spacing-sm)}.status-badge-row{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:10px;flex-shrink:0}.dot-open{background:var(--color-success)}.dot-closed{background:var(--color-danger)}.status-text{font-size:var(--font-size-title);font-weight:600}.text-open{color:var(--color-success)}.text-closed{color:var(--color-danger)}.status-hours{color:var(--color-text);font-size:var(--font-size-body);margin-bottom:var(--spacing-xs)}.status-countdown{color:var(--color-warning);font-size:var(--font-size-body);margin-bottom:var(--spacing-xs)}.status-closing-soon{color:var(--color-warning);font-size:var(--font-size-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.walk-in-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:12px;margin-top:var(--spacing-sm);font-size:var(--font-size-body);color:var(--color-text)}.status-note{color:var(--color-text-muted);font-size:var(--font-size-secondary);margin-top:var(--spacing-sm)}.contact-card{margin-bottom:var(--spacing-sm)}.contact-row{display:flex;align-items:center;min-height:44px;font-size:var(--font-size-body);text-decoration:none;color:var(--color-accent)}.contact-row svg{margin-right:10px;flex-shrink:0}.contact-address{color:var(--color-text-muted)}@media(min-width:768px){.store-status{max-width:500px;margin:0 auto;width:100%}}.about-us{display:flex;flex-direction:column}.about-section{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.about-section:last-child{border-bottom:none;margin-bottom:0}.about-section h1{font-size:var(--font-size-heading, 20px);margin-bottom:var(--spacing-sm)}.about-section h2{font-size:var(--font-size-subheading, 16px);margin-bottom:var(--spacing-sm)}.about-section h3{margin-bottom:var(--spacing-sm)}.about-section p{color:var(--color-text-muted);line-height:1.5}.service-text-list{list-style:none;padding:0}.service-text-list li{padding:4px 0;color:var(--color-text);font-size:var(--font-size-body)}.review-card{margin-bottom:var(--spacing-sm)}.review-card:last-child{margin-bottom:0}.star-rating{display:flex;margin-bottom:var(--spacing-xs)}.star-rating svg{margin-right:2px}.review-text{color:var(--color-text);font-size:var(--font-size-body);line-height:1.45;margin-bottom:var(--spacing-xs)}.review-author{color:var(--color-text-muted);font-size:var(--font-size-secondary)}.contact-item{display:flex;align-items:center;min-height:44px;font-size:var(--font-size-body);text-decoration:none;color:var(--color-accent)}.contact-item svg{margin-right:10px;flex-shrink:0}.contact-item-muted{color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0C1117;--color-surface: #141B24;--color-card: #1A2332;--color-border: #2A3A4E;--color-accent: #D4A853;--color-accent-dim: #A68432;--color-accent-glow: rgba(212, 168, 83, .15);--color-text: #E8ECF1;--color-text-muted: #8899AA;--color-success: #3DBB7D;--color-success-bg: rgba(61, 187, 125, .12);--color-danger: #E05555;--color-danger-bg: rgba(224, 85, 85, .12);--color-warning: #E8A83E;--color-warning-bg: rgba(232, 168, 62, .12);--font-size-label: 11px;--font-size-secondary: 13px;--font-size-body: 14px;--font-size-heading: 16px;--font-size-heading-lg: 18px;--font-size-title: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-card: 12px;--radius-input: 10px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;font-size:var(--font-size-body);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-weight:600;line-height:1.25}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-heading-lg)}h3{font-size:var(--font-size-heading)}a{color:var(--color-accent);text-decoration:none}input,textarea,select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:12px;color:var(--color-text);font-size:var(--font-size-body);font-family:inherit;width:100%;display:block}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-border)}label{text-transform:uppercase;font-size:var(--font-size-label);color:var(--color-text-muted);letter-spacing:.5px;display:block;margin-bottom:var(--spacing-xs)}textarea{resize:vertical;min-height:80px}.btn-primary{background:var(--color-accent);color:#0c1117;border:none;border-radius:var(--radius-input);padding:14px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;width:100%;min-height:44px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-input);padding:10px 16px;font-size:var(--font-size-body);color:var(--color-text-muted);cursor:pointer;min-height:44px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-destructive{background:transparent;border:none;color:var(--color-danger);font-size:var(--font-size-secondary);cursor:pointer;padding:8px;font-family:inherit}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md)}.screen{padding:var(--spacing-md);padding-bottom:80px;max-width:700px;margin:0 auto;width:100%;flex:1}@media(min-width:768px){.screen{padding:var(--spacing-lg);padding-bottom:var(--spacing-lg)}}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:12px var(--spacing-md)}.header-inner{max-width:700px;margin:0 auto;display:flex;flex-direction:column}.header-brand{display:flex;flex-direction:column}.header-name{color:var(--color-accent);font-size:var(--font-size-heading-lg);font-weight:600;line-height:1.25}.header-address{color:var(--color-text-muted);font-size:var(--font-size-secondary);margin-top:2px}.header-phone{display:inline-flex;align-items:center;color:var(--color-text-muted);font-size:var(--font-size-secondary);text-decoration:none;margin-top:4px;min-height:44px}.header-phone svg{margin-right:6px;flex-shrink:0}@media(min-width:768px){.header-inner{flex-direction:row;align-items:center;justify-content:space-between}.header-phone{margin-top:0}}.site-footer{border-top:1px solid var(--color-border);padding:16px var(--spacing-md);max-width:700px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-secondary);color:var(--color-text-muted);text-align:center;padding-bottom:80px}.site-footer a{color:var(--color-text-muted)}@media(min-width:768px){.site-footer{flex-direction:row;justify-content:center;gap:16px;padding-bottom:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}