/* ===== LAYOUT GENERALE ===== */
        body { background: #f5f5f5; }
        .pagina-risultati { margin-top: 20px; margin-bottom: 30px; }

        .colonna-vuota { padding: 0; }
        .colonna-case { padding-right: 10px; }
        .colonna-mappa { padding-left: 10px; }

        /* ===== BOX CASA ===== */
        .risultato-casa {
            position: relative;
            width: 100%;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
            transition: border 0.2s, box-shadow 0.2s;
        }
        .risultato-casa.selezionata {
            border: 2px solid #337ab7;
            box-shadow: 0 0 15px rgba(51, 122, 183, 0.3);
        }
        .contenuto {
            padding: 12px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        /* ===== CAROSELLO ===== */
        .risultato-casa .foto {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #eee;
        }
        .risultato-casa .foto .item img {
            display: block;
            width: 100%;
            height: 190px;
            object-fit: cover;
        }
        .risultato-casa .foto .carousel-control {
            width: 22%;
            background: none !important;
            opacity: 0.75;
        }
        .risultato-casa .foto .carousel-control:hover { opacity: 1; }
        .risultato-casa .foto .carousel-control .glyphicon {
            position: absolute;
            top: 50%;
            margin-top: -10px;
        }

        /* ===== TESTI ===== */
        .risultato-casa .titolo {
            margin: 0 0 8px 0;
            font-size: 17px;
            line-height: 1.25;
            font-weight: 600;
        }
        .risultato-casa .descrizione {
            font-size: 13px;
            line-height: 1.4;
            color: #666;
        }
        .risultato-casa .info {
            margin-top: 10px;
            font-size: 13px;
            line-height: 1.6;
        }

        /* ===== PREZZI ===== */
        .risultato-casa .prezzo {
            margin-top: auto;
            padding-top: 12px;
            min-height: 55px;
        }
        .prezzo-originale {
            display: block;
            color: #d9534f;
            font-size: 14px;
            line-height: 18px;
            text-decoration: line-through;
        }
        .prezzo-finale {
            display: inline-block;
            color: #28a745;
            font-size: 23px;
            line-height: 27px;
            font-weight: bold;
        }
        .prezzo-normale {
            color: #333;
            font-size: 22px;
            font-weight: bold;
        }
        .badge-sconto {
            display: inline-block;
            margin-left: 5px;
            padding: 3px 6px;
            background: #28a745;
            color: #fff;
            border-radius: 3px;
            font-size: 10px;
            vertical-align: middle;
        }

        /* ===== PULSANTE nei box ===== */
        .btn-dettagli {
            display: block;
            width: 100%;
            margin-top: 12px;
        }

        /* ===== MAPPA (non sticky, scorre con la pagina) ===== */
        #map {
            width: 100%;
            height: 650px;
            min-height: 500px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #ddd;
        }
        .mappa-wrapper {
            position: relative;   /* non pił sticky */
            top: 0;
        }

        /* ===== POPUP ===== */
        .popup-casa {
            min-width: 210px;
            max-width: 260px;
        }
        .popup-casa .popup-img {
            width: 100%;
            max-height: 120px;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 6px;
        }
        .popup-casa strong {
            font-size: 16px;
        }
        .popup-casa .popup-prezzo {
            margin-top: 5px;
            font-weight: bold;
            font-size: 18px;
            color: #28a745;
        }
        .popup-casa .popup-prezzo-originale {
            display: block;
            font-size: 14px;
            color: #d9534f;
            text-decoration: line-through;
        }
        .popup-casa .popup-sconto {
            display: inline-block;
            background: #28a745;
            color: #fff;
            border-radius: 3px;
            padding: 1px 6px;
            font-size: 11px;
            margin-left: 4px;
            vertical-align: middle;
        }

        /* === PULSANTE NEL POPUP: SEMPRE btn-primary === */
        .popup-casa .popup-btn {
            margin-top: 8px;
            background-color: #337ab7 !important;
            border-color: #2e6da4 !important;
            color: #fff !important;
        }
        .popup-casa .popup-btn:hover,
        .popup-casa .popup-btn:focus,
        .popup-casa .popup-btn:active {
            background-color: #286090 !important;
            border-color: #204d74 !important;
            color: #fff !important;
        }

        /* ===== RESPONSIVE ===== */
        @media (min-width: 992px) {
            .risultato-casa .foto .item img { height: 180px; }
        }

        @media (min-width: 768px) and (max-width: 991px) {
            #map { height: 550px; }
            .risultato-casa .foto .item img { height: 220px; }
        }

        @media (max-width: 767px) {
            .colonna-vuota, .colonna-case, .colonna-mappa {
                padding-left: 15px;
                padding-right: 15px;
            }
            #map {
                height: 400px;
                min-height: 400px;
                margin-top: 20px;
            }
            .mappa-wrapper {
                position: relative;
                top: auto;
            }
            .risultato-casa .foto .item img { height: 220px; }
        }