/* Clone-template extension. All rules are mobile-only and require JS markers.
 * Selectors have at least four class components to outrank Elementor's three.
 * Applies to public sales/catalog content, never general Woo/Tutor/form markup.
 */
@media (max-width: 767px) {
  .elementor.bq-mobile-catalog .elementor-element.bq-catalog-pills,
  .elementor.bq-mobile-catalog .elementor-element.bq-catalog-pills > .e-con-inner {
    flex-wrap: wrap;
    --flex-wrap: wrap;
    --flex-wrap-mobile: wrap;
    --gap: 8px 8px;
    --row-gap: 8px;
    --column-gap: 8px;
    gap: 8px;
  }
  .elementor.bq-mobile-catalog .bq-catalog-pills > .elementor-element.e-con,
  .elementor.bq-mobile-catalog .bq-catalog-pills > .e-con-inner > .elementor-element.e-con {
    --width: auto;
    width: auto;
    max-width: 100%;
    margin: 0;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-layout {
    --flex-direction: column;
    --gap: 24px 24px;
    --row-gap: 24px;
    --column-gap: 24px;
    flex-direction: column;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-main,
  .elementor.bq-course-sale .elementor-element.bq-course-side {
    --width: 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-title {
    margin: 0;
  }
  .elementor.bq-course-sale > .e-parent > .e-con-inner > .elementor-element.elementor-widget {
    margin: 0;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-title .elementor-heading-title,
  .elementor.bq-mobile-catalog .elementor-element.bq-catalog-title .elementor-heading-title {
    font-size: 32px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .elementor.bq-course-sale .bq-course-main > .elementor-element.e-con,
  .elementor.bq-course-sale .bq-course-side > .elementor-element.e-con {
    --margin-top: 0px;
    --margin-bottom: 0px;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-side {
    --gap: 20px 20px;
    --row-gap: 20px;
    --column-gap: 20px;
  }
  .elementor.bq-course-sale .elementor-element.bq-course-price {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --gap: 12px 12px;
    --row-gap: 12px;
    --column-gap: 12px;
  }
  .elementor.bq-course-sale .bq-course-price > .elementor-element.elementor-widget {
    margin: 0;
  }
  .elementor.bq-course-sale .bq-course-price .elementor-widget-button .elementor-button {
    width: 100%;
    min-height: 44px;
  }

  .elementor.bq-mobile-catalog .elementor-element.bq-catalog-grid {
    --flex-direction: column;
    --gap: 24px 24px;
    --row-gap: 24px;
    --column-gap: 24px;
    flex-direction: column;
  }
  .elementor.bq-mobile-catalog .bq-catalog-grid > .elementor-element.bq-hover-card {
    --width: 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .elementor.bq-mobile-catalog .bq-hover-card .elementor-element.elementor-widget {
    margin: 0;
  }
}