/* CarloFactory 2.1.6: preserve the banner layout and reveal Medical in its mobile position. */
@media (max-width: 767px) {
  body#index #content.page-home .cf-fe-medical.cf-medical-mobile-ready {
    display: block !important;
  }

  body#index #content.page-home .cf-fe-medical > .elementor-container {
    width: calc(100% - 28px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body#index #content.page-home .cf-fe-medical .field-widget-grid-wrapper,
  body#index #content.page-home .cf-fe-medical .products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body#index #content.page-home .cf-fe-medical .cf-medical-heading h2 {
    font-size: 23px !important;
    line-height: 1.2 !important;
  }

  body#index #content.page-home .cf-fe-medical .cf-product {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 8px !important;
  }

  body#index #content.page-home .cf-fe-medical .cf-product-photo {
    height: auto !important;
    aspect-ratio: 1 / 1.1 !important;
  }

  body#index #content.page-home .cf-fe-medical .cf-product-photo img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  body#index #content.page-home .cf-fe-medical .product-title,
  body#index #content.page-home .cf-fe-medical .product-title a {
    font-size: 14px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }

  body#index #content.page-home .cf-fe-medical .cf-buy select {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    font-size: 16px !important;
  }

  body#index #content.page-home .cf-fe-medical .cf-buy button,
  body#index #content.page-home .cf-fe-medical .cf-card-button {
    min-height: 44px !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
}