/* Blog article detail: white page, Playfair title, IBM body, quiet crumbs.
   Theme / format labels match PDP tabs (.element_content.knp-pdp-desc .tab):
   color #2b211d at opacity 0.8, hover #FF70B8. */

html:has(.blog-article),
body:has(.blog-article) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}
body:has(.blog-article) .wrapper,
body:has(.blog-article) section.middle,
body:has(.blog-article) section.middle > .container,
body:has(.blog-article) #content,
body:has(.blog-article) .content_wr_float {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}
body:has(.blog-article) #navigation,
body:has(.blog-article) #pagetitle {
  display: none !important;
}

.blog-article {
  font-family: "IBM Plex Sans", sans-serif;
  color: #404040;
  max-width: none;
}
.blog-article__crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 4px 0 22px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.45;
  text-transform: uppercase;
  color: #8a8a8a;
}
.blog-article__crumbs a,
.blog-article__crumbs span {
  font-family: "IBM Plex Sans", sans-serif;
  color: #8a8a8a;
  text-decoration: none;
}
.blog-article__crumbs a:hover {
  color: #FF70B8;
}
.blog-article__sep {
  margin: 0 8px;
  color: #8a8a8a;
}

.blog-article .jr-stream-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45em;
  margin: 0 0 10px;
  color: #2b211d;
  opacity: 0.8;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3;
  text-transform: uppercase !important;
}
.blog-article .jr-stream-kicker .jr-kicker-link {
  color: inherit;
  font-family: "IBM Plex Sans", sans-serif !important;
  text-decoration: none;
  text-transform: uppercase;
}
.blog-article .jr-stream-kicker .jr-kicker-link:hover {
  color: #FF70B8 !important;
}
.blog-article .jr-stream-kicker .jr-kicker-sep {
  color: #2b211d;
}

.blog-article__title {
  margin: 0 0 12px;
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none !important;
  color: #404040 !important;
}
.blog-article__title em {
  font-family: "Playfair Display", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  color: #FF70B8 !important;
}

.blog-article .blog-read {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  color: #8a8a8a;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}

/* Picture floats right; top aligns with date/read meta. */
.blog-article .detail_picture_block {
  margin-top: 0 !important;
}

.blog-article .detail_text,
.blog-article .detail_text_blog,
.blog-article .detail_text p,
.blog-article .detail_text li,
.blog-article .preview_text {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  color: #404040;
}
.blog-article .detail_text h2,
.blog-article .detail_text h3,
.blog-article .detail_text_blog h2,
.blog-article .detail_text_blog h3 {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 600;
  color: #404040;
}

.content_wr_float:has(.blog-article) .similar_products_wrapp {
  clear: both;
  max-width: none;
}

@media (min-width: 871px) {
  .blog-article__crumbs { margin: 12px 0 28px; }
  .blog-article__title { font-size: 42px; margin: 0 0 12px; }
  .blog-article .jr-stream-kicker { display: none !important; }
  .blog-article .blog-read { margin: 0 0 12px; }
  .blog-article .detail_picture_block {
    float: right;
    margin: 0 0 20px 30px !important;
  }
  .blog-article .detail_text,
  .blog-article .detail_text_blog,
  .blog-article .detail_text p,
  .blog-article .detail_text li { font-size: 17px; }
  .content_wr_float:has(.blog-article) .similar_products_wrapp { margin-top: 56px; }
}
@media (max-width: 870px) {
  .blog-article__crumbs { margin: 0 0 10px; font-size: 11px; letter-spacing: 0.06em; }
  .blog-article__title { font-size: 26px; margin: 0 0 8px; line-height: 1.25; }
  .blog-article .jr-stream-kicker { display: none !important; }
  .blog-article .blog-read { margin: 0 0 10px; font-size: 12px; }
  .blog-article .detail_text,
  .blog-article .detail_text_blog,
  .blog-article .detail_text p,
  .blog-article .detail_text li { font-size: 16px; line-height: 1.55; }
  .content_wr_float:has(.blog-article) .similar_products_wrapp { margin-top: 28px; }
}