*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--font-primary: "Roboto", "Helvetica Neue", Arial, sans-serif;--font-heading: "Oswald", "Arial Black", sans-serif;--color-black: #000000;--color-white: #ffffff;--color-gray-dark: #1a1a1a;--color-gray: #333333;--color-gray-light: #666666;--color-gray-lighter: #999999;--color-gray-bg: #f5f5f5;font-family:var(--font-primary);line-height:1.5;font-weight:400;color:var(--color-black);background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:var(--color-black);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}button{font-family:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-white)}::-webkit-scrollbar-thumb{background:var(--color-black);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}::selection{background:var(--color-black);color:var(--color-white)}::-moz-selection{background:var(--color-black);color:var(--color-white)}.app{min-height:100vh;display:flex;flex-direction:column;scroll-behavior:smooth;background:var(--color-white)}*{scroll-behavior:smooth}main{flex-grow:1;position:relative;background:var(--color-white)}.store-location-layout{display:grid;grid-template-columns:minmax(220px,330px) minmax(360px,1fr);gap:28px;align-items:stretch;justify-content:center;max-width:1280px;margin:0 auto}.store-location-image-card{border-radius:14px;overflow:hidden;background:var(--color-gray-bg)}.store-location-image-card img{width:100%;height:100%;min-height:420px;object-fit:cover}.store-location-text{margin:0;max-width:900px;font-family:var(--font-primary);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8;color:var(--color-gray);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:justify;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.store-location-text p{margin:0}.floating-cart-btn,.floating-maintenance-btn{position:fixed;bottom:30px;width:65px;height:65px;border-radius:50%;background:var(--color-black);border:2px solid var(--color-black);font-size:28px;cursor:pointer;box-shadow:0 4px 20px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:998;display:flex;align-items:center;justify-content:center}.floating-cart-btn{right:30px}.floating-maintenance-btn{right:110px;background:#0a66ff;border-color:#0a66ff}.floating-cart-btn:hover,.floating-maintenance-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px #0006}.floating-cart-btn:hover{background:var(--color-gray-dark)}.floating-maintenance-btn:hover{background:#0854d1;border-color:#0854d1}.floating-cart-btn:active,.floating-maintenance-btn:active{transform:scale(1.05)}@media(max-width:768px){.store-location-layout{grid-template-columns:1fr;gap:20px}.store-location-image-card img{min-height:300px}.floating-cart-btn,.floating-maintenance-btn{bottom:20px;width:50px;height:50px;font-size:24px}.floating-cart-btn{right:20px}.floating-maintenance-btn{right:80px}}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media(max-width:768px){.md-col-12{grid-column:span 12!important}.md-col-6{grid-column:span 6!important}.md-col-4{grid-column:span 4!important}.md-col-3{grid-column:span 3!important}}.form-field{display:flex;flex-direction:column}.form-field label{font-size:14px;font-weight:600;margin-bottom:4px;color:#374151}.form-field input{height:40px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;font-size:14px}.readonly-field{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-size:14px;color:#374151;min-height:40px;display:flex;align-items:center}.header-wrapper{position:sticky;top:0;z-index:100}.promo-bar{width:100%;background:var(--color-black);color:var(--color-white);overflow:hidden;white-space:nowrap;padding:8px 0;border-bottom:1px solid #e0e0e0}.promo-track{display:inline-flex;align-items:center;gap:32px;min-width:max-content;animation:promoScroll 24s linear infinite;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes promoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{background:var(--color-white);color:var(--color-black);padding:20px 0;box-shadow:0 1px #0000001a;border-bottom:1px solid #e0e0e0}.navbar__button{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;cursor:pointer;padding:10px 16px;gap:8px;z-index:101;flex:0 0 auto;color:var(--color-black);transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:500}.navbar__button:hover{opacity:.6}.navbar__button__text{color:var(--color-black);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:1.5px;font-family:var(--font-heading)}.header-container{max-width:1600px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative}.header-left{display:none}.header-left.menu-active{display:flex;position:absolute;top:100%;left:0;width:250px;background:#fffdfd;flex-direction:column;padding:20px;gap:20px;box-shadow:0 4px 10px #0003;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav{display:flex;flex-direction:column;gap:8px;width:100%}.logo{position:absolute;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.logo h1{margin:0;font-size:28px;font-weight:700;pointer-events:auto}.header-right{display:flex;align-items:center;gap:15px;margin-left:auto}.search-container{position:relative;display:flex;align-items:center;flex:0 0 auto}.search-input{padding:12px 40px 12px 1px;border:none;border-bottom:2px solid #e0e0e0;border-radius:0;font-size:14px;width:250px;outline:none;transition:all .3s ease;background:transparent;box-shadow:none}.search-input:hover{border-bottom-color:#131313}.search-input:focus{width:300px;border-bottom-color:#131313;background:transparent;box-shadow:none}.search-input::placeholder{color:#999}.search-icon{position:absolute;right:15px;color:#131313;font-weight:700;pointer-events:none;transition:color .3s ease}.nav a{color:#070707;text-decoration:none;font-weight:500;transition:opacity .3s}.nav a:hover{opacity:.8}.login-button{background:#fff;color:#131313;border:none;padding:10px 5px;border-radius:50%;font-size:20px;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;width:45px;height:45px}.login-button:hover{transform:scale(1.05)}.header-user-wrap{position:relative;display:flex;align-items:center}.header-user-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;padding:12px;background:var(--color-white);border:2px solid var(--color-black);box-shadow:0 4px 12px #00000026;z-index:50}.header-user-name{display:block;padding:8px 0;font-size:13px;font-weight:600;color:var(--color-black);word-break:break-all}.header-user-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;font-size:13px;font-weight:600;cursor:pointer;color:var(--color-black);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;transition:background .2s;text-decoration:none}.header-user-logout:hover{background:var(--color-gray-bg)}.cart-button{background:#fff;color:#131313;border:none;padding:10px 20px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;position:relative;transition:transform .2s}.cart-button:hover{transform:scale(1.05)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}@media(max-width:768px){.header-container{flex-wrap:wrap;position:relative}.logo{order:-1;flex:1;text-align:center}.logo h1{font-size:24px}.search-container,.search-input{width:100%}.search-input:focus{width:100%}}.cart-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media(max-width:768px){.header-container{flex-direction:column;gap:15px}.nav{flex-direction:row;gap:15px}.header-right{flex-direction:column;width:100%}.search-input{width:100%}.search-input:focus{width:100%}}.cart-overlay{position:fixed;inset:0;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-sidebar{position:fixed;top:0;right:0;width:450px;max-width:90%;height:100vh;background:var(--color-white);box-shadow:-4px 0 20px #0000004d;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s ease-out;border-left:2px solid var(--color-black)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{padding:30px 25px;border-bottom:2px solid var(--color-black);display:flex;justify-content:space-between;align-items:center;background:var(--color-black);color:var(--color-white)}.cart-header h2{margin:0;font-size:24px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:3px;font-weight:700}.close-btn{background:none;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.empty-cart{flex-grow:1;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:18px}.cart-items{flex-grow:1;overflow-y:auto;padding:20px}.cart-item{display:flex;gap:15px;padding:20px;border:1px solid #e0e0e0;border-radius:0;margin-bottom:15px;position:relative;transition:all .3s ease}.cart-item:hover{border-color:var(--color-black);box-shadow:0 4px 15px #0000001a}.cart-item img{width:90px;height:90px;object-fit:cover;border-radius:0;border:1px solid #e0e0e0}.cart-item-info{flex-grow:1}.cart-item-info h4{margin:0 0 8px;font-size:15px;color:var(--color-black);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.cart-item-price{color:var(--color-black);font-weight:600;margin:8px 0;font-family:var(--font-primary);font-size:18px}.quantity-controls{display:flex;gap:10px;align-items:center;margin-top:10px}.quantity-controls button{width:32px;height:32px;border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);border-radius:0;cursor:pointer;font-weight:700;transition:all .2s;font-family:var(--font-heading)}.quantity-controls button:hover{background:var(--color-black);color:var(--color-white)}.quantity-controls span{min-width:30px;text-align:center;font-weight:600}.remove-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;opacity:.6;transition:opacity .2s}.remove-btn:hover{opacity:1}.cart-footer{padding:25px;border-top:2px solid var(--color-black);background:var(--color-white)}.cart-total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.cart-total strong{color:var(--color-black);font-size:26px;font-weight:600;font-family:var(--font-primary)}.checkout-btn{width:100%;padding:18px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);border-radius:0;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:12px;transition:all .3s;text-transform:uppercase;letter-spacing:2px;font-family:var(--font-heading)}.checkout-btn:hover{background:var(--color-white);color:var(--color-black);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.clear-cart-btn{width:100%;padding:14px;background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray-lighter);border-radius:0;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-heading)}.clear-cart-btn:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.form-input-wrapper{width:100%;display:flex;flex-direction:column;gap:6px}.form-input-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-black)}.form-input{width:100%;box-sizing:border-box;display:block;padding:12px 14px;border:2px solid var(--color-black);font-size:16px;font-family:var(--font-primary);background:var(--color-white);color:var(--color-black)}.form-input::placeholder{color:var(--color-gray-lighter)}.form-input--error{border-color:#c00;background:#fff5f5}.form-input-error{margin:0;font-size:13px;color:#c00}.form-input-hint{margin:0;font-size:12px;color:var(--color-gray-light)}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;background:var(--color-white);border:2px solid var(--color-black);box-shadow:0 8px 32px #0003;z-index:1000;padding:0;font-family:var(--font-primary)}.auth-modal-header{padding:24px 24px 16px;border-bottom:2px solid var(--color-black);display:flex;justify-content:space-between;align-items:center;background:var(--color-black);color:var(--color-white)}.auth-modal-header h2{margin:0;font-size:22px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-weight:700}.auth-modal-close{background:none;border:none;font-size:24px;color:var(--color-white);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.auth-modal-close:hover{opacity:.8}.auth-modal form{padding:24px;display:flex;flex-direction:column;gap:16px}.auth-modal-error{margin:0;padding:10px 12px;background:#fee;color:#c00;font-size:14px;border:1px solid #fcc}.auth-modal-submit{padding:14px 20px;background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black);font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-heading);margin-top:8px}.auth-modal-submit:hover{background:var(--color-white);color:var(--color-black)}.auth-modal-footer{padding:16px 24px 24px;margin:0;font-size:14px;color:var(--color-gray);text-align:center;border-top:1px solid #e0e0e0}.auth-modal-link{background:none;border:none;color:var(--color-black);text-decoration:underline;cursor:pointer;font-weight:600;font-family:inherit;padding:0}.auth-modal-link:hover{opacity:.8}