/* Shop-specific presentation recovered from the preserved Journal 3.0.29
 * stylesheet. Keep separate from Journal 3.2 vendor files and saved custom CSS.
 * Column widths, gaps and breakpoints remain controlled by the existing skin. */
.info-block-text h1, .info-block-text h2, .info-block-text h3,
.info-block-text h4, .info-block-text h5, .info-block-text h6,
.block-description h1, .block-description h2, .block-description h3,
.block-description h4, .block-description h5, .block-description h6 {
  margin: 0;
  font-weight: 700;
}
.info-block-text h1, .info-block-text h2,
.block-description h1, .block-description h2 { font-size: 16px; }
.info-block-text h3, .block-description h3 { font-size: 15px; }
.info-block-text h4, .info-block-text h5,
.block-description h4, .block-description h5 { font-size: 14px; }
.info-block-text h6, .block-description h6 { font-size: 13px; }
.block-description h2, .block-description h4, .block-description h5 { margin-top: 30px; }
header .links-text s {
  text-decoration: none;
  font-size: 70%;
  font-style: normal;
  font-weight: 400;
  white-space: normal;
  line-height: 1;
  max-width: 125px;
}
/* Production reference: the intro heading has a separate paragraph below it. */
.module-info_blocks-86 .info-block-text h1 { margin-bottom: 20px; }
/* Saved generated baseline: module 162's title style is left aligned. The new
 * module-level align option otherwise overrides that inherited title style. */
#column-right .module-title-162 { align-self: flex-start !important; }
#column-right .module-title-162 .title-wrapper { text-align: left; align-self: flex-start; }
#column-right .module-title-162 .title-main { justify-content: flex-start; flex-direction: row; }
#column-right .module-title-162 .title-divider,
#column-right .module-title-162 .subtitle { margin-inline: 0 auto; }
#column-right .module-title-162 .title-divider { margin-bottom: 10px; }
/* Preserve the old 55px bar and 10px vertical inset on the desktop mega header.
 * Do not carry over the old negative positioning into Journal's new structure. */
.desktop-header-active .header-desktop-mega .desktop-main-menu-wrapper { min-height: 55px; }
.desktop-header-active header .desktop-main-menu-wrapper.menu-bar {
  height: 55px;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Journal 3.2 TextTruncate adds 1px to every label. The preserved sidebar
 * labels had no such inset; keep truncation and saved font/padding settings. */
.side-column div.accordion-menu .menu-item > a > .links-text {
  padding-bottom: 0;
}

/* Journal 3.0 used a full percentage image column and right-column padding.
 * Journal 3.2 subtracts half the gap from both columns, shrinking the gallery.
 * Preserve the saved desktop 40/60 ratio, 30px spacing and 1024px breakpoint.
 * The saved legacy DetailsBoxStyles margin-bottom is 15px; 3.2's default
 * --sections-gap:0 otherwise overrides it and raises the purchase controls. */
.route-product-product:not(.popup) #product-product .product-info {
  --sections-gap: 15px;
}
@media (min-width: 1025px) {
  .route-product-product:not(.popup) #product-product .product-info {
    column-gap: 0;
  }
  .route-product-product:not(.popup) #product-product .product-info > .product-left {
    flex: 0 0 var(--product-page-split, 50%);
    min-width: 0;
  }
  .route-product-product:not(.popup) #product-product .product-info > .product-right {
    flex: 0 0 calc(100% - var(--product-page-split, 50%));
    min-width: 0;
    box-sizing: border-box;
    padding-inline-start: var(--product-page-split-gap, 20px);
  }
}

/* Space below the main product gallery before its default Description tabs.
 * Only the adjacent main product tab block; no sidebar/related module rules. */
.route-product-product:not(.popup) #product-product #content > .product-info + .product-blocks.blocks-default .blocks-tabs {
  padding-block-start: 20px;
}

/* Mobile main-list separators: sibling wrappers only, never internal sections.
 * A top border on later siblings leaves no separator after the final product. */
@media (max-width: 767px) {
  #content .main-products.product-list > .product-layout + .product-layout {
    border-top: 1px solid #e5e5e5;
    margin-top: 24px;
    padding-top: 24px;
  }
}