.lga-item:hover {
     background: rgba(255, 255, 255, 0.2) !important;
     transform: translateY(-1px);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     transition: all 0.2s ease;
 }

 .suburbs-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     gap: 10px;
 }

 .suburb-item {
     background: #f8f9fa;
     padding: 8px 12px;
     border-radius: 6px;
     border-left: 3px solid #CB156C;
     display: flex;
     align-items: center;
 }

 .suburb-item i {
     color: #CB156C;
     margin-right: 8px;
 }

 .service-area-item {
    color: white;
    font-weight: 500;
}

.service-radius-info {
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

.service-areas-map {
    background: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

 @media (max-width: 768px) {
     .suburbs-grid {
         grid-template-columns: 1fr;
     }
 }