/** Shopify CDN: Minification failed

Line 742:1 Expected "}" to go with "{"

**/
/*
==========================================================================
  houseofdog — Dawn Theme Custom CSS
  Version: Final
==========================================================================

  STEP 1 — ADD FONTS (do this first)
  ─────────────────────────────────────────────────────────────────────
  Go to: Online Store → Themes → Edit Code → layout → theme.liquid
  Find the closing </head> tag and paste this JUST BEFORE it:

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" rel="stylesheet">

  Then click Save.

  STEP 2 — ADD THIS CSS
  ─────────────────────────────────────────────────────────────────────
  Go to: Online Store → Themes → Customize
  Click the cog icon (Theme Settings) at the bottom left
  Scroll to the very bottom → Custom CSS
  Select all existing text, delete it, paste this entire file
  Click Save.

  IMPORTANT: Do not paste any of this into base.css
==========================================================================
*/


/* ─────────────────────────────────────────
   DESIGN TOKENS
   ───────────────────────────────────────── */

:root {
  --hod-black:      #0D0D0B;
  --hod-white:      #FAFAF7;
  --hod-bone:       #F0EDE6;
  --hod-cream:      #E8E3D9;
  --hod-mid:        #9A9589;
  --hod-border:     rgba(13,13,11,0.11);
  --hod-display:    'Abril Fatface', Georgia, serif;
  --hod-mono:       'Courier Prime', 'Courier New', monospace;
  --hod-sans:       'DM Sans', sans-serif;
}


/* ─────────────────────────────────────────
   GLOBAL BODY
   ───────────────────────────────────────── */

body {
  font-family: var(--hod-sans) !important;
  color: var(--hod-black) !important;
  background-color: var(--hod-white) !important;
  -webkit-font-smoothing: antialiased;
}


/* ─────────────────────────────────────────
   HEADINGS — Abril Fatface, lowercase
   ───────────────────────────────────────── */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4,
.banner__heading,
.image-banner__heading,
.card__heading,
.card__heading a,
.rich-text__heading,
.multicolumn__heading,
.featured-collection__title,
.section-header__title,
.collection__title {
  font-family: var(--hod-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.08 !important;
  text-transform: lowercase !important;
}

h1 { font-size: clamp(38px, 2.5vw, 32px) !important; }
h2 { font-size: clamp(34px, 4vw, 58px) !important; }
h3 { font-size: clamp(22px, 2.5vw, 32px) !important; }
h4 { font-size: clamp(18px, 1.8vw, 24px) !important; }


/* ─────────────────────────────────────────
   BODY & UI TEXT — Courier Prime
   ───────────────────────────────────────── */

p, li, span, label, input, textarea, select, td, th,
.rte p, .rte li {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  letter-spacing: 0.02em !important;
}


/* ─────────────────────────────────────────
   ANNOUNCEMENT BAR
   ───────────────────────────────────────── */

.announcement-bar,
.announcement-bar__message,
.announcement-bar__message p {
  background-color: var(--hod-black) !important;
  color: rgba(250,250,247,0.72) !important;
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}


/* ─────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────── */

.header,
.header__wrapper {
  background-color: var(--hod-white) !important;
  border-bottom: 1px solid var(--hod-border) !important;
}

.header__menu-item,
.header__menu-item span,
.header__active-menu-item {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--hod-black) !important;
  font-weight: 400 !important;
}

.header__menu-item:hover span { opacity: 0.45; }

.header__heading-link,
.header__heading {
  font-family: var(--hod-display) !important;
  font-size: 20px !important;
  letter-spacing: 0.02em !important;
  text-transform: lowercase !important;
  color: var(--hod-black) !important;
}


/* ─────────────────────────────────────────
   BUTTONS
   ───────────────────────────────────────── */

.button,
button[type="submit"],
input[type="submit"],
.shopify-payment-button__button {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
}

.button--primary,
.shopify-payment-button__button--unbranded {
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
  border: 1px solid var(--hod-black) !important;
  padding: 15px 32px !important;
}

