/** Shopify CDN: Minification failed

Line 318:53 Expected ":"

**/
/* =============================================================
   TINY TOPPER CO. — Dawn Theme Brand Styles
   ============================================================= */

/* COLOUR TOKENS */
:root {
  --ttc-cream:        #faf8f4;
  --ttc-warm-white:   #ffffff;
  --ttc-linen:        #f3efe8;
  --ttc-parchment:    #ebe6dc;
  --ttc-tan:          #d4c9b8;
  --ttc-taupe:        #b5a898;
  --ttc-clay:         #9a8d7f;
  --ttc-bark:         #6b5e52;
  --ttc-espresso:     #3d352d;
  --ttc-ink:          #2a2420;
  --ttc-rose:         #c4a196;
  --ttc-rose-light:   rgba(196, 161, 150, 0.15);
  --ttc-rose-border:  rgba(196, 161, 150, 0.35);
  --ttc-border:       rgba(107, 94, 82, 0.10);
  --ttc-border-hover: rgba(107, 94, 82, 0.22);
  --ttc-shadow-sm:    0 2px 8px rgba(42, 36, 32, 0.04);
  --ttc-shadow:       0 8px 32px rgba(42, 36, 32, 0.10), 0 1px 3px rgba(42, 36, 32, 0.06);
  --ttc-shadow-lg:    0 16px 48px rgba(42, 36, 32, 0.12), 0 2px 6px rgba(42, 36, 32, 0.05);
  --ttc-radius:       20px;
  --ttc-radius-sm:    14px;
  --ttc-radius-xs:    10px;
}

/* MAKE ALL SECTIONS TRANSPARENT SO PATTERN SHOWS THROUGH */
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5,
[class*="color-scheme-"],
.isolate.gradient {
  background: transparent !important;
}

#shopify-section-header, main, footer, .shopify-section {
  position: relative;
  z-index: 1;
}

/* TYPOGRAPHY */
body {
  font-family: "TTCSerif", Baskerville, "Palatino Linotype", Palatino, Georgia, serif !important;
  color: var(--ttc-ink) !important;
  -webkit-font-smoothing: antialiased;
}

h1, .h1, .hxl, .h0 {
  font-family: "SweetByNatureScript", serif !important;
  font-size: clamp(36px, 4.5vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  color: var(--ttc-bark) !important;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "SweetByNatureScript", serif !important;
  font-weight: 400 !important;
  color: var(--ttc-bark) !important;
}

a { color: var(--ttc-bark); }
a:hover { color: var(--ttc-espresso); }

/* HEADER */
.header-wrapper {
  background-color: var(--ttc-cream) !important;
  border-bottom: 1px solid var(--ttc-tan) !important;
  box-shadow: var(--ttc-shadow-sm) !important;
}

.header__heading-link .h2 {
  font-family: "SweetByNatureScript", serif !important;
  font-weight: 400 !important;
  font-size: clamp(24px, 2.5vw, 42px) !important;
  color: var(--ttc-bark) !important;
  letter-spacing: 0.01em !important;
  line-height: 1.05 !important;
}

.header__menu-item,
.header__menu-item span {
  font-family: "SweetByNatureCaps", system-ui, sans-serif !important;
  color: var(--ttc-bark) !important;
  letter-spacing: 0.06em !important;
  font-size: 16px !important;
  text-transform: lowercase !important;
}

.header__menu-item:hover span { color: var(--ttc-espresso) !important; }
.header__icon { color: var(--ttc-bark) !important; }

/* ANNOUNCEMENT BAR */
.announcement-bar {
  background-color: var(--ttc-cream) !important;
  border-bottom: 1px solid var(--ttc-tan) !important;
}

.announcement-bar__message {
  font-family: "SweetByNatureCaps", system-ui, sans-serif !important;
  color: var(--ttc-bark) !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  text-transform: lowercase !important;
}

/* HERO */
.banner__content {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

.banner__heading {
  font-family: "SweetByNatureScript", serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  text-transform: lowercase !important;
  letter-spacing: 0.01em !important;
  line-height: 1.05 !important;
}

.banner__text p {
  font-family: "TTCSerif", Georgia, serif !important;
  font-style: italic !important;
  color: #ffffff !important;
}

@media screen and (max-width: 749px) {
  .banner__heading {
    font-size: clamp(24px, 8vw, 36px) !important;
  }
}

/* BUTTONS */
.button,
.shopify-challenge__button,
.customer button {
  font-family: "SweetByNatureCaps", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: lowercase !important;
  padding: 13px 16px !important;
  border-radius: var(--ttc-radius-xs) !important;
  border: 1px solid var(--ttc-border) !important;
  background: var(--ttc-warm-white) !important;
  color: var(--ttc-bark) !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  min-height: auto !important;
}

.button::before, .button::after,
.shopify-challenge__button::before,
.shopify-challenge__button::after {
  display: none !important;
}

.button:hover, .shopify-challenge__button:hover {
  border-color: var(--ttc-border-hover) !important;
  box-shadow: var(--ttc-shadow-sm) !important;
  background: var(--ttc-warm-white) !important;
  color: var(--ttc-espresso) !important;
}

.button:active { transform: scale(0.98) !important; }

/* PRODUCT CARDS */
.card--product,
.card--standard,
.card--card {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: var(--ttc-radius) !important;
  box-shadow: var(--ttc-shadow) !important;
}

.card__heading,
.card__heading a {
  font-family: "TTCSerif", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  color: var(--ttc-bark) !important;
}

/* INPUTS */
.field__input,
.select__select,
.customer .field input,
.customer select {
  font-family: "TTCSerif", Georgia, serif !important;
  font-size: 15px !important;
  color: var(--ttc-ink) !important;
  background-color: var(--ttc-warm-white) !important;
  border-radius: var(--ttc-radius-xs) !important;
  border: 1px solid var(--ttc-border) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.field__input:focus, .select__select:focus {
  border-color: var(--ttc-rose-border) !important;
  box-shadow: 0 0 0 3px var(--ttc-rose-light) !important;
}

.field__input::placeholder {
  color: var(--ttc-taupe) !important;
  font-style: italic !important;
}

.field__label {
  font-family: "TTCSerif", Georgia, serif !important;
  color: var(--ttc-bark) !important;
  letter-spacing: 0.04em !important;
}

/* FOOTER */
.footer {
  background-color: var(--ttc-cream) !important;
  border-top: 1px solid var(--ttc-tan) !important;
}

.footer__heading {
  font-family: "SweetByNatureScript", serif !important;
  font-weight: 400 !important;
  color: var(--ttc-bark) !important;
}

.footer p, .footer li, .footer a {
  font-family: "TTCSerif", Georgia, serif !important;
  color: var(--ttc-bark) !important;
  font-size: 13px !important;
}

.footer a:hover { color: var(--ttc-espresso) !important; }

/* PRICE */
.price__regular, .price__sale {
  font-family: "TTCSerif", Georgia, serif !important;
  color: var(--ttc-bark) !important;
}

/* BADGES */
.badge {
  font-family: "SweetByNatureCaps", system-ui, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: lowercase !important;
  border-radius: 99px !important;
}

/* HIDE SORT DROPDOWN */
.facets__form,
.facets-container,
.facet-filters {
  display: none !important;
}

/* PRODUCT DESCRIPTION BOX */
.product__description,
.product-description,
.rte {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  border-radius: var(--ttc-radius) !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: var(--ttc-shadow) !important;
}

/* CART NOTIFICATION */
#cart-notification,
.cart-notification,
cart-notification {
  background-color: var(--ttc-cream) !important;
  backdrop-filter: none !important;
}

/* GLOBO PERSONALIZATION BOX */
.gpo-label,
.gpo-label span.label-content {
  font-family: "SweetByNatureScript", serif !important;
  font-size: 24px !important;
  color: var(--ttc-bark) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: block !important;
  padding-bottom: 4px !important;
  overflow: visible !important;
}

.gpo-label>*,
.gpo-dimension-label>* {
  font-family: "SweetByNatureScript", serif !important;
  text-transform: unset !important;
  letter-spacing: 0 !important;
}

.gpo-form textarea,
.gpo-form input[type="text"] {
  font-family: "SweetByNatureCaps", system-ui, sans-serif !important;
  font-size: 14px !important;
  color: var(--ttc-bark) !important;
  background: rgba(255, 255, 255, 0.88) !important;ca
  border: 1px solid var(--ttc-border) !important;
  border-radius: var(--ttc-radius-xs) !important;
  padding: 12px 16px !important;
  letter-spacing: 0.08em !important;
}

/* SCROLLBAR */
::-webkit-scrollbar-thumb { background-color: var(--ttc-tan) !important; }
::-webkit-scrollbar-thumb:hover { background-color: var(--ttc-taupe) !important; }
