/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
/* ============================================
   DTX PRINTS — Custom Overrides
   ============================================ */

/* --- Brand colors --- */
:root {
  --dtx-gold: #F5A623;
  --dtx-black: #1a1a1a;
  --dtx-white: #ffffff;
  --dtx-bg-warm: #f9f6f0;
}

/* --- Google Fonts: Inter --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* --- Base typography override --- */
body,
.shopify-section,
.card__heading,
.card__heading a,
.price__container,
.button,
.btn,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
}

/* --- Whitespace between sections --- */
.shopify-section + .shopify-section {
  margin-top: 0;
}
.featured-collection,
.multicolumn,
.rich-text {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* --- Product Cards --- */
.card-wrapper {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card--standard,
.card--card {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}

.card__inner {
  background-color: #ffffff;
}

.card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

/* Full-bleed image, no inner padding */
.card__media .media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.card__media .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.card-wrapper:hover .card__media .media img {
  transform: scale(1.04);
}

/* Card body */
.card__content {
  padding: 12px 14px 16px;
}

.card__heading {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 4px;
  line-height: 1.3;
}

.card__heading a {
  text-decoration: none;
  color: inherit;
}

/* Price */
.price__container {
  font-size: 1rem;
  font-weight: 700;
}

.price-item--regular {
  font-weight: 700;
}

/* --- Badges --- */
.badge--sale {
  background-color: #efb34c;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 4px;
}

.badge--sold-out {
  background-color: #e22120;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 4px;
}

/* --- Collection/Section Headings --- */
.collection__title,
.featured-collection .title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

/* --- Buttons --- */
.button,
.btn {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.82rem;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 18px rgba(245, 166, 35, 0.35);
}

/* Primary button — gold */
.button--primary {
  background-color: var(--dtx-gold) !important;
  color: var(--dtx-black) !important;
  border-color: var(--dtx-gold) !important;
}

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

/* --- "View all" link --- */
.link--text {
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* --- Announcement bar --- */
.announcement-bar {
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* --- Hero headings --- */
.dtx-hero__headline {
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

/* --- Section titles --- */
.multicolumn .title,
.rich-text__heading {
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* --- Inputs --- */
input,
textarea,
select {
  font-family: 'Inter', sans-serif !important;
}

/* --- Gold accent on links & underlines --- */
a:hover {
  color: var(--dtx-gold);
}

.link--text:hover,
.link--text:focus {
  color: var(--dtx-gold);
}

/* --- Announcement bar gold --- */
.announcement-bar__message a {
  color: var(--dtx-gold);
}

/* --- Focus ring gold --- */
*:focus-visible {
  outline-color: var(--dtx-gold);
}

/* --- Price — highlight with gold on sale --- */
.price--on-sale .price-item--sale {
  color: var(--dtx-gold);
}

/* --- Cart icon bubble --- */
.cart-count-bubble {
  background-color: var(--dtx-gold) !important;
  color: var(--dtx-black) !important;
}

/* --- Header border accent --- */
.header-wrapper {
  border-bottom: 2px solid var(--dtx-gold);
}

/* --- Mobile tweaks --- */
@media (max-width: 749px) {
  .card__heading {
    font-size: 0.88rem;
  }
  .price__container {
    font-size: 0.92rem;
  }
}