/** Shopify CDN: Minification failed

Line 7:8 Expected identifier but found whitespace
Line 7:9 Unexpected "1.0"

**/
Version: 1.0 | stoneandwest.com
   ============================================================ */


/* ── 1. BRAND VARIABLES & FONTS ── */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --sw-jet:         #0F0F0F;
  --sw-white:       #FFFFFF;
  --sw-cream:       #FAFAF8;
  --sw-warm-gray:   #EDEAE6;
  --sw-mid:         #9A948C;
  --sw-gold:        #C9A458;
  --sw-gold-light:  #E8D5A3;
  --sw-mauve:       #9B7B8A;
  --sw-mauve-light: #F5EFF2;
  --sw-mauve-mid:   #DDD0D6;

  /* Override Atelier's color variables */
  --color-accent:        #9B7B8A;
  --color-button:        #0F0F0F;
  --color-button-text:   #FFFFFF;
  --color-accent-text:   #FFFFFF;
}


/* ── 2. ANNOUNCEMENT BAR ── */

.announcement-bar,
.shopify-section .announcement-bar {
  background-color: var(--sw-mauve) !important;
  color: var(--sw-white) !important;
}
.announcement-bar__text,
.announcement-bar a,
.announcement-bar p,
.announcement-bar span {
  color: var(--sw-white) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
}


/* ── 3. HEADER & LOGO ── */

.header__logo img,
.header .header__logo {
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.32em !important;
}

/* Nav link hover — mauve */
.header__nav-item:hover,
.header__link:hover,
.header__menu-link:hover {
  color: var(--sw-mauve) !important;
}

/* Cart bubble — mauve */
.header__cart-count,
.cart-count {
  background-color: var(--sw-mauve) !important;
  color: var(--sw-white) !important;
}


/* ── 4. TYPOGRAPHY ── */

h1, h2, h3, h4,
.product__title,
.product-card__title,
.collection__title,
.section__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
}

body,
p, li, span,
.price-list,
.button,
input, select, textarea {
  font-family: 'DM Sans', sans-serif !important;
}


/* ── 5. PRODUCT CARD ── */

/* Atelier uses <product-card> web component with CSS variables */
product-card,
.product-card {
  --border-radius: 0px !important;
  --border-width: 1px !important;
  --border-color: var(--sw-warm-gray) !important;
}

/* Card image background — pure white for sparkle */
.product-card__image,
.product-card .media,
product-card .media,
product-card img {
  background-color: var(--sw-white) !important;
}

/* Card title */
.product-card__title,
product-card .product-card__title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  color: var(--sw-jet) !important;
}

/* Card price */
.product-card__price,
.price-list,
product-card .price-list {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: var(--sw-mid) !important;
}

/* Sale price */
.price--sale,
.price-list .price--sale {
  color: var(--sw-mauve) !important;
}

/* Badges */
.badge,
.product-card .badge,
.product-card__badge {
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 8px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
}
.badge--sale,
.badge--on-sale {
  background-color: var(--sw-mauve) !important;
  color: var(--sw-white) !important;
}
.badge--sold-out {
  background-color: var(--sw-mid) !important;
  color: var(--sw-white) !important;
}

/* Quick add button on card */
.product-card .button,
.product-card__quick-buy,
product-card .button {
  background-color: var(--sw-jet) !important;
  color: var(--sw-white) !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  transition: background-color 0.2s ease !important;
}
.product-card .button:hover,
product-card .button:hover {
  background-color: #2a2a2a !important;
}


/* ── 6. BUTTONS (GLOBAL) ── */

.button,
button[type="submit"],
.btn {
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
}

/* Primary */
.button--primary,
.button:not(.button--secondary):not(.button--outline) {
  background-color: var(--sw-jet) !important;
  color: var(--sw-white) !important;
  border: none !important;
  transition: background-color 0.22s ease !important;
}
.button--primary:hover {
  background-color: #2a2a2a !important;
}

/* Secondary / outline — mauve */
.button--secondary,
.button--outline {
  background: transparent !important;
  border: 1px solid var(--sw-mauve) !important;
  color: var(--sw-mauve) !important;
  transition: all 0.22s ease !important;
}
.button--secondary:hover,
.button--outline:hover {
  background-color: var(--sw-mauve) !important;
  color: var(--sw-white) !important;
}

/* Add to cart button on product page */
.product-form__submit,
.product-form [type="submit"],
.add-to-cart-text {
  background-color: var(--sw-jet) !important;
  color: var(--sw-white) !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
}
.product-form__submit:hover {
  background-color: #2a2a2a !important;
}


/* ── 7. STAR RATINGS ── */

.rating__stars,
.rating .icon,
.review-stars,
.star-rating svg {
  color: var(--sw-mauve) !important;
  fill: var(--sw-mauve) !important;
}


