00;
        }

        .weather-details-popup.show {
            opacity: 1;
            visibility: visible;
        }

        .popup-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
        }

        .popup-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .popup-item i {
            width: 14px;
            font-size: 12px;
            color: #666;
            flex-shrink: 0;
        }

 