/** Shopify CDN: Minification failed

Line 234:0 All "@import" rules must come first
Line 423:0 Unexpected "}"

**/
/* ═══════════════════════════════════════════════════════════
   ST Designs LLC — Global Card Override v2
   Higher specificity to beat Dawn theme defaults
   Paste at the bottom of assets/base.css
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ── Card wrapper — controls the outer shape ── */
.card-wrapper .card,
.card-wrapper.product-card-wrapper .card,
.card.card--product,
.card.card--standard {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  position: relative !important;
}

.card-wrapper:hover .card,
.card-wrapper.product-card-wrapper:hover .card,
.card.card--product:hover,
.card.card--standard:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(28, 58, 46, 0.12) !important;
}

/* ── Image container ── */
.card-wrapper .card__media,
.card.card--product .card__media,
.card.card--standard .card__media {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f5faf7 !important;
  margin: 0 !important;
}

/* ── Image zoom on hover ── */
.card-wrapper .card__media img,
.card.card--product .card__media img,
.card.card--standard .card__media img {
  transition: transform 0.4s ease !important;
  object-position: top center !important;
}

.card-wrapper:hover .card__media img,
.card.card--product:hover .card__media img,
.card.card--standard:hover .card__media img {
  transform: scale(1.05) !important;
}

/* ── Card inner content area ── */
.card-wrapper .card__content,
.card-wrapper .card__information,
.card.card--product .card__content,
.card.card--product .card__information {
  padding: 14px 16px 6px !important;
  font-family: 'Manrope', sans-serif !important;
}

/* ── Product title ── */
.card-wrapper .card__heading,
.card-wrapper .card__heading a,
.card.card--product .card__heading,
.card.card--product .card__heading a,
.card.card--product .card__heading h3 {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin: 0 0 4px !important;
}

/* ── Price ── */
.card-wrapper .price .price-item--regular,
.card-wrapper .price__regular .price-item,
.card.card--product .price .price-item--regular,
.card.card--product .price__regular {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1C3A2E !important;
}

/* Compare at / sale price */
.card-wrapper .price .price-item--compare,
.card.card--product .price .price-item--compare {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #aaa !important;
  text-decoration: line-through !important;
}

/* ── Badges ── */
.card-wrapper .badge,
.card.card--product .badge,
.card-wrapper .card__badge .badge {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  border: none !important;
  letter-spacing: 0.04em !important;
}

.card-wrapper .badge--sale,
.card-wrapper .badge--on-sale,
.card.card--product .badge--sale {
  background: #c0392b !important;
  color: #fff !important;
}

.card-wrapper .badge--sold-out,
.card.card--product .badge--sold-out {
  background: #1C3A2E !important;
  color: #fff !important;
}

/* NEW badge — green */
.card-wrapper .badge:not(.badge--sale):not(.badge--sold-out),
.card.card--product .badge:not(.badge--sale):not(.badge--sold-out) {
  background: #1C3A2E !important;
  color: #fff !important;
}

/* ── Shop Now / Quick Add button ── */
.card-wrapper .quick-add__submit,
.card-wrapper .card__footer .button,
.card-wrapper .card__footer a.button,
.card.card--product .quick-add__submit,
.card.card--product .card__footer .button,
.card.card--product .button--full-width,
.product-card-wrapper .quick-add .button {
  display: block !important;
  margin: 10px 16px 14px !important;
  padding: 10px 16px !important;
  background: #E8F5F0 !important;
  color: #1C3A2E !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 100px !important;
  border: none !important;
  width: calc(100% - 32px) !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

.card-wrapper:hover .quick-add__submit,
.card-wrapper:hover .card__footer .button,
.card-wrapper:hover .card__footer a.button,
.card.card--product:hover .quick-add__submit,
.card.card--product:hover .button--full-width,
.product-card-wrapper:hover .quick-add .button {
  background: #1C3A2E !important;
  color: #ffffff !important;
}

/* ── Collection cards ── */
.card.card--collection,
.card-wrapper .card--collection {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #f0f0f0 !important;
  background: #ffffff !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.card.card--collection:hover,
.card-wrapper:hover .card--collection {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(28, 58, 46, 0.1) !important;
}

.card.card--collection .card__heading,
.card.card--collection .card__heading a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1C3A2E !important;
}

/* ── Mobile ── */
@media (max-width: 749px) {
  .card-wrapper .card__content,
  .card-wrapper .card__information,
  .card.card--product .card__information {
    padding: 10px 12px 4px !important;
  }

  .card-wrapper .card__heading,
  .card.card--product .card__heading {
    font-size: 12px !important;
  }

  .card-wrapper .price .price-item--regular,
  .card.card--product .price .price-item--regular {
    font-size: 13px !important;
  }

  .card-wrapper .quick-add__submit,
  .card-wrapper .card__footer .button,
  .card.card--product .quick-add__submit,
  .card.card--product .button--full-width {
    margin: 8px 12px 12px !important;
    width: calc(100% - 24px) !important;
    font-size: 11px !important;
    padding: 8px !important;
  }
  
}
/* ═══════════════════════════════════════════════════════════
   ST Designs LLC — st-cards.css
   Load this AFTER base.css in theme.liquid:
   {{ 'st-cards.css' | asset_url | stylesheet_tag }}
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ─────────────────────────────────────────────────────────
   PRODUCT & COLLECTION CARDS
───────────────────────────────────────────────────────── */

/* Card wrapper — outer shape */
.card-wrapper .card,
.card-wrapper.product-card-wrapper .card,
.card.card--product,
.card.card--standard {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  position: relative !important;
}

.card-wrapper:hover .card,
.card-wrapper.product-card-wrapper:hover .card,
.card.card--product:hover,
.card.card--standard:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(28, 58, 46, 0.12) !important;
}

