/** Shopify CDN: Minification failed

Line 37:40 Unexpected "{"
Line 37:49 Expected ":"

**/
/* SOULCRAFTS GLOBAL UI CONSISTENCY PATCH
   Responsive cart close control, article hero alignment and product-card typography.
   Added as a separate override layer; original theme files and functionality are retained.
*/

/* 1. Cart quick-panel close control: fixed circle at every viewport size. */
html body .sc-header-quickpanel .sc-header-quickpanel-close {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
html body .sc-header-quickpanel .sc-header-quickpanel-head {
  align-items: center;
}

/* 2. Article hero: one centred, balanced image frame on desktop and mobile. */
html body #MainContent #ArticleSection-{{ section.id }} .article-template__hero-container,
html body #MainContent .article-template .article-template__hero-container {
  box-sizing: border-box !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto 24px !important;
  padding: 0 16px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
html body #MainContent .article-template__hero-container .media {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border-radius: 6px !important;
}
html body #MainContent .article-template__hero-container .media img,
html body #MainContent .article-template__hero-container img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
@media screen and (max-width: 749px) {
  html body #MainContent .article-template__hero-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 14px !important;
    margin: 0 auto 18px !important;
  }
  html body #MainContent .article-template__hero-container .media {
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
  }
}

/* 3. Universal product-card alignment and type scale.
   Applies to Dawn cards and Soulcrafts custom collection/recommendation cards.
   Cart line items are intentionally excluded. */
html body :is(
  .product-grid .card-information,
  .related-products .card-information,
  .complementary-products .card-information,
  .sc-homepage .card-information,
  .card-wrapper .card-information,
  .sc-cl-product-card__info
) {
  text-align: center !important;
}
html body :is(
  .product-grid .card__heading,
  .product-grid .card__heading a,
  .related-products .card__heading,
  .related-products .card__heading a,
  .complementary-products .card__heading,
  .complementary-products .card__heading a,
  .sc-homepage .card__heading,
  .sc-homepage .card__heading a,
  .card-wrapper .card__heading,
  .card-wrapper .card__heading a,
  .sc-cl-product-card__title
) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 2.7em !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
}
html body :is(
  .product-grid .price,
  .related-products .price,
  .complementary-products .price,
  .sc-homepage .price,
  .card-wrapper .price,
  .sc-cl-product-card__price
) {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
  font-size: 1.8rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #790b32 !important;
  font-variant-numeric: tabular-nums !important;
}
html body :is(
  .product-grid .price__container,
  .related-products .price__container,
  .complementary-products .price__container,
  .sc-homepage .price__container,
  .card-wrapper .price__container
) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}
html body :is(
  .product-grid .price--on-sale .price__sale,
  .related-products .price--on-sale .price__sale,
  .complementary-products .price--on-sale .price__sale,
  .sc-homepage .price--on-sale .price__sale,
  .card-wrapper .price--on-sale .price__sale
) {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 100% !important;
}
html body :is(
  .product-grid .price-item--regular,
  .related-products .price-item--regular,
  .complementary-products .price-item--regular,
  .sc-homepage .price-item--regular,
  .card-wrapper .price-item--regular
) {
  color: #790b32 !important;
  font-size: 1.8rem !important;
  margin: 0 !important;
}
html body :is(
  .product-grid .price--on-sale .price-item--regular,
  .related-products .price--on-sale .price-item--regular,
  .complementary-products .price--on-sale .price-item--regular,
  .sc-homepage .price--on-sale .price-item--regular,
  .card-wrapper .price--on-sale .price-item--regular
) {
  color: #77716d !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
html body .sc-cl-product-card__price {
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  margin-top: 8px !important;
}
html body .sc-cl-product-card__price > s {
  order: 1 !important;
  display: block !important;
  color: #77716d !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
}
html body .sc-cl-product-card__price > span {
  order: 2 !important;
  display: block !important;
  color: #790b32 !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}
@media screen and (max-width: 749px) {
  html body :is(
    .product-grid .card__heading,
    .product-grid .card__heading a,
    .related-products .card__heading,
    .related-products .card__heading a,
    .complementary-products .card__heading,
    .complementary-products .card__heading a,
    .sc-homepage .card__heading,
    .sc-homepage .card__heading a,
    .card-wrapper .card__heading,
    .card-wrapper .card__heading a,
    .sc-cl-product-card__title
  ) {
    font-size: 1.5rem !important;
    min-height: 2.7em !important;
  }
  html body :is(
    .product-grid .price,
    .related-products .price,
    .complementary-products .price,
    .sc-homepage .price,
    .card-wrapper .price,
    .sc-cl-product-card__price,
    .product-grid .price-item--regular,
    .related-products .price-item--regular,
    .complementary-products .price-item--regular,
    .sc-homepage .price-item--regular,
    .card-wrapper .price-item--regular,
    .sc-cl-product-card__price > span
  ) {
    font-size: 1.7rem !important;
  }
}
