/* ===========================================================================
   LAYER 2 — perry-fonts.css
   PORTED VERBATIM from sourdoughstarter.com assets/perry-fonts.css (3,620 B
   captured; byte-verified in phase-02/output/com-css/perry-fonts.css).

   PART A below is the source file unchanged, including its Dawn/Shopify
   selectors. Most of those selectors match nothing on a WooCommerce site.
   It is kept because DECISIONS requires the cascade be ported as a cascade,
   not flattened — and because keeping it verbatim is what lets an auditor
   diff this file against the capture and get zero differences.

   PART B translates the SAME declarations onto the selectors Shoptimizer and
   WooCommerce actually render. Part B is what makes the page look right.
   If you change a value, change it in both parts or the diff stops meaning
   anything.
   =========================================================================== */

/* ------------------------- PART A — verbatim source ------------------------ */
body{font-size:18px!important}.rte p,.rte li,.article-template__content p,.article-template__content li,.page-width p,.page-width li,.shopify-section p,.shopify-section li{font-size:18px!important;line-height:1.6!important;margin-top:0!important;margin-bottom:14px!important}h1,.h1{font-size:36px!important;line-height:1.2!important;margin-bottom:16px!important}h2:not(.totals__total),.h2:not(.totals__total){font-size:28px!important;line-height:1.25!important;margin-top:32px!important;margin-bottom:12px!important}h3,.h3{font-size:24px!important;line-height:1.3!important;margin-top:24px!important;margin-bottom:10px!important}h4,.h4{font-size:20px!important}h5,.h5,h6,.h6{font-size:18px!important}.totals__total{font-size:calc(var(--font-heading-scale, 1) * 1.6rem)!important;margin-top:.5rem!important}.cart-drawer .summary__title,#Details-CartDrawer .summary__title,.cart-drawer .tax-note,.cart-drawer .caption-with-letter-spacing{font-size:1.5rem!important}.card__heading,.card__heading a,.card-information__text,.full-unstyled-link,.card__name{font-size:18px!important;line-height:1.4!important}.price,.price-item,.price__regular,.price__sale,.price__compare,.card-information .price{font-size:18px!important}.header__menu-item,.header__menu-item span,.header__menu-item a,nav a,nav li,nav span{font-size:17px!important}.product__title{font-size:32px!important}.product__price,.product__price .price{font-size:22px!important}.product__description p,.product__description li{font-size:18px!important;line-height:1.6!important;margin-bottom:14px!important}.collection-hero__title{font-size:36px!important}.collection-description p{font-size:18px!important}.article-card__title{font-size:20px!important}.article-card__excerpt{font-size:17px!important;line-height:1.5!important}.button,.btn,button[type=submit],.shopify-payment-button__button,input[type=submit],input[type=text],input[type=email],input[type=number],input[type=tel],select,textarea{font-size:18px!important}.caption,.caption-large,.caption-with-letter-spacing,.badge,.product-card__badge,.card__badge{font-size:17px!important}.footer p,.footer li,.footer a,.footer span,.footer__content p,.footer__content li,table,table td,table th{font-size:17px!important;line-height:1.5!important}.announcement-bar__message,.announcement-bar p{font-size:17px!important}.sds-tool-page-wrap p,.sds-tool-page-wrap li,.sds-tool-page-wrap td,.sds-tool-page-wrap th{font-size:18px!important;line-height:1.6!important;margin-bottom:14px!important}.sds-tool-page-wrap h2{font-size:28px!important}.sds-tool-page-wrap h3{font-size:24px!important}.article-template__content.page-width--narrow,.article-template__content{max-width:750px!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}.article-template .page-width--narrow{max-width:750px!important;margin-left:auto!important;margin-right:auto!important}.article-template__hero-container{max-width:100%!important}.article-template header{line-height:1.2!important;overflow:visible!important}.article-template__title,.article-template__title h1,.article-template .article-template__title{line-height:1.25!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}.article-template h1{font-size:32px!important;line-height:1.25!important;overflow:visible!important;margin-bottom:16px!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/perry-fonts.css.map?v=55550766755644828881784103812 */

/* ------------- PART B — the same type scale, on Shoptimizer's DOM ---------- */
/* Element-level rules; the source uses !important throughout and so does this,
   because Shoptimizer's own stylesheet is specific and loads earlier. */

body {
  font-size: var(--mcs-size-body) !important;
  font-family: var(--mcs-font-body-home);
  line-height: var(--mcs-lh-body);
  letter-spacing: var(--mcs-ls-body);
  color: var(--mcs-body-color);
  background-color: var(--mcs-offwhite) !important;   /* N-12: lost to Elementor kit CSS */
}

.entry-content p, .entry-content li,
.woocommerce-product-details__short-description p,
.site-main p, .site-main li {
  font-size: 18px !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

h1, .h1 { font-size: var(--mcs-size-h1) !important; line-height: var(--mcs-lh-h1) !important; margin-bottom: 16px !important; }
h2, .h2 { font-size: var(--mcs-size-h2) !important; line-height: var(--mcs-lh-h2) !important; margin-top: 32px !important; margin-bottom: 12px !important; }
h3, .h3 { font-size: var(--mcs-size-h3) !important; line-height: var(--mcs-lh-h3) !important; margin-top: 24px !important; margin-bottom: 10px !important; }
h4, .h4 { font-size: var(--mcs-size-h4) !important; }
h5, .h5, h6, .h6 { font-size: var(--mcs-size-h5) !important; }

h1, h2, h3, h4, h5, h6 {
  /* N-14: all four of these were losing to Elementor's kit CSS, which loads after this
     layer and was rendering h1 as Inter 600 at -1.1px tracking. Target: Platypi 500,
     0.69px, #11151c (COM-TARGET section 3). !important matches this file's convention. */
  font-family: var(--mcs-font-heading) !important;
  font-weight: 500 !important;          /* home default. 600 where a section says so. */
  letter-spacing: var(--mcs-ls-heading) !important;
  color: var(--mcs-ink) !important;
}

/* Woo product card + price, matching the source's .card__heading / .price rules */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a { font-size: 18px !important; line-height: 1.4 !important; }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 18px !important; }

.woocommerce div.product .product_title { font-size: 32px !important; }
.woocommerce div.product .summary .price,
.woocommerce div.product .summary .price .amount { font-size: 22px !important; }

.button, .btn, button[type=submit], input[type=submit],
input[type=text], input[type=email], input[type=number], input[type=tel],
select, textarea { font-size: 18px !important; }

.site-footer p, .site-footer li, .site-footer a, .site-footer span,
table, table td, table th { font-size: 17px !important; line-height: 1.5 !important; }

.mcsv2-announcement, .mcsv2-announcement p { font-size: 17px !important; }

/* Single post/article measure — the source clamps to 750px. */
.single-post .entry-content,
.single-post .entry-header {
  max-width: 750px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.single-post .entry-title, .single-post h1.entry-title {
  font-size: 32px !important;
  line-height: 1.25 !important;
  overflow: visible !important;
  margin-bottom: 16px !important;
  -webkit-line-clamp: unset !important;
}
