.city-selector-field{margin-bottom:1rem}.city-selector .city-input{width:50%}.city-selector .help-text{margin-top:.5rem;font-size:12px}.city-selector .ip-location-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background-color .2s ease;z-index:10}.city-selector .ip-location-button:hover{background-color:rgba(0,0,0,.05)}.city-selector .ip-location-button:disabled{cursor:not-allowed;opacity:.6}.city-selector .ip-location-button span{font-size:16px;line-height:1}.city-selector .spinner.small{width:16px;height:16px;border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.city-selector .auto-detect-error{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:8px 12px;border-radius:4px;font-size:14px;margin-top:8px}@media (max-width:768px){.city-selector .city-input{width:100%}.city-selector .ip-location-button{right:4px;width:28px;height:28px}.city-selector .ip-location-button span{font-size:14px}}:root{--background:#fff;--foreground:#171717}.city-selector{position:relative;width:100%}.city-selector .input-wrapper{position:relative;display:flex;align-items:center}.city-selector .city-input{padding:.5rem 1rem;width:100%;border:1px solid var(--grey);border-radius:15px;font-size:14px;font-family:Montserrat,sans-serif;transition:all .2s ease}.city-selector .city-input:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 2px rgba(0,0,0,.1)}.city-selector .city-input.readonly{background:var(--grey3);color:var(--black2);cursor:not-allowed}.city-selector .loading-indicator{position:absolute;right:12px;pointer-events:none}.city-selector .spinner{width:20px;height:20px;border-top:2px solid var(--grey);border:2px solid var(--grey);border-top-color:var(--black);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.city-selector .cities-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--grey);border-top:none;border-radius:0 0 15px 15px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;overflow-y:auto;margin-top:-1px}.city-selector .city-item{padding:.8rem 1rem;cursor:pointer;border-bottom:1px solid var(--grey3);transition:all .2s ease}.city-selector .city-item.selected,.city-selector .city-item:hover{background:var(--grey2)}.city-selector .city-item:last-child{border-bottom:none}.city-selector .city-name{font-weight:600;font-size:14px;color:var(--black);margin-bottom:4px;font-family:Montserrat,sans-serif}.city-selector .city-region{font-size:12px;color:var(--black2);margin-bottom:2px;font-family:Montserrat,sans-serif}.city-selector .city-postal{font-size:11px;color:var(--grey);font-family:monospace}.city-selector .error-message{color:#dc3545;font-size:12px;margin-top:8px;padding:8px 12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:15px;font-family:Montserrat,sans-serif}.city-selector .help-text{font-size:11px;color:var(--black2);margin-top:4px;font-family:Montserrat,sans-serif;font-style:italic}.delivery-system{margin-top:1rem}.delivery-info-block{padding:1rem;margin:1rem 0;border-radius:15px;font-family:Montserrat,sans-serif}.delivery-loading{background:var(--grey3);border:1px solid var(--grey2);color:var(--black2)}.delivery-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.delivery-calculated{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.delivery-not-calculated{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.delivery-simple{background:var(--grey3);border:1px solid var(--grey2);color:var(--black2)}.delivery-info-block h4{margin:0 0 12px;font-size:16px;font-weight:600;text-transform:uppercase;font-family:Montserrat,sans-serif}.delivery-info-block p{margin:0;font-size:14px;line-height:1.4}.delivery-cost{font-size:16px;font-weight:600;margin:8px 0}.delivery-days{font-size:12px;color:var(--black2);margin-top:4px}.delivery-address{margin-top:12px;padding:8px;background:var(--white);border-radius:8px;border:1px solid var(--grey3)}.delivery-address p{margin:0;font-size:12px;color:var(--black2)}.delivery-address strong{color:var(--black)}@media (max-width:768px){.city-selector .cities-dropdown{max-height:250px}.city-selector .city-item{padding:.6rem .8rem}.delivery-info-block{padding:.8rem;margin:.8rem 0}.delivery-info-block h4{font-size:14px}.delivery-info-block p{font-size:12px}}