/* ===== Scope: works for .ewd-upcp-catalog AND .ewd-upcp-catalog-div ===== */

/* MOBILE (≤480px) */
@media (max-width: 480px) {
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-image {
    display: none !important;
  }
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-end-div {
    display: none !important;
  }

  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-mid-div {
    width: 170px !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-product-title-div,
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-body-div {
    width: 170px !important;
    margin: 0 auto !important;
    display: block !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

/* "MOBILE-LIKE" für 481–768px */
@media (min-width: 481px) and (max-width: 768px) {
  /* Sidebar ausblenden, Filter-Toggle sichtbar */
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-sidebar,
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-view-sidebar {
    display: none !important;
  }
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-sidebar-reveal,
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) .ewd-upcp-catalog-filter-toggle {
    display: inline-block !important;
    visibility: visible !important;
  }

  /* End-Div (Preis/Extras) weg */
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-end-div {
    display: none !important;
  }

  /* Bild + Text untereinander */
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-image,
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-mid-div {
    float: none !important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* Bild oben */
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-image {
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-image img {
    display: inline-block !important;
    width: 100% !important;
    max-width: 480px !important;
    height: auto !important;
  }

  /* Text breit */
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-product-title-div,
  :is(.ewd-upcp-catalog, .ewd-upcp-catalog-div) 
  .ewd-upcp-catalog-product-detail .ewd-upcp-catalog-product-detail-body-div {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
}

/* ≥769px → Plugin-Standard unverändert */

*,
*::before,
*::after {
  font-family: Arial, Helvetica, Montserrat, sans-serif !important;
}

.ewd-upcp-catalog-div {
  max-width: 100% !important;
  min-width: 60% !important;
	width: 60%;
}