body,html{margin:0;padding:0;background:#ffffff}.site-header{position:fixed;top:0;left:0;right:0;width:100%;background:#ffffff;color:#0f0f0f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;z-index:999}.inner{width:calc(100% - 12cm);margin:0 auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{text-decoration:none;color:inherit;line-height:.86;letter-spacing:.4px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:6px 0;user-select:none}.brand-line{font-weight:300;font-size:30px}.dynamic-heading{display:none}.dynamic-heading-text{font-size:17px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;justify-content:center;gap:.8cm;flex:1 1 auto}.controls,.location,.search{align-items:center;min-width:0}.location,.search{background:#ffffff;border:1px solid #e8eaee;box-shadow:0 1px 0 0 rgba(16,24,40,.02);border-radius:8px;height:1.3cm;display:inline-flex;padding:0 .28cm;overflow:hidden}.location,.search{width:7.5cm}.location{justify-content:flex-start;cursor:pointer}.search .icon{color:#7c3aed;display:inline-flex;align-items:center;justify-content:center;margin-right:.3cm}.search .input{border:none;outline:none;flex:1 1 auto;font-size:14px;color:#0f172a}.search .go{border:none;background:#eff2f6;color:#111827;width:.75cm;height:.75cm;border-radius:50%;margin-left:.25cm;cursor:pointer}.location .pin,.search .go{display:inline-flex;align-items:center;justify-content:center}.location .pin{color:#7c3aed;margin-right:.35cm}.location .address{font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location .caret{color:#6b7280;margin-left:6px;display:inline-flex}.actions{display:inline-flex;align-items:center;gap:20px}.icon-btn{appearance:none;border:none;background:transparent;color:#0b0b0b;cursor:pointer;padding:6px;border-radius:8px}.cart-btn-wrapper{position:relative}.cart-badge{position:absolute;top:0;right:0;background:var(--primary,#7c3aed);color:#ffffff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 1px 3px rgba(0,0,0,.12)}.inner>.mobile-back-btn,.mobile-search-icon-btn{display:none}@media (max-width:1280px){.inner{width:auto;padding:0 24px}.controls{gap:16px}.location,.search{width:min(7.5cm,42vw);height:48px}.brand-line{font-size:26px}}@media (max-width:1024px){.site-header{border-bottom:1px solid #f1f3f5}.inner{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:64px;flex-wrap:nowrap;gap:12px}.brand{display:none}.dynamic-heading{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;padding:0 1rem;max-width:300px;margin:0 auto;animation:fadeInSlide .3s ease-out}.dynamic-heading-text{font-size:16px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.actions,.controls{display:none}.inner>.mobile-back-btn{display:inline-flex}.mobile-search-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0;margin-left:auto;flex-shrink:0}.mobile-search-icon-btn:hover{background:#f9fafb}.mobile-search-icon-btn svg{width:20px;height:20px;color:#111827}.location{display:none}}@media (max-width:680px){.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:999;border-bottom:1px solid #f1f3f5}.inner{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:60px;flex-wrap:nowrap;gap:10px}.brand{display:none}.dynamic-heading{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;padding:0 .75rem;max-width:250px;margin:0 auto;animation:fadeInSlide .3s ease-out}.dynamic-heading-text{font-size:15px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.actions,.controls{display:none}.mobile-search-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0;margin-left:auto;flex-shrink:0}.mobile-search-icon-btn:hover{background:#f9fafb}.mobile-search-icon-btn svg{width:18px;height:18px;color:#111827}.location{display:none}.cart-badge{font-size:10px;min-width:16px;height:16px;border-radius:8px;padding:0 4px}}.search-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-container{background:#ffffff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:slideDown .3s ease-out;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f3f5}.search-overlay-title{font-size:18px;font-weight:600;color:#0f172a;margin:0}.search-overlay-close{appearance:none;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.search-overlay-close:hover{background:#f3f4f6;color:#374151}.search-overlay-input-wrapper{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f3f5;gap:12px}.search-overlay-icon{color:#9ca3af;display:inline-flex;align-items:center;justify-content:center}.search-overlay-input{flex:1;border:none;outline:none;font-size:16px;color:#1f2937;background:transparent}.search-overlay-input::placeholder{color:#9ca3af}.search-overlay-results{flex:1;overflow-y:auto;padding:8px 0}.search-overlay-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 24px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:15px;color:#374151}.search-overlay-item:hover{background:#f9fafb}.search-overlay-item-icon{color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.search-overlay-item-text{flex:1;color:#1f2937}.search-match-score{font-size:12px;color:#9ca3af;font-family:monospace}.search-overlay-no-results{padding:40px 24px;text-align:center;color:#6b7280;font-size:14px}@media (max-width:680px){.search-overlay-backdrop{padding-top:40px}.search-overlay-container{width:95%;max-height:85vh;border-radius:16px}.search-overlay-header{padding:16px 20px}.search-overlay-title{font-size:16px}.search-overlay-input-wrapper{padding:12px 20px}.search-overlay-item{padding:12px 20px;font-size:14px}}.location-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.location-overlay-container{background:#ffffff;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px}.location-overlay-title{font-size:24px;font-weight:600;color:#111827;margin:0}.location-overlay-close{appearance:none;border:none;background:transparent;color:#111827;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.location-overlay-close:hover{background:#f3f4f6}.location-current-btn{display:flex;align-items:center;gap:16px;width:calc(100% - 48px);margin:0 24px 20px;padding:16px 20px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:16px;color:#111827;font-weight:500}.location-current-btn:hover:not(:disabled){background:#f3f4f6;border-color:#7c3aed}.location-current-btn:disabled{cursor:not-allowed;opacity:.7}.location-pin-icon,.location-spinner{color:#7c3aed;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.location-current-text{flex:1;text-align:left}.location-search-wrapper{display:flex;align-items:center;padding:14px 20px;margin:0 24px 20px;border:1.5px solid #e5e7eb;border-radius:12px;gap:12px;background:#ffffff;transition:border-color .2s ease}.location-search-wrapper:focus-within{border-color:#7c3aed}.location-search-icon{color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.location-search-input{flex:1;border:none;outline:none;font-size:16px;color:#1f2937;background:transparent}.location-search-input::placeholder{color:#9ca3af}.location-suggestions{flex:1;overflow-y:auto;padding:0 0 16px}.location-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 24px;color:#6b7280;font-size:14px}.location-suggestion-item{width:100%;display:flex;align-items:flex-start;gap:14px;padding:14px 24px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease}.location-suggestion-item:hover{background:#f9fafb}.location-building-icon{color:#7c3aed;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.location-suggestion-text{flex:1;display:flex;flex-direction:column;gap:4px}.location-suggestion-main{font-size:15px;font-weight:500;color:#111827;line-height:1.4}.location-suggestion-sub{font-size:13px;color:#6b7280;line-height:1.4}.location-no-results{padding:40px 24px;text-align:center;color:#6b7280;font-size:14px}@media (max-width:680px){.location-overlay-container{max-width:100%;max-height:95vh}.location-overlay-header{padding:20px 20px 16px}.location-overlay-title{font-size:20px}.location-current-btn{width:calc(100% - 40px);margin:0 20px 16px;padding:14px 16px;font-size:15px}.location-search-wrapper{margin:0 20px 16px;padding:12px 16px}.location-suggestion-item{padding:12px 20px}.location-suggestion-main{font-size:14px}.location-suggestion-sub{font-size:12px}}@keyframes civytown-fadeIn-v1{0%{opacity:0}to{opacity:1}}.civytown-auth-overlay-backdrop-v1{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1002;display:flex;align-items:center;justify-content:center;padding:20px;animation:civytown-fadeIn-v1 .2s ease-out}@media (min-width:769px){.civytown-auth-overlay-backdrop-v1{z-index:10000!important}.civytown-auth-overlay-container-v1{z-index:10001!important;position:relative}}.civytown-auth-overlay-container-v1{background:#ffffff;border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:civytown-slideUp-v1 .3s ease-out}@keyframes civytown-slideUp-v1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.civytown-auth-overlay-header-v1{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;position:relative}.civytown-auth-overlay-title-v1{font-size:28px;font-weight:700;color:#111827;margin:0;flex:1;text-align:left}.civytown-auth-back-btn-v1{appearance:none;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;margin-right:12px}.civytown-auth-back-btn-v1:hover{background:#f3f4f6;color:#111827}.civytown-auth-overlay-close-v1{appearance:none;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.civytown-auth-overlay-close-v1:hover{background:#f3f4f6;color:#111827}.civytown-auth-overlay-content-v1{padding:0 28px 32px}.civytown-auth-subtitle-v1{font-size:16px;color:#6b7280;margin:0 0 28px;line-height:1.5}.civytown-auth-input-wrapper-v1{margin-bottom:24px}.civytown-auth-input-v1{width:100%;padding:16px 18px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:border-color .2s ease;color:#111827;background:#ffffff;box-sizing:border-box}.civytown-auth-input-v1::placeholder{color:#9ca3af}.civytown-auth-input-v1:focus{border-color:#7c3aed}.civytown-auth-continue-btn-v1,.civytown-auth-verify-btn-v1{width:100%;padding:16px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.civytown-auth-continue-btn-v1:not(:disabled),.civytown-auth-verify-btn-v1:not(:disabled){background:#7c3aed;color:#ffffff}.civytown-auth-continue-btn-v1:not(:disabled):hover,.civytown-auth-verify-btn-v1:not(:disabled):hover{background:#6d28d9}.civytown-auth-continue-btn-v1:disabled,.civytown-auth-verify-btn-v1:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.civytown-auth-spinner-v1{display:inline-flex;color:currentColor}.civytown-auth-footer-text-v1{font-size:13px;color:#6b7280;text-align:center;margin:0;line-height:1.6}.civytown-auth-link-v1{color:#111827;text-decoration:underline;font-weight:500}.civytown-auth-link-v1:hover{color:#7c3aed}.civytown-otp-inputs-container-v1{display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.civytown-otp-input-v1{width:56px;height:56px;font-size:24px;font-weight:600;text-align:center;border:2px solid #e5e7eb;border-radius:12px;outline:none;transition:border-color .2s ease;color:#111827;background:#ffffff}.civytown-otp-input-v1:focus{border-color:#7c3aed}.civytown-auth-error-v1{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center}.civytown-otp-timer-v1{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:16px;font-weight:500;margin-bottom:24px}.civytown-auth-resend-btn-v1{width:100%;padding:12px;font-size:15px;font-weight:600;color:#7c3aed;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:center}.civytown-auth-resend-btn-v1:hover{color:#6d28d9}@media (max-width:1024px){.civytown-auth-overlay-backdrop-v1{padding:0;align-items:stretch;background:#ffffff}.civytown-auth-overlay-container-v1{width:100%;max-width:100%;height:100vh;height:100dvh;border-radius:0;box-shadow:none;display:flex;flex-direction:column;animation:civytown-slideUpFull-v1 .3s ease-out;overflow-y:auto;overflow-x:hidden;position:relative}@keyframes civytown-slideUpFull-v1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.civytown-auth-overlay-header-v1{padding:20px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0;background:#ffffff;position:sticky;top:0;z-index:10}.civytown-auth-overlay-title-v1{font-size:26px;font-weight:700}.civytown-auth-overlay-close-v1{padding:8px}.civytown-auth-overlay-close-v1 svg{width:24px;height:24px}.civytown-auth-back-btn-v1{padding:8px}.civytown-auth-back-btn-v1 svg{width:24px;height:24px}.civytown-auth-overlay-content-v1{padding:32px 24px 40px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.civytown-auth-subtitle-v1{font-size:16px;margin-bottom:32px;line-height:1.6}.civytown-auth-input-wrapper-v1{margin-bottom:24px}.civytown-auth-input-v1{padding:18px 20px;font-size:17px;border-radius:14px;border:2px solid #e5e7eb;-webkit-appearance:none}.civytown-auth-input-v1:focus{border-color:#7c3aed;transition:border-color .2s ease}.civytown-auth-continue-btn-v1,.civytown-auth-verify-btn-v1{padding:18px;font-size:17px;font-weight:700;border-radius:14px;margin-bottom:24px;min-height:56px;-webkit-tap-highlight-color:transparent}.civytown-auth-continue-btn-v1:active:not(:disabled),.civytown-auth-verify-btn-v1:active:not(:disabled){transform:scale(.98)}.civytown-otp-inputs-container-v1{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;width:100%;max-width:100%}.civytown-otp-input-v1{width:clamp(40px,11.5vw,48px);height:clamp(40px,11.5vw,48px);font-size:20px;font-weight:700;border-radius:12px;border:2px solid #e5e7eb;-webkit-appearance:none}.civytown-otp-input-v1:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.15)}.civytown-otp-timer-v1{font-size:16px;margin-bottom:32px}.civytown-auth-footer-text-v1{font-size:14px;line-height:1.7}.civytown-auth-error-v1{padding:14px 18px;font-size:15px;margin-bottom:20px;border-radius:12px}.civytown-auth-resend-btn-v1{padding:14px;font-size:16px;font-weight:700;border-radius:12px;-webkit-tap-highlight-color:transparent}.civytown-auth-resend-btn-v1:active{transform:scale(.98)}}@media (max-width:680px){.civytown-auth-overlay-header-v1{padding:16px 20px}.civytown-auth-overlay-title-v1{font-size:24px}.civytown-auth-overlay-content-v1{padding:24px 20px 32px}.civytown-auth-subtitle-v1{font-size:15px;margin-bottom:28px}.civytown-auth-input-v1{padding:16px 18px;font-size:16px}.civytown-auth-continue-btn-v1,.civytown-auth-verify-btn-v1{padding:16px;font-size:16px}.civytown-otp-inputs-container-v1{gap:8px;justify-content:center}.civytown-otp-input-v1{width:clamp(40px,11.5vw,48px);height:clamp(40px,11.5vw,48px);font-size:20px}.civytown-otp-timer-v1{font-size:15px}}@media screen and (max-width:768px){input,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px!important}}