.location-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:rgb(0 0 0 / .5)}.location-modal.active{display:flex;align-items:center;justify-content:center}.location-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.location-modal-content{position:relative;background:#fff;width:100%;max-width:700px;max-height:90vh;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(0 0 0 / .3);margin:20px}.location-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.location-modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.location-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.location-modal-close:hover{background:#e5e7eb}.location-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.use-current-location-btn{width:100%;display:flex;align-items:center;gap:16px;padding:16px;border:2px solid var(--color-secondary);border-radius:8px;background:#f0f9ff;cursor:pointer;transition:all 0.2s;margin-bottom:20px}.use-current-location-btn:hover{background:#e0f5f3;border-color:#008c84}.use-current-location-btn svg:first-child{flex-shrink:0;color:var(--color-secondary)}.location-text-wrapper{flex:1;text-align:left}.location-text-wrapper strong{display:block;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:2px}.location-text-wrapper span{font-size:13px;color:#6b7280}.location-search-wrapper{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.location-search-input{width:100%;padding:14px 48px 14px 48px!important;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all 0.2s}.location-search-input:focus{outline:none;border-color:var(--color-secondary)}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer}.clear-search-btn:hover{background:#d1d5db}.location-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;max-height:300px;overflow-y:auto}.search-result-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background 0.2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f9fafb}.search-result-name{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:2px}.search-result-path{font-size:13px;color:#9ca3af}.section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px 0}.popular-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:32px}.popular-city-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all 0.2s;font-size:14px;font-weight:500;color:#1f2937}.popular-city-btn:hover{border-color:var(--color-secondary);background:#f0f9ff}.popular-city-btn svg{flex-shrink:0;color:var(--color-primary-dark)}.popular-city-btn:hover svg{flex-shrink:0;color:var(--color-secondary)}.location-accordion-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.location-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:none;background:#f9fafb;cursor:pointer;transition:background 0.2s}.location-accordion-header:hover{background:#f3f4f6}.province-name{font-size:15px;font-weight:600;color:#1f2937}.location-accordion-header .chevron{transition:transform 0.3s}.location-accordion-item.active .location-accordion-header .chevron{transform:rotate(180deg)}.location-accordion-content{display:none;padding:12px}.location-accordion-item.active .location-accordion-content{display:block}.city-item{margin-bottom:12px}.city-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;background:#fff;border-left:3px solid var(--color-primary-dark);cursor:pointer;transition:all 0.2s}.city-header:hover{border-left:3px solid var(--color-secondary)}.city-header:hover{background:#f9fafb}.city-name{font-size:14px;font-weight:600;color:#1f2937}.city-header .chevron{transition:transform 0.3s}.city-item.active .city-header .chevron{transform:rotate(180deg)}.city-areas{display:none;padding:8px 0 8px 16px}.city-item.active .city-areas{display:block}.popular-areas-label,.all-areas-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px 0}.area-btn{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:#fff0;border-radius:4px;cursor:pointer;font-size:14px;color:#4b5563;transition:all 0.2s;margin-bottom:4px}.area-btn:hover{background:#f3f4f6;color:var(--color-secondary)}.area-btn.all-city{font-weight:600;color:var(--color-secondary);background:#f0f9ff;margin-bottom:8px}.area-btn.all-city:hover{background:#e0f5f3}.area-btn.popular{font-weight:500}@media (max-width:768px){.location-modal-content{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:12px 12px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}.location-modal.active{align-items:flex-end}.popular-cities-grid{grid-template-columns:repeat(2,1fr)}}