/* Blog article page (pavblogs/blog_style_2): keep the left sidebar, widen the middle column */
@media (min-width: 992px) {
  /* 1) restore the left sidebar (product categories) at 3/12 */
  #group-content:has(.blog-item) > div[class*="col-"]:first-of-type:not(:has(.blog-item)) {
    display: block !important;
    float: left !important;
    width: 25% !important;
    max-width: 25% !important;
  }
  /* 2) when that left sidebar exists, the article column takes the remaining 9/12 */
  #group-content:has(.blog-item) > div[class*="col-"]:first-of-type:not(:has(.blog-item)) ~ div[class*="col-"]:has(.blog-item) {
    display: block !important;
    float: left !important;
    width: 75% !important;
    max-width: 75% !important;
  }
  /* 3) right sidebar stays hidden so the row does not wrap */
  #group-content:has(.blog-item) > div:has(.blog-item) ~ div[class*="col-"] {
    display: none !important;
  }
  /* 4) article and its built-in "hot blogs" panel stack in one column */
  #group-content:has(.blog-item) .content-blog > .row > div[class*="col-"] {
    float: none !important;
    width: 100% !important;
  }
}
/* the template caps the article body at 656px on desktop - lift that cap */
#group-content #content .pav-blog {
  max-inline-size: 100% !important;
}