.header-delivery-zone,.zone-selector{align-items:center;display:flex;gap:var(--spacing-small)}.zone-selector{background:none;border:none;border-bottom:2px solid var(--color-error);color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:var(--spacing-small) var(--spacing-small);text-decoration:none;transition:all .2s ease}.zone-selector:hover{border-bottom-color:var(--color-error);opacity:.8}.zone-selector svg{color:var(--color-error);height:var(--spacing-element);width:var(--spacing-element)}.zone-name,.zone-zipcode{color:var(--color-text);font-weight:var(--font-weight-bold)}.zone-zipcode{opacity:.8}.delivery-zone-modal{display:none;inset:0;position:fixed;z-index:9999}.delivery-zone-modal.active{align-items:center;display:flex;justify-content:center}.delivery-zone-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);inset:0;position:absolute}.delivery-zone-panel{background:var(--color-background);border-radius:var(--border-radius-large);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.delivery-zone-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-component)}.delivery-zone-title{color:var(--color-text);font-size:20px;font-weight:var(--font-weight-bold);margin:0}.delivery-zone-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.delivery-zone-close:hover{color:var(--color-text)}.delivery-zone-content{overflow-y:auto;padding:var(--spacing-component)}.delivery-zone-form{display:flex;flex-direction:column;gap:20px}.delivery-zone-input-group{align-items:center;display:flex;position:relative}.delivery-zone-input{background:var(--color-background);border:2px solid #a78bfa;border-radius:12px;font-size:16px;padding:14px 48px 14px 20px;transition:all .2s ease;width:100%}.delivery-zone-input:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 3px rgba(from var(--color-accent) r g b/.1);outline:none}.delivery-zone-search-icon{color:var(--color-accent-light);pointer-events:none;position:absolute;right:16px}.delivery-zone-autodetect{display:flex;flex-direction:column;gap:16px}.delivery-zone-detect-btn{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;width:100%}.delivery-zone-or-divider{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:12px;text-align:center;text-transform:uppercase}.delivery-zone-or-divider:after,.delivery-zone-or-divider:before{background:#e5e7eb;content:"";flex:1;height:1px}.delivery-zone-current{background:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.delivery-zone-current-label{color:#6b7280;font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.delivery-zone-current-value{align-items:center;color:var(--color-text);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.delivery-zone-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;padding:12px 16px}.delivery-zone-actions{display:flex;gap:12px}.delivery-zone-submit{flex:1;font-size:16px;font-weight:600;padding:14px}.delivery-zone-loading{align-items:center;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#a78bfa;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.delivery-zone-panel{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.delivery-zone-content,.delivery-zone-header{padding:16px}.delivery-zone-title{font-size:18px}.zone-selector{gap:6px;padding:6px 8px}.zone-name,.zone-zipcode{font-size:12px}.zone-selector svg{height:14px;width:14px}}