/** Shopify CDN: Minification failed

Line 231:48 Unexpected "{"
Line 231:57 Expected ":"

**/
/* ═══════════════════════════════════════════════
   THE ANTIQUE ROOM — Custom Theme Styles
   Overrides Horizon with our cream/navy palette
   ═══════════════════════════════════════════════ */

:root {
  --ar-cream:   #EDE6D6;
  --ar-white:   #ffffff;
  --ar-dark:    #0F1728;
  --ar-slate:   #5B6480;
  --ar-brown:   #3A2116;
  --ar-taupe:   #A89B82;
  --ar-muted:   #7A7470;
  --ar-border:  #DDD6C8;
}

/* ── Fonts ── */
html {
  font-size: 18px;
}

body,
.body {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  background-color: #ffffff !important;
  color: var(--ar-dark);
}

/* Product + collection pages — white background so image backgrounds blend in.
   Horizon paints sections via .section-background pseudo-elements,
   so both body and those elements need overriding. */
body.template-product .section-background,
body.template-collection .section-background,
body.template-search .section-background {
  background-color: #ffffff !important;
}

/* Search results page — white background throughout */
body.template-search,
body.template-search .search-results,
body.template-search main,
body.template-search .content-for-layout,
body.template-search [class*="search-results__section"],
body.template-search [class*="search-results"] > *,
body.template-search .section-title,
body.template-search [class*="section-title"],
body.template-search [class*="section-header"],
body.template-search sticky-header,
body.template-search [sticky] {
  background-color: #ffffff !important;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4,
[class*="heading"],
[class*="title"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* Override Horizon's font CSS variables */
:root {
  --font-body-family: 'Jost', sans-serif;
  --font-heading-family: 'Cormorant Garamond', serif;
  --font-body-style: normal;
  --font-heading-style: normal;
  --font-body-weight: 300;
  --font-heading-weight: 400;
}

/* ── Top announcement bar ── */
.announcement-bar,
.header-announcements,
[class*="announcement"] {
  background-color: var(--ar-dark) !important;
  color: #fff !important;
  font-family: 'Jost', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center !important;
}
[class*="announcement"] p,
[class*="announcement"] span,
[class*="announcement"] div {
  text-align: center !important;
  width: 100% !important;
  justify-content: center !important;
}

/* ── Header ── */
.header,
.header-section,
header {
  background-color: #EDE6D6 !important;
  border-bottom: 1px solid var(--ar-border) !important;
}

/* Logo — centered, Cormorant Garamond, uppercase */
.ar-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.ar-logo__name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.6rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ar-dark);
  line-height: 1;
  display: block;
}

.ar-logo__sub {
  font-family: 'Jost', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ar-taupe);
  font-weight: 400;
  margin-top: 0.5rem;
  display: block;
}

@media (max-width: 768px) {
  .ar-logo__name {
    font-size: 1.1rem;
    letter-spacing: 0.1em;
  }
  .ar-logo__sub {
    font-size: 0.52rem;
    margin-top: 0.3rem;
    letter-spacing: 0.18em;
  }
}

/* Nav links — broad targeting for Horizon's web component nav */
.header__menu-item,
.header__nav-link,
.header-nav a,
.menu-list__link,
.list-menu__item a,
.header__inline-menu a,
.site-nav a,
header nav a,
header-menu a,
[class*="header"][class*="nav"] a,
[class*="header"][class*="menu"] a,
#shopify-section-group-header-group nav a,
#shopify-section-group-header-group [class*="menu"] a {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #0F1728 !important;
  font-weight: 600 !important;
  font-variation-settings: 'wght' 600 !important;
}

#shopify-section-group-header-group nav a:hover,
header nav a:hover,
header-menu a:hover {
  color: var(--ar-taupe) !important;
}

/* ── Buttons ── */
.button:not(.slideshow-control),
.btn,
[class*="button--primary"],
.shopify-payment-button__button {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background-color: var(--ar-dark) !important;
  color: #fff !important;
  border-color: var(--ar-dark) !important;
}

.button:hover,
[class*="button--primary"]:hover {
  background-color: var(--ar-brown) !important;
  border-color: var(--ar-brown) !important;
}

