.city-sector-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-sector-modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.city-sector-modal-content{background:#fff;border-radius:20px;max-width:480px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0006;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.modal-header{text-align:center;padding:35px 30px 25px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:floatPattern 15s ease-in-out infinite}@keyframes floatPattern{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(10deg)}}.welcome-icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1}.welcome-logo{width:200px;height:60px;background-image:url(farm-to-home-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto 20px}.modal-header p strong{color:#27ae60;font-weight:700}.modal-header h2{font-size:24px;margin:0 0 8px;font-weight:700;position:relative;z-index:1}.modal-header p{font-size:14px;margin:0;opacity:.95;position:relative;z-index:1;line-height:1.6}.modal-body{padding:30px 30px 25px}.location-form{display:flex;flex-direction:column;gap:20px}.form-group{animation:slideIn .4s ease}.form-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:10px}.label-icon{font-size:18px}.form-help{font-size:12px;color:#7f8c8d;margin:6px 0 0}.select-wrapper{position:relative}.form-select{width:100%;padding:14px 40px 14px 14px;font-size:15px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#2c3e50;font-weight:500}.form-select:hover:not(:disabled){border-color:#27ae60;background:#f8fdf9}.form-select:focus{outline:none;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;background:#fff}.form-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6;color:#95a5a6}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#95a5a6;pointer-events:none;transition:all .3s ease;font-size:12px}.form-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg);color:#27ae60}.zone-info-display{animation:slideDown .3s ease;margin-top:5px}.zone-info-card{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-radius:10px;padding:16px;border:2px solid #c8e6c9}.zone-info-header{margin-bottom:12px}.zone-badge{background:#27ae60;color:#fff;padding:5px 10px;border-radius:15px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.zone-info-content{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border-radius:6px}.info-label{font-weight:600;color:#555;font-size:13px;display:flex;align-items:center;gap:6px}.info-value{color:#27ae60;font-weight:600;font-size:13px;text-align:right;flex:1;margin-left:10px}.btn-primary{width:100%;padding:15px 24px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #27ae604d;margin-top:5px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066;background:linear-gradient(135deg,#229954,#27ae60)}.btn-primary:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;box-shadow:none;opacity:.7}.btn-icon{font-size:18px}.modal-footer{padding:16px 30px;background:#f8f9fa;border-radius:0 0 20px 20px;text-align:center}.footer-note{font-size:12px;color:#7f8c8d;margin:0;line-height:1.5}.location-icon{font-size:20px}.location-text{display:flex;align-items:center;gap:8px;font-size:14px}.location-text strong{font-weight:700}.separator{opacity:.7;font-size:16px}.zone-label{background:#ffffff40;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;margin-left:4px}.change-location-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.change-location-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@media(max-width:768px){.city-sector-modal-content{width:95%;max-width:400px}.modal-header{padding:30px 25px 20px}.modal-header h2{font-size:22px}.modal-header p{font-size:13px}.modal-body{padding:25px 20px 20px}.welcome-icon{font-size:42px}.location-text{font-size:13px;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.city-sector-modal-content{width:96%}.modal-header{padding:25px 20px 18px}.modal-body{padding:20px 18px 18px}.form-select{font-size:14px;padding:12px 36px 12px 12px}}.location-header-btn{--button-color: var(--color-foreground);cursor:pointer;display:flex!important;justify-content:center;align-items:center;width:var(--button-size, 44px);height:var(--button-size, 44px);background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff!important;border:none;border-radius:50%;position:relative;transition:all .3s ease;margin-right:8px;box-shadow:0 2px 8px #27ae6026}.location-header-btn.no-location{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a626}.location-header-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #27ae6040}.location-header-btn.no-location:hover{box-shadow:0 6px 20px #95a5a640}.location-header-btn .location-icon{font-size:18px;line-height:1;color:#fff}.location-header-btn .location-text{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:1000;min-width:120px;text-align:center}.location-header-btn .location-text:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.8)}.location-header-btn:hover .location-text{opacity:1;visibility:visible}@media screen and (max-width:749px){.location-header-btn{width:36px;height:36px;margin-right:6px}.location-header-btn .location-icon{font-size:16px}.location-header-btn .location-text{min-width:100px}}.welcome-logo{margin-bottom:20px}.welcome-logo img{height:60px;width:auto;max-width:200px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/city-sector-modal.css.map */