/* Changó editorial layout. Loaded only by the existing ETS Blog template. */
html:has(> body#ets_blog_page) { scroll-behavior: auto !important; }

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail {
  --bc-blog-ink: #302925;
  --bc-blog-brand: #7c0a02;
  --bc-blog-anchor-offset: 6rem;
  font-family: Inter, Roboto, Arial, sans-serif;
}

#ets_blog_page .bc-blog-sidebar :is(h2, h3, h4, .title_block) {
  font-family: Inter, Roboto, Arial, sans-serif;
  line-height: 1.4;
}

#ets_blog_page .bc-blog-sidebar,
#ets_blog_page .bc-blog-sidebar :is(.ets_blog_sidebar, p, li, a, input, button) {
  font-family: Inter, Roboto, Arial, sans-serif;
}

#ets_blog_page .bc-blog-sidebar :is(p, li) {
  font-size: 15px;
  line-height: 1.6;
}

#ets_blog_page .bc-blog-sidebar .ets_block_categories li > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-block: .35rem;
  line-height: 1.45;
}

#ets_blog_page .bc-blog-sidebar :is(a, input, button):focus-visible {
  outline: 3px solid #7c0a02 !important;
  outline-offset: 3px;
}

#ets_blog_page .bc-blog-sidebar :is(input[type="text"], input[type="search"], input[type="submit"], button[type="submit"]) {
  min-height: 44px;
  min-width: 44px;
}

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .page-heading {
  max-width: 30ch;
  margin: 0 0 1rem;
  font-family: Inter, Roboto, Arial, sans-serif;
  font-size: clamp(1.65rem, 2.3vw, 2.15rem);
  line-height: 1.25;
  text-transform: none;
  text-wrap: balance;
}

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_blog_img_wrapper {
  float: none;
  width: 100%;
  margin: 0 0 1.75rem;
}

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_image-single {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_image-single img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 320px;
  object-fit: contain;
  border-radius: 10px;
}

#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail :is(.blog_description, .bc-blog-page) {
  width: 100%;
  max-width: 72ch;
  margin-inline: auto;
  color: var(--bc-blog-ink);
  font-family: Inter, Roboto, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7;
  overflow-wrap: break-word;
}

#ets_blog_page .bc-blog-main .blog_description::after,
#ets_blog_page .bc-blog-main .bc-blog-page::after {
  display: block;
  clear: both;
  content: "";
}

#ets_blog_page .bc-blog-main .blog_description :is(p, li, dd, dt, blockquote, figcaption, td, th),
#ets_blog_page .bc-blog-main .blog_description [style*="font-family"],
#ets_blog_page .bc-blog-main .blog_description [style*="font-size"],
#ets_blog_page .bc-blog-main .blog_description font {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1.7 !important;
}

#ets_blog_page .bc-blog-main .blog_description p {
  margin: 0 0 1.1em;
}

#ets_blog_page .bc-blog-main .blog_description :is(h2, h3, h4) {
  clear: both;
  margin: 1.7em 0 .7em;
  color: var(--bc-blog-brand) !important;
  font-family: Inter, Roboto, Arial, sans-serif !important;
  line-height: 1.35 !important;
  text-transform: none;
}

#ets_blog_page .bc-blog-main .blog_description h2 { font-size: 1.5em !important; }
#ets_blog_page .bc-blog-main .blog_description h3 { font-size: 1.22em !important; }
#ets_blog_page .bc-blog-main .blog_description h4 { font-size: 1.1em !important; }

#ets_blog_page .bc-blog-main .blog_description :is(h2, h3, h4)[id] {
  scroll-margin-block-start: var(--bc-blog-anchor-offset);
}

#ets_blog_page .bc-blog-main .blog_description :is(ul, ol) {
  margin: .6em 0 1.2em;
  padding-inline-start: 1.5em;
}

#ets_blog_page .bc-blog-main .blog_description li + li { margin-block-start: .35em; }

#ets_blog_page .bc-blog-main .blog_description a:not(.btn):not(.bc-social a) {
  color: var(--bc-blog-brand);
  text-decoration: underline;
  text-underline-offset: .18em;
}

#ets_blog_page .bc-blog-main .blog_description a:focus-visible {
  outline: 3px solid var(--bc-blog-brand) !important;
  outline-offset: 3px;
  border-radius: 3px;
}

#ets_blog_page .bc-blog-main .bc-blog-toc {
  clear: both;
  padding: 1.1rem 1.25rem;
  margin: 1.5rem 0 2rem;
  border: 1px solid #d8c5a9;
  border-inline-start: 4px solid var(--bc-blog-brand);
  border-radius: 10px;
  background: #fbf6ec;
  color: var(--bc-blog-ink);
}

