/** Shopify CDN: Minification failed

Line 215:0 Unexpected "}"

**/
/* 1) Register your fonts (from your Shopify Files URLs) */
@font-face {
  font-family: "USTUDIO West Body";
  src: url("/cdn/shop/files/USTUDIO-Body-Font-West-Light.woff2?v=1758281113") format("woff2");
  font-weight: 250; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "USTUDIO West Heading";
  src: url("/cdn/shop/files/USTUDIO-Heading-Font-West-Reg.woff2?v=1758281113") format("woff2");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

/* 2) Only override the families; keep Motion’s sizes & scale */
:root {
  --font-heading-family: "USTUDIO West Heading", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body-family: "USTUDIO West Body", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Multipliers default to 1 (no change). You can expose these in Theme Settings (optional step 3). */
  --heading-size-multiplier: 1;
  --body-size-multiplier: 0.95;
}

/* Make sure headings/body pick up your families while inheriting size from the theme */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading-family);
  font-size: calc(1em * var(--heading-size-multiplier));
  line-height: inherit;
}

body, p, li, input, textarea, select, button {
  font-family: var(--font-body-family);
  font-size: calc(1em * var(--body-size-multiplier));
  line-height: inherit;
}

/* Optional polish — tiny tracking tweaks; adjust to taste */
h1 { letter-spacing: -0.01em; }
h2 { letter-spacing: -0.005em; }
body, p, li { letter-spacing: 0.0025em; }

/* 🔧 Global H3 size tweak — Desktop only */
@media (min-width: 750px) {
  :root {
    --font-h3-size: 16px; /* pick your desktop size */
  }
}
/* Left-align footer logo + social block */
#shopify-section-footer .footer__logo,
#shopify-section-footer .footer__logo-social {
  justify-content: flex-start !important; /* left align horizontally */
  text-align: left !important;
  margin-left: 0; /* remove any centering margin */
}

/* ===== COLLECTION TEMPLATE ONLY ===== */
body[class*="template-collection"] {

  /* Collection page hero title + description */
  h1 {
    font-size: 24px;
    line-height: 1.15;
  }
  .collection-description p {
    font-size: 16px;
    line-height: 1.6;
  }

  /* PRODUCT CARD TEXT */
  .grid-product__title {
    font-size: 15px;
    line-height: 1.3;
  }
  .grid-product__vendor {
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  .grid-product__price {
    font-size: 15px;
    line-height: 1.2;
  }
}

/* ===== MOBILE ADJUSTMENTS ===== */
@media (max-width: 749px) {
  body[class*="template-collection"] {

    h1 {
      font-size: 20px;
      line-height: 1.2;
    }
    .collection-description p {
      font-size: 15px;
    }

    .grid-product__title {
      font-size: 13px;
    }
    .grid-product__vendor {
      font-size: 11px;
    }
    .grid-product__price {
      font-size: 14px;
    }
  }
}

/* TEXT COLUMNS WITH IMAGES */
/* TEXT COLUMNS WITH IMAGES */

/* Desktop */
@media (min-width: 750px) {
  /* Header that sits directly before the text-column grid */
  .index-section .section-header.text-left:has(+ .text-column__grid) h2 {
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
  }

  /* Column subhead + paragraph inside the grid */
  .index-section .text-column__grid h3 {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.01em;
  }
  .index-section .text-column__grid p  {
    font-size: 16px;
    line-height: 1.4;
  }
}

/* Mobile */
@media (max-width: 749px) {
  .index-section .section-header.text-left:has(+ .text-column__grid) h2 {
    font-size: 20px;
    text-align: center;
  }
  .index-section .text-column__grid h3 { font-size: 16px; }
  .index-section .text-column__grid p  { font-size: 14px; }
}



/* ===== FEATURED COLLECTION (section header + product grid) ===== */

/* Desktop */
@media (min-width: 750px) {
  /* Target any Featured collection section by its id */
  [id*="__featured_collection"] .section-header h2,
  [id*="__featured_collection"] h2.section-header__title,
  [id*="__featured_collection"] .section-header .h2 {
    font-size: 24px;   /* pick your size */
    line-height: 1.15;
    /* text-align: left;  // or center, if you want */
  }
}

  /* 2) Product title (card) */
  .index-section .grid-product__title,
  .index-section .card__heading,
  .index-section .product-card__title,
  .index-section .card-information__text {
    font-size: 15px;
    line-height: 1.3;
  }

  /* 3) Vendor */
  .index-section .grid-product__vendor,
  .index-section .card-information__vendor,
  .index-section .vendor,
  .index-section .caption-with-letter-spacing {
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  /* 4) Price (regular/sale) */
  .index-section .grid-product__price,
  .index-section .price,
  .index-section .price .price__regular,
  .index-section .price .price__sale,
  .index-section .price-item,
  .index-section .price-item--regular,
  .index-section .price-item--sale {
    font-size: 15px;
    line-height: 1.2;
  }

  /* Original (compare-at) and Sale emphasis */
  .index-section .grid-product__price--original,
  .index-section .price-item--regular + .price-item--sale ~ .price-item--regular,
  .index-section .price .price__regular .price-item--regular {
    font-size: 15px;
    color: #999;
    text-decoration: line-through;
    margin-right: .4em;
  }

  .index-section .grid-product__price--sale,
  .index-section .price .price__sale .price-item--sale {
    font-size: 15px;
    font-weight: 600;
    color: #c00; /* adjust to brand */
  }
}

/* Mobile */
@media (max-width: 749px) {
  .index-section .section-header:has(+ .product-grid) h2,
  .index-section .section-header:has(+ .grid) h2 {
    font-size: 24px;
  }

  .index-section .grid-product__title,
  .index-section .card__heading,
  .index-section .product-card__title,
  .index-section .card-information__text {
    font-size: 13px;
  }

  .index-section .grid-product__vendor,
  .index-section .card-information__vendor,
  .index-section .vendor,
  .index-section .caption-with-letter-spacing {
    font-size: 11px;
  }

  .index-section .grid-product__price,
  .index-section .price,
  .index-section .price .price__regular,
  .index-section .price .price__sale,
  .index-section .price-item,
  .index-section .price-item--regular,
  .index-section .price-item--sale {
    font-size: 14px;
  }

  .index-section .grid-product__price--original,
  .index-section .price .price__regular .price-item--regular {
    font-size: 14px;
  }

  .index-section .grid-product__price--sale,
  .index-section .price .price__sale .price-item--sale {
    font-size: 14px;
  }
}

/* ===== RICH TEXT (header + paragraph) ===== */

/* Desktop */
@media (min-width: 750px) {
  /* A) Section type selector (works across pages) */
  [id*="__rich_text"] .section-header h2,
  [id*="__rich_text"] h2.section-header__title,
  [id*="__rich_text"] .section-header .h2,
  [id*="__rich_text"] .theme-block h2,                /* when h2 is inside theme-block */
  [id*="__rich_text"] .rich-text__heading,            /* some builds use this utility */
  .index-section .section-header:has(+ .rte) h2       /* header immediately before .rte */
  { font-size: 24px; line-height: 1.2; }

  /* Paragraphs */
  [id*="__rich_text"] .rte p { font-size: 16px; line-height: 1.6; }
}

/* Mobile */
@media (max-width: 749px) {
  [id*="__rich_text"] .section-header h2,
  [id*="__rich_text"] h2.section-header__title,
  [id*="__rich_text"] .section-header .h2,
  [id*="__rich_text"] .theme-block h2,
  [id*="__rich_text"] .rich-text__heading,
  .index-section .section-header:has(+ .rte) h2
  { font-size: 20px; }

  [id*="__rich_text"] .rte p { font-size: 14px; }
}