.button--primary:hover { background-color: #333 !important; }

.button--secondary {
  background-color: transparent !important;
  color: var(--hod-black) !important;
  border: 1px solid var(--hod-black) !important;
  padding: 15px 32px !important;
}

.button--secondary:hover {
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
}

/* Buttons on dark sections */
.color-scheme-inverse .button,
.color-background-4 .button {
  background-color: var(--hod-white) !important;
  color: var(--hod-black) !important;
  border-color: var(--hod-white) !important;
}


/* ─────────────────────────────────────────
   PRODUCT CARDS
   ───────────────────────────────────────── */

.card,
.card-wrapper {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.card__heading,
.card__heading a {
  font-family: var(--hod-display) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
}

.price,
.price__regular,
.price-item {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
}

.badge {
  font-family: var(--hod-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
}

.card__media,
.card__media img,
.media img {
  border-radius: 0 !important;
}


/* ─────────────────────────────────────────
   PRODUCT PAGE
   ───────────────────────────────────────── */

.product__title {
  font-family: var(--hod-display) !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
  line-height: 1.08 !important;
}

.product__vendor {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--hod-mid) !important;
}

.product__description,
.product__description p {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--hod-mid) !important;
}

.product-form__input label,
.variant-selects label {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.swatch-input__input:checked + label {
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
  border-color: var(--hod-black) !important;
  border-radius: 0 !important;
}


/* ─────────────────────────────────────────
   CAPTION / LABEL TEXT
   ───────────────────────────────────────── */

.caption,
.caption-with-letter-spacing {
  font-family: var(--hod-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--hod-mid) !important;
}


/* ─────────────────────────────────────────
   FORMS & INPUTS
   ───────────────────────────────────────── */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  border-radius: 0 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--hod-black) !important;
  outline: none !important;
  box-shadow: none !important;
}

label,
.field__label {
  font-family: var(--hod-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--hod-mid) !important;
}


/* ─────────────────────────────────────────
   COLLECTION PAGE
   ───────────────────────────────────────── */

.facets__heading,
.facet-filters__label {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.active-facets__button {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  border-radius: 0 !important;
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
}


/* ─────────────────────────────────────────
   CART
   ───────────────────────────────────────── */

.cart-drawer,
.cart__items {
  background-color: var(--hod-white) !important;
}

.cart-drawer__header,
.cart__header {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--hod-border) !important;
}

.cart-item__name,
.cart-item__details a {
  font-family: var(--hod-display) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
}

.cart-item__price {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
}

.cart__footer {
  background-color: var(--hod-bone) !important;
  border-top: 1px solid var(--hod-border) !important;
}

.totals__subtotal-value {
  font-family: var(--hod-display) !important;
  font-size: 24px !important;
}


/* ─────────────────────────────────────────
   FOOTER
   ───────────────────────────────────────── */

.footer {
  background-color: var(--hod-black) !important;
  color: rgba(250,250,247,0.38) !important;
}

.footer__content-bottom {
  background-color: var(--hod-black) !important;
  border-top: 1px solid rgba(250,250,247,0.08) !important;
}

.footer__heading {
  font-family: var(--hod-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(250,250,247,0.55) !important;
  font-weight: 400 !important;
}

.footer a,
.footer__list a {
  font-family: var(--hod-mono) !important;
  font-size: 12px !important;
  color: rgba(250,250,247,0.32) !important;
  text-decoration: none !important;
  font-weight: 300 !important;
}

.footer a:hover,
.footer__list a:hover {
  color: rgba(250,250,247,0.75) !important;
}

.footer__copyright,
.footer__copyright a {
  font-family: var(--hod-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: rgba(250,250,247,0.22) !important;
}

.footer .disclosure__button,
.footer .localization-form__select {
  background-color: transparent !important;
  border: 1px solid rgba(250,250,247,0.2) !important;
  color: rgba(250,250,247,0.4) !important;
  font-family: var(--hod-mono) !important;
  font-size: 11px !important;
  border-radius: 0 !important;
}

.footer .field__input,
.footer input[type="email"] {
  background-color: transparent !important;
  border: 1px solid rgba(250,250,247,0.2) !important;
  color: var(--hod-white) !important;
}

.footer .field__input::placeholder {
  color: rgba(250,250,247,0.3) !important;
}

.footer .button,
.footer button[type="submit"] {
  background-color: var(--hod-white) !important;
  color: var(--hod-black) !important;
  border-color: var(--hod-white) !important;
}

.footer__payment-icons {
  filter: brightness(0) invert(0.4);
}


/* ─────────────────────────────────────────
   MOBILE MENU
   ───────────────────────────────────────── */

.menu-drawer,
.menu-drawer__container {
  background-color: var(--hod-white) !important;
}

.menu-drawer__menu-item,
.menu-drawer__menu-item span {
  font-family: var(--hod-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--hod-black) !important;
}


/* ─────────────────────────────────────────
   SEARCH
   ───────────────────────────────────────── */

.search-modal {
  background-color: var(--hod-white) !important;
}

.search__input,
.search-modal__form input {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  background: transparent !important;
}


/* ─────────────────────────────────────────
   RICH TEXT / BLOG / PAGES
   ───────────────────────────────────────── */

.rte h1, .rte h2, .rte h3, .rte h4 {
  font-family: var(--hod-display) !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
}

.rte p, .rte li {
  font-family: var(--hod-mono) !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.02em !important;
}

.rte a {
  color: var(--hod-black) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.rte blockquote {
  font-family: var(--hod-display) !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  border-left: 1px solid var(--hod-border) !important;
  padding-left: 24px !important;
  color: var(--hod-black) !important;
}


/* ─────────────────────────────────────────
   REMOVE ALL BORDER RADIUS
   ───────────────────────────────────────── */

.button,
.card,
.card__media,
.badge,
input,
textarea,
select,
.swatch-input__input + label {
  border-radius: 0 !important;
}


/* ─────────────────────────────────────────
   PAGINATION
   ───────────────────────────────────────── */

.pagination__item {
  font-family: var(--hod-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  border-radius: 0 !important;
}

.pagination__item--current {
  background-color: var(--hod-black) !important;
  color: var(--hod-white) !important;
}

  /* ─────────────────────────────────────────
     FEATURED COLLECTION — centre align
     ───────────────────────────────────────── */

  .featured-collection .collection__title,
  .featured-collection .rich-text__heading,
  .featured-collection__title,
  .collection-description,
  .featured-collection .description {
    text-align: center !important;
  }

  .featured-collection .collection-description p,
  .featured-collection .rte p {
    text-align: center !important;
  }/* Accordion heading font */
.hod-accordion-label,
.hod-g-accordion-label {
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-size: 18px !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
}

/* Accordion margins */
.hod-accordion,
.hod-g-accordion {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* How to use step numbers - white */
.hod-step-num,
.hod-g-step-num {
  color: rgba(250,250,247,0.6) !important;
}/* Fix announcement bar full width */
.announcement-bar,
.announcement-bar__message {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.announcement-bar .page-width,
.announcement-bar .page-width--narrow {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Fix header full width */
.header-wrapper,
.header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

.header .page-width {
  max-width: 100% !important;
  padding: 0 40px !important;
}/* Fix accordion padding within Dawn's product column */
.hod-accordion,
.hod-g-accordion {
  padding: 0 20px !important;
}

.hod-scent-notes,
.hod-g-scent-notes {
  padding: 0 20px !important;
}

.hod-trust-mini,
.hod-g-trust {
  margin: 0 20px 32px !important;
}.product__title {
  font-size: 20px !important;
  line-height: 1.1 !important;
}/* Reduce reviews section padding to flow into Klaviyo */
.hod-reviews,
.hod-g-reviews {
  padding: 48px 80px 0 !important;
}/* Hide Klaviyo customer reviews header */
.klaviyo-reviews-header,
.klaviyo-reviews__header,
[class*="klaviyo"] h2,
[class*="klaviyo"] h3,
.reviews-widget__title {
  display: none !important;
}/* Reviews section - minimal padding to flow into Klaviyo */
.hod-reviews,
.hod-g-reviews {
  padding: 48px 80px 0 !important;
  margin-bottom: 0 !important;
}

/* Remove top spacing from Klaviyo widget container */
.hod-reviews + *,
.hod-g-reviews + *,
.hod-reviews ~ * .klaviyo-reviews,
[data-reviews-widget] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}#klaviyo-product-reviews-wrapper .kl_reviews__header
.product__title,
.h2.product__title {
  font-size: 20px !important;
  line-height: 1.1 !important;
}.product__title.h1,
.product .product__title,
.product-single .product__title,
main .product__title {
  font-size: 24px !important;
  line-height: 1.1 !important;
}/* Product title override - targets Dawn's variable-based sizing */
.product__title {
  font-size: 1.8rem !important;
  line-height: 1.1 !important;
}

@media screen and (min-width: 750px) {
  .product__title {
    font-size: 1.8rem !important;
    line-height: 1.1 !important;
  }
}/* Harmonious accordion label font */
.hod-h-accordion-label {
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-size: 18px !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
  /* Harmonious accordion and scent notes indentation */
.hod-h-accordion,
.hod-h-scent-notes,
.hod-h-trust {
  padding: 0 20px !important;
}

.hod-h-trust {
  margin: 0 20px 32px !important;
}/* Harmonious indentation fix */
div.hod-h-accordion {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

div.hod-h-scent-notes {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

div.hod-h-trust {
  margin-left: 20px !important;
  margin-right: 20px !important;
}