[class*="button--secondary"],
.button--outline {
  background-color: transparent !important;
  color: var(--ar-dark) !important;
  border: 1px solid var(--ar-border) !important;
}

[class*="button--secondary"]:hover,
.button--outline:hover {
  border-color: var(--ar-dark) !important;
}

/* ── Section eyebrows / labels ── */
[class*="eyebrow"],
[class*="overline"],
[class*="caption"],
.section__header-caption {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.63rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ar-taupe) !important;
  font-weight: 400 !important;
}

/* ── Collection / category grid ── */
.collection-list__item,
.collection-card {
  border-radius: 0 !important;
}

/* Hide Availability filter everywhere — all products are in stock */
body.template-collection details#Facet-Details-{{ section.id }}-filter-p-availability,
body.template-collection [id^="Facet-Details-"][id$="filter-p-availability"] {
  display: none !important;
}

/* Hide Product Type on category pages — redundant (already in that category) */
/* Keep it visible on /collections/all where it's useful */
body.template-collection:not(.collection-all) [id^="Facet-Details-"][id$="filter-p-product_type"] {
  display: none !important;
}

/* Hide "The highest price is $XX" label in price filter */
.price-facet__highest-price {
  display: none !important;
}

/* Narrower filter sidebar — reduce from ~30% to ~20% width */
@media screen and (min-width: 990px) {
  .collection-wrapper {
    --facets-vertical-col-width: 4 !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .collection-wrapper {
    --facets-vertical-col-width: 5 !important;
  }
}

.collection-card__title,
.collection-card__heading {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--ar-dark) !important;
}

/* ── Product cards ── */
/* Horizon uses a <product-card> custom element — target by tag, not class */
product-card,
.product-card,
.card-product {
  border-radius: 0 !important;
  background-color: #ffffff !important;
}

product-card .product-card__content,
.product-card__content,
.product-grid__card {
  background-color: #ffffff !important;
}

/* Image container inside cards — contain-fit leaves gaps, force white so cream doesn't bleed through */
product-card .media,
product-card [class*="media"],
.card-product .media,
.card-product [class*="media"],
[class*="product-card"] .media,
[class*="product-card"] [class*="media"] {
  background-color: #ffffff !important;
}

/* Empty collection / no-results state */
.collection-no-results,
.no-results,
[class*="no-results"],
[class*="empty-state"],
.collection__empty,
.collection-empty {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Product grid background (fills gaps between cards) */
.product-grid,
.product-grid-container {
  background-color: #ffffff !important;
}

.product-card__title,
.card-product__title,
[class*="product-card"] h3,
[class*="product-card"] .title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: var(--ar-dark) !important;
}

.product-card__price,
.price {
  font-family: 'Jost', sans-serif !important;
  color: var(--ar-slate) !important;
}

/* ── Footer ── */
footer,
.footer {
  background-color: var(--ar-dark) !important;
  color: rgba(255,255,255,0.45) !important;
}

.footer a,
.footer p,
.footer li,
.footer span:not(.footer__heading):not(.footer__title) {
  font-size: 0.95rem !important;
  color: rgba(255,255,255,0.45) !important;
}

.footer a:hover {
  color: #fff !important;
}

.footer__heading,
.footer__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* ── Dividers / borders ── */
.divider,
hr {
  border-color: var(--ar-border) !important;
}

/* ── Inputs ── */
input,
textarea,
select {
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  border-color: var(--ar-border) !important;
  background-color: var(--ar-white) !important;
  color: var(--ar-dark) !important;
}

input:focus,
textarea:focus {
  border-color: var(--ar-slate) !important;
  outline: none !important;
}

/* ── Policy pages ── */
body.page-width-narrow {
  --normal-content-width: 80rem;
  --narrow-content-width: 80rem;
}

/* Custom policy template wrapper (merchant-written policies: shipping, returns) */
.ar-pol {
  padding: 4rem 3rem 8rem;
}
.ar-pol__inner {
  max-width: 900px;
  margin-inline: auto;
}
.ar-pol__title {
  font-family: 'Cormorant Garamond', serif;
  text-align: left !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  color: #0F1728 !important;
  margin-bottom: 2.5rem !important;
  letter-spacing: 0.02em !important;
}
.ar-pol__divider {
  width: 36px;
  height: 1px;
  background: #A89B82;
  margin-bottom: 2.5rem;
}

