/* Dynamic values only; original layout stays in main.css. */
.mac-woocommerce-banner {
  background-image: var(--mac-banner-image);
  background-position: var(--mac-banner-position, center center);
}
.mac-woocommerce-banner .page-header-overlay {
  background-color: var(--mac-banner-overlay, transparent);
  opacity: var(--mac-banner-opacity, 0.8);
}
.mac-woocommerce-banner .tj-page-title,
.mac-woocommerce-banner .tj-page-link span {
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
}
.mac-woocommerce-banner .tj-page-link { max-width: 100%; }
@media (min-width: 992px) {
  .mac-woocommerce-banner.mac-banner-height-desktop {
    min-height: var(--mac-banner-height-desktop);
    padding-top: 24px;
    padding-bottom: 41px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .mac-woocommerce-banner.mac-banner-height-mobile {
    min-height: var(--mac-banner-height-mobile);
    padding-top: 24px;
    padding-bottom: 34px;
    display: flex;
    align-items: center;
  }
}