.app-header{background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));color:var(--neutral-white);padding:10px 20px;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;z-index:1000;box-shadow:0 2px 5px #0003;box-sizing:border-box;height:60px}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;max-width:1200px}.header-left,.header-middle{align-items:center;box-sizing:border-box}.header-left-actions{grid-column:1;display:flex;align-items:center;padding-right:20px}.header-logo{grid-column:2;display:flex;justify-content:center;align-items:center}.header-middle{grid-column:3;display:flex;align-items:center}.app-logo{max-height:40px;height:auto;width:auto}.coverage-zone-selector{display:flex;align-items:center;gap:5px;color:var(--neutral-white);font-size:.9em}.coverage-zone-selector select{padding:4px 8px;border-radius:4px;border:1px solid var(--neutral-white);background-color:var(--gradient-start);color:var(--neutral-white);cursor:pointer;font-size:1em}.hamburger-icon{font-size:24px;cursor:pointer;padding:5px;color:var(--neutral-white)}@media (max-width: 767px){.header-content{grid-template-columns:auto 1fr}.app-logo{max-height:35px}.coverage-zone-selector{justify-content:center;grid-column:1 / span 2;text-align:center;margin-top:10px}.header-left-actions{padding-right:10px}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;transition:opacity .3s ease-in-out;opacity:0;visibility:hidden}.menu-overlay.visible{opacity:1;visibility:visible}.user-menu-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;background-color:#fff;box-shadow:-5px 0 10px #0000004d;transition:transform .3s ease-in-out;transform:translate(100%);z-index:1000;overflow-y:auto;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.user-menu-sidebar.open{transform:translate(0)}.user-menu-sidebar h2{text-align:center;color:var(--neutral-dark-gray, #333);margin-top:0;margin-bottom:20px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--neutral-gray, #666);padding:5px}.user-info{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--neutral-light-gray, #eee)}.user-info p{margin:0;font-size:16px;color:var(--neutral-dark-gray, #333)}.user-menu-nav ul{list-style:none;padding:0;margin:0}.user-menu-nav li{margin-bottom:10px}.user-menu-nav button{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 0;cursor:pointer;font-size:16px;color:var(--primary-magenta, #e91e63);transition:color .2s ease-in-out}.user-menu-nav button:hover{color:var(--primary-magenta-dark, #c2185b)}.user-menu-nav button:active{color:var(--neutral-dark-gray, #333)}.current-order-status{margin-top:20px;padding-top:15px;border-top:1px solid var(--neutral-light-gray, #eee)}.current-order-status h3{margin-top:0;margin-bottom:10px;font-size:18px;color:var(--neutral-dark-gray, #333)}.promo-code-section{margin-top:20px;padding-top:15px;border-top:1px solid var(--neutral-light-gray, #eee)}.promo-code-section h3{margin-top:0;margin-bottom:10px;font-size:18px;color:var(--neutral-dark-gray, #333)}.promo-code-section input[type=text]{width:calc(100% - 80px);padding:8px;margin-right:5px;border:1px solid var(--neutral-gray, #666);border-radius:4px;font-size:16px}.promo-code-section button{width:70px;padding:8px;background-color:var(--primary-magenta, #e91e63);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease-in-out}.promo-code-section button:hover{background-color:var(--primary-magenta-dark, #c2185b)}.logout-button{display:block;width:100%;padding:10px;margin-top:30px;background-color:var(--feedback-error, #f44336);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .2s ease-in-out}.logout-button:hover{background-color:var(--feedback-error-dark, #d32f2f)}:root{--primary-magenta: #FF007F;--primary-purple: #6a11cb;--secondary-color: #FFC107;--card-background: rgba(255, 255, 255, .9);--text-color-dark: #263238;--text-color-light: #ffffff;--border-color: rgba(0, 0, 0, .15);--shadow-color: rgba(0, 0, 0, .3);--neutral-dark-gray: #424242}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modalunicowelcome{background-color:var(--card-background);padding:40px;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 15px 40px var(--shadow-color);position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.modalunicowelcome h2{color:var(--text-color-dark);margin-bottom:20px;font-size:1.8em;font-weight:700}.modalunicowelcome p{color:var(--neutral-dark-gray);margin-bottom:15px;font-size:1em;line-height:1.5}.modalunicowelcome select{padding:12px;margin:20px 0;border:1px solid var(--border-color);border-radius:8px;font-size:1.1em;box-sizing:border-box;background-color:var(--card-background);color:var(--text-color-dark);cursor:pointer}.modalunicowelcome select:focus{outline:none;border-color:var(--primary-magenta);box-shadow:0 0 8px #ff007f4d}.modalunicowelcome button{background:linear-gradient(to right,var(--primary-purple),var(--primary-magenta));color:var(--text-color-light);padding:14px;border:none;border-radius:8px;font-size:1.1em;cursor:pointer;transition:opacity .3s ease,transform .2s ease;margin-top:10px;box-shadow:0 5px 15px #6a11cb66}.modalunicowelcome button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.modalunicowelcome button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.modal-content button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #6a11cb66}@media (max-width: 768px){.modalunicowelcome{padding:25px;border-radius:12px;box-shadow:0 10px 25px var(--shadow-color);width:95%}.modalunicowelcome h2{font-size:1.6em;margin-bottom:15px}.modalunicowelcome p{font-size:.9em;margin-bottom:10px}.modalunicowelcome select{padding:10px;font-size:1em;margin:15px 0}.modalunicowelcome button{padding:12px;font-size:1em;margin-top:8px}}@media (max-width: 500px){.modalunicowelcome{max-width:300px}}.footer-actions-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:12px 20px;box-shadow:0 -3px 6px #00000026;display:flex;justify-content:center;align-items:center;z-index:1000;box-sizing:border-box;font-family:sans-serif}.footer-actions-content{display:flex;align-items:center;width:100%;max-width:600px;justify-content:space-between}.cart-icon-container{display:flex;align-items:center;position:relative;margin-right:15px}.cart-item-count{position:absolute;top:-8px;right:-8px;background-color:#ff4b5c;color:#fff;border-radius:50%;padding:3px 7px;font-size:.75em;font-weight:700;min-width:20px;text-align:center;line-height:1;box-sizing:border-box}.checkout-button{background-color:#28a745;color:#fff;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease,transform .1s ease;flex-grow:1;margin-left:15px;max-width:300px}.checkout-button:hover{background-color:#218838}.checkout-button:active{transform:scale(.98)}.order-in-progress-footer{display:flex;align-items:center;justify-content:center;flex-grow:1;background-color:#ff4dca;color:#fff;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease,transform .1s ease;text-align:center;box-sizing:border-box}.order-in-progress-footer:hover{background-color:#ced4da}.order-in-progress-footer:active{transform:scale(.98)}@media (max-width: 480px){.footer-actions-bar{padding:10px 15px}.footer-actions-content{flex-direction:column;align-items:stretch}.cart-icon-container{margin-right:0;margin-bottom:10px;justify-content:center}.checkout-button{margin-left:0;width:100%;max-width:none;margin-top:10px}.order-in-progress-footer{flex-direction:column;margin-top:10px}}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:15px 20px;border-radius:8px;color:#fff;font-size:1rem;z-index:1000;box-shadow:0 4px 8px #0003;opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;min-width:200px;text-align:center}.notification.info{background-color:#3498db}.notification.success{background-color:#2ecc71}.notification.error{background-color:#e74c3c}html,body{margin:0;padding:0;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-top:60px;overflow-x:hidden}.content-wrap{flex-grow:1}@media (min-width: 768px){.app-container{padding-top:70px}}:root{--primary-purple: #6A00A8;--primary-magenta: #E00080;--gradient-start: var(--primary-purple);--gradient-end: var(--primary-magenta);--neutral-white: #FFFFFF;--neutral-light-gray: #F5F5F5;--neutral-dark-gray: #333333;--neutral-black: #000000;--accent-light-purple: #9C4DCE;--accent-light-pink: #FF66B2;--feedback-success: #4CAF50;--feedback-error: #F44336}body{margin:0;background-color:var(--neutral-light-gray);color:var(--neutral-dark-gray);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--primary-magenta);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}