/* Shopify's native policy rendering — fix width, title alignment, heading sizes */
.shopify-policy__container {
  max-width: 900px !important;
  margin-inline: auto !important;
  padding: 4rem 3rem 8rem !important;
}

/* body.template-policy is added via template-{{ template.name }} in theme.liquid */
body.template-policy h1,
.shopify-policy__container h1 {
  text-align: left !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  color: #0F1728 !important;
  margin-bottom: 2.5rem !important;
  letter-spacing: 0.02em !important;
}

/* Section headings inside policy body — knock down to label style */
body.template-policy h2,
.shopify-policy__container h2,
.shopify-policy__title h2 {
  font-size: 0.78rem !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #0F1728 !important;
  margin-top: 2.5rem !important;
  margin-bottom: 0.6rem !important;
}

body.template-policy p,
body.template-policy li,
.shopify-policy__container p,
.shopify-policy__container li {
  font-size: 1rem !important;
  color: #3A3F52 !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
  font-family: 'Jost', sans-serif !important;
}

/* Hide internal tags from filter sidebar */
.facets__inputs-list label[for*="derank"],
.facets__panel label[for*="derank"] {
  display: none !important;
}

/* ── Misc ── */
.badge,
[class*="badge"] {
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Remove Horizon's rounded corners everywhere */
*,
[class*="card"],
[class*="button"],
[class*="badge"],
[class*="input"],
[class*="drawer"],
[class*="popover"],
[class*="modal"] {
  border-radius: 0 !important;
}

/* On mobile hide the hero photo, keep the text/buttons */
@media (max-width: 900px) {
  .ar-hero__right {
    display: none !important;
  }
}

/* ── Product page ── */

/* Gallery — white background to blend with product images */
.product-media-gallery,
.media-gallery,
[class*="product-media"] .media,
.media--image,
media-component,
product-media-gallery {
  background-color: #ffffff !important;
}

/* Horizon sets img background to --color-background (cream) for mix-blend-mode arrow visibility.
   Override to white so arrow hit areas don't show cream boxes. */
.media-fit-contain :is(img, .deferred-media__poster-image) {
  background-color: #ffffff !important;
}

/* Gallery — square container matches the 1600×1600 product images: no crop, no bars.
   Fixed 500px media column (down from ~660px) keeps the square image at a reasonable
   size and gives the right column more room. */
:not(.dialog-zoomed-gallery) > .product-media-container {
  aspect-ratio: 1 !important;
}

@media (min-width: 750px) {
  .product-information__grid.product-information--media-left {
    grid-template-columns: 1fr 1fr !important;
    max-width: 1100px !important;
    margin-inline: auto !important;
  }
}

/* Hide quantity selector — all pieces are one-of-a-kind */
.quantity-selector,
.quantity-selector-wrapper,
.quantity-label {
  display: none !important;
}

/* Price color */
.price,
.price__regular,
.price__sale,
[class*="price"] .price-item,
.price-item,
.price-item--regular {
  color: #0F1728 !important;
}

/* Make an Offer button — don't stretch full width on desktop, but full width on mobile */
@media (min-width: 750px) {
  .product-form-buttons .ar-offer__trigger {
    flex: 0 0 auto !important;
    width: auto !important;
    align-self: flex-start;
  }
}
@media (max-width: 749px) {
  .product-form-buttons .ar-offer__trigger {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* Product description typography */
.product__description,
[class*="product-description"],
.product-description {
  font-family: 'Jost', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: #3A3F52 !important;
}

.product__description p,
.product-description p {
  margin-bottom: 1.2rem;
}

.product__description ul,
.product-description ul {
  padding-left: 1.2rem;
  margin-bottom: 1rem;
}

.product__description li,
.product-description li {
  margin-bottom: 0.4rem;
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #3A3F52 !important;
}

.product__description strong,
.product-description strong {
  font-weight: 500 !important;
  color: #0F1728 !important;
}
