/** Shopify CDN: Minification failed

Line 300:0 Expected "}" to go with "{"

**/
/* =========================================================
   CUSTOM OVERRIDES — DAWN (The Real Dog Urn)

   GOAL (MOBILE):
   - Bigger product titles
   - Bigger paragraph text
   - Fix hero subheading
   - Fix reassurance section text
   - Fix FAQ text

   GOAL (DESKTOP):
   - Larger product titles (cards + PDP)

   IMPORTANT:
   - Do NOT set font-size on .multicolumn-card__info (container),
     or it will break the "Heading size" controls in the editor.
   ========================================================= */


/* =========================================================
   MOBILE TYPOGRAPHY — SINGLE SOURCE OF TRUTH
   ========================================================= */
@media screen and (max-width: 749px) {

  /* ===============================
     GLOBAL PARAGRAPH TEXT
     (intentionally NOT targeting multicolumn container)
     =============================== */
  p,
  .rte,
  .rte p,
  .rich-text__text,
  .rich-text__text p,
  .image-with-text__text,
  .image-with-text__text p,
  .collection-hero__description,
  .collection-hero__description p,
  .product__description,
  .product__description p,
  .product__info-container p {
    font-size: 19px !important;
    line-height: 1.65 !important;
  }

  /* ===============================
     MULTICOLUMN — BODY TEXT ONLY
     (keeps headings controlled by Dawn heading-size settings)
     =============================== */
  .multicolumn-card__info p,
  .multicolumn-card__info .rte,
  .multicolumn-card__info .rte p {
    font-size: 19px !important;
    line-height: 1.65 !important;
  }

  /* Optional: prevent ugly word breaks in multicolumn headings */
  .multicolumn-card__info .inline-richtext {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  /* ===============================
     HERO BANNER — SUBHEADING / TEXT
     =============================== */
  .banner__text,
  .banner__text p,
  .banner__box .banner__text,
  .banner__box .banner__text p,
  .banner__caption,
  .banner__caption p,
  .caption,
  .caption-large,
  .caption-with-letter-spacing,
  .caption-with-letter-spacing--medium,
  .caption-with-letter-spacing--large {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  /* ===============================
     PRODUCT CARD TITLES (HOME + COLLECTIONS)
     =============================== */
  .card__heading,
  .card__heading a,
  .card__heading.h5,
  .card__heading.h5 a,
  .card__information .full-unstyled-link,
  .card__content .full-unstyled-link,
  .card-information__text,
  .card-information__text a,
  .product-grid .card__heading,
  .product-grid .card__heading a,
  .featured-product .card__heading,
  .featured-product .card__heading a {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  /* ===============================
     PRODUCT PAGE MAIN TITLE
     =============================== */
  .product__title h1 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  /* ===============================
     FAQ / ACCORDION
     =============================== */
  summary.accordion__title,
  .accordion__title,
  .accordion__title span {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .accordion__content,
  .accordion__content p,
  .accordion__content li {
    font-size: 19px !important;
    line-height: 1.65 !important;
  }
}


/* =========================================================
   ANNOUNCEMENT BAR — CONSISTENT ACROSS ALL TEMPLATES
   (single source of truth; no duplicates)
   ========================================================= */
:root{
  --announcement-font-size-mobile: 14px;
  --announcement-font-size-desktop: 14px;
  --announcement-line-height: 1.2;
}

#shopify-section-announcement-bar .announcement-bar__message,
.utility-bar .announcement-bar__message,
.announcement-bar .announcement-bar__message,
#shopify-section-announcement-bar .announcement-bar__message.h0,
#shopify-section-announcement-bar .announcement-bar__message.h1,
#shopify-section-announcement-bar .announcement-bar__message.h2,
#shopify-section-announcement-bar .announcement-bar__message.h3,
#shopify-section-announcement-bar .announcement-bar__message.h4,
#shopify-section-announcement-bar .announcement-bar__message.h5,
#shopify-section-announcement-bar .announcement-bar__message.h6{
  font-size: var(--announcement-font-size-desktop) !important;
  line-height: var(--announcement-line-height) !important;
}

/* If the announcement text is a link/span, keep it inheriting */
#shopify-section-announcement-bar .announcement-bar__message *{
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 749px){
  #shopify-section-announcement-bar .announcement-bar__message,
  .utility-bar .announcement-bar__message,
  .announcement-bar .announcement-bar__message,
  #shopify-section-announcement-bar .announcement-bar__message.h0,
  #shopify-section-announcement-bar .announcement-bar__message.h1,
  #shopify-section-announcement-bar .announcement-bar__message.h2,
  #shopify-section-announcement-bar .announcement-bar__message.h3,
  #shopify-section-announcement-bar .announcement-bar__message.h4,
  #shopify-section-announcement-bar .announcement-bar__message.h5,
  #shopify-section-announcement-bar .announcement-bar__message.h6{
    font-size: var(--announcement-font-size-mobile) !important;
  }
}


/* =========================================================
   DESKTOP: Larger product titles
   ========================================================= */

/* Product cards (Featured collection, collections, search) */
@media (min-width: 750px){
  .card__heading,
  .card__heading a{
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
  }
}

/* Product page main title */
@media (min-width: 750px){
  .product__title h1{
    font-size: 34px;
    line-height: 1.2;
  }
}
/* Prevent awkward mid-word breaks in Multicolumn headings (mobile) */
@media (max-width: 749px){
  .multicolumn-card__info .inline-richtext{
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
  }
}
/* About page: make intro paragraph line-height match body copy (mobile) */
@media (max-width: 749px){
  .template-page-about .rich-text__text,
  .template-page-about .rich-text__text p{
    line-height: 1.65 !important;
  }
}
/* ABOUT PAGE: make the intro block (often rendered as the Rich text "heading") use the same leading as body copy */
.template-page-about .rich-text__heading,
.template-page-about .rich-text__heading *,
.page-about .rich-text__heading,
.page-about .rich-text__heading *{
  line-height: 1.65 !important;
}
/* =========================================================
   ABOUT PAGE — FIX INTRO PARAGRAPH LEADING
   (override earlier "intro styling" rule)
   ========================================================= */

.template-page-about .rich-text__text p:first-child,
.page-about .rich-text__text p:first-child{
  line-height: 1.65 !important;
}
/* =========================================================
   ABOUT PAGE — FORCE INTRO LEADING (desktop + mobile)
   Targets the FIRST block in the Rich text section, whatever tag it is.
   ========================================================= */

body.template-page-about .rich-text__blocks > :first-child,
body.template-page-about .rich-text__blocks > :first-child *{
  line-height: 1.65 !important;
  body[class*="about"] .rich-text__blocks > :first-child,
body[class*="about"] .rich-text__blocks > :first-child *{
  line-height: 1.65 !important;
}
/* =========================================================
   RICH TEXT INTRO — FIX SQUASHED LEADING (DESKTOP + MOBILE)
   Targets Dawn Rich text section heading/first block reliably
   ========================================================= */

#MainContent .rich-text__blocks > :first-child,
#MainContent .rich-text__blocks > :first-child *{
  line-height: 1.65 !important;
}

/* If the intro is actually the Rich text "heading" field */
#MainContent .rich-text__heading,
#MainContent .rich-text__heading *{
  line-height: 1.65 !important;
}
/* =========================================================
   ABOUT PAGE — FIX INTRO LEADING (IMAGE WITH TEXT SECTION)
   Intro is an <h3>, not a paragraph
   ========================================================= */