#ets_blog_page .bc-blog-main .bc-blog-toc :is(h2, h3, p) {
  margin: 0 0 .65rem;
  font-size: 1.1em !important;
}

#ets_blog_page .bc-blog-main .bc-blog-toc :is(ul, ol) { margin: 0; }
#ets_blog_page .bc-blog-main .bc-blog-toc li { margin: 0; }
#ets_blog_page .bc-blog-main .bc-blog-toc a {
  display: inline-block;
  padding-block: .5rem;
  min-height: 44px;
  max-width: 100%;
  line-height: 1.5;
}

#ets_blog_page .bc-blog-main .blog_description img:not([aria-hidden="true"]) {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 320px) !important;
  object-fit: contain;
  margin-inline: auto;
}

#ets_blog_page .bc-blog-main .bc-social-new-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

#ets_blog_page .bc-blog-main .bc-social-new-item {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .35rem .6rem;
  border: 1px solid #d8c5a9;
  border-radius: 8px;
  font-size: .85em;
  text-decoration: none !important;
}

#ets_blog_page .bc-blog-main .bc-social-new-item img {
  display: block;
  flex: 0 0 28px;
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  margin: 0;
}

#ets_blog_page .bc-blog-main .bc-blog-figure {
  float: right;
  width: 42%;
  max-width: 320px;
  margin: .3rem 0 1.1rem 1.4rem;
  padding: 0;
  background: transparent;
  border: 0;
}

#ets_blog_page .bc-blog-main .bc-blog-figure[data-align="left"] {
  float: left;
  margin-inline: 0 1.4rem;
}

#ets_blog_page .bc-blog-main .bc-blog-figure img {
  float: none !important;
  max-width: 100% !important;
  margin: 0 auto;
}

#ets_blog_page .bc-blog-main .bc-blog-figure figcaption {
  margin-block-start: .55rem;
  font-size: .85em !important;
  line-height: 1.5 !important;
  color: #62554a;
}

@media (max-width: 767px) {
  #ets_blog_page .bc-blog-main .ets-blog-wrapper-detail { --bc-blog-anchor-offset: 8rem; }
  #ets_blog_page .bc-blog-main .ets-blog-wrapper-detail :is(.blog_description, .bc-blog-page) { font-size: 16px !important; }
  #ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_image-single img { max-height: 230px; }
  #ets_blog_page .bc-blog-main .blog_description img:not([aria-hidden="true"]) { max-width: min(100%, 220px) !important; }
  #ets_blog_page .bc-blog-main .bc-blog-figure,
  #ets_blog_page .bc-blog-main .bc-blog-figure[data-align="left"] {
    float: none;
    width: auto;
    max-width: 220px;
    margin: 1.3rem auto;
  }
  #ets_blog_page .bc-blog-main .bc-blog-toc { padding: .85rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html:has(> body#ets_blog_page) { scroll-behavior: auto !important; }
}

/* Blog 31oct: one cover frame and verified linked commerce cards. Product originals stay untouched. */
#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_image-single{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f6efe4;border:1px solid #d8c5a4;border-radius:12px;overflow:hidden;width:100%}
#ets_blog_page .bc-blog-main .ets-blog-wrapper-detail .ets_image-single img{width:100%!important;height:100%!important;max-height:none;object-fit:contain;border-radius:0}
#ets_blog_page :is(.ets_item_img,.ets-blog-related-posts-list-li .ets_item_img){aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f6efe4;border-radius:10px}
#ets_blog_page .ets_item_img img{width:100%!important;height:100%!important;object-fit:contain}
#ets_blog_page .bc-blog-shop-card{margin:1.6rem 0;border:1px solid #d8c5a4;border-radius:12px;overflow:hidden;background:#fcf8f0;max-width:100%;clear:both}
#ets_blog_page .bc-blog-shop-card__link{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:1.2rem;align-items:center;color:#342620;text-decoration:none;padding:1rem;min-height:44px}
#ets_blog_page .bc-blog-shop-card__link:focus-visible{outline:3px solid #7c0a02;outline-offset:-4px}
#ets_blog_page .bc-blog-shop-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;border-radius:8px;overflow:hidden}
#ets_blog_page .bc-blog-shop-card__media img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important}
#ets_blog_page .bc-blog-shop-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0}
#ets_blog_page .bc-blog-shop-card__eyebrow{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#6a5650}
#ets_blog_page .bc-blog-shop-card__name{font-size:1.12rem;line-height:1.4;overflow-wrap:anywhere}
#ets_blog_page .bc-blog-shop-card__cta{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:#7c0a02;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){#ets_blog_page .bc-blog-shop-card__link{grid-template-columns:96px minmax(0,1fr);gap:.8rem;padding:.8rem}#ets_blog_page .bc-blog-shop-card__name{font-size:1rem}#ets_blog_page .bc-blog-shop-card__eyebrow{font-size:.68rem}}