    <style>
      .category-item {
        cursor: pointer;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 5px 5px 5px 5px rgba(255, 255, 255, 0.2);
        text-align: center;
        transition: all 0.3s ease;
        text-decoration: underline;
        margin: 0;
      }
      
      .category-item:hover {
        background-color: #f8f9fa;
      }
      
      .category-item.active {
        background-color: #005555;
        color: white;
      }
      
      .property-item {
        transition: all 0.3s ease;
      }
      
      .property-item.hidden {
        display: none;
      }

      .hidden {
        display: none;
      }

      .section-properties .row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
      }

      .col-xs-12, .col-sm-6, .col-md-6, .col-lg-4 {
        flex: 0 0 calc(33.333% - 20px);
        max-width: calc(33.333% - 20px);
        transition: all 0.3s ease;
      }

      @media (max-width: 992px) {
        .col-xs-12, .col-sm-6, .col-md-6, .col-lg-4 {
          flex: 0 0 calc(50% - 20px);
          max-width: calc(50% - 20px);
        }
      }

      @media (max-width: 576px) {
        .col-xs-12, .col-sm-6, .col-md-6, .col-lg-4 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }

      .categories-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 15px 0;
        flex-wrap: wrap;
      }

      .category-col {
        flex: 0 0 auto;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 0 #000000;
        margin: 5px;
      }

      @media (max-width: 768px) {
        .categories-row {
          gap: 10px;
          padding: 10px;
        }
        
        .category-col {
          flex: 0 0 calc(33.333% - 10px);
          margin: 5px;
        }
      }

      @media (max-width: 576px) {
        .category-col {
          flex: 0 0 calc(50% - 10px);
        }
      }

      .breadcrumb {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
      }

      .breadcrumb-item {
        display: flex;
        align-items: center;
      }

      .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding: 0 0.5rem;
        color: #fff;
        content: "/";
      }