.template-page-about .image-with-text__text h3,
.page-about .image-with-text__text h3{
  line-height: 1.65 !important;
}
/* =========================================================
   ABOUT PAGE — FIX INTRO LEADING (TARGET THE SECTION ID)
   Your intro is an <h3> inside this image-with-text section.
   ========================================================= */

#shopify-section-template--26075811512666__image_with_text_pnVtD .image-with-text__text h3,
#shopify-section-template--26075811512666__image_with_text_pnVtD .image-with-text__text h3 *{
  line-height: 1.65 !important;
}
/* =========================================================
   FIX: IMAGE WITH TEXT INTRO (H3) — LINE HEIGHT
   Overrides Dawn's calc() heading line-height
   ========================================================= */

.image-with-text__text h3{
  line-height: 1.65 !important;
}
/* =========================================================
   FIX: ABOUT PAGE INTRO LEADING (DAWN HEADING SYSTEM)
   Neutralise heading scale inside Image-with-text text
   ========================================================= */

.image-with-text__text{
  --font-heading-scale: 1 !important;
}
/* =========================================================
   FIX: Image-with-text intro heading line-height
   (Overrides Dawn h3 calc-based leading)
   ========================================================= */

.image-with-text__text h3{
  --font-heading-scale: 1 !important;
  line-height: 1.55 !important;
}