/* CONFLUA v176 — mobile width hardening for catalogue and product UI. */

.wb-product-card,
.wb-product-card .product-card-body,
.wb-product-card .price-row,
.wb-product-card .product-shop-line,
.wb-product-card .product-actions,
#productDialog .product-dialog-layout,
#productDialog .product-specification-card,
#productDialog .product-purchase-card {
  min-width: 0;
}

.wb-product-card h3,
.wb-product-card p,
.wb-product-card .price,
.wb-product-card .old-price,
#productDialog h1,
#productDialog p,
#productDialog dd {
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
  .wb-product-card,
  .wb-product-card .product-card-body,
  .wb-product-card .price-row,
  .wb-product-card .product-shop-line,
  .wb-product-card .product-actions {
    width: 100%;
    max-width: 100%;
  }

  .wb-product-card .product-card-body {
    overflow: hidden;
  }

  #productDialog .product-dialog-layout,
  #productDialog .product-specification-card,
  #productDialog .product-purchase-card {
    width: 100%;
    max-width: 100%;
  }
}