/* ── 8. PRODUCT PAGE ── */

/* Product title */
.product__title,
.product-info__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
}

/* Vendor / collection label */
.product__vendor,
.product-info__vendor {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  font-weight: 600 !important;
  color: var(--sw-mauve) !important;
}

/* Product price */
.product__price,
.product-info__price .price-list {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  color: var(--sw-jet) !important;
}

/* Product image background — pure white */
.product__media,
.product-gallery .media,
.product__media-item .media {
  background-color: var(--sw-white) !important;
}

/* Variant buttons / size pills */
.variant-button,
.swatch-button,
.block-swatch__button {
  border-radius: 0 !important;
  border: 1px solid var(--sw-warm-gray) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  transition: all 0.2s !important;
}
.variant-button--selected,
.variant-button[aria-pressed="true"],
.swatch-button--selected,
.block-swatch__button--selected {
  border-color: var(--sw-jet) !important;
  background-color: var(--sw-jet) !important;
  color: var(--sw-white) !important;
}
.variant-button:hover:not(.variant-button--selected),
.swatch-button:hover:not(.swatch-button--selected) {
  border-color: var(--sw-mauve) !important;
  color: var(--sw-mauve) !important;
}

/* Sold out / unavailable variant */
.variant-button--unavailable,
.block-swatch__button--unavailable {
  opacity: 0.3 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}

/* Accordion / tabs on product page */
.accordion__title,
.disclosure__title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  font-weight: 700 !important;
  color: var(--sw-jet) !important;
}
.accordion__title:hover { color: var(--sw-mauve) !important; }
.accordion__content,
.disclosure__content {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: var(--sw-mid) !important;
  line-height: 1.8 !important;
}


/* ── 9. COLLECTION PAGE ── */

/* Collection title */
.collection__title,
.collection-banner__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 42px !important;
  font-weight: 300 !important;
  color: var(--sw-white) !important;
  letter-spacing: 0.04em !important;
}

/* Collection description */
.collection__description,
.collection-banner__description {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.45) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.7 !important;
}

/* Filter/sort labels */
.filter-toolbar__label,
.active-filters__label,
.sort-by__label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  font-weight: 600 !important;
  color: var(--sw-jet) !important;
}

/* Active filter chips */
.active-filters__tag {
  border-radius: 0 !important;
  border: 1px solid var(--sw-warm-gray) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  color: var(--sw-jet) !important;
  transition: border-color 0.2s !important;
}
.active-filters__tag:hover {
  border-color: var(--sw-mauve) !important;
  color: var(--sw-mauve) !important;
}

/* "View all" / "Load more" link */
.collection__load-more .button,
.pagination .button {
  border: 1px solid var(--sw-jet) !important;
  background: transparent !important;
  color: var(--sw-jet) !important;
  border-radius: 0 !important;
}
.collection__load-more .button:hover {
  background: var(--sw-jet) !important;
  color: var(--sw-white) !important;
}


/* ── 10. FOOTER ── */

.footer {
  background-color: var(--sw-jet) !important;
}

/* Mauve rule above footer content */
.footer__inner,
.footer__content {
  border-top: 1px solid rgba(155,123,138,0.3) !important;
}

/* Footer heading/logo */
.footer__title,
.footer__heading,
.footer .h4,
.footer .h3 {
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.28em !important;
  color: var(--sw-white) !important;
  font-weight: 400 !important;
}

/* Footer links */
.footer__link,
.footer a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  color: rgba(255,255,255,0.3) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.footer__link:hover,
.footer a:hover {
  color: rgba(255,255,255,0.7) !important;
}

/* Newsletter button — mauve */
.footer .button,
.footer__newsletter .button,
.footer [type="submit"] {
  background-color: var(--sw-mauve) !important;
  color: var(--sw-white) !important;
  border-radius: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
}
.footer .button:hover,
.footer__newsletter .button:hover {
  background-color: #8a6a79 !important;
}

/* Newsletter input */
.footer input[type="email"],
.footer__newsletter input {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 0 !important;
  color: var(--sw-white) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
}
.footer input[type="email"]:focus,
.footer__newsletter input:focus {
  border-color: rgba(155,123,138,0.5) !important;
  outline: none !important;
}

/* Footer copyright */
.footer__copyright,
.footer small {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  color: rgba(255,255,255,0.2) !important;
  letter-spacing: 0.08em !important;
}

/* Social icons */
.footer .social-link:hover svg,
.footer .list-social__link:hover svg {
  color: var(--sw-mauve) !important;
}

/* Payment icons */
.footer .payment-icon {
  border-radius: 0 !important;
}


/* ── END STONE & WEST — ATELIER CSS ── */