/**
 * Bee1 Ultra blog standard (next clients).
 * Featured image: 40% of the article column on desktop singles.
 * Override per child: --bee1-blog-featured-width
 */
:root {
  --bee1-blog-featured-width: 40%;
}

body.single-post .inside-article .featured-image,
body.single-post .inside-article .page-header-image-single,
body.single-post .inside-article .post-image {
  width: var(--bee1-blog-featured-width);
  max-width: var(--bee1-blog-featured-width);
  float: left;
  margin: 0 24px 16px 0;
}

body.rtl.single-post .inside-article .featured-image,
body.rtl.single-post .inside-article .page-header-image-single,
body.rtl.single-post .inside-article .post-image {
  float: right;
  margin: 0 0 16px 24px;
}

body.single-post .inside-article .featured-image img,
body.single-post .inside-article .page-header-image-single img,
body.single-post .inside-article .post-image img {
  display: block;
  width: 100%;
  height: auto;
}

body.single-post .inside-article::after {
  content: "";
  display: table;
  clear: both;
}

body.single-post .entry-content .woocommerce,
body.single-post .entry-content ul.products {
  clear: both;
}

body.single-post .entry-content ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 28px 0 8px;
  width: 100% !important;
  float: none !important;
}

body.single-post .entry-content ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  border: 1px solid #e5e7eb;
  border-radius: 1px;
  background: #fff;
  text-align: center;
}

body.single-post .entry-content ul.products li.product .button {
  border: 1px solid #111 !important;
  border-radius: 1px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body.single-post .inside-article .featured-image,
  body.single-post .inside-article .page-header-image-single,
  body.single-post .inside-article .post-image,
  body.rtl.single-post .inside-article .featured-image,
  body.rtl.single-post .inside-article .page-header-image-single,
  body.rtl.single-post .inside-article .post-image {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  body.single-post .entry-content ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}