/* Image container */
.card-wrapper .card__media,
.card.card--product .card__media,
.card.card--standard .card__media {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: #f5faf7 !important;
  margin: 0 !important;
}

/* Image zoom on hover */
.card-wrapper .card__media img,
.card.card--product .card__media img,
.card.card--standard .card__media img {
  transition: transform 0.4s ease !important;
  object-position: top center !important;
}

.card-wrapper:hover .card__media img,
.card.card--product:hover .card__media img,
.card.card--standard:hover .card__media img {
  transform: scale(1.05) !important;
}

/* Card content area */
.card-wrapper .card__content,
.card-wrapper .card__information,
.card.card--product .card__content,
.card.card--product .card__information {
  padding: 14px 16px 6px !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Product title */
.card-wrapper .card__heading,
.card-wrapper .card__heading a,
.card.card--product .card__heading,
.card.card--product .card__heading a,
.card.card--product .card__heading h3 {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin: 0 0 4px !important;
}

/* Price */
.card-wrapper .price .price-item--regular,
.card-wrapper .price__regular .price-item,
.card.card--product .price .price-item--regular,
.card.card--product .price__regular {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1C3A2E !important;
}

/* Compare at price */
.card-wrapper .price .price-item--compare,
.card.card--product .price .price-item--compare {
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #aaa !important;
  text-decoration: line-through !important;
}

/* Badges */
.card-wrapper .badge,
.card.card--product .badge,
.card-wrapper .card__badge .badge {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  border: none !important;
  letter-spacing: 0.04em !important;
}

.card-wrapper .badge--sale,
.card-wrapper .badge--on-sale,
.card.card--product .badge--sale {
  background: #c0392b !important;
  color: #fff !important;
}

.card-wrapper .badge--sold-out,
.card.card--product .badge--sold-out {
  background: #1C3A2E !important;
  color: #fff !important;
}

.card-wrapper .badge:not(.badge--sale):not(.badge--sold-out),
.card.card--product .badge:not(.badge--sale):not(.badge--sold-out) {
  background: #1C3A2E !important;
  color: #fff !important;
}

/* Shop Now / Quick Add button */
.card-wrapper .quick-add__submit,
.card-wrapper .card__footer .button,
.card-wrapper .card__footer a.button,
.card.card--product .quick-add__submit,
.card.card--product .card__footer .button,
.card.card--product .button--full-width,
.product-card-wrapper .quick-add .button {
  display: block !important;
  margin: 10px 16px 14px !important;
  padding: 10px 16px !important;
  background: #E8F5F0 !important;
  color: #1C3A2E !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 10px !important;
  border: none !important;
  width: calc(100% - 32px) !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

.card-wrapper:hover .quick-add__submit,
.card-wrapper:hover .card__footer .button,
.card-wrapper:hover .card__footer a.button,
.card.card--product:hover .quick-add__submit,
.card.card--product:hover .button--full-width,
.product-card-wrapper:hover .quick-add .button {
  background: #1C3A2E !important;
  color: #ffffff !important;
}

/* Collection cards */
.card.card--collection,
.card-wrapper .card--collection {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #f0f0f0 !important;
  background: #ffffff !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.card.card--collection:hover,
.card-wrapper:hover .card--collection {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(28, 58, 46, 0.1) !important;
}

.card.card--collection .card__heading,
.card.card--collection .card__heading a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1C3A2E !important;
}

}