/* Carmo mobile fix — 2026-07-18
   Category descriptions were authored (in CKEditor) with images carrying inline
   fixed-width floats, e.g.:
       <img style="float:right; width:334px; height:200px;" ...>
   On a phone that image is nearly the full viewport width, so any text beside it
   (e.g. "1 Jaar garantie!" on cPath=498) is crushed into a tiny left gutter and
   reads as scrambled/broken. Scoped to the description prose only
   (#catDescriptionText), so category/subcategory/product images are untouched.
   Deployed as a new style*.css so the edify auto-loader picks it up and
   Cloudflare's ~24h CSS cache never serves a stale copy. Reversible: delete /
   dot-rename this file. */

@media (max-width: 767px) {
  #catDescriptionText img {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
  /* keep small inline icons (e.g. the YouTube glyph) from stealing a whole line */
  #catDescriptionText img[width][height] {
    vertical-align: middle;
  }
}