/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   CUSTOM STORE THEME — Clean & Minimal / Monochrome / Fashion
   ============================================================
   HOW TO USE:
   1. Go to Online Store → Themes → Customize
   2. Click Theme Settings (paintbrush icon) → look for "Custom CSS"
      (In Dawn and most modern themes: Theme Settings → Custom CSS)
      If your theme doesn't have that, go to Edit Code → assets →
      create/open "custom.css" and paste this in, then make sure
      it's loaded in theme.liquid (or ask me and I'll show you how).
   3. Save. Refresh your storefront.

   This uses your existing theme's HTML structure and Shopify's
   default class names, so it should work on Dawn and most Dawn-
   based themes (which is the majority of Shopify stores) without
   editing any Liquid files. Colors and type are fully monochrome
   as requested — easy to re-skin later by editing the variables
   at the top.
   ============================================================ */

/* ---------- 1. DESIGN TOKENS ---------- */
:root {
  --color-ink:        #0a0a0a;   /* near-black, primary text/buttons */
  --color-paper:      #fafaf8;   /* warm off-white background */
  --color-white:      #ffffff;
  --color-mid:         #6b6b6b;  /* secondary text */
  --color-line:        #e5e3df; /* hairline borders/dividers */
  --color-line-strong: #0a0a0a;

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;

  --tracking-wide: 0.14em;
  --radius: 0px; /* sharp corners throughout — deliberate, not default */
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@400;500;600&display=swap');

/* ---------- 2. GLOBAL BASE ---------- */
body {
  background-color: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  letter-spacing: 0.01em;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: none;
}

/* Section headings act like editorial captions */
.section-title,
.collection-hero__title,
.title-wrapper h2 {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
}

/* Eyebrow / label text (badges, "New In", collection labels) */
.badge,
.product__text.caption,
.collection__title .caption {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-size: 0.7rem;
  font-weight: 600;
  background: transparent;
  color: var(--color-ink);
  border: 1px solid var(--color-ink);
  border-radius: var(--radius);
  padding: 3px 10px;
}

a {
  color: var(--color-ink);
}

hr,
.divider {
  border-color: var(--color-line);
}

/* ---------- 3. HEADER / NAV ---------- */
.header,
.section-header {
  background-color: var(--color-paper);
  border-bottom: 1px solid var(--color-line);
}

.header__heading-logo,
.header__heading-link {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
}

.header__menu-item {
  font-family: var(--font-body);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: var(--tracking-wide);
}

.header__menu-item::after {
  display: none; /* remove default underline animation, we add our own below */
}

.header__menu-item {
  position: relative;
}

.header__menu-item span {
  position: relative;
}

.header__menu-item span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 1px;
  background: var(--color-ink);
  transition: width 0.25s ease;
}

.header__menu-item:hover span::after {
  width: 100%;
}

/* ---------- 4. BUTTONS ---------- */
.button,
button.button,
a.button,
.shopify-payment-button__button--unbranded {
  background-color: var(--color-ink);
  color: var(--color-white);
  border: 1px solid var(--color-ink);
  border-radius: var(--radius);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 14px 28px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.button:hover,
button.button:hover,
a.button:hover {
  background-color: transparent;
  color: var(--color-ink);
  border-color: var(--color-ink);
}

.button--secondary {
  background-color: transparent;
  color: var(--color-ink);
  border: 1px solid var(--color-ink);
}

.button--secondary:hover {
  background-color: var(--color-ink);
  color: var(--color-white);
}

/* ---------- 5. PRODUCT GRID / CARDS ---------- */
.card,
.card-wrapper {
  border-radius: var(--radius);
}

.card__inner {
  border: none;
  background: transparent;
}

.card__media {
  background-color: var(--color-line);
  border-radius: var(--radius);
}

.card__heading,
.card-information .card__heading a {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.01em;
  color: var(--color-ink);
}

/* Signature interaction: underline reveal on product titles */
.card-information .card__heading a {
  background-image: linear-gradient(var(--color-ink), var(--color-ink));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s ease;
  padding-bottom: 2px;
}

.card-information .card__heading a:hover {
  background-size: 100% 1px;
}

.price {
  font-family: var(--font-body);
  font-weight: 500;
  color: var(--color-ink);
}

.price--on-sale .price-item--regular {
  color: var(--color-mid);
  text-decoration: line-through;
}

/* Quick add / sold out badges */
.card__badge .badge {
  background: var(--color-ink);
  color: var(--color-white);
  border: none;
}

/* ---------- 6. PRODUCT PAGE ---------- */
.product__title {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
}

.product__info-container {
  border-left: 1px solid var(--color-line);
  padding-left: 2.5rem;
}

.product__price {
  font-size: 1.15rem;
}

/* Variant / size pickers — square swatches, sharp edges */
.product-form__input .form__label {
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: var(--tracking-wide);
  color: var(--color-mid);
}

fieldset.js-product-form .product-form__input input[type="radio"] + label {
  border-radius: var(--radius);
  border: 1px solid var(--color-line-strong);
  color: var(--color-ink);
  font-weight: 500;
}

fieldset.js-product-form .product-form__input input[type="radio"]:checked + label {
  background-color: var(--color-ink);
  color: var(--color-white);
}

/* Accordion (description, shipping info) */
.accordion__title {
  font-family: var(--font-body);
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: var(--tracking-wide);
  font-weight: 600;
}

.accordion {
  border-top: 1px solid var(--color-line);
}

/* ---------- 7. CART DRAWER / CART PAGE ---------- */
.drawer,
.cart-drawer {
  background-color: var(--color-paper);
}

.cart-item__name {
  font-family: var(--font-body);
  font-weight: 500;
}

.cart-count-bubble {
  background-color: var(--color-ink);
  border-radius: 50%; /* keep circular for readability */
}

.totals__subtotal-value,
.cart__footer .totals {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.2rem;
}

/* ---------- 8. FOOTER ---------- */
.footer {
  background-color: var(--color-ink);
  color: var(--color-paper);
  border-top: none;
}

.footer a,
.footer .footer-block__heading {
  color: var(--color-paper);
}

.footer__copyright {
  color: var(--color-mid);
  font-size: 0.75rem;
  letter-spacing: 0.05em;
}

.footer-block__heading {
  font-family: var(--font-body);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: var(--tracking-wide);
  font-weight: 600;
}

/* ---------- 9. BUNDLE / DISCOUNT TIER BADGES ----------
   Pairs well with the Buy 2/3/4 automatic discounts —
   styles any "Save 20%" style badges on product/cart pages */
.discount-badge,
.savings-badge {
  display: inline-block;
  background: var(--color-ink);
  color: var(--color-white);
  text-transform: uppercase;
  font-size: 0.68rem;
  letter-spacing: var(--tracking-wide);
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--radius);
}

/* ---------- 10. RESPONSIVE / ACCESSIBILITY ---------- */
@media (max-width: 749px) {
  .product__info-container {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--color-line);
    padding-top: 1.5rem;
  }
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--color-ink);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}