/* ABILITAZIONE CONTAINER QUERIES */
    .cds-card-container { 
        font-family: Arial, Helvetica, sans-serif !important; 
        container-type: inline-size; /* Permette alla card di reagire allo spazio della colonna padre */
    }

    .cds-card { display: flex; flex-direction: row; background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; margin-bottom: 20px; overflow: hidden; min-height: 250px; position: relative; align-items: stretch; }
    
    .cds-col-foto { width: 350px; height: 260px; position: relative; background: #eee; overflow: hidden; margin: 0; padding: 0; flex-shrink: 0; }
    
    .cds-carousel { 
        display: flex; width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden;
        scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
    }
    .cds-carousel::-webkit-scrollbar { display: none; }
    
    .cds-carousel .cds-slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: start; position: relative; display: block; text-decoration: none !important; overflow: hidden; }
    .cds-carousel img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block; border: none; }

    .cds-panel-full { 
        height: 100%; background: #006CB7 !important; 
        display: flex !important; flex-direction: column; align-items: center; justify-content: center; 
        text-align: center; color: #ffffff !important; padding: 15px 25px; box-sizing: border-box; 
        text-decoration: none !important; border: none;
    }
    .cds-panel-full .site-name { font-family: "Century Gothic", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; margin-bottom: 18px; display: block; }
    .cds-panel-full .cta-text { font-size: 14px; color: #fff !important; }

    .cds-arrow { position: absolute; top: 0; bottom: 0; width: 40px; background: transparent; border: none; color: #fff; font-size: 26px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; text-shadow: 0px 0px 5px rgba(0,0,0,0.8); }
    .cds-arrow-left { left: 0; display: none; } 
    .cds-arrow-right { right: 0; }

    .badge-offerta { position: absolute; top: 10px; left: 10px; background: #ffcc00; color: #000; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; z-index: 5; }
    
    .cds-main-content { flex-grow: 1; display: flex; flex-direction: column; padding: 15px 20px 10px 20px; justify-content: space-between; position: relative; text-decoration: none !important; color: inherit; }
    .cds-title { font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; line-height: 1.2; padding-right: 150px; }
    
    .cds-loc-line { font-weight: 600; color: #006CB7 !important; display: flex; align-items: center; margin-bottom: 8px; font-size: 15px; }
    .cds-info-row, .cds-secondary-info { font-size: 13px; color: #666; margin-bottom: 3px; line-height: 1.4; }
    .cds-bullet { margin: 0 5px; color: #ccc; }
    
    .cds-price-section { text-align: right; margin-top: auto; display: flex; flex-direction: column; align-items: flex-end; }
    .cds-dispo-verde { color: #008a05; font-size: 14px; font-weight: 700; margin-bottom: 4px; }
    .cds-price-container { display: flex; align-items: flex-end; justify-content: flex-end; gap: 8px; line-height: 1; }
    
    .cds-old-pr { text-decoration: line-through; color: #d93939; font-size: 16px; margin-bottom: 2px; }
    .cds-main-pr { font-size: 28px; color: #222; font-weight: 800; }
    .cds-sub-pr { font-size: 13px; color: #757575; margin-bottom: 4px; font-weight: normal !important; }

    .cds-btn-action { background: #006CB7; color: #fff !important; padding: 8px 18px; border-radius: 6px; font-size: 14px; font-weight: bold; display: inline-block; text-decoration: none !important; }
    .cds-btn-desktop { position: absolute; top: 15px; right: 20px; }
    .cds-btn-mobile { display: none; }

    /* REGOLE RESPONSIVE BASATE SUL CONTENITORE (Mobile + Col-md-3) */
    /* Qualsiasi contenitore pił stretto di 767px attiverą la vista compatta verticale */
    @container (max-width: 767px) {
        .cds-card { flex-direction: column; min-height: auto; }
        .cds-col-foto { width: 100%; height: auto; aspect-ratio: 4 / 3; } 
        .cds-title { padding-right: 0; width: 100%; display: block; font-size: 18px; } 
        .cds-price-section { text-align: center; align-items: center; width: 100%; margin-top: 15px; }
        .cds-price-container { justify-content: center; }
        .cds-btn-mobile { display: block; width: 100%; text-align: center; margin-top: 15px; }
        .cds-btn-desktop { display: none; }
    }