.lokasi-peternakan-container{min-height:calc(100vh - 200px);padding:1rem}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 12px 40px rgba(102,126,234,.15);color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem 1.5rem;position:relative}.page-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.page-header h1{font-size:2rem;font-weight:600;margin:0;position:relative;z-index:1}.page-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;position:relative;z-index:1}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-20px,-20px) rotate(180deg)}}.map-container{border:1px solid rgba(0,0,0,.08);border-radius:1rem;box-shadow:0 12px 40px rgba(0,0,0,.12);height:600px;overflow:hidden;position:relative;width:100%}#lokasiMap{height:100%;width:100%}.info-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);min-width:200px;padding:1rem;position:absolute;right:10px;top:10px;transition:all .3s ease;z-index:1000}.info-panel:hover{box-shadow:0 12px 40px rgba(0,0,0,.2);transform:translateY(-2px)}.info-panel h6{border-bottom:2px solid #667eea;color:#667eea;font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}.info-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.info-label{color:#6c757d;font-weight:500}.info-value{color:#495057;font-weight:600}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.9);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#6c757d;font-size:1rem;font-weight:500}.leaflet-popup-content-wrapper{border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15)}.leaflet-popup-tip{box-shadow:0 2px 8px rgba(0,0,0,.1)}.farm-popup{font-family:Inter,sans-serif;min-width:250px}.farm-popup h6{border-bottom:2px solid #667eea;color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.farm-popup p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:.5rem 0}.farm-popup strong{color:#495057;font-weight:600}@media(max-width:768px){.lokasi-peternakan-container{padding:.5rem}.page-header{padding:1.5rem 1rem}.page-header h1{font-size:1.5rem}.map-container{height:400px}.info-panel{margin-top:1rem;min-width:auto;position:static}.farm-popup{min-width:200px}}@media(max-width:576px){.page-header h1{font-size:1.25rem}.map-container{height:350px}}