/** Shopify CDN: Minification failed

Line 73:19 Unexpected "*"

**/
/* =========================================================
   NotesBox – Clean Dawn Overrides (Stable)
   Purpose: match mockup colors, cards, buttons, footer, mobile tagline
   ========================================================= */

/* 0) TOKENS */
:root{
  --nb-page-bg: #F6EDEC;
  --nb-card: #FFFFFF;
  --nb-border: #E8C9C9;
  --nb-border-soft: rgba(232,201,201,.65);

  --nb-text: #2B2B2B;
  --nb-muted: #6F6A6A;
  --nb-heading: #331219;

  --nb-accent: #E0999A;
  --nb-accent-hover: #D88E90;

  --nb-radius: 22px;
  --nb-radius-btn: 10px;
}

/* 1) PAGE BACKGROUND (safe) */
html, body{
  background: var(--nb-page-bg) !important;
}

/* Dawn часто красит фон через .gradient */
.gradient,
.color-background-1,
.color-background-2,
.color-background-3{
  background: var(--nb-page-bg) !important;
}

/* 2) TYPOGRAPHY */
h1,h2,h3,h4,h5{
  color: var(--nb-heading) !important;
  letter-spacing: -0.01em;
}
p, li, .rte{
  color: var(--nb-text) !important;
}
.subtitle, .caption, .price, .product__tax, .field__label{
  color: var(--nb-muted) !important;
}

/* 3) HEADER + ANNOUNCEMENT */
.header-wrapper,
.header,
.announcement-bar{
  background: transparent !important;
}

/* 4) CARDS / SECTIONS STYLE (mockup look) */
.card,
.product-card-wrapper .card,
.collection-card,
.article-card,
.image-with-text,
.multicolumn,
.rich-text,
.newsletter,
.featured-collection,
.collage,
.collection-list,
.section-template--*{
  border-radius: var(--nb-radius) !important;
}

.card,
.product-card-wrapper .card,
.collection-card,
.article-card,
.image-with-text,
.multicolumn,
.rich-text,
.newsletter,
.featured-collection,
.collage,
.collection-list{
  border: 1px solid var(--nb-border-soft) !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.96) 0%,
    rgba(255,255,255,0.96) 55%,
    rgba(246,237,236,0.65) 100%
  ) !important;
  box-shadow: none !important;
}

/* media corners */
.media,
.media img,
.card__media img,
.product__media-item img{
  border-radius: calc(var(--nb-radius) - 6px) !important;
}
.card__media,
.media,
.product__media-item{
  overflow: hidden !important;
}

/* 5) BUTTONS (pink filled) */
.button,
.shopify-payment-button__button,
.product-form__submit,
.cart__checkout-button,
.quick-add__submit,
.newsletter-form__button,
.customer button{
  background: var(--nb-accent) !important;
  color: #fff !important;
  border: 1px solid rgba(0,0,0,.05) !important;
  border-radius: var(--nb-radius-btn) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.button:hover,
.shopify-payment-button__button:hover,
.product-form__submit:hover,
.cart__checkout-button:hover,
.quick-add__submit:hover,
.newsletter-form__button:hover,
.customer button:hover{
  background: var(--nb-accent-hover) !important;
}

/* force filled for secondary add-to-cart buttons in grids */
.product-card-wrapper .button--secondary,
.product-card-wrapper .button--tertiary,
.product-card-wrapper .quick-add__submit.button--secondary{
  background: var(--nb-accent) !important;
  color: #fff !important;
  border-color: rgba(0,0,0,.05) !important;
}

/* 6) INPUTS */
.field__input,
.customer .field input,
.search__input.field__input{
  background: #fff !important;
  border: 1px solid rgba(51,18,25,.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.field__input:focus,
.customer .field input:focus{
  outline: none !important;
  border-color: rgba(224,153,154,.65) !important;
  box-shadow: 0 0 0 4px rgba(224,153,154,.14) !important;
}

/* 7) PRODUCT GRID spacing (Choose your aesthetic bundle) */
#MainContent .grid.product-grid{
  gap: 34px !important;
}

/* 8) FOOTER: compact like mockup (POLICIES STAY) */
.footer{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.footer__content-top{
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}
.footer__content-bottom{
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
.footer .footer__blocks-wrapper{
  gap: 18px !important;
}
.footer .footer-block{
  margin: 0 !important;
  padding: 0 !important;
}
.footer .footer-block__heading{
  margin: 0 0 8px 0 !important;
}
.footer .footer-block ul{
  margin: 0 !important;
}
.footer .footer-block li{
  margin: 6px 0 !important;
  line-height: 1.45 !important;
}
.footer .newsletter-form{
  margin-top: 4px !important;
}
.footer .newsletter-form__field-wrapper .field__input{
  height: 40px !important;
}
.footer .newsletter-form__button{
  height: 40px !important;
}
.footer .list-social{
  margin: 4px 0 6px !important;
  gap: 12px !important;
}
.footer__copyright,
.footer__content-bottom-wrapper{
  margin: 0 !important;
  padding: 0 !important;
}
.footer .page-width{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 9) MOBILE: Tagline ONE LINE, do NOT break logo */
@media (max-width: 749px){

  /* protect brand text from breaking */
  .header__heading-link,
  .header__heading-link span,
  .header__heading-link .h2,
  .header__heading-link .h1{
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* tagline in one line */
  .header .header__tagline{
    display: block !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 12px !important; /* if still long -> 11px */
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;

    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* немного больше места по бокам */
  .header .page-width{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}