:root{--primary-green: rgb(77, 99, 39);--accent-green: rgb(107, 142, 35);--hover-green: rgb(96, 128, 32);--dark-green: rgb(60, 77, 20);--white: #ffffff;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: rgb(22, 22, 27);--text-gray: #555555;--error: #c62828;--success: var(--accent-green);--warning: #f9a825;--font-heading: "Cinzel", serif;--font-body: "Source Sans Pro", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);color:var(--dark-gray);background-color:var(--light-gray);line-height:1.6;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,var(--primary-green) 0%,var(--dark-green) 100%);color:var(--white);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.header-content{max-width:800px;margin:0 auto}.header-logo{width:200px;height:200px;object-fit:contain;margin-bottom:var(--spacing-lg);border-radius:50%;background:var(--white);padding:12px;box-shadow:var(--shadow-lg)}.logo{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.tagline{font-size:1.1rem;font-weight:300;opacity:.9;letter-spacing:.2em;text-transform:uppercase}.main{flex:1;max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);width:100%}.steps{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border-radius:var(--radius-md);opacity:.5;transition:all .3s ease}.step.active{opacity:1;background:var(--primary-green);color:var(--white)}.step.completed{opacity:1;background:var(--accent-green);color:var(--white)}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff3;font-weight:600;font-size:.875rem}.step-label{font-size:.875rem;font-weight:500}.step-content{display:none;animation:fadeIn .3s ease}.step-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content h2{font-family:var(--font-heading);font-size:1.75rem;color:var(--primary-green);margin-bottom:var(--spacing-sm);text-align:center}.step-description{text-align:center;color:var(--text-gray);margin-bottom:var(--spacing-xl)}.bake-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.bake-slot-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.bake-slot-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-green)}.bake-slot-card.selected{border-color:var(--primary-green);background:#6b8e230d}.bake-slot-card.sold-out{opacity:.5;cursor:not-allowed}.bake-slot-date{font-family:var(--font-heading);font-size:1.25rem;color:var(--primary-green);margin-bottom:var(--spacing-xs)}.bake-slot-location{color:var(--text-gray);margin-bottom:var(--spacing-sm)}.bake-slot-availability{font-size:.875rem;color:var(--accent-green);font-weight:500}.bake-slot-availability.low{color:var(--warning)}.bake-slot-availability.sold-out{color:var(--error)}.flavors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.flavor-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.flavor-card.unavailable{opacity:.5}.flavor-name{font-family:var(--font-heading);font-size:1.125rem;color:var(--primary-green);margin-bottom:var(--spacing-xs)}.flavor-price{color:var(--text-gray);margin-bottom:var(--spacing-sm)}.flavor-availability{font-size:.75rem;color:var(--accent-green);margin-bottom:var(--spacing-md)}.flavor-quantity{display:flex;align-items:center;gap:var(--spacing-sm)}.qty-btn{width:32px;height:32px;border:1px solid var(--medium-gray);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover:not(:disabled){background:var(--primary-green);color:var(--white);border-color:var(--primary-green)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{width:40px;text-align:center;font-weight:600}.order-summary{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.order-summary h3{font-family:var(--font-heading);color:var(--primary-green);margin-bottom:var(--spacing-md)}.order-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--light-gray)}.order-total{display:flex;justify-content:space-between;padding-top:var(--spacing-md);font-size:1.25rem;font-weight:600;color:var(--primary-green)}.capacity-indicator{text-align:center;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);font-size:.875rem}.capacity-text{color:var(--text-gray)}.capacity-text.low{color:var(--warning);font-weight:600}.capacity-text.at-limit{color:var(--error);font-weight:600}.customer-form{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--dark-gray)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green)}.notification-options{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input{margin-top:4px}.confirmation-details{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.confirmation-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--light-gray)}.confirmation-section:last-child{border-bottom:none;margin-bottom:0}.confirmation-section h3{font-family:var(--font-heading);color:var(--primary-green);margin-bottom:var(--spacing-md)}.payment-info{background:#6b8e230d;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.payment-methods{list-style:none;margin-top:var(--spacing-sm)}.payment-methods li{padding:var(--spacing-xs) 0}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.btn-primary{background:var(--primary-green);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--hover-green)}.btn-primary:disabled{background:var(--medium-gray);cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--primary-green);border:2px solid var(--primary-green)}.btn-secondary:hover{background:#4d63270d}.btn-submit{min-width:200px}.step-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);gap:var(--spacing-md)}.success-message,.error-message{text-align:center;padding:var(--spacing-2xl)}.success-icon,.error-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto var(--spacing-xl)}.success-icon{background:var(--accent-green);color:var(--white)}.error-icon{background:var(--error);color:var(--white)}.error-code{font-family:monospace;color:var(--text-gray);margin-top:var(--spacing-md)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-gray)}.footer{background:var(--dark-gray);color:var(--white);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.footer a{color:var(--accent-green)}@media (max-width: 600px){.logo{font-size:2rem}.steps{gap:var(--spacing-xs)}.step-label{display:none}.step-content h2{font-size:1.5rem}.step-actions{flex-direction:column}.step-actions .btn{width:100%}}.payment-options{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--light-gray);border-radius:var(--radius-md);text-align:left}.payment-options h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.payment-note{color:var(--text-gray);margin-bottom:var(--spacing-md)}.payment-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.payment-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-md);text-decoration:none;color:var(--dark-gray);transition:all .2s ease}.payment-link:hover{border-color:var(--primary-green);box-shadow:var(--shadow-sm)}.payment-link-static{cursor:default}.payment-link-static:hover{border-color:var(--medium-gray);box-shadow:none}.payment-icon{font-size:1.5rem}.payment-label{font-weight:600;min-width:80px}.payment-value{color:var(--text-gray);font-family:var(--font-body)}.payment-hint{font-size:.875rem;color:var(--text-gray);font-style:italic}