/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Oyoxo - Heating Air-conditioning Services HTML Template   
 * Template URI: https://thememarch.com/demo/html/oyoxo/
 * Description: Oyoxo is a professional heating air conditioning services HTML template which comes with the unique and clean design. It helps you to create a beautiful heating air conditioning services HTML website. It's a fully responsive website template. It has also e-commerce support. E-commerce pages are included on this template.
 * Author: Thememarch
 * Author URI: https://thememarch.com
 * Version: 1.2
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */

  /* ================= CHOCOFEL ================= */

  .cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 15px;
  }

  .property-card {
    width: 100% !important;
    max-width: 420px;
    margin: 0 auto;
  }

  /* image fix */
  .card-image img {
    height: 200px;
    object-fit: cover;
  }

  /* text fix */
  .card-content h3 {
    font-size: 16px !important;
    line-height: 1.3;
  }

  .card-content p {
    font-size: 14px !important;
    line-height: 1.6;
  }

  /* ================= SAFETY FIX ================= */

  * {
    box-sizing: border-box;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}
/* =========================
   CHOCOFEL MOBILE FIX (OVERRIDE)
========================= */

@media (max-width: 768px) {

  /* FORCE SINGLE COLUMN */
  .cards-container {
    grid-template-columns: 1fr !important;
    gap: 20px;
    padding: 0 15px;
  }

  /* MAKE CARDS FULL WIDTH */
  .property-card {
    width: 100%;
  }

  /* IMAGE FIX */
  .card-image img {
    height: 200px;
  }

  /* TEXT FIX */
  .card-content h3 {
    font-size: 16px;
    line-height: 1.3;
  }

  .card-content p {
    font-size: 14px;
    line-height: 1.6;
  }
}
/* #chocofel .sec-h,
#chocofel .sec-lead {
    text-align: left;
}

#chocofel .sec-lead {
    text-align: justify;
    text-justify: inter-word; 
    line-height: 1.6;
    max-width: 600px; 
}
 *

/* Chocofel Tablet */
@media (max-width: 992px) {
    .cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* chocofel Mobile */
@media (max-width: 600px) {
    .cards-container {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .card-image img {
        height: 180px;
    }

    .card-content h3 {
        font-size: 18px;
    }

    .card-content p {
        font-size: 14px;
    }