/** Shopify CDN: Minification failed

Line 4464:68 Unexpected "/"
Line 6687:36 Unexpected "/"

**/
/* ============================================================
   TANN VILLAGE — Luxury Theme CSS for Shopify PRESTIGE Theme
   Version 2.0
   ============================================================ */

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

/* ── CSS VARIABLES ── */
:root {
  --tv-cream:        #f5f0e8;
  --tv-cream-mid:    #ede6d6;
  --tv-cream-dark:   #e0d5c0;
  --tv-black:        #0f0d0a;
  --tv-brown-deep:   #2c1f0e;
  --tv-brown:        #5c3d1e;
  --tv-brown-mid:    #8a6a3a;
  --tv-brown-light:  #b8956a;
  --tv-gold:         #c8963c;
  --tv-text-body:    #2a1f12;
  --tv-text-mid:     #4a3520;
  --tv-text-muted:   #7a6040;
  --tv-border:       #cfc4a8;
  --tv-border-light: #e4dbc8;
}


/* ============================================================
   1. GLOBAL BASE — fixes light/unreadable text everywhere
   ============================================================ */

body[class*=button]:not(input) {
  padding:0!important;
}

body,
.shopify-section,
.page-container,
main {
  background-color: var(--tv-cream) !important;
  color: var(--tv-text-body) !important;
}

/* ALL body text — strong and readable */
p,
li,
span,
div,
label,
td,
th,
address,
blockquote {
  color: var(--tv-text-body);
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}

/* ALL headings */
h1, h2, h3, h4, h5, h6,
.heading,
.section__title,
.section-title,
[class*="title"],
[class*="heading"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
}

h1 { font-size: 58px !important; }
h2 { font-size: 42px !important; }
h3 { font-size: 28px !important; }
h4 { font-size: 20px !important; }

/* Links */
a {
  color: var(--tv-text-body) !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}
a:hover { color: var(--tv-gold) !important; }

/* Remove all rounded corners — luxury brands use sharp edges */
*,
*::before,
*::after {
  border-radius: 0 !important;
}


/* ============================================================
   2. ANNOUNCEMENT BAR
   ============================================================ */

.announcement-bar,
.announcement-bar__wrapper,
[class*="announcement"] {
  background-color: var(--tv-black) !important;
  color: #c8b88a !important;
  border-bottom: none !important;
}

.announcement-bar__message,
.announcement-bar p,
.announcement-bar span,
.announcement-bar a,
[class*="announcement"] p,
[class*="announcement"] span {
  color: #c8b88a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
}


/* ============================================================
   3. HEADER & NAVIGATION
   ============================================================ */

.site-header,
header,
.header,
.header__wrapper {
  background-color: var(--tv-cream) !important;
  border-bottom: 1px solid var(--tv-border) !important;
  box-shadow: none !important;
}

/* Logo text */
.site-header__logo,
.header__logo,
.header__heading-link,
.header__logo-link,
[class*="logo"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
}

/* Nav links */
.site-nav__link,
.site-nav a,
.header__menu-item,
.header__menu-item span,
.list-menu__item,
.primary-navigation a,
[class*="nav"] a,
[class*="menu"] a {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--tv-text-body) !important;
}

.site-nav__link:hover,
.header__menu-item:hover span,
[class*="nav"] a:hover {
  color: var(--tv-gold) !important;
}

/* Nav icons (cart, search, account) */
.header__icon,
.site-header__icon,
[class*="header__icon"] {
  color: var(--tv-text-body) !important;
}
.header__icon:hover,
.site-header__icon:hover {
  color: var(--tv-gold) !important;
}

/* Dropdown menus */
.site-nav__dropdown,
.header__submenu,
[class*="dropdown"],
[class*="submenu"] {
  background-color: var(--tv-cream) !important;
  border: 1px solid var(--tv-border) !important;
  border-top: 2px solid var(--tv-gold) !important;
  box-shadow: none !important;
}

.site-nav__dropdown a,
[class*="dropdown"] a,
[class*="submenu"] a {
  color: var(--tv-text-body) !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  padding: 10px 20px !important;
}

.site-nav__dropdown a:hover,
[class*="dropdown"] a:hover {
  color: var(--tv-gold) !important;
  background: var(--tv-cream-mid) !important;
}


/* ============================================================
   4. BUTTONS — all variants
   ============================================================ */

.btn,
.button,
button,
input[type="submit"],
input[type="button"],
.product-form__submit,
.cart__submit,
[class*="btn"],
[class*="button"]:not(input) {
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
  border: 1px solid var(--tv-black) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 15px 44px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s !important;
}

.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
[class*="btn"]:hover {
  background-color: var(--tv-brown-deep) !important;
  border-color: var(--tv-brown-deep) !important;
  color: var(--tv-cream) !important;
}

/* Secondary / outline buttons */
.btn--secondary,
.button--secondary,
[class*="button--secondary"],
[class*="btn--outline"] {
  background-color: transparent !important;
  color: var(--tv-black) !important;
  border: 1px solid var(--tv-black) !important;
}

.btn--secondary:hover,
.button--secondary:hover {
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
}

/* Shopify Pay / dynamic checkout buttons */
.shopify-payment-button__button {
  border-radius: 0 !important;
}
.shopify-payment-button__button--unbranded {
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}


/* ============================================================
   5. HERO / BANNER SECTION
   ============================================================ */

.hero,
.banner,
.slideshow,
[class*="hero"],
[class*="banner"] {
  background-color: var(--tv-cream-mid) !important;
}

.hero__title,
.banner__heading,
.slideshow__heading,
[class*="hero"] h1,
[class*="hero"] h2,
[class*="banner"] h1,
[class*="banner"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 64px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
}

.hero__text,
.banner__text,
[class*="hero"] p,
[class*="banner"] p {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: var(--tv-text-mid) !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
  max-width: 400px !important;
}


/* ============================================================
   6. COLLECTION / CATEGORY GRID
   ============================================================ */

.collection-grid,
.collection-list,
[class*="collection-grid"],
[class*="collection-list"] {
  background-color: var(--tv-cream) !important;
}

.collection-grid__item,
.collection-item,
[class*="collection-item"] {
  border: 1px solid var(--tv-border-light) !important;
  background: var(--tv-cream-mid) !important;
  overflow: hidden !important;
}

.collection-grid__item:hover,
.collection-item:hover {
  border-color: var(--tv-gold) !important;
}

.collection-grid__title,
.collection-item__title,
[class*="collection"] h3,
[class*="collection"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
  letter-spacing: 0.02em !important;
}


/* ============================================================
   7. PRODUCT CARDS
   ============================================================ */

.product-item,
.product-card,
.card,
[class*="product-item"],
[class*="product-card"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Product image box */
.product-item__image-wrapper,
.product-card__image,
.card__media,
[class*="product"] .image-wrapper {
  background-color: var(--tv-cream-mid) !important;
  border: 1px solid var(--tv-border-light) !important;
  transition: border-color 0.35s !important;
}

.product-item:hover .product-item__image-wrapper,
.product-card:hover .card__media,
[class*="product-item"]:hover [class*="image-wrapper"] {
  border-color: var(--tv-gold) !important;
}

/* Product title */
.product-item__title,
.product-card__title,
.card__heading,
[class*="product"] [class*="title"],
[class*="product"] h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 5px !important;
}

/* Product vendor / material */
.product-item__vendor,
.product-card__vendor,
[class*="vendor"],
.card__vendor {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
}

/* Price */
.price,
.price__regular,
.price__sale,
.product-item__price,
[class*="price"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--tv-text-mid) !important;
  letter-spacing: 0.08em !important;
}

/* Sale / compare price */
.price__compare,
s.price,
[class*="compare-at-price"] {
  color: var(--tv-text-muted) !important;
  font-size: 12px !important;
}

/* Badges (New, Sale, etc.) */
.badge,
.product-label,
[class*="badge"],
[class*="label"] {
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 5px 12px !important;
  border-radius: 0 !important;
}


/* ============================================================
   8. PRODUCT PAGE
   ============================================================ */

.product-single,
.product,
[class*="product-single"] {
  background-color: var(--tv-cream) !important;
}

.product__title,
.product-single__title,
[class*="product"] h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 46px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
  line-height: 1.15 !important;
  margin-bottom: 16px !important;
}

.product__price,
.product-single__price {
  font-size: 18px !important;
  color: var(--tv-text-mid) !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 24px !important;
}

.product__description,
.product-single__description,
.product-single__description p {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: var(--tv-text-mid) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
}

/* Variant selectors */
.swatch__trigger,
.variant-input + label,
.selector-wrapper select,
.single-option-selector {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  color: var(--tv-text-body) !important;
  border-color: var(--tv-border) !important;
  background: var(--tv-cream) !important;
  border-radius: 0 !important;
}

.swatch__trigger.is-active,
.variant-input:checked + label {
  border-color: var(--tv-black) !important;
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
}

/* Quantity selector */
.quantity-selector,
.product-form__quantity,
[class*="quantity"] {
  border-color: var(--tv-border) !important;
  background: var(--tv-cream) !important;
}

.quantity-selector input,
[class*="quantity"] input {
  color: var(--tv-text-body) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  background: transparent !important;
}

/* Product thumbnails */
.product-single__thumbnail,
[class*="product-thumbnail"] {
  border: 1px solid var(--tv-border-light) !important;
  background: var(--tv-cream-mid) !important;
}

.product-single__thumbnail.is-active,
[class*="product-thumbnail"].is-active {
  border-color: var(--tv-gold) !important;
}


/* ============================================================
   9. COLLECTION PAGE (filtered listing)
   ============================================================ */

.collection-hero,
[class*="collection-hero"] {
  background-color: var(--tv-cream-mid) !important;
}

.collection-hero__title,
[class*="collection-hero"] h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 52px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
}

/* Filter & sort labels */
.filter-toolbar,
[class*="filter"],
[class*="facet"] {
  background: var(--tv-cream) !important;
  border-color: var(--tv-border) !important;
}

.filter-toolbar label,
[class*="filter"] label,
[class*="facet"] label {
  color: var(--tv-text-body) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Pagination */
.pagination a,
.pagination__item {
  color: var(--tv-text-body) !important;
  border-color: var(--tv-border) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  background: transparent !important;
}

.pagination a.is-current,
.pagination__item.is-active,
.pagination a:hover {
  background-color: var(--tv-black) !important;
  color: var(--tv-cream) !important;
  border-color: var(--tv-black) !important;
}


/* ============================================================
   10. CART PAGE & CART DRAWER
   ============================================================ */

.cart,
.cart-drawer,
[class*="cart-drawer"],
[class*="cart-page"] {
  background-color: var(--tv-cream) !important;
  border-left: 1px solid var(--tv-border) !important;
}

.cart__title,
.cart-drawer__title,
[class*="cart"] h2,
[class*="cart"] h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
  letter-spacing: 0.05em !important;
}

.cart-item__title,
[class*="cart-item"] [class*="title"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
}

.cart-item__variant,
[class*="cart-item"] [class*="variant"] {
  font-size: 12px !important;
  color: var(--tv-text-muted) !important;
  letter-spacing: 0.1em !important;
}

.cart-item__price,
[class*="cart-item"] [class*="price"] {
  color: var(--tv-text-mid) !important;
  font-size: 14px !important;
}

.cart__total,
.cart__subtotal,
[class*="cart-total"],
[class*="cart-subtotal"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--tv-black) !important;
}

.cart__footer,
[class*="cart-footer"] {
  border-top: 1px solid var(--tv-border) !important;
  background: var(--tv-cream-mid) !important;
}


/* ============================================================
   11. HOMEPAGE SECTIONS — Rich Text, Image+Text, Testimonials
   ============================================================ */

/* Rich text section */
.rich-text,
[class*="rich-text"] {
  background-color: var(--tv-cream) !important;
}

.rich-text__heading,
[class*="rich-text"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
}

.rich-text__text,
[class*="rich-text"] p {
  font-size: 14px !important;
  color: var(--tv-text-mid) !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
}

/* Image with text block */
.image-with-text,
[class*="image-with-text"] {
  background-color: var(--tv-cream-mid) !important;
}

.image-with-text__heading,
[class*="image-with-text"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 42px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
}

.image-with-text__text,
[class*="image-with-text"] p {
  font-size: 14px !important;
  color: var(--tv-text-mid) !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
}

/* Dark variant (used for feature product block) */
.image-with-text--dark,
[class*="image-with-text"][data-color-scheme="dark"],
.color-scheme-dark {
  background-color: var(--tv-black) !important;
}

.image-with-text--dark h2,
.color-scheme-dark h2,
.color-scheme-dark h3 {
  color: #f0e8d8 !important;
}

.image-with-text--dark p,
.color-scheme-dark p {
  color: #7a6a50 !important;
}

/* Testimonials */
.testimonials,
[class*="testimonial"] {
  background-color: var(--tv-cream) !important;
  /* border-top: 1px solid var(--tv-border-light) !important;
  border-bottom: 1px solid var(--tv-border-light) !important; */
}

.testimonials__quote,
[class*="testimonial"] blockquote,
[class*="testimonial"] p {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--tv-brown-deep) !important;
  line-height: 1.75 !important;
}

.testimonials__author,
[class*="testimonial"] cite,
[class*="testimonial"] [class*="author"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

/* Multicolumn / stats section */
.multicolumn,
[class*="multicolumn"] {
  background-color: var(--tv-cream-mid) !important;
}

.multicolumn-card__title,
[class*="multicolumn"] h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  color: var(--tv-gold) !important;
}

.multicolumn-card__info,
[class*="multicolumn"] p {
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
}


/* ============================================================
   12. TRUST / ICON ROW
   ============================================================ */

.icon-row,
.feature-row,
[class*="icon-row"],
[class*="trust-bar"] {
  background-color: var(--tv-black) !important;
  border-top: none !important;
}

.icon-row__item,
[class*="icon-row"] li,
[class*="trust-bar"] li {
  border-right: 1px solid #1e1810 !important;
}

.icon-row__heading,
.icon-row__title,
[class*="icon-row"] h3,
[class*="trust-bar"] h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #e8dcc8 !important;
}

.icon-row__text,
[class*="icon-row"] p,
[class*="trust-bar"] p {
  font-size: 12px !important;
  color: #6a5a40 !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
}

.icon-row__icon,
[class*="icon-row"] svg,
[class*="icon-row"] i {
  color: var(--tv-gold) !important;
  fill: var(--tv-gold) !important;
}


/* ============================================================
   13. NEWSLETTER SECTION
   ============================================================ */

.newsletter,
[class*="newsletter"] {
  background-color: var(--tv-cream-mid) !important;
  border-top: 1px solid var(--tv-border) !important;
}

.newsletter__heading,
[class*="newsletter"] h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  color: var(--tv-black) !important;
}

.newsletter__subheading,
[class*="newsletter"] p {
  font-size: 14px !important;
  color: var(--tv-text-mid) !important;
  font-weight: 300 !important;
}

.newsletter__input,
[class*="newsletter"] input[type="email"],
[class*="newsletter"] input[type="text"] {
  background-color: var(--tv-cream) !important;
  border: 1px solid var(--tv-border) !important;
  color: var(--tv-text-body) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  padding: 14px 20px !important;
  border-radius: 0 !important;
}

.newsletter__input::placeholder,
[class*="newsletter"] input::placeholder {
  color: var(--tv-text-muted) !important;
}

.newsletter__input:focus,
[class*="newsletter"] input:focus {
  border-color: var(--tv-brown-mid) !important;
  outline: none !important;
  box-shadow: none !important;
}


/* ============================================================
   14. FOOTER
   ============================================================ */

.site-footer,
footer,
.footer {
  background-color: var(--tv-black) !important;
  border-top: 1px solid #1e1810 !important;
  color: #3a3020 !important;
}

/* Footer headings */
.site-footer h4,
.site-footer h3,
.footer__heading,
footer h4,
footer h3,
[class*="footer"] h3,
[class*="footer"] h4 {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #5a4a30 !important;
  margin-bottom: 18px !important;
}

/* Footer links */
.site-footer a,
footer a,
[class*="footer"] a {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  color: #3a3020 !important;
  font-weight: 300 !important;
  transition: color 0.25s !important;
  text-decoration: none !important;
}

.site-footer a:hover,
footer a:hover,
[class*="footer"] a:hover {
  color: #8a7050 !important;
}

/* Footer text */
.site-footer p,
footer p,
[class*="footer"] p {
  font-size: 12px !important;
  color: #3a3020 !important;
  line-height: 1.9 !important;
  font-weight: 300 !important;
}

/* Footer logo */
.site-footer .logo,
.footer__logo,
[class*="footer-logo"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #e8dcc8 !important;
}

/* Footer bottom bar */
.site-footer__copyright,
.footer__copyright,
[class*="footer-copyright"] {
  background-color: #080604 !important;
  border-top: 1px solid rgba(255,255,255,0.04) !important;
  padding: 16px 0 !important;
}

.site-footer__copyright p,
.footer__copyright p,
[class*="footer-copyright"] p {
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #2a2218 !important;
}

/* Social icons */
.footer__social a,
[class*="social"] a {
  color: #3a3020 !important;
  transition: color 0.25s !important;
}

.footer__social a:hover,
[class*="social"] a:hover {
  color: var(--tv-gold) !important;
}


/* ============================================================
   15. SEARCH
   ============================================================ */

.search-bar,
.predictive-search,
[class*="search"] {
  background-color: var(--tv-cream) !important;
  border-color: var(--tv-border) !important;
}

.search-bar__input,
.search__input,
[class*="search"] input {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: var(--tv-text-body) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--tv-border) !important;
  border-radius: 0 !important;
  letter-spacing: 0.06em !important;
}

.predictive-search__heading,
[class*="search-heading"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
}

.predictive-search-status,
[class*="search-result"] {
  background-color: var(--tv-cream) !important;
  border: 1px solid var(--tv-border) !important;
  border-top: 2px solid var(--tv-gold) !important;
}


/* ============================================================
   16. FORMS & INPUTS (account, contact)
   ============================================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: var(--tv-text-body) !important;
  background-color: var(--tv-cream) !important;
  border: 1px solid var(--tv-border) !important;
  border-radius: 0 !important;
  letter-spacing: 0.06em !important;
  padding: 12px 16px !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--tv-text-muted) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--tv-brown-mid) !important;
  outline: none !important;
  box-shadow: none !important;
}

label {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
}


/* ============================================================
   17. BREADCRUMBS
   ============================================================ */

.breadcrumbs,
.breadcrumb,
[class*="breadcrumb"] {
  background: transparent !important;
}

.breadcrumbs a,
.breadcrumb a,
[class*="breadcrumb"] a {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--tv-text-muted) !important;
  font-weight: 300 !important;
}

.breadcrumbs span,
[class*="breadcrumb"] span {
  color: var(--tv-text-muted) !important;
  font-size: 11px !important;
}


/* ============================================================
   18. MOBILE — ensure readability on small screens
   ============================================================ */

@media (max-width: 768px) {
  h1, .hero__title, .banner__heading { font-size: 38px !important; }
  h2, .section__title { font-size: 30px !important; }
  h3 { font-size: 22px !important; }

  p, li, span, div {
    font-size: 14px !important;
    color: var(--tv-text-body) !important;
  }

  .btn, .button, button, input[type="submit"] {
    font-size: 11px !important;
    padding: 14px 28px !important;
    letter-spacing: 0.2em !important;
  }

  nav, .site-header, .header {
    padding: 10px !important;
  }

  .announcement-bar__message {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }
}


/* ============================================================
   19. SCROLLBAR — subtle luxury styling
   ============================================================ */

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--tv-cream); }
::-webkit-scrollbar-thumb { background: var(--tv-cream-dark); }
::-webkit-scrollbar-thumb:hover { background: var(--tv-brown-light); }


/* ============================================================
   20. SELECTION COLOR
   ============================================================ */

::selection {
  background-color: var(--tv-gold);
  color: var(--tv-black);
}

/* ── HERO TEXT — white + shadow so it reads over any image ── */
.banner__content *,
.banner__box *,
[class*="banner"] h1,
[class*="banner"] h2,
[class*="banner"] p,
[class*="banner"] span,
[class*="slideshow"] h1,
[class*="slideshow"] h2,
[class*="slideshow"] p,
.hero__title,
.hero__description {
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.65) !important;
}
 
/* ── HERO SUBHEADING (CRAFTED FOR A LIFETIME) ── */
.banner__subheading,
[class*="banner__subheading"] {
  color: #f0e8d8 !important;
  letter-spacing: 0.35em !important;
  font-size: 11px !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.8) !important;
}
 
/* ── HERO MAIN HEADING ── */
.banner__heading,
[class*="banner__heading"] {
  color: #ffffff !important;
  text-shadow: 0 2px 32px rgba(0,0,0,0.7) !important;
  font-weight: 300 !important;
}
 
/* ── BUTTON — refined, not full-width ── */
.banner__button,
.banner .button,
.banner a.button,
[class*="banner"] .button,
[class*="banner"] a[class*="button"] {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 16px 52px !important;
  display: inline-block !important;
  width: auto !important;
  min-width: unset !important;
  max-width: fit-content !important;
  margin: 0 auto !important;
  transition: background 0.3s, color 0.3s !important;
}
 
.banner__button:hover,
.banner .button:hover,
[class*="banner"] .button:hover {
  background: #3a2e1e !important;
  border-color: #3a2e1e !important;
  color: #f5f0e8 !important;
}
 
/* ── BUTTON WRAPPER — center it ── */
.banner__button-wrapper,
[class*="banner"] [class*="button-wrapper"] {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
 
/* ── IMAGE OVERLAY — darken the photo so text pops ── */
.banner__media::after,
.banner__image-wrapper::after,
[class*="banner__media"]::after,
[class*="slideshow__media"]::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 8, 4, 0.42) !important;
  pointer-events: none !important;
}
 
.banner__media,
[class*="banner__media"],
[class*="slideshow__media"] {
  position: relative !important;
}
slideshow-carousel .button-group.justify-center.sm\:justify-center {
    background:none!important;
    border:none!important;
}


/* ── GRID LAYOUT ── */
.collection-list.wrap {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  grid-template-rows: 400px 320px !important;
  gap: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
}
 
/* ── EACH TILE ── */
.collection-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}
 
/* First tile = big left, spans both rows */
.collection-card:nth-child(1) {
  grid-row: 1 / 3 !important;
  grid-column: 1 / 2 !important;
}
 
/* ── IMAGE fills tile completely ── */
.collection-card .content-over-media {
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
  display: block !important;
}
 
.collection-card img.zoom-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.7s ease !important;
}
 
.collection-card:hover img.zoom-image {
  transform: scale(1.05) !important;
}
 
/* ── DARK OVERLAY for text contrast ── */
.collection-card .content-over-media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(10,8,4,0.7) 0%, rgba(10,8,4,0.1) 50%, transparent 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
 
/* ── LABEL (collection name) ── */
.collection-card__content {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 24px !important;
  z-index: 2 !important;
  background: transparent !important;
}
 
/* The collection name — read from alt text via CSS :before trick
   We use the aria-label or show via the button text */
.collection-card__content .button {
  display: none !important;
}
 
/* Show collection name using the image alt attribute visually
   via a pseudo element on the card itself */
.collection-card[href="/collections/wallets"]::before,
.collection-card[href="/collections/bags"]::before,
.collection-card[href="/collections/laptop-sleeves"]::before,
.collection-card[href="/collections/ladies-clutches"]::before,
.collection-card[href="/collections/laptop-bags-1"]::before {
  position: absolute !important;
  bottom: 22px !important;
  left: 24px !important;
  z-index: 3 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
 
.collection-card[href="/collections/wallets"]::before { content: 'Wallets' !important; }
.collection-card[href="/collections/bags"]::before   { content: 'Bags' !important; }
.collection-card[href="/collections/laptop-sleeves"]::before    { content: 'Laptop Sleeves' !important; }
.collection-card[href="/collections/ladies-clutches"]::before   { content: 'Ladies Clutches' !important; }
.collection-card[href="/collections/laptop-bags-1"]::before { content: 'Laptop Bags' !important; }
 
/* Larger name on the big first tile */
.collection-card:nth-child(1)::before {
  font-size: 40px !important;
  bottom: 28px !important;
}
 
/* ── SECTION HEADING ── */
.section-stack .section-header .h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0.38em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
}
 
/* ── REMOVE wrap padding ── */
.section-stack {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
 
.section-stack .section-header {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
 
/* ── MOBILE: 2 column stack ── */
@media (max-width: 768px) {
  .collection-list.wrap {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 220px 180px 180px !important;
  }
  .collection-card:nth-child(1) {
    grid-row: 1 / 2 !important;
    grid-column: 1 / 3 !important;
  }
  .collection-card[href="/collections/wallets"]::before,
  .collection-card[href="/collections/Bags"]::before,
  .collection-card[href="/collections/laptop-sleeves"]::before,
  .collection-card[href="/collections/ladies-clutches"]::before,
  .collection-card[href="/collections/laptop-bags-1"]::before {
    font-size: 22px !important;
  }
}

/* ── SECTION BACKGROUND ── */
.section-spacing:has(media-grid) {
  background: #0f0d0a !important;
  padding: 0 !important;
}
 
.section-spacing:has(media-grid) .container {
  padding: 0 !important;
  max-width: 100% !important;
}
 
/* ── GRID — side by side, full height ── */
media-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px !important;
  min-height: 88vh !important;
}
 
/* ── EACH TILE ── */
.media-grid__item {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  text-decoration: none !important;
}
 
/* Force both items to fill full height */
.media-grid__item,
.media-grid__item .content-over-media {
  height: 100% !important;
  min-height: 88vh !important;
}
 
/* ── IMAGE ── */
.media-grid__item img.zoom-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.9s ease !important;
  filter: brightness(0.72) !important;
}
 
.media-grid__item:hover img.zoom-image {
  transform: scale(1.04) !important;
  filter: brightness(0.6) !important;
}
 
/* ── OVERLAY — stronger gradient ── */
.media-grid__item .content-over-media {
  position: relative !important;
}
 
.media-grid__item .content-over-media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to top,
    rgba(10, 8, 4, 0.75) 0%,
    rgba(10, 8, 4, 0.3) 40%,
    rgba(10, 8, 4, 0.1) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
 
/* ── TEXT CONTENT — centered, white, readable ── */
.media-grid__item .prose {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 52px 48px !important;
  z-index: 2 !important;
  text-align: left !important;
  background: transparent !important;
}
 
/* Override the place-self-center that centers it */
.media-grid__item .prose.place-self-center {
  place-self: unset !important;
  text-align: left !important;
}
 
/* ── HEADING (TIMELESS LEATHER FOR HIM) ── */
.media-grid__item .prose .h4 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-shadow: none !important;
}
 
/* ── BODY TEXT ── */
.media-grid__item .prose p:not(.h4) {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  letter-spacing: 0.06em !important;
  font-weight: 300 !important;
  max-width: 340px !important;
  margin-bottom: 28px !important;
  text-shadow: none !important;
  text-transform: none !important;
}
 
/* ── BUTTON ── */
.media-grid__item .prose .button {
  display: inline-block !important;
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 14px 40px !important;
  border-radius: 0 !important;
  width: auto !important;
  min-width: unset !important;
  transition: all 0.35s ease !important;
  cursor: pointer !important;
}
 
.media-grid__item .prose .button:hover,
.media-grid__item:hover .prose .button {
  background: #ffffff !important;
  color: #0f0d0a !important;
  border-color: #ffffff !important;
}
 
/* ── THIN DIVIDER LINE between tiles ── */
.media-grid__item:first-child {
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}
 
/* ── MOBILE — stack vertically ── */
@media (max-width: 768px) {
  media-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
 
  .media-grid__item,
  .media-grid__item .content-over-media {
    min-height: 70vw !important;
  }
 
  .media-grid__item .prose {
    padding: 32px 24px !important;
  }
 
  .media-grid__item .prose .h4 {
    font-size: 24px !important;
  }
}
.images-with-text-scroll__text p {
    color: #fff!important;
    text-align: left;
}
.timeline__nav>button {
    color: #fff !important;
}

/* ── SECTION WRAPPER ── */
.section-spacing:has(timeline-carousel) {
  background: #f5f0e8 !important;
  padding: 80px 0!important;
}
 
.section-spacing:has(timeline-carousel) .container {
  max-width: 100% !important;
  padding: 0 !important;
}
 
/* ── OUTER STACK ── */
.section-spacing:has(timeline-carousel) .timeline {
  display: flex !important;
  flex-direction: column !important;
}
 
/* ── CAROUSEL WRAPPER ── */
timeline-carousel {
  display: block !important;
  width: 100% !important;
}
 
/* ── EACH TIMELINE ITEM — side by side image + text ── */
.timeline__item {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: 540px !important;
  background: #f5f0e8 !important;
}
 
/* ── IMAGE SIDE ── */
.timeline__item-image-wrapper {
  overflow: hidden !important;
  background: #e0d5c0 !important;
  position: relative !important;
}
 
.timeline__item-image-wrapper img.image-cover,
.timeline__item-image-wrapper picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.8s ease !important;
}
 
.timeline__item:hover .timeline__item-image-wrapper img {
  transform: scale(1.04) !important;
}
 
/* Placeholder SVG (for items without an image) */
.timeline__item-image-wrapper svg.placeholder {
  width: 100% !important;
  height: 100% !important;
  background: #ede6d6 !important;
  opacity: 0.3 !important;
}
 
/* ── CONTENT SIDE ── */
.timeline__item-content {
  background: #ede6d6 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 64px 72px !important;
  opacity: 1 !important;
  transform: none !important;
  height: 100%;
}
 
/* ── HEADING — e.g. "2020 - The Foundation" ── */
.timeline__item-content .prose .h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  color: #0f0d0a !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 28px !important;
  text-transform: none !important;
}
 
/* Gold accent line under heading */
.timeline__item-content .prose .h2::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin-top: 20px !important;
}
 
/* ── BULLET POINTS ── */
.timeline__item-content .prose ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
 
.timeline__item-content .prose ul li {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}
 
/* Gold dot replacing bullet */
.timeline__item-content .prose ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #c8963c !important;
  flex-shrink: 0 !important;
  margin-top: 8px !important;
  display: block !important;
}
 
/* ── YEAR NAV BUTTONS AT BOTTOM ── */
carousel-navigation.timeline__nav {
  display: flex !important;
  background: #0f0d0a !important;
  padding: 0 !important;
  width: 100% !important;
  border-top: none !important;
  margin:0;
}
 
.timeline__nav button {
  flex: 1 !important;
  padding: 26px 20px !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #1e1810 !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: background 0.3s !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  color: #c8b88a !important;
  letter-spacing: 0.12em !important;
  border-radius: 0 !important;
  
}
 
.timeline__nav button:last-child {
  border-right: none !important;
}
 
.timeline__nav button:hover {
  background: #1e1810 !important;
  color: #c8b88a !important;
}
 
/* Active / selected year */
.timeline__nav button[aria-current="true"],
.timeline__nav button.is-selected {
  background: #1e1810 !important;
  color: #c8963c !important;
}
 
/* Gold line indicator above active button */
.timeline__nav button[aria-current="true"]::before,
.timeline__nav button.is-selected::before {
  content: '' !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  background: #c8963c !important;
  margin-bottom: 4px !important;
}
 
/* ── HIDE items that are not selected ── */
.timeline__item:not(.is-selected) {
  display: none !important;
}
 
/* ── SECTION HEADING (if any above carousel) ── */
.section-spacing:has(timeline-carousel) .section-header .h2,
.section-spacing:has(timeline-carousel) h2:not(.timeline__item-content .h2) {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 0 52px 36px !important;
}
 
/* ── MOBILE ── */
@media (max-width: 768px) {
  .timeline__item {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
 
  .timeline__item-image-wrapper {
    height: 260px !important;
  }
 
  .timeline__item-content {
    padding: 40px 28px !important;
  }
 
  .timeline__item-content .prose .h2 {
    font-size: 28px !important;
  }
 
  .timeline__item-content .prose ul li {
    font-size: 13px !important;
  }
 
  .timeline__nav button {
    font-size: 20px !important;
    padding: 20px 12px !important;
  }
}


/* ── SECTION BACKGROUND ── */
.section-spacing:has(testimonial-carousel) {
  background: #f5f0e8 !important;
  padding: 88px 0 !important;
  border-top: 1px solid #e0d5c0 !important;
  border-bottom: 1px solid #e0d5c0 !important;
}
 
.section-spacing:has(testimonial-carousel) .container {
  max-width: 900px !important;
}
 
/* ── TESTIMONIAL CAROUSEL WRAPPER ── */
.testimonial-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}
 
testimonial-carousel {
  width: 100% !important;
}
 
/* ── EACH TESTIMONIAL ITEM ── */
.testimonial-item {
  display: none !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 40px !important;
}
 
.testimonial-item.is-selected {
  display: flex !important;
}
 
/* ── QUOTE TEXT ── */
.testimonial-item .prose p,
.testimonial-item .prose p em {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.8 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}
 
/* Bold word inside quote */
.testimonial-item .prose p strong,
.testimonial-item .prose p em strong {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  color: #8a6a3a !important;
  font-style: italic !important;
}
 
/* Opening quote mark */
.testimonial-item .prose::before {
  content: '\201C' !important;
  display: block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 80px !important;
  color: rgba(200, 150, 60, 0.18) !important;
  line-height: 0.5 !important;
  margin-bottom: 24px !important;
  font-weight: 300 !important;
}
 
/* Divider line under quote */
.testimonial-item .prose::after {
  content: '' !important;
  display: block !important;
  width: 52px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin: 28px auto 0 !important;
}
 
/* ── INLINE AUTHOR (mobile) — hide, we use thumbnail nav instead ── */
.testimonial-item .v-stack.md\:hidden {
  display: none !important;
}
 
/* ── THUMBNAIL NAVIGATION (desktop) ── */
carousel-navigation.testimonial-list__thumbnail-scroller {
  display: flex !important;
  gap: 24px !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 0 !important;
  border-top: none !important;
}
 
/* Each thumbnail button */
.testimonial-list__thumbnail {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  opacity: 0.38 !important;
  transition: opacity 0.35s ease !important;
  border-radius: 0 !important;
  width: 120px !important;
}
  
/* Active thumbnail — fully visible */
.testimonial-list__thumbnail[aria-current="true"] {
  opacity: 1 !important;
}
 
/* Thumbnail image — circular, consistent size */
.testimonial-list__thumbnail img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 50% !important;
  display: block !important;
  border: 2px solid transparent !important;
  transition: border-color 0.3s !important;
}
 
/* Gold ring on active thumbnail */
.testimonial-list__thumbnail[aria-current="true"] img {
  border-color: #c8963c !important;
}
 
/* Author name under thumbnail */
.testimonial-list__thumbnail .text-base,
.testimonial-list__thumbnail p {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  color: #4a3520 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
 
.testimonial-list__thumbnail .text-base strong,
.testimonial-list__thumbnail p strong {
  font-weight: 500 !important;
  color: #2c1f0e !important;
}
 
/* Active name — darker */
.testimonial-list__thumbnail[aria-current="true"] .text-base,
.testimonial-list__thumbnail[aria-current="true"] p {
  color: #0f0d0a !important;
}
 
/* ── MOBILE DOT NAVIGATION ── */
carousel-navigation.page-dots {
  display: none !important;
  /* gap: 8px !important;
  justify-content: center !important;
  margin-top: 24px !important; */
}
 
/* .page-dots .tap-area {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #cfc4a8 !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
}
 
.page-dots .tap-area[aria-current="true"] {
  background: #c8963c !important;
  width: 22px !important;
  border-radius: 3px !important;
} */
 
/* ── MOBILE ── */
@media (max-width: 768px) {
  .section-spacing:has(testimonial-carousel) {
    padding: 60px 0 !important;
  }
 
  .testimonial-item {
    padding: 0 20px !important;
  }
 
  .testimonial-item .prose p,
  .testimonial-item .prose p em {
    font-size: 20px !important;
  }
 
  .testimonial-item .prose::before {
    font-size: 60px !important;
  }
 
  /* Show inline author on mobile */
  .testimonial-item .v-stack.md\:hidden {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 20px !important;
  }
 
  .testimonial-item .v-stack img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50% !important;
    border: 2px solid #c8963c !important;
  }
 
  .testimonial-item .v-stack .text-base {
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    color: #4a3520 !important;
    text-transform: none !important;
  }
}

/* ── EXPAND CONTAINER & CENTER PROPERLY ── */
.section-spacing:has(testimonial-carousel) .container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
}
 
.section-spacing:has(testimonial-carousel) .section-stack {
  width: 100% !important;
}
 
.section-spacing:has(testimonial-carousel) .testimonial-list {
  width: 100% !important;
  align-items: center !important;
}
 
/* Carousel takes full width and centers content */
testimonial-carousel {
  width: 100% !important;
  display: block !important;
}
 
/* ── TESTIMONIAL ITEM — centered, proper width ── */
.testimonial-item.is-selected {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
 
/* ── PROSE WRAPPER ── */
.testimonial-item .prose {
  width: 100% !important;
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}
 
/* ── QUOTE TEXT — centered with proper width ── */
.testimonial-item .prose p,
.testimonial-item .prose p em {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 auto !important;
}
 
/* ── FIX SQUARE BOX AROUND ACTIVE THUMBNAIL ── */
/* Remove the focus / button background and outline */
.testimonial-list__thumbnail,
.testimonial-list__thumbnail:focus,
.testimonial-list__thumbnail:focus-visible,
.testimonial-list__thumbnail[aria-current="true"],
.testimonial-list__thumbnail[aria-current="true"]:focus {
  background: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
 
/* The v-stack inside thumbnail might have background — kill it */
.testimonial-list__thumbnail .v-stack,
.testimonial-list__thumbnail > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}
 
/* ── THUMBNAIL IMAGE — perfect circle, no surrounding box ── */
.testimonial-list__thumbnail img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 50% !important;
  display: block !important;
  border: 2px solid transparent !important;
  background: transparent !important;
  transition: border-color 0.3s, transform 0.3s !important;
  aspect-ratio: 1 / 1 !important;
}
 
/* Gold ring ONLY on the image when active */
.testimonial-list__thumbnail[aria-current="true"] img {
  border-color: #c8963c !important;
  border-width: 2px !important;
  border-style: solid !important;
}
 
/* ── THUMBNAIL ROW SPACING ── */
carousel-navigation.testimonial-list__thumbnail-scroller {
  display: flex !important;
  gap: 36px !important;
  justify-content: center !important;
  align-items: flex-start !important;
  margin-top: 20px !important;
  padding: 0 !important;
  width: 100% !important;
}
 
.testimonial-list__thumbnail {
  width: auto !important;
  min-width: 90px !important;
  max-width: 110px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  opacity: 0.4 !important;
  transition: opacity 0.3s ease !important;
}
 
.testimonial-list__thumbnail:hover {
  opacity: 0.75 !important;
  background:none!important;
}
 
.testimonial-list__thumbnail[aria-current="true"] {
  opacity: 1 !important;
}
 
/* ── AUTHOR NAME — single line, centered ── */
.testimonial-list__thumbnail .text-base,
.testimonial-list__thumbnail p {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #4a3520 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  font-style: normal !important;
}
 
.testimonial-list__thumbnail .text-base strong,
.testimonial-list__thumbnail p strong {
  font-weight: 500 !important;
  color: #2c1f0e !important;
}
 
.testimonial-list__thumbnail[aria-current="true"] .text-base,
.testimonial-list__thumbnail[aria-current="true"] p {
  color: #0f0d0a !important;
}
 
/* ── MOBILE ── */
@media (max-width: 768px) {
  .section-spacing:has(testimonial-carousel) .container {
    padding: 0 24px !important;
  }
 
  .testimonial-item .prose p,
  .testimonial-item .prose p em {
    font-size: 19px !important;
    line-height: 1.6 !important;
  }
 
  carousel-navigation.testimonial-list__thumbnail-scroller {
    gap: 20px !important;
  }
 
  .testimonial-list__thumbnail img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }
 
  .testimonial-list__thumbnail .text-base,
  .testimonial-list__thumbnail p {
    font-size: 10px !important;
    white-space: normal !important;
  }
}

/* ── SECTION WRAPPER ── */
.shopify-section--multiple-media-with-text {
  background: #f5f0e8 !important;
}
 
.shopify-section--multiple-media-with-text .section-spacing {
  background: #f5f0e8 !important;
  padding: 88px 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}
 
.shopify-section--multiple-media-with-text .container {
  max-width: 1240px !important;
  padding: 0 60px !important;
}
 
/* ── OUTER GRID — image left, text right ── */
multiple-media-with-text {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px) !important;
  gap: 72px !important;
  align-items: center !important;
}
 
/* ── MEDIA SIDE — two overlapping images ── */
.multiple-media-with-text__media-wrapper {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr !important;
  gap: 24px !important;
  align-items: center !important;
  position: relative !important;
}
 
/* First image — slightly larger, raised */
.multiple-media-with-text__media-wrapper > div:first-child {
  align-self: flex-start !important;
  position: relative !important;
  z-index: 1 !important;
}
 
/* Second image — smaller, lowered, overlapping */
.multiple-media-with-text__media-wrapper > div:last-child {
  align-self: flex-end !important;
  position: relative !important;
  z-index: 2 !important;
  margin-left: -52px !important;
  margin-top: 80px !important;
}
 
/* Image styling */
.multiple-media-with-text__media-wrapper img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  transition: transform 0.6s ease !important;
}
 
.multiple-media-with-text__media-wrapper > div:hover img {
  transform: scale(1.03) !important;
}
 
/* ── CONTENT SIDE ── */
.multiple-media-with-text__content-wrapper {
  padding: 20px 0 !important;
}
 
.multiple-media-with-text__content-wrapper .prose {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}
 
/* Gold eyebrow line above heading */
.multiple-media-with-text__content-wrapper .prose::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin-bottom: 4px !important;
}
 
/* ── HEADING ── */
.multiple-media-with-text__content-wrapper .prose .h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 38px !important;
  font-weight: 300 !important;
  color: #0f0d0a !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin: 0 !important;
}
 
/* ── BODY PARAGRAPHS ── */
.multiple-media-with-text__content-wrapper .prose p:not(.h3) {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin: 0 !important;
}
 
/* Last paragraph — italic emphasis */
.multiple-media-with-text__content-wrapper .prose p:not(.h3):last-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: #2c1f0e !important;
  line-height: 1.55 !important;
  margin-top: 8px !important;
  padding-top: 18px !important;
  border-top: 1px solid #cfc4a8 !important;
}
 
/* ── MOBILE — stack vertically ── */
@media (max-width: 999px) {
  .shopify-section--multiple-media-with-text .container {
    padding: 0 24px !important;
  }
 
  multiple-media-with-text {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
 
  .multiple-media-with-text__media-wrapper {
    gap: 12px !important;
  }
 
  .multiple-media-with-text__media-wrapper > div:last-child {
    margin-left: -20px !important;
    margin-top: 40px !important;
  }
 
  .multiple-media-with-text__content-wrapper .prose .h3 {
    font-size: 28px !important;
  }
 
  .multiple-media-with-text__content-wrapper .prose p:not(.h3):last-child {
    font-size: 16px !important;
  }
}

/* ── FIX TRUST BADGE OVERFLOW ── */
.shopify-section--logo-list .container {
  max-width: 100% !important;
  padding: 0 40px !important;
  overflow: hidden !important;
}
 
.logo-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
 
.logo-list__item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 16px !important;
  border-right: 1px solid #1e1810 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-top: none !important;
  min-height: 100px !important;
  overflow: hidden !important;
  min-width: 0 !important;
}
 
.logo-list__item:last-child {
  border-right: none !important;
}
 
/* ── TRUST BADGE IMAGES — restore visibility ── */
.logo-list__item img {
  max-width: 60px !important;
  width: 60px !important;
  height: 60px !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(0) invert(1) opacity(0.7) !important;
  transition: opacity 0.3s !important;
  margin: 0 !important;
}
 
.logo-list__item:hover img {
  filter: brightness(0) invert(1) opacity(1) !important;
}
 
 
/* ============================================================
   FIX FOOTER LOGO — single line, proper sizing
   ============================================================ */
 
.footer__block-list .footer__block:first-child::before {
  content: 'TANN VILLAGE' !important;
  display: block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #e8dcc8 !important;
  margin-bottom: 18px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}
 
/* Brand tagline */
.footer__block-list .footer__block:first-child::after {
  content: 'Handcrafted leather goods made in Kerala, India. Built to last a lifetime.' !important;
  display: block !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.85 !important;
  color: #7a6040 !important;
  max-width: 300px !important;
  margin-bottom: 28px !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  white-space: normal !important;
}
 
/* ── FIX FOOTER COLUMN WIDTHS ── */
.footer__inner {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1.4fr !important;
  gap: 56px !important;
  padding: 72px 60px 48px !important;
  align-items: start !important;
}
 
/* Headings — single line */
.footer .h6,
.footer__block p.h6 {
  white-space: nowrap !important;
  letter-spacing: 0.26em !important;
  font-size: 11px !important;
}
 
 
/* ============================================================
   FIX SOCIAL ICONS — make sure SVG icons show
   ============================================================ */
 
.footer .social-media {
  display: flex !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 28px 0 0 0 !important;
}
 
.footer .social-media__item {
  margin: 0 !important;
  list-style: none !important;
}
 
.footer .social-media .tap-area {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #3a3020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8a7050 !important;
  transition: all 0.3s !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
  padding: 0 !important;
}
 
.footer .social-media .tap-area:hover {
  border-color: #c8963c !important;
  color: #c8963c !important;
}
 
/* Force SVG icons to show */
.footer .social-media .icon,
.footer .social-media svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor !important;
  color: inherit !important;
  visibility: visible !important;
  opacity: 1 !important;
}
 
.footer .social-media svg path {
  fill: currentColor !important;
}
 
 
/* ============================================================
   MOBILE
   ============================================================ */
 
@media (max-width: 999px) {
  .shopify-section--logo-list .container {
    padding: 0 20px !important;
  }
 
  .logo-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
 
  .logo-list__item {
    border-bottom: 1px solid #1e1810 !important;
    padding: 18px 12px !important;
    min-height: 90px !important;
  }
 
  .logo-list__item:nth-child(2) {
    border-right: none !important;
  }
 
  .logo-list__item:nth-child(3),
  .logo-list__item:nth-child(4) {
    border-bottom: none !important;
  }
 
  .logo-list__item img {
    max-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
  }
 
  .footer__inner {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    padding: 48px 24px 32px !important;
  }
 
  .footer__block-list .footer__block:first-child::before {
    font-size: 20px !important;
    letter-spacing: 0.18em !important;
  }
}
.footer-logo-section{
  padding:1rem!important;
}

/* ── FOOTER WRAPPER ── */
.shopify-section--footer .footer {
  background: #0f0d0a !important;
  border-top: none !important;
  padding: 0 !important;
}
 
.shopify-section--footer .container {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
 
 
/* ============================================================
   FOOTER INNER — proper grid layout
   ============================================================ */
 
.footer__inner {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.4fr !important;
  grid-template-areas:
    "brand care service newsletter"
    "social social social social"
    "aside aside aside aside" !important;
  gap: 0 !important;
  column-gap: 56px !important;
  row-gap: 20px !important;
  padding: 72px 60px 0 60px !important;
  align-items: start !important;
  position: relative !important;
}
 
/* Force the block-list to NOT use display:contents so we control layout */
.footer__block-list {
  display: contents !important;
}
 
 
/* ============================================================
   FIRST BLOCK — Brand area (logo + tagline)
   ============================================================ */
 
.footer__block:nth-child(1) {
  grid-area: brand !important;
  position: relative !important;
  padding-top: 56px !important;
}
 
/* Brand logo via pseudo */
.footer__block:nth-child(1)::before {
  content: 'TANN VILLAGE' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #e8dcc8 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
 
/* Brand tagline */
.footer__block:nth-child(1)::after {
  content: 'Handcrafted leather goods made in Kerala, India. Built to last a lifetime.' !important;
  display: block !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.85 !important;
  color: #8a7050 !important;
  max-width: 280px !important;
  margin-top: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
}
 
/* Hide the actual content of first block (Customer Care links moved away) */
.footer__block:nth-child(1) .v-stack {
  display: none !important;
}
 
 
/* ============================================================
   SECOND BLOCK — Customer Care (was first block content)
   We use the actual second block which is Customer Service originally
   ============================================================ */
 
.footer__block:nth-child(2) {
  grid-area: care !important;
  padding-top: 0 !important;
}
 
.footer__block:nth-child(3) {
  grid-area: service !important;
  padding-top: 0 !important;
}
 
.footer__block:nth-child(4),
.footer__block--newsletter {
  grid-area: newsletter !important;
  padding-top: 0 !important;
}
 
 
/* ============================================================
   ALL FOOTER BLOCK CONTENT — make sure they're visible
   ============================================================ */
 
.footer__block {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
 
.footer__block .v-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important;
}
 
/* Headings (h6) */
.footer__block .h6,
.footer__block p.h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #c8b88a !important;
  font-weight: 400 !important;
  margin: 0 0 8px 0 !important;
  background: transparent !important;
  white-space: nowrap !important;
}
 
/* Link list */
.footer__block ul,
.footer__block .v-stack ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: transparent !important;
}
 
.footer__block li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
 
/* Links — VISIBLE color */
.footer__block a,
.footer__block .link-faded {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #b8956a !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
  text-transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
}
 
.footer__block a:hover,
.footer__block .link-faded:hover {
  color: #c8963c !important;
}
 
 
/* ============================================================
   NEWSLETTER BLOCK — clean layout, no background box
   ============================================================ */
 
.footer__block--newsletter {
  background: transparent !important;
}
 
.footer__block--newsletter .v-stack {
  background: transparent !important;
  padding: 0 !important;
  gap: 16px !important;
}
 
.footer__block--newsletter .prose,
.footer__block--newsletter .prose p,
.footer__block--newsletter .text-subdued {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  color: #8a7050 !important;
  background: transparent !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  max-width: 280px !important;
  text-transform: none !important;
}
 
/* Newsletter form */
.footer__block--newsletter .form {
  display: block !important;
  background: transparent !important;
  position: relative !important;
  margin-top: 4px !important;
}
 
.footer__block--newsletter .form-control {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
 
/* Email input */
.footer__block--newsletter .input {
  width: 100% !important;
  height: 46px !important;
  background: transparent !important;
  border: 1px solid #3a3020 !important;
  color: #e8dcc8 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  padding: 0 60px 0 14px !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
 
.footer__block--newsletter .input::placeholder {
  color: #6a5a40 !important;
}
 
.footer__block--newsletter .input:focus {
  border-color: #c8963c !important;
}
 
/* Floating label */
.footer__block--newsletter .floating-label {
  color: #6a5a40 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: transparent !important;
}
 
/* Subscribe button — overlay on input */
.footer__block--newsletter .align-self-start {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  align-self: auto !important;
}
 
.footer__block--newsletter .button {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid #3a3020 !important;
  color: #c8963c !important;
  font-size: 0 !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}
 
.footer__block--newsletter .button::before {
  content: '→' !important;
  font-size: 18px !important;
  font-family: Arial, sans-serif !important;
  color: inherit !important;
}
 
.footer__block--newsletter .button:hover {
  background: #c8963c !important;
  color: #0f0d0a !important;
}
 
 
/* ============================================================
   SOCIAL MEDIA — under brand column
   ============================================================ */
 
.footer .social-media {
  grid-area: social !important;
  display: flex !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-self: start !important;
}
 
.footer .social-media__item {
  margin: 0 !important;
  list-style: none !important;
}
 
.footer .social-media .tap-area {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #3a3020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #b8956a !important;
  background: transparent !important;
  transition: all 0.3s !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  padding: 0 !important;
}
 
.footer .social-media .tap-area:hover {
  border-color: #c8963c !important;
  color: #c8963c !important;
}
 
.footer .social-media .icon,
.footer .social-media svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  display: block !important;
}
 
 
/* ============================================================
   FOOTER ASIDE — bottom bar with copyright
   ============================================================ */
 
.footer__aside {
  grid-area: aside !important;
  width: calc(100% + 120px) !important;
  margin: 56px -60px 0 -60px !important;
  background: #080604 !important;
  border-top: 1px solid #1e1810 !important;
  padding: 20px 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
 
.footer__aside p,
.footer__aside .heading,
.footer__aside .text-subdued {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #5a4a30 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  background: transparent !important;
}
 
.footer__aside a {
  color: #5a4a30 !important;
  margin-left: 8px !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
}
 
.footer__aside a:hover {
  color: #c8963c !important;
}
 
 
/* ============================================================
   MOBILE
   ============================================================ */
 
@media (max-width: 999px) {
  .footer__inner {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "care"
      "service"
      "newsletter"
      "social"
      "aside" !important;
    padding: 48px 24px 0 24px !important;
    row-gap: 32px !important;
  }
 
  .footer__block:nth-child(1) {
    padding-top: 48px !important;
  }
 
  .footer__block:nth-child(1)::after {
    max-width: 100% !important;
  }
 
  .footer__aside {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
    margin: 32px -24px 0 -24px !important;
    width: calc(100% + 48px) !important;
    padding: 20px 24px !important;
  }
}
/* Hide the previous text logo */
.footer__block:nth-child(1)::before {
  content: '' !important;
  display: block !important;
  width: 140px !important;
  height: 80px !important;
 
  /* ⬇️ REPLACE THIS URL WITH YOUR ACTUAL LOGO URL ⬇️ */
  background-image: url('/cdn/shop/files/TANN-VILLAGE-LOGO.png?v=1778751426') !important;
 
 
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-color: transparent !important;
 
  /* This filter makes a black logo appear white/cream on the dark background.
     If your logo is already white/light, DELETE the next line. */
  filter: brightness(0) invert(1) opacity(0.92) !important;
 
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
}
 
/* Adjust tagline spacing now that logo is taller */
.footer__block:nth-child(1) {
  padding-top: 96px !important;
}
 
.footer__block:nth-child(1)::after {
  margin-top: 12px !important;
}

.timeline__nav button[aria-current=true]:before{
  display: none!important;
}

@media screen and (min-width: 700px) {
    .timeline__nav>button:after {
        inset-block-end: 0!important;
    }
}

/* ── HAMBURGER BUTTON ── */
.header__primary-nav button[aria-controls="sidebar-menu"] {
  background: transparent !important;
  border: none !important;
  color: #0f0d0a !important;
  padding: 8px !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
 
.header__nav-icon,
.header__primary-nav .icon-hamburger {
  width: 22px !important;
  height: 22px !important;
  color: #0f0d0a !important;
  stroke: #0f0d0a !important;
}
 
.header__nav-icon path,
.icon-hamburger path {
  stroke: #0f0d0a !important;
  stroke-width: 1.3 !important;
}
 
 
/* ============================================================
   SIDEBAR DRAWER
   ============================================================ */
 
header-sidebar.header-sidebar {
  background: #f5f0e8 !important;
  color: #0f0d0a !important;
  width: 86% !important;
  max-width: 380px !important;
}
 
/* Override the dark color scheme */
header-sidebar.color-scheme {
  --color-background: #f5f0e8 !important;
  --color-foreground: #0f0d0a !important;
  background: #f5f0e8 !important;
  color: #0f0d0a !important;
}
 
/* Main panel */
.header-sidebar__main-panel {
  background: #f5f0e8 !important;
  color: #0f0d0a !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
}
 
 
/* ── SCROLLER (top section) ── */
.header-sidebar__scroller {
  background: #f5f0e8 !important;
  padding: 0 !important;
  flex: 1 !important;
  overflow-y: auto !important;
}
 
/* Add eyebrow label above menu list */
.header-sidebar__scroller::before {
  content: 'Shop the Collection' !important;
  display: block !important;
  padding: 32px 28px 14px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #b0906a !important;
  font-weight: 400 !important;
}
 
 
/* ── LINK LIST — kill default black blocks ── */
.header-sidebar__linklist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #f5f0e8 !important;
  display: flex !important;
  flex-direction: column !important;
  border-top: none !important;
  border-bottom: none !important;
}
 
.header-sidebar__linklist > li,
.header-sidebar__linklist li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #e4dbc8 !important;
  border-top: none !important;
}
 
.header-sidebar__linklist > li:first-child {
  border-top: 1px solid #e4dbc8 !important;
}
 
 
/* ── LINK ITEMS — clean luxury serif ── */
.header-sidebar__linklist-button,
.header-sidebar__linklist a,
.header-sidebar__linklist .h6 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 28px !important;
  background: transparent !important;
  color: #0f0d0a !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: padding-left 0.25s ease, color 0.25s !important;
  width: 100% !important;
  text-align: left !important;
  border: none !important;
  position: relative !important;
}
 
/* Force lowercase styling — Prestige uppercases via JS sometimes */
.header-sidebar__linklist-button {
  text-transform: capitalize !important;
}
 
/* Arrow indicator on the right */
.header-sidebar__linklist-button::after,
.header-sidebar__linklist a::after {
  content: '→' !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #b0906a !important;
  opacity: 0 !important;
  transition: opacity 0.25s, transform 0.25s !important;
  margin-left: 16px !important;
}
 
.header-sidebar__linklist-button:hover,
.header-sidebar__linklist a:hover {
  background: transparent !important;
  padding-left: 36px !important;
  color: #8a6a3a !important;
}
 
.header-sidebar__linklist-button:hover::after,
.header-sidebar__linklist a:hover::after {
  opacity: 1 !important;
  transform: translateX(4px) !important;
}
 
 
/* ── DIVIDER UTILITY — remove default styling ── */
.header-sidebar .divide-y > * + * {
  border-top: none !important;
}
 
 
/* ── FOOTER (login + account area) ── */
.header-sidebar__footer {
  background: #ede6d6 !important;
  border-top: 1px solid #d8ccb4 !important;
  padding: 24px 28px 28px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
 
/* Login / account link */
.header-sidebar__footer shopify-account,
.header-sidebar__footer .text-with-icon {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #4a3520 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.25s !important;
}
 
.header-sidebar__footer shopify-account:hover,
.header-sidebar__footer a:hover {
  color: #c8963c !important;
}
 
.header-sidebar__footer a {
  color: #4a3520 !important;
  text-decoration: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
 
/* Icon next to login */
.header-sidebar__footer .icon-account,
.header-sidebar__footer svg {
  width: 18px !important;
  height: 18px !important;
  color: #8a6a3a !important;
  stroke: #8a6a3a !important;
}
 
.header-sidebar__footer .icon-account path,
.header-sidebar__footer svg path {
  stroke: #8a6a3a !important;
}
 
 
/* ── REMOVE smallcaps / hidden classes that may hide things ── */
.header-sidebar__footer .sm\:hidden {
  display: flex !important;
}
 
.header-sidebar__footer .smallcaps {
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
}
 
 
/* ── BACKDROP behind drawer ── */
header-sidebar::part(overlay),
.drawer-backdrop,
.drawer__overlay {
  background: rgba(10, 8, 4, 0.55) !important;
}
 
 
/* ── COLLAPSIBLE SUBMENU (if menu has children) ── */
.header-sidebar__collapsible-panel {
  background: #ede6d6 !important;
}
 
.header-sidebar__collapsible-panel .header-sidebar__scroller::before {
  display: none !important;
}
 
.header-sidebar__collapsible-panel a {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #4a3520 !important;
  padding: 14px 28px !important;
}

@media (min-width: 1000px) {
  .header__primary-nav button[aria-controls="sidebar-menu"] {
    display: none !important;
  }
}

/* ── SECTION WRAPPER — cream background everywhere ── */
.shopify-section--main-collection {
  background: #f5f0e8 !important;
  padding: 24px 0 96px !important;
}
 
.shopify-section--main-collection > .color-scheme,
.shopify-section--main-collection [class*="color-scheme--scheme"] {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: #f5f0e8 !important;
  --color-foreground: #2a1f12 !important;
  color: #2a1f12 !important;
}
 
.shopify-section--main-collection .container {
  max-width: 1440px !important;
  padding: 0 56px !important;
}
 
 
/* ============================================================
   1. TOOLBAR — kill the black "SORT BY" block
   ============================================================ */
 
height-observer.collection-toolbar,
.collection-toolbar,
.collection-toolbar.full-bleed {
  background: transparent !important;
  background-color: transparent !important;
  border-top: 1px solid #d8ccb4 !important;
  border-bottom: 1px solid #d8ccb4 !important;
  padding: 16px 0 !important;
  margin-bottom: 48px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
}
 
/* Wrapper around filter + sort buttons (left side) */
.collection-toolbar__button-list {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: transparent !important;
  order: 1 !important;
}
 
.collection-toolbar__button-container {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
 
/* All toolbar buttons — transparent, minimal */
.collection-toolbar .collection-toolbar__button,
.collection-toolbar button.collection-toolbar__button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: #2a1f12 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 8px 16px 8px 0 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}
 
.collection-toolbar .collection-toolbar__button:hover {
  color: #c8963c !important;
  background: transparent !important;
}
 
/* Add a gold underline indicator on hover */
.collection-toolbar .collection-toolbar__button {
  position: relative !important;
}
 
.collection-toolbar .collection-toolbar__button::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: #c8963c !important;
  transition: width 0.3s ease !important;
}
 
.collection-toolbar .collection-toolbar__button:hover::after {
  width: calc(100% - 16px) !important;
}
 
/* Chevron icon next to "Sort by" */
.collection-toolbar .text-with-icon {
  gap: 10px !important;
  background: transparent !important;
  color: inherit !important;
}
 
.collection-toolbar .text-with-icon .icon {
  width: 8px !important;
  height: 8px !important;
  stroke-width: 1.2 !important;
}
 
/* Add a separator between Filter and Sort */
.collection-toolbar__button-container + .collection-toolbar__button-container {
  border-left: 1px solid #d8ccb4 !important;
  margin-left: 8px !important;
  padding-left: 16px !important;
}
 
/* Product count text — center it */
.collection-toolbar__products-count {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: #8a7050 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  order: 2 !important;
  text-align: center !important;
  flex: 1 !important;
}
 
 
/* ============================================================
   2. SORT POPOVER DROPDOWN — premium styling
   ============================================================ */
 
facets-sort-popover.popover {
  background: #faf6ee !important;
  border: 1px solid #d8ccb4 !important;
  padding: 6px !important;
  box-shadow: 0 12px 40px rgba(10, 8, 4, 0.12) !important;
  min-width: 240px !important;
  z-index: 100 !important;
  border-radius: 0 !important;
}
 
facets-sort-popover [slot="header"],
facets-sort-popover .h4 {
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: #b0906a !important;
  font-weight: 400 !important;
  padding: 10px 14px 12px !important;
  border-bottom: 1px solid #e4dbc8 !important;
  margin-bottom: 4px !important;
}
 
facets-sort-popover .popover__value-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 
facets-sort-popover .popover__value-option {
  background: transparent !important;
  border: none !important;
  padding: 11px 14px 11px 22px !important;
  text-align: left !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #4a3520 !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  font-weight: 300 !important;
  width: 100% !important;
  transition: background 0.2s, color 0.2s !important;
  display: block !important;
  position: relative !important;
  border-radius: 0 !important;
}
 
facets-sort-popover .popover__value-option:hover {
  background: #ede6d6 !important;
  color: #c8963c !important;
}
 
facets-sort-popover .popover__value-option[aria-selected="true"] {
  color: #0f0d0a !important;
  font-weight: 500 !important;
  background: transparent !important;
}
 
facets-sort-popover .popover__value-option[aria-selected="true"]::before {
  content: '' !important;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #c8963c !important;
}
 
facets-sort-popover .reversed-link {
  background: transparent !important;
  color: inherit !important;
}
 
 
/* ============================================================
   3. COLLECTION GRID — clean product layout
   ============================================================ */
 
.collection {
  display: block !important;
  width: 100% !important;
}
 
.collection__main {
  width: 100% !important;
  min-width: 0 !important;
}
 
/* Product list — 3 columns desktop, 2 columns mobile */
product-list.product-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 48px 28px !important;
  width: 100% !important;
}
 
@media (max-width: 999px) {
  product-list.product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 16px !important;
  }
}
 
 
/* ============================================================
   4. PRODUCT CARDS — premium luxury feel
   ============================================================ */
 
product-card.product-card {
  background: transparent !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative !important;
}
 
/* Image wrapper — cream tinted, not stark white */
.product-card__figure {
  background: #ede6d6 !important;
  border: none !important;
  overflow: hidden !important;
  margin-bottom: 22px !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
}
 
.product-card__media {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #ede6d6 !important;
}
 
.product-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.7s ease !important;
  background: #ede6d6 !important;
  padding: 12px !important;
  mix-blend-mode:normal;
}
 
product-card:hover .product-card__image {
  transform: scale(1.05) !important;
}
.product-gallery__thumbnail-list {
  top: calc(106px - 1rem) !important;
}
 
/* Gold border appears on hover */
.product-card__figure::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border: 1px solid transparent !important;
  pointer-events: none !important;
  transition: border-color 0.3s !important;
}
 
product-card:hover .product-card__figure::after {
  border-color: rgba(200, 150, 60, 0.35) !important;
}
 
/* Product info */
.product-card__info {
  text-align: center !important;
  padding: 0 4px !important;
  background: transparent !important;
}
 
.product-card__info .v-stack {
  gap: 8px !important;
  align-items: center !important;
  background: transparent !important;
}
 
.product-card__info .v-stack.gap-1 {
  gap: 6px !important;
}
 
.product-card__info .v-stack.gap-2 {
  gap: 8px !important;
}
 
/* Product title — Title Case, Cormorant Garamond */
.product-card .product-title,
.product-card a.product-title,
.product-card .product-title.h6,
a.product-title.h6 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.03em !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  transition: color 0.25s !important;
}
 
product-card:hover .product-title {
  color: #8a6a3a !important;
}
 
/* Price — refined, light weight */
.product-card price-list,
.product-card .price-list {
  display: block !important;
  margin-top: 2px !important;
  background: transparent !important;
}
 
.product-card sale-price,
.product-card sale-price.h6,
.product-card sale-price.text-subdued,
.product-card .price,
.product-card price-list .h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #5a4530 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  display: inline-block !important;
  background: transparent !important;
}
 
/* Hide sr-only text */
.product-card .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
 
 
/* ============================================================
   5. MOBILE FILTERS DRAWER
   ============================================================ */
 
facets-drawer.drawer {
  background: #f5f0e8 !important;
  color: #0f0d0a !important;
}
 
facets-drawer [slot="header"],
facets-drawer .h4 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
  padding: 24px 24px 16px !important;
  border-bottom: 1px solid #d8ccb4 !important;
}
 
facets-drawer .accordion-list {
  padding: 0 24px !important;
}
 
facets-drawer .accordion {
  border-bottom: 1px solid #e4dbc8 !important;
}
 
facets-drawer summary {
  padding: 18px 0 !important;
  cursor: pointer !important;
  list-style: none !important;
}
 
facets-drawer summary::-webkit-details-marker {
  display: none !important;
}
 
facets-drawer .accordion__toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #0f0d0a !important;
  font-weight: 500 !important;
}
 
facets-drawer .accordion__toggle .icon {
  width: 10px !important;
  height: 10px !important;
  color: #8a6a3a !important;
  transition: transform 0.3s !important;
}
 
facets-drawer details[open] .accordion__toggle .icon {
  transform: rotate(180deg) !important;
}
 
facets-drawer .accordion__content {
  padding: 4px 0 22px !important;
}
 
facets-drawer .checkbox-control {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}
 
facets-drawer .checkbox-control input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #b0906a !important;
  accent-color: #c8963c !important;
  cursor: pointer !important;
}
 
facets-drawer .checkbox-control label {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #4a3520 !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  font-weight: 300 !important;
  cursor: pointer !important;
}
 
/* Price range in drawer */
facets-drawer price-range {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
 
facets-drawer .range-group input[type="range"] {
  accent-color: #c8963c !important;
}
 
facets-drawer .input-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
 
facets-drawer .input-prefix {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #d8ccb4 !important;
  background: #faf6ee !important;
  padding: 0 10px !important;
  height: 36px !important;
  flex: 1 !important;
}
 
facets-drawer .input-prefix .prefix {
  font-size: 10px !important;
  color: #8a7050 !important;
  letter-spacing: 0.1em !important;
  margin-right: 6px !important;
  text-transform: uppercase !important;
}
 
facets-drawer .input-prefix .field {
  border: none !important;
  background: transparent !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #0f0d0a !important;
  outline: none !important;
  padding: 0 !important;
  width: 100% !important;
}
 
/* Drawer footer button (View results) */
facets-drawer [slot="footer"] {
  padding: 16px 24px 24px !important;
  border-top: 1px solid #d8ccb4 !important;
  background: #ede6d6 !important;
}
 
 
/* ============================================================
   ENSURE INTERACTIVITY WORKS
   ============================================================ */
 
.collection-toolbar button,
.collection-toolbar a,
collection-layout-switch button,
facets-sort-popover button,
facets-drawer button,
facets-drawer input,
facets-drawer label,
facets-drawer summary {
  pointer-events: auto !important;
}
 
 
/* ============================================================
   MOBILE
   ============================================================ */
 
@media (max-width: 999px) {
  .shopify-section--main-collection .container {
    padding: 0 20px !important;
  }
 
  .shopify-section--main-collection {
    padding: 16px 0 64px !important;
  }
 
  .collection-toolbar {
    padding: 12px 0 !important;
    margin-bottom: 28px !important;
  }
 
  .collection-toolbar .collection-toolbar__button {
    font-size: 10px !important;
    padding: 6px 12px 6px 0 !important;
    letter-spacing: 0.22em !important;
  }
 
  .collection-toolbar__products-count {
    font-size: 9px !important;
    letter-spacing: 0.28em !important;
  }
 
  .product-card .product-title {
    font-size: 15px !important;
  }
 
  .product-card sale-price {
    font-size: 12px !important;
  }
 
  .product-card__figure {
    margin-bottom: 14px !important;
  }
}
 
/* ── KILL the dark color-scheme bleed in toolbar ── */
.shopify-section--main-collection .collection-toolbar,
.shopify-section--main-collection .collection-toolbar *,
.shopify-section--main-collection .collection-toolbar__button-list,
.shopify-section--main-collection .collection-toolbar__button-list *,
.shopify-section--main-collection .collection-toolbar__button-container,
.shopify-section--main-collection .collection-toolbar__button-container *,
.shopify-section--main-collection height-observer.collection-toolbar,
.shopify-section--main-collection height-observer.collection-toolbar * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
 
/* Reapply the toolbar's own borders (since we just killed everything) */
.shopify-section--main-collection .collection-toolbar,
.shopify-section--main-collection height-observer.collection-toolbar {
  border-top: 1px solid #d8ccb4 !important;
  border-bottom: 1px solid #d8ccb4 !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-left:0!important;
  position:initial;
}
 
/* ── FORCE the buttons themselves to be transparent + dark text ── */
.shopify-section--main-collection .collection-toolbar button,
.shopify-section--main-collection .collection-toolbar__button,
.shopify-section--main-collection .collection-toolbar__button.heading,
.shopify-section--main-collection .collection-toolbar__button.text-xxs,
.shopify-section--main-collection button.collection-toolbar__button,
.shopify-section--main-collection button[aria-controls="sort-by-popover"],
.shopify-section--main-collection button[aria-controls="facets-drawer"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #2a1f12 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: none !important;
  outline: none !important;
  white-space: nowrap !important;
}
 
/* Reset hover to keep text visible */
.shopify-section--main-collection .collection-toolbar button:hover,
.shopify-section--main-collection .collection-toolbar__button:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #c8963c !important;
}
 
/* Text inside the buttons */
.shopify-section--main-collection .collection-toolbar button span,
.shopify-section--main-collection .collection-toolbar__button span,
.shopify-section--main-collection .collection-toolbar .text-with-icon,
.shopify-section--main-collection .collection-toolbar .text-with-icon span {
  color: inherit !important;
  background: transparent !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
 
/* Chevron icon inside Sort By */
.shopify-section--main-collection .collection-toolbar .icon-chevron-down,
.shopify-section--main-collection .collection-toolbar svg.icon {
  width: 9px !important;
  height: 9px !important;
  color: inherit !important;
  stroke: currentColor !important;
}
 
/* ── Layout buttons group (left side) ── */
.shopify-section--main-collection .collection-toolbar__button-list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-direction: row !important;
  padding:15px!important;
}
 
/* Add separator between Filter and Sort buttons */
.shopify-section--main-collection .collection-toolbar__button-container + .collection-toolbar__button-container {
  border-left: 1px solid #d8ccb4 !important;
  margin-left: 4px !important;
  padding-left: 4px !important;
}
 
/* ── Count text ── */
.shopify-section--main-collection .collection-toolbar__products-count,
.shopify-section--main-collection .collection-toolbar__products-count.h6 {
  background: transparent !important;
  background-color: transparent !important;
  color: #8a7050 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  margin: 0 !important;
  text-align: right !important;
}
 
 
/* ============================================================
   Also kill any dark backgrounds bleeding into the whole section
   ============================================================ */
.shopify-section--main-collection,
.shopify-section--main-collection > div,
.shopify-section--main-collection .container,
.shopify-section--main-collection .v-stack {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
}
 
/* CSS variables for color-scheme override */
.shopify-section--main-collection [class*="color-scheme--scheme"],
.shopify-section--main-collection .color-scheme {
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
  background: #f5f0e8 !important;
  color: #2a1f12 !important;
}

/* Kill all borders/outlines on toolbar buttons and containers */
.shopify-section--main-collection .collection-toolbar__button,
.shopify-section--main-collection .collection-toolbar__button-container,
.shopify-section--main-collection .collection-toolbar__button-list,
.shopify-section--main-collection button.collection-toolbar__button,
.shopify-section--main-collection button[aria-controls="sort-by-popover"],
.shopify-section--main-collection button[aria-controls="facets-drawer"],
.shopify-section--main-collection facets-sort-popover .popover__value-option {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
 
/* Also remove the separator between Filter and Sort (was too boxy) */
.shopify-section--main-collection .collection-toolbar__button-container + .collection-toolbar__button-container {
  border-left: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
 
/* Slightly tighter spacing now that there's no separator */
.shopify-section--main-collection .collection-toolbar__button-list {
  gap: 20px !important;
}
 
/* Cleaner button padding (no extra box space) */
.shopify-section--main-collection .collection-toolbar__button,
.shopify-section--main-collection button.collection-toolbar__button {
  padding: 8px 0 !important;
  border: none !important;
}
 
/* Hover underline indicator (gold) — replaces the box look */
.shopify-section--main-collection .collection-toolbar__button {
  position: relative !important;
}
 
.shopify-section--main-collection .collection-toolbar__button::after {
  content: '' !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: #c8963c !important;
  transition: width 0.3s ease !important;
}
 
.shopify-section--main-collection .collection-toolbar__button:hover::after {
  width: 100% !important;
}

facets-drawer.facets-drawer,
facets-drawer.drawer {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100vh !important;
  background: #f5f0e8 !important;
}
 
/* The internal shadow DOM parts — force layout */
facets-drawer [part="content"],
facets-drawer [part="base"] {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #f5f0e8 !important;
}
 
 
/* ── HEADER — full width at top, not in a floating box ── */
facets-drawer header[part="header"],
facets-drawer [part="header"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 32px !important;
  background: #f5f0e8 !important;
  border-bottom: 1px solid #d8ccb4 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
 
facets-drawer [slot="header"],
facets-drawer .h4 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  position: relative !important;
  line-height: 1.2 !important;
}
 
/* Remove the gold underline (was misplaced) */
facets-drawer [slot="header"]::after,
facets-drawer .h4::after {
  display: none !important;
}
 
 
/* ── CLOSE BUTTON (X) — positioned in header ── */
facets-drawer button[part="close-button"],
facets-drawer button[part*="close-button"],
facets-drawer dialog-close-button button {
  background: transparent !important;
  border: none !important;
  color: #4a3520 !important;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
}
 
facets-drawer .icon-close {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
}
 
 
/* ── PANEL LIST (scrollable filter area) ── */
facets-drawer [part="panel-list"] {
  flex: 1 !important;
  overflow-y: auto !important;
  background: #f5f0e8 !important;
  display: flex !important;
  flex-direction: column !important;
}
 
/* The facets-form takes available space */
facets-drawer facets-form {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}
 
facets-drawer .facets {
  flex: 1 !important;
  background: transparent !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
 
 
/* ── ACCORDION LIST — proper padding, NO cream tinted box ── */
facets-drawer .accordion-list {
  background: transparent !important;
  padding: 12px 32px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
 
 
/* ── ACCORDION SECTIONS ── */
facets-drawer accordion-disclosure.accordion {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #d8ccb4 !important;
  padding: 0 !important;
}
 
facets-drawer accordion-disclosure.accordion:last-child {
  border-bottom: none !important;
}
 
facets-drawer summary {
  padding: 20px 0 !important;
  cursor: pointer !important;
  background: transparent !important;
  list-style: none !important;
}
 
facets-drawer summary::-webkit-details-marker {
  display: none !important;
}
 
facets-drawer .accordion__toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #0f0d0a !important;
  font-weight: 500 !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
}
 
facets-drawer .accordion__toggle .text-with-icon {
  background: transparent !important;
  color: inherit !important;
}
 
facets-drawer .accordion__toggle .icon {
  width: 10px !important;
  height: 10px !important;
  color: #8a6a3a !important;
  transition: transform 0.3s ease !important;
  flex-shrink: 0 !important;
}
 
facets-drawer details[open] .accordion__toggle .icon {
  transform: rotate(180deg) !important;
  color: #c8963c !important;
}
 
facets-drawer .accordion__content {
  padding: 4px 0 20px !important;
  background: transparent !important;
}
 
 
/* ── PRICE RANGE — make slider visible ── */
facets-drawer price-range,
facets-drawer .price-range {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  background: transparent !important;
  padding: 6px 0 !important;
}
 
/* Track + dual range visibility */
facets-drawer .range-group {
  position: relative !important;
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
}
 
/* Draw the track line manually */
facets-drawer .range-group::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #d8ccb4 !important;
  transform: translateY(-50%) !important;
  z-index: 0 !important;
}
 
/* Gold filled portion based on CSS vars Prestige sets */
facets-drawer .range-group::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: var(--range-min, 0%) !important;
  right: calc(100% - var(--range-max, 100%)) !important;
  height: 2px !important;
  background: #c8963c !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}
 
facets-drawer .range-group input[type="range"] {
  position: absolute !important;
  top: -6px !important;
  left: 0 !important;
  width: 100% !important;
  height: 28px !important;
  background: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
}
 
facets-drawer .range-group input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  background: #0f0d0a !important;
  border: 2px solid #c8963c !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  margin-top: 0 !important;
}
 
facets-drawer .range-group input[type="range"]::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  background: #0f0d0a !important;
  border: 2px solid #c8963c !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
 
facets-drawer .range-group input[type="range"]::-webkit-slider-runnable-track {
  background: transparent !important;
  border: none !important;
}
 
facets-drawer .range-group input[type="range"]::-moz-range-track {
  background: transparent !important;
  border: none !important;
}
 
/* Price input boxes */
facets-drawer .input-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
}
 
facets-drawer .input-prefix {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #d8ccb4 !important;
  background: #faf6ee !important;
  padding: 0 12px !important;
  height: 40px !important;
  flex: 1 !important;
  border-radius: 0 !important;
}
 
facets-drawer .input-prefix .prefix {
  font-size: 10px !important;
  color: #8a7050 !important;
  letter-spacing: 0.12em !important;
  margin-right: 8px !important;
  text-transform: uppercase !important;
  background: transparent !important;
  font-family: 'Jost', sans-serif !important;
}
 
facets-drawer .input-prefix .field {
  border: none !important;
  background: transparent !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #0f0d0a !important;
  outline: none !important;
  width: 100% !important;
  padding: 0 !important;
  height: auto !important;
  text-align: right !important;
}
 
 
/* ── FOOTER — pin to BOTTOM ── */
facets-drawer [slot="footer"] {
  flex-shrink: 0 !important;
  padding: 20px 32px 28px !important;
  border-top: 1px solid #d8ccb4 !important;
  background: #ede6d6 !important;
  margin: 0 !important;
  position: sticky !important;
  bottom: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
 
facets-drawer [slot="footer"] dialog-close-button {
  display: block !important;
  width: 100% !important;
}
 
facets-drawer [slot="footer"] .button,
facets-drawer [slot="footer"] button {
  width: 100% !important;
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 16px 24px !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
  display: block !important;
}
 
facets-drawer [slot="footer"] .button:hover,
facets-drawer [slot="footer"] button:hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}

* ── CHECKBOX — custom elegant square, always visible ── */
facets-drawer .checkbox-control {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 4px 0 !important;
  margin-bottom: 14px !important;
  cursor: pointer !important;
}
 
/* Reset native appearance completely */
facets-drawer .checkbox-control input[type="checkbox"],
facets-drawer input.dot-checkbox,
facets-drawer input.switch {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border: 1.5px solid #8a6a3a !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  position: relative !important;
  transition: border-color 0.2s, background 0.2s !important;
  display: inline-block !important;
}
 
/* Hover state */
facets-drawer .checkbox-control input[type="checkbox"]:hover,
facets-drawer input.dot-checkbox:hover,
facets-drawer input.switch:hover {
  border-color: #c8963c !important;
  background: rgba(200, 150, 60, 0.06) !important;
}
 
/* Checked — gold fill with white tick */
facets-drawer .checkbox-control input[type="checkbox"]:checked,
facets-drawer input.dot-checkbox:checked,
facets-drawer input.switch:checked {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
 
/* White checkmark using pseudo-element */
facets-drawer .checkbox-control input[type="checkbox"]:checked::after,
facets-drawer input.dot-checkbox:checked::after,
facets-drawer input.switch:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 6px !important;
  height: 11px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  display: block !important;
  background:none;
}
 
/* ── ALL LABELS — full opacity, readable ── */
facets-drawer .checkbox-control label,
facets-drawer .checkbox-control label.text-subdued {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #2a1f12 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  text-transform: none !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  background: transparent !important;
  margin: 0 !important;
  flex: 1 !important;
}
 
facets-drawer .checkbox-control:hover label {
  color: #8a6a3a !important;
}
 
/* Also fix the general text-subdued overriding inside drawer */
facets-drawer .text-subdued {
  color: #2a1f12 !important;
  opacity: 1 !important;
}
 
/* ── v-stack gap inside category list ── */
facets-drawer .accordion__content .v-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: transparent !important;
}
 
facets-drawer .v-stack.gap-2\.5 {
  gap: 0 !important;
}
 
 
/* ── "In stock only" toggle switch — also custom ── */
facets-drawer input.switch {
  border-radius: 0 !important;
}
 
 
/* ── SECTION HEADERS — full visibility ── */
facets-drawer .accordion__toggle,
facets-drawer .accordion__toggle.h6 {
  color: #0f0d0a !important;
  opacity: 1 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
 
facets-drawer .accordion__toggle .text-with-icon span {
  color: inherit !important;
  opacity: 1 !important;
}
 
/* Chevron */
facets-drawer .accordion__toggle svg,
facets-drawer .accordion__toggle .icon {
  color: #8a6a3a !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  transition: transform 0.3s, color 0.25s !important;
}
 
facets-drawer details[open] .accordion__toggle svg,
facets-drawer details[open] .accordion__toggle .icon {
  transform: rotate(180deg) !important;
  color: #c8963c !important;
}
 
 
/* ── FILTERS title ── */
facets-drawer .h4,
facets-drawer [slot="header"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}
 
/* ── X close button ── */
facets-drawer button[part*="close"] {
  color: #4a3520 !important;
  opacity: 1 !important;
}
 
facets-drawer .icon-close path {
  stroke: #4a3520 !important;
}
 
 
/* ── PRICE RANGE polish ── */
facets-drawer .input-prefix {
  border: 1px solid #c8b88a !important;
  background: #faf6ee !important;
}
 
facets-drawer .input-prefix .prefix {
  color: #8a7050 !important;
  opacity: 1 !important;
}
 
facets-drawer .input-prefix .field {
  color: #0f0d0a !important;
  opacity: 1 !important;
}
 
/* "TO" text between price inputs */
facets-drawer .input-group .text-subdued,
facets-drawer .input-group span {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8a7050 !important;
  opacity: 1 !important;
}
 
 
/* ── VIEW RESULTS button polish ── */
facets-drawer [slot="footer"] .button,
facets-drawer [slot="footer"] button.button {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 8px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  display: block !important;
  text-align: center !important;
  height:40px!important;

}
 
facets-drawer [slot="footer"] .button:hover,
facets-drawer [slot="footer"] button.button:hover {
  background: #c8963c !important;
  color: #ffffff !important;
}
.drawer::part(footer), .drawer::part(body) {
    padding: 0;
}
/* Hide the always-visible sidebar */
.facets-sidebar,
safe-sticky.facets-sidebar {
  display: none !important;
  visibility: hidden !important;
}
 
/* Also hide the desktop sidebar filter form that shows by default */
.shopify-section--main-collection .facets-sidebar,
.shopify-section--main-collection safe-sticky {
  display: none !important;
}
 
 
/* ============================================================
   STEP 2 — Make collection grid always full width (no sidebar column)
   ============================================================ */
 
.shopify-section--main-collection .collection {
  display: block !important;
  width: 100% !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
 
.shopify-section--main-collection .collection__main {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
 
 
/* ============================================================
   STEP 3 — Product grid always shows, always 3 columns
   ============================================================ */
 
.shopify-section--main-collection product-list.product-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 48px 28px !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}
 
@media (max-width: 999px) {
  .shopify-section--main-collection product-list.product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 16px !important;
  }
}
 
 
/* ============================================================
   STEP 4 — Filter drawer: position:fixed so it floats over page
   ============================================================ */
 
/* The filter button opens the drawer — make drawer float as overlay */
facets-drawer.facets-drawer,
facets-drawer.drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  max-height: 100dvh !important;
  width: 420px !important;
  max-width: 90vw !important;
  z-index: 200 !important;
  background: none !important;
  display: none !important; /* hidden by default */
  flex-direction: column !important;
  overflow: hidden !important;
}
 
/* Show when open attribute is set by Prestige JS */
facets-drawer.facets-drawer[open],
facets-drawer.drawer[open] {
  display: flex !important;
}
 
/* Overlay behind the drawer */
facets-drawer::part(overlay) {
  background: rgba(10, 8, 4, 0.45) !important;
  z-index: 199 !important;
}
 
 
/* ============================================================
   STEP 5 — Section background stays cream when drawer opens
   ============================================================ */
 
/* Prevent body scroll issues when drawer is open */
.shopify-section--main-collection,
.shopify-section--main-collection > div,
.shopify-section--main-collection .container,
.shopify-section--main-collection .v-stack {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
}
 
/* Keep product list visible regardless of drawer state */
.shopify-section--main-collection .collection__main,
.shopify-section--main-collection product-list {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
 
 
/* ============================================================
   STEP 6 — Show filter button in toolbar (always visible)
   ============================================================ */
 
/* Make sure the Filter button is visible and clickable */
.shopify-section--main-collection button[aria-controls="facets-drawer"] {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.drawer::part(content){
  z-index:999;
}
.dot-checkbox {
    inset-block-start: initial!important;
    opacity:1!important;
}
.dot-checkbox:checked~label {
    transform: initial!important;
}
/* Webkit (Chrome, Safari) */
facets-drawer .range-group input[type="range"]::-webkit-slider-thumb {
  background: #f5f0e8 !important;
  border: 2px solid #c8963c !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
 
/* Firefox */
facets-drawer .range-group input[type="range"]::-moz-range-thumb {
  background: #f5f0e8 !important;
  border: 2px solid #c8963c !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
/* ── KILL dark background on product section ── */
.shopify-section--main-product,
.shopify-section--main-product .section-spacing,
.shopify-section--main-product .color-scheme,
.shopify-section--main-product [class*="color-scheme--scheme"],
.shopify-section--main-product .container {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
  color: #2a1f12 !important;
}
 
.shopify-section--main-product .product {
  background: #f5f0e8 !important;
}
 
 
/* ── PRODUCT GALLERY ── */
product-gallery.product-gallery {
  background: #ede6d6 !important;
  gap:1rem;
}
 
.product-gallery__media {
  background: #ede6d6 !important;
}
 
.product-gallery__carousel {
  background: #ede6d6 !important;
}
 
.product-gallery__image-list {
  background: #ede6d6 !important;
}
 
 
/* ── VENDOR ── */
.product-info .vendor,
.vendor.h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: #b0906a !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
 
 
/* ── PRODUCT TITLE ── */
.product-title.h3,
.product-info .product-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 36px !important;
  font-weight: 300 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
 
 
/* ── PRICE ── */
.price-list--product sale-price.h4,
.price-list--product .h4 {
  font-family: 'Jost', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #4a3520 !important;
  letter-spacing: 0.08em !important;
}
 
.price-list--product sale-price.text-subdued {
  color: #4a3520 !important;
}
 
 
/* ── QUANTITY SELECTOR ── */
.quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #d8ccb4 !important;
  background: #faf6ee !important;
  height: 48px !important;
}
 
.quantity-selector__button {
  background: transparent !important;
  border: none !important;
  color: #2a1f12 !important;
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: color 0.2s !important;
}
 
.quantity-selector__button:hover { color: #c8963c !important; }
 
.quantity-selector__input {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid #d8ccb4 !important;
  border-right: 1px solid #d8ccb4 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #0f0d0a !important;
  text-align: center !important;
  width: 52px !important;
  height: 100% !important;
  padding: 0 !important;
}
 
.quantity-selector__input-wrapper {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
 
.quantity-selector__input::-webkit-outer-spin-button,
.quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
 
 
/* ── ADD TO CART BUTTON ── */
.shopify-section--main-product .button:not(.button--outline):not(.circle-button),
.shopify-section--main-product buy-buttons > .button,
.shopify-section--main-product .button.w-full:not(.button--outline) {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 18px 44px !important;
  width: 100% !important;
  transition: background 0.3s, border-color 0.3s !important;
}
 
.shopify-section--main-product .button:not(.button--outline):not(.circle-button):hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
 
/* Add to Cart outline variant */
.shopify-section--main-product .button.button--outline.w-full {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 18px 44px !important;
  width: 100% !important;
  transition: background 0.3s !important;
}
 
.shopify-section--main-product .button.button--outline.w-full:hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
 
/* Buy It Now button */
.shopify-section--main-product .shopify-payment-button__button--unbranded {
  background: transparent !important;
  color: #0f0d0a !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 18px 44px !important;
  width: 100% !important;
  transition: all 0.3s !important;
}
 
.shopify-section--main-product .shopify-payment-button__button--unbranded:hover {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
}
 
 
/* ── SEPARATOR ── */
.product-info hr {
  border: none !important;
  border-top: 1px solid #d8ccb4 !important;
  margin: 24px 0 !important;
}
 
 
/* ── PAIRS WELL WITH (complementary products) ── */
.complementary-products {
  background: transparent !important;
}
 
.complementary-products__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}
 
.complementary-products__header .h5 {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #b0906a !important;
  font-weight: 400 !important;
}
 
/* Horizontal product cards (pairs well with) */
.horizontal-product-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #e4dbc8 !important;
  background: transparent !important;
}
 
.horizontal-product-card:last-child { border-bottom: none !important; }
 
.horizontal-product-card__figure {
  flex-shrink: 0 !important;
  width: 72px !important;
  height: 72px !important;
  overflow: hidden !important;
  background: #ede6d6 !important;
}
 
.horizontal-product-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
 
.horizontal-product-card__info {
  flex: 1 !important;
  background: transparent !important;
}
 
.horizontal-product-card__info .v-stack {
  gap: 6px !important;
  background: transparent !important;
}
 
/* Product title in horizontal card */
.horizontal-product-card__info .product-title.h6,
.horizontal-product-card__info a.product-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
}
 
.horizontal-product-card__info .product-title:hover { color: #c8963c !important; }
 
/* Price in horizontal card */
.horizontal-product-card__info sale-price.h6,
.horizontal-product-card__info .price-list .h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #8a6a3a !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
}
 
/* Add to cart in horizontal card — small link style */
.horizontal-product-card .link,
.horizontal-product-card button.link {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}
 
.horizontal-product-card .link:hover { color: #0f0d0a !important; }
 
/* "Add to cart" outline button in horizontal card (desktop) */
.horizontal-product-card .button.button--outline.button--subdued {
  background: transparent !important;
  color: #4a3520 !important;
  border: 1px solid #d8ccb4 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 8px 16px !important;
  width: auto !important;
  min-width: unset !important;
  transition: all 0.25s !important;
}
 
.horizontal-product-card .button.button--outline.button--subdued:hover {
  background: #0f0d0a !important;
  border-color: #0f0d0a !important;
  color: #f5f0e8 !important;
}
 
 
/* ── PRODUCT DESCRIPTION ── */
.product-info .prose p {
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}
 
.product-info .prose p em {
  font-style: italic !important;
  color: #4a3520 !important;
}
 
.product-info .prose p strong,
.product-info .prose p b {
  font-weight: 500 !important;
  color: #2a1f12 !important;
  font-style: normal !important;
}
 
.product-info .prose p em strong,
.product-info .prose p em b {
  font-weight: 500 !important;
  color: #2a1f12 !important;
}
 
 
/* ── SAFE STICKY (product info panel) ── */
safe-sticky.product-info {
  background: #f5f0e8 !important;
}
 
.product-info__block-list {
  background: transparent !important;
}
 
.product-info__block-item {
  background: transparent !important;
}
 
 
/* ── RELATED PRODUCTS section ── */
.shopify-section--related-products,
.shopify-section--related-products .section-spacing,
.shopify-section--related-products .color-scheme,
.shopify-section--related-products [class*="color-scheme--scheme"],
.shopify-section--related-products .container,
.shopify-section--related-products .bordered-section {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
  color: #2a1f12 !important;
  border-color: #d8ccb4 !important;
}
 
.shopify-section--related-products .section-header .h2,
.shopify-section--related-products h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 500 !important;
}
 
 
/* ── RECENTLY VIEWED section ── */
.shopify-section--recently-viewed-products,
.shopify-section--recently-viewed-products .section-spacing,
.shopify-section--recently-viewed-products .color-scheme,
.shopify-section--recently-viewed-products [class*="color-scheme--scheme"],
.shopify-section--recently-viewed-products .container,
.shopify-section--recently-viewed-products .bordered-section {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
  color: #2a1f12 !important;
  border-color: #d8ccb4 !important;
}
 
.shopify-section--recently-viewed-products .section-header .h2,
.shopify-section--recently-viewed-products h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 500 !important;
}
 
 
/* ── PRODUCT STICKY BAR ── */
.product-sticky-bar {
  background: #f5f0e8 !important;
  border-top: 1px solid #d8ccb4 !important;
  width: calc(100% - var(--container-gutter));
}
 
.product-sticky-bar__info .h6 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.02em !important;
}
 
.product-sticky-bar__info sale-price.h6,
.product-sticky-bar__info .price-list .h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
}
 
.product-sticky-bar img {
  border: 1px solid #e4dbc8 !important;
  background: #ede6d6 !important;
}
 
/* Sticky bar Add to Cart button */
.product-sticky-bar .button {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  padding: 14px 36px !important;
  white-space: nowrap !important;
  transition: background 0.3s !important;
}
 
.product-sticky-bar .button:hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
 
 
/* ── CAROUSEL NAV BUTTONS (prev/next) ── */
.shopify-section--main-product .circle-button,
.shopify-section--related-products .circle-button,
.shopify-section--recently-viewed-products .circle-button {
  background: #f5f0e8 !important;
  border: 1px solid #d8ccb4 !important;
  color: #2a1f12 !important;
}
 
.shopify-section--main-product .circle-button:hover,
.shopify-section--related-products .circle-button:hover,
.shopify-section--recently-viewed-products .circle-button:hover {
  background: #0f0d0a !important;
  border-color: #0f0d0a !important;
  color: #f5f0e8 !important;
}
 
 
/* ── PAGE DOTS (complementary product nav) ── */
.complementary-products .page-dots .tap-area {
  background: #cfc4a8 !important;
  border: none !important;
}
 
.complementary-products .page-dots .tap-area[aria-current="true"] {
  background: #c8963c !important;
}
/* ── QUANTITY SELECTOR — fix huge black blocks ── */
quantity-selector.quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #d8ccb4 !important;
  background: #faf6ee !important;
  height: 48px !important;
  width: auto !important;
  padding: 0 !important;
}
 
.product-info__block-item .quantity-selector__button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: #2a1f12 !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  letter-spacing: 0 !important;
}
 
.product-info__block-item .quantity-selector__button:hover {
  background: transparent !important;
  color: #c8963c !important;
}
 
.product-info__block-item .quantity-selector__button svg {
  width: 10px !important;
  height: 10px !important;
  stroke: currentColor !important;
  color: inherit !important;
}
 
.quantity-selector__input-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 1px solid #d8ccb4 !important;
  border-right: 1px solid #d8ccb4 !important;
  height: 48px !important;
  padding: 0 !important;
  background: transparent !important;
}
 
input.quantity-selector__input {
  background: transparent !important;
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #0f0d0a !important;
  text-align: center !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
}
 
input.quantity-selector__input::-webkit-outer-spin-button,
input.quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
 
 
/* ── BUY IT NOW — kill the giant black block ── */
 
/* The shopify-payment-button div wrapper */
.shopify-section--main-product .shopify-payment-button,
.shopify-section--main-product div[data-shopify="payment-button"] {
  background: transparent !important;
  background-color: transparent !important;
  margin-top: 8px !important;
}
 
/* Kill the black skeleton/placeholder that shows before JS loads */
.shopify-section--main-product .shopify-payment-button__button[disabled],
.shopify-section--main-product .shopify-payment-button__button[aria-hidden="true"],
.shopify-section--main-product .shopify-payment-button__skeleton,
.shopify-section--main-product shopify-accelerated-checkout > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  display: none !important;
}
 
/* The actual Buy It Now button */
.shopify-section--main-product .shopify-payment-button__button--unbranded,
.shopify-section--main-product shopify-buy-it-now-button button {
  background: transparent !important;
  color: #0f0d0a !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 18px 44px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
}
 
.shopify-section--main-product .shopify-payment-button__button--unbranded:hover,
.shopify-section--main-product shopify-buy-it-now-button button:hover {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
}
 
/* buy-buttons wrapper */
buy-buttons.buy-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: transparent !important;
}
 
buy-buttons.buy-buttons > * {
  background: transparent !important;
}
 
 
/* ── COMPLEMENTARY PRODUCT THUMBNAILS — fix grey squares ── */
 
/* The thumbnail image in the desktop carousel */
.complementary-products__product-list .horizontal-product-card__figure img,
.horizontal-product-card__image {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  display: block !important;
  background: #ede6d6 !important;
  filter: none !important;
  opacity: 1 !important;
}
 
/* Kill any grey overlay on horizontal card images */
.horizontal-product-card__figure {
  width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  overflow: hidden !important;
  background: #ede6d6 !important;
  border: 1px solid #e4dbc8 !important;
  flex-shrink: 0 !important;
}
 
/* The scroll-carousel with product thumbnails */
.complementary-products__product-list {
  background: transparent !important;
  gap: 0 !important;
}
 
/* Fix the page-dots thumbnail buttons that show grey squares */
carousel-navigation.page-dots .button,
carousel-navigation.page-dots button {
  background: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
 
/* The product mini-thumbnails in the page-dots carousel nav
   These grey boxes are actually the nav dots, not images */
.complementary-products__header carousel-navigation.page-dots--narrow button {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #cfc4a8 !important;
  border: none !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
 
.complementary-products__header carousel-navigation.page-dots--narrow button[aria-current="true"] {
  background: #c8963c !important;
  width: 20px !important;
  border-radius: 3px !important;
}
 
/* Fix the product image thumbnails that appear as grey squares in header */
.complementary-products__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  background: transparent !important;
}
 
 
/* ── PRODUCT INFO BLOCK SPACING ── */
.product-info__block-item {
  background: transparent !important;
}
 
.product-info__block-item + .product-info__block-item {
  margin-top: 16px !important;
}
.product-info__block-item product-form buy-buttons.buy-buttons, 
.product-info__block-item product-form .shopify-payment-button,
.product-sticky-bar.is-visible buy-buttons.buy-buttons{
  border: none!important;
  padding: 0!important;
}
/* ── CART DRAWER WRAPPER ── */
cart-drawer.cart-drawer,
cart-drawer.drawer {
  background: #f5f0e8 !important;
  color: #0f0d0a !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 15 13 10 !important;
}
 
cart-drawer.color-scheme,
cart-drawer [class*="color-scheme--scheme"] {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
}
 
/* Kill ALL dark backgrounds inside cart drawer */
cart-drawer *,
cart-drawer .cart-drawer__items,
cart-drawer .line-item,
cart-drawer .line-item-info,
cart-drawer .v-stack,
cart-drawer .h-stack {
  background: transparent !important;
  background-color: transparent !important;
}
 
 
/* ── HEADER ── */
cart-drawer [slot="header"],
cart-drawer .h4 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}
 
/* ── CLOSE BUTTON ── */
cart-drawer button[part*="close"],
cart-drawer dialog-close-button > button:not(.button) {
  background: transparent !important;
  border: none !important;
  color: #4a3520 !important;
}
 
 
/* ── LINE ITEM (cart product row) ── */
cart-drawer line-item.line-item {
  display: flex !important;
  gap: 16px !important;
  padding: 0 0 20px 0 !important;
  border-bottom: 1px solid #e4dbc8 !important;
  background: transparent !important;
  align-items: flex-start !important;
}
 
/* Product image */
cart-drawer .line-item__media {
  width: 90px !important;
  min-width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  background: #ede6d6 !important;
  border: 1px solid #e4dbc8 !important;
  flex-shrink: 0 !important;
}
 
/* Product title */
cart-drawer .line-item-info .h6,
cart-drawer .line-item-info a.h6 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}
 
cart-drawer .line-item-info a.h6:hover { color: #c8963c !important; }
 
/* Price */
cart-drawer .line-item-info sale-price.h6,
cart-drawer .line-item-info .price-list .h6 {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #5a4530 !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
}
 
cart-drawer .line-item-info .text-subdued {
  color: #5a4530 !important;
  opacity: 1 !important;
}
 
/* Remove link */
cart-drawer .link.text-xs,
cart-drawer a.link.text-xs {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #b0906a !important;
  text-decoration: none !important;
  font-weight: 300 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: color 0.2s !important;
}
 
cart-drawer .link.text-xs:hover { color: #0f0d0a !important; }
 
 
/* ── QUANTITY SELECTOR IN CART — fix black blocks ── */
cart-drawer quantity-selector.quantity-selector,
cart-drawer .quantity-selector--sm {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #d8ccb4 !important;
  background: #faf6ee !important;
  background-color: #faf6ee !important;
  height: 38px !important;
  width: auto !important;
  padding: 0 !important;
}
 
cart-drawer .quantity-selector__button,
cart-drawer a.quantity-selector__button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: #2a1f12 !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
}
 
cart-drawer .quantity-selector__button:hover {
  background: transparent !important;
  color: #c8963c !important;
}
 
cart-drawer .quantity-selector__button svg {
  width: 10px !important;
  height: 10px !important;
  stroke: currentColor !important;
  display: block !important;
}
 
cart-drawer .quantity-selector__input-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 1px solid #d8ccb4 !important;
  border-right: 1px solid #d8ccb4 !important;
  height: 38px !important;
  background: transparent !important;
  padding: 0 !important;
}
 
cart-drawer input.quantity-selector__input {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #0f0d0a !important;
  text-align: center !important;
  width: 40px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  -moz-appearance: textfield !important;
}
 
cart-drawer input.quantity-selector__input::-webkit-outer-spin-button,
cart-drawer input.quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
 
 
/* ── FOOTER ── */
cart-drawer [slot="footer"],
cart-drawer .cart-drawer__footer {
  background: #ede6d6 !important;
  border-top: 1px solid #d8ccb4 !important;
  padding: 20px 24px 28px !important;
}
 
/* "Add order note" link */
cart-drawer .link-faded-reverse,
cart-drawer button.link-faded-reverse {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8a7050 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-weight: 300 !important;
}
 
cart-drawer .link-faded-reverse:hover { color: #0f0d0a !important; }
 
/* "Taxes and shipping..." text */
cart-drawer .text-subdued,
cart-drawer p.text-subdued {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  color: #8a7050 !important;
  text-transform: none !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  background: transparent !important;
}
 
/* ── CHECKOUT BUTTON — fix split layout ── */
cart-drawer .button-group {
  margin-top: 16px !important;
  background: transparent !important;
  padding: 0!important;
  border:none!important;
}
 
cart-drawer .button.w-full[name="checkout"],
cart-drawer button[name="checkout"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 18px 24px !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
  height: auto !important;
  min-height: 0 !important;
}
 
cart-drawer .button.w-full[name="checkout"]:hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
 
/* Price inside checkout button — same size, inline */
cart-drawer .cart-drawer__button-price {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  color: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  display: inline !important;
  font-weight: 500 !important;
}
 
/* Separator between CHECKOUT text and price */
 
/* ── ORDER NOTE DIALOG ── */
cart-drawer .cart-drawer__order-note {
  background: #f5f0e8 !important;
  border-top: 1px solid #d8ccb4 !important;
}
 
cart-drawer .cart-drawer__order-note label {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #8a7050 !important;
}
 
cart-drawer .cart-drawer__order-note .textarea {
  background: #faf6ee !important;
  border: 1px solid #d8ccb4 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #0f0d0a !important;
  padding: 12px 14px !important;
  resize: none !important;
}
 
cart-drawer .cart-drawer__order-note .textarea:focus {
  border-color: #c8963c !important;
  outline: none !important;
}
 
cart-drawer .cart-drawer__order-note .button {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border: 1px solid #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  font-weight: 400 !important;
  transition: background 0.3s !important;
}
 
cart-drawer .cart-drawer__order-note .button:hover {
  background: #c8963c !important;
  border-color: #c8963c !important;
}
cart-drawer .cart-drawer__items {
    padding: 1.5rem;
}
cart-drawer .cart-drawer__footer{
  padding:0!important;
  border:none!important;
}
cart-drawer .button-group span.cart-drawer__button-price {
    border:none!important;
}
/* ── PAGE WRAPPER ── */
.shopify-section--main-page,
.shopify-section--main-page .section-spacing,
.shopify-section--main-page .color-scheme,
.shopify-section--main-page [class*="color-scheme--scheme"],
.shopify-section--main-page .container {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
  color: #2a1f12 !important;
}
 
 
/* ── PAGE TITLE (ABOUT US) ── */
.shopify-section--main-page .page-title,
.shopify-section--main-page h1.page-title,
.shopify-section--main-page h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.44em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  text-align: center !important;
  margin-bottom: 52px !important;
}
 
/* Gold line under page title */
.shopify-section--main-page h1::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin: 18px auto 0 !important;
}
 
 
/* ── CONTAINER WIDTH — luxury editorial width ── */
.shopify-section--main-page .container {
  /* max-width: 780px !important; */
  padding: 72px 48px 96px !important;
  margin: 0 auto !important;
}
 
 
/* ── PROSE / BODY TEXT ── */
.shopify-section--main-page .prose {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 
/* All paragraphs */
.shopify-section--main-page .prose p,
.shopify-section--main-page p {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  line-height: 2 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin-bottom: 28px !important;
}
 
/* First paragraph — slightly larger, editorial intro */
.shopify-section--main-page .prose p:first-of-type {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin-bottom: 40px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #d8ccb4 !important;
}
 
/* Bold text inside paragraphs */
.shopify-section--main-page .prose p strong,
.shopify-section--main-page .prose p b,
.shopify-section--main-page p strong,
.shopify-section--main-page p b {
  font-weight: 500 !important;
  color: #0f0d0a !important;
  font-style: normal !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 0.06em !important;
}
 
 
/* ── H2 HEADING (Our Values) ── */
.shopify-section--main-page .prose h2,
.shopify-section--main-page h2 {
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  margin-top: 56px !important;
  margin-bottom: 28px !important;
  position: relative !important;
  padding-top: 24px !important;
}
 
/* Gold line above "Our Values" */
.shopify-section--main-page .prose h2::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
}
 
 
/* ── BULLET LIST (Values) ── */
.shopify-section--main-page .prose ul,
.shopify-section--main-page ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 36px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
 
.shopify-section--main-page .prose ul li,
.shopify-section--main-page ul li {
  display: list-item !important;
  font-family: 'Jost', sans-serif;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #4a3520 !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #ede6d6 !important;
  position: relative;
  padding-left: 24px !important;
}
 
.shopify-section--main-page .prose ul li:last-child {
  border-bottom: none !important;
}
 
/* Gold dot */
.shopify-section--main-page .prose ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  border-radius: 50% !important;
  background: #c8963c !important;
  margin-top: 8px !important;
  display: block !important;
  flex-shrink: 0 !important;
  position: absolute;
  top: 18px;
  left: 6px;
}
 
/* Bold label inside list item */
.shopify-section--main-page .prose ul li strong,
.shopify-section--main-page ul li strong {
  font-weight: 500 !important;
  color: #0f0d0a !important;
  font-family: 'Jost', sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0.06em !important;
}
 
 
/* ── LAST PARAGRAPH (closing thank you) ── */
.shopify-section--main-page .prose p:last-of-type {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 19px !important;
  font-style: italic !important;
  color: #2c1f0e !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  text-transform: none !important;
  padding-top: 36px !important;
  border-top: 1px solid #d8ccb4 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
 
 
/* ── MOBILE ── */
@media (max-width: 768px) {
  .shopify-section--main-page .container {
    padding: 48px 24px 64px !important;
  }
 
  .shopify-section--main-page .prose p:first-of-type {
    font-size: 18px !important;
  }
 
  .shopify-section--main-page .prose p {
    font-size: 14px !important;
  }
 
  .shopify-section--main-page .prose p:last-of-type {
    font-size: 17px !important;
  }
}

/* Stronger overlay so text reads over the leather image */
#shopify-section-template--26833668342071__image_with_text_overlay_fj9Rbk
.content-over-media,
.shopify-section--image-with-text-overlay .content-over-media {
  position: relative !important;
}
 
#shopify-section-template--26833668342071__image_with_text_overlay_fj9Rbk
image-with-text-overlay::before,
.shopify-section--image-with-text-overlay image-with-text-overlay::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 8, 4, 0.52) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
 
/* Content sits above the overlay */
.shopify-section--image-with-text-overlay .content {
  position: relative !important;
  z-index: 2 !important;
  padding: 80px 40px !important;
}
 
/* Hero heading */
.shopify-section--image-with-text-overlay .content .prose .h3,
.shopify-section--image-with-text-overlay .content .prose p.h3,
.shopify-section--image-with-text-overlay .prose .h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 52px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.5) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}
 
/* Hero heading strong */
.shopify-section--image-with-text-overlay .content .prose .h3 strong {
  font-weight: 300 !important;
  color: #ffffff !important;
  font-style: normal !important;
  text-transform:uppercase;
}
 
/* Hero subheading */
.shopify-section--image-with-text-overlay .content .prose p:not(.h3),
.shopify-section--image-with-text-overlay .content .prose div p {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 300 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.6) !important;
  margin: 0 !important;
  line-height: 1.8 !important;
}
 
/* Gold accent line between heading and subheading */
.shopify-section--image-with-text-overlay .content .prose .h3::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin: 20px auto !important;
}
 
/* Hero image height */
.shopify-section--image-with-text-overlay image-with-text-overlay {
  min-height: 500px !important;
}
 
.shopify-section--image-with-text-overlay image-with-text-overlay img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
 
 
/* ============================================================
   HIDE "About Us" redundant page title
   ============================================================ */
 
.shopify-section--main-page .section-header,
.shopify-section--main-page h1.h2 {
  display: none !important;
}
 
 
/* ============================================================
   CONTENT WIDTH — narrow editorial column
   ============================================================ */
 
.shopify-section--main-page .container {
  max-width: 100% !important;
  padding: 0 !important;
}
 
.shopify-section--main-page .section-stack {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}
 
.shopify-section--main-page .prose {
  max-width: 100% !important;
}
 
 
/* ============================================================
   PROSE CONTENT — refined typography
   ============================================================ */
 
/* First paragraph — italic editorial intro */
.shopify-section--main-page .prose > p:first-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 24px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin-bottom: 40px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #d8ccb4 !important;
}
 
/* All other paragraphs */
.shopify-section--main-page .prose > p {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  line-height: 2 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin-bottom: 24px !important;
}
 
/* Bold inside paragraphs */
.shopify-section--main-page .prose p strong,
.shopify-section--main-page .prose p b {
  font-weight: 500 !important;
  color: #0f0d0a !important;
  font-style: normal !important;
  letter-spacing: 0.04em !important;
}
 
/* Last paragraph — closing italic */
.shopify-section--main-page .prose > p:last-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.7 !important;
  text-transform: none !important;
  padding-top: 40px !important;
  border-top: 1px solid #d8ccb4 !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}
  
/* Bullet list */
.shopify-section--main-page .prose ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 

 
 
/* ============================================================
   MOBILE
   ============================================================ */
 
@media (max-width: 768px) {
  .shopify-section--image-with-text-overlay .content {
    padding: 60px 24px !important;
  }
 
  .shopify-section--image-with-text-overlay .content .prose .h3 {
    font-size: 34px !important;
  }
 
  .shopify-section--image-with-text-overlay image-with-text-overlay {
    min-height: 380px !important;
  }
 
  .shopify-section--main-page .section-stack {
    padding: 52px 24px 72px !important;
  }
 
  .shopify-section--main-page .prose > p:first-child {
    font-size: 20px !important;
  }
 
  .shopify-section--main-page .prose > p:last-child {
    font-size: 18px !important;
  }
}
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
image-with-text-overlay,
.shopify-section--contact ~ * image-with-text-overlay,
.shopify-section--image-with-text-overlay:has(+ .shopify-section--multi-column) image-with-text-overlay {
  position: relative !important;
  min-height: 480px !important;
}
 
/* Stronger overlay */
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
image-with-text-overlay::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 8, 4, 0.5) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
 
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
.content {
  position: relative !important;
  z-index: 2 !important;
  padding: 80px 40px !important;
}
 
/* Hero heading "Get in Touch" */
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
.prose .h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 56px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.4) !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  margin-bottom: 0 !important;
}
 
/* Gold line between heading and subheading */
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
.prose .h3::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin: 20px auto !important;
}
 
/* Hero subheading */
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
.prose div p,
#shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
.prose p:not(.h3) {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.8) !important;
  font-weight: 300 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.5) !important;
  margin: 0 !important;
}
 
 
/* ============================================================
   2. INFO STRIP — Visit / Call / Email
   ============================================================ */
 
#shopify-section-template--26833668309303__multi_column_dkcKjU,
.shopify-section--multi-column:has(+ .shopify-section--contact) {
  background: #ede6d6 !important;
}
 
#shopify-section-template--26833668309303__multi_column_dkcKjU .section-spacing,
#shopify-section-template--26833668309303__multi_column_dkcKjU .color-scheme,
#shopify-section-template--26833668309303__multi_column_dkcKjU [class*="color-scheme--scheme"] {
  background: #ede6d6 !important;
  background-color: #ede6d6 !important;
  padding:3rem 0!important;
}
 
#shopify-section-template--26833668309303__multi_column_dkcKjU .container {
  max-width: 1060px !important;
  padding: 52px 60px !important;
  margin: 0 auto!important;
}
 
/* Each column item */
#shopify-section-template--26833668309303__multi_column_dkcKjU .multi-column__item {
  padding: 0 !important;
  border-right: 1px solid #d8ccb4 !important;
  padding-right: 48px !important;
}
 
#shopify-section-template--26833668309303__multi_column_dkcKjU .multi-column__item:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}
 
/* Emoji + label heading */
#shopify-section-template--26833668309303__multi_column_dkcKjU .prose .h3 {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  line-height: 1.6 !important;
}
 
/* Info text — phone, email, location */
#shopify-section-template--26833668309303__multi_column_dkcKjU .prose p:not(.h3) {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
  
.shopify-section.shopify-section--contact .section-spacing{
    padding-top: 4rem!important;
}
 
@media (max-width: 768px) {
  #shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
  .content { padding: 60px 24px !important; }
 
  #shopify-section-template--26833668309303__image_with_text_overlay_RfGDRi
  .prose .h3 { font-size: 38px !important; }
 
  #shopify-section-template--26833668309303__multi_column_dkcKjU .container {
    padding: 40px 24px !important;
  }
 
  #shopify-section-template--26833668309303__multi_column_dkcKjU .multi-column__item {
    border-right: none !important;
    border-bottom: 1px solid #d8ccb4 !important;
    padding-right: 0 !important;
    padding-bottom: 24px !important;
  }
 
  #shopify-section-template--26833668309303__multi_column_dkcKjU .multi-column__item:last-child {
    border-bottom: none !important;
  }
 
  #shopify-section-template--26833668309303__contact-form .container {
    padding: 52px 24px 72px !important;
  }
 
  #shopify-section-template--26833668309303__contact-form .fieldset-row {
    grid-template-columns: 1fr !important;
  }
 
  #shopify-section-template--26833668309303__contact-form .fieldset-row .form-control:first-child {
    border-right: none !important;
    border-bottom: 1px solid #d8ccb4 !important;
  }
}
/* ── THUMBNAIL BUTTONS — kill global black button styles ── */
.product-gallery__thumbnail,
button.product-gallery__thumbnail {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e4dbc8 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: border-color 0.25s !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 0 !important;
  display: block !important;
  flex-shrink: 0 !important;
}
 
.product-gallery__thumbnail:hover {
  background: transparent !important;
  border-color: #b0906a !important;
}
 
/* Active / selected thumbnail */
.product-gallery__thumbnail[aria-current="true"] {
  border-color: #c8963c !important;
  border-width: 1.5px !important;
}
 
/* Thumbnail image */
.product-gallery__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
  padding: 0 !important;
}
 
/* Thumbnail scroller wrapper */
.product-gallery__thumbnail-scroller {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: transparent !important;
  padding: 1rem 0 1rem 1rem;
}
 
/* ── ZOOM BUTTON (circle button top-left on mobile) ── */
.product-gallery__zoom-button,
button.product-gallery__zoom-button {
  background: rgba(245, 240, 232, 0.9) !important;
  border: 1px solid #d8ccb4 !important;
  color: #0f0d0a !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
}
 
.product-gallery__zoom-button:hover {
  background: #0f0d0a !important;
  color: #f5f0e8 !important;
  border-color: #0f0d0a !important;
}
/* ── TOP BAR — contains the 3 buttons ── */
.pswp__top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important;
  padding: 20px !important;
  top: auto !important;
  bottom: 24px !important;
  width: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: absolute !important;
}
 
/* ── PRELOADER SPINNER ── */
.pswp__preloader {
  display: none !important;
}
.pswp__top-bar.pswp__hide-on-close button.pswp__button.circle-button.circle-button--xl.hover\:animate-icon-block {
    width: 60px!important;
    padding: 0!important;
    height: 60px!important;
}
/* ── LIGHTBOX BACKGROUND ── */
.pswp__bg {
  background: rgba(10, 8, 4, 0.96) !important;
}
 
/* ── RESET all pswp buttons from global black style ── */
.pswp__button,
button.pswp__button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
 
/* ── TOP BAR — centered row at bottom ── */
.pswp__top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: transparent !important;
  padding: 20px !important;
  top: auto !important;
  bottom: 32px !important;
  width: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: absolute !important;
}
 
/* ── PREV + NEXT — thin white ring circles ── */
.pswp__button[aria-label="Previous"],
.pswp__button[aria-label="Next"] {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #0f0d0a !important;
  border: 0.5px solid rgba(255, 255, 255, 0.4) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: border-color 0.25s, color 0.25s !important;
}
 
.pswp__button[aria-label="Previous"]:hover,
.pswp__button[aria-label="Next"]:hover {
  border-color: #c8963c !important;
  color: #c8963c !important;
  background: #0f0d0a !important;
}
 
/* ── CLOSE — gold accent circle ── */
.pswp__button[aria-label="Close gallery"] {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #0f0d0a !important;
  border: 1px solid #c8963c !important;
  color: #c8963c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
}
 
.pswp__button[aria-label="Close gallery"]:hover {
  background: #c8963c !important;
  color: #f5f0e8 !important;
  border-color: #c8963c !important;
}
 
/* ── SVG ICONS inside buttons ── */
.pswp__button svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
  color: inherit !important;
  font-size: 0 !important;
}
.product-gallery__zoom-button {
    right: 1.25rem;
}
* ── SECTION BACKGROUND ── */
.shopify-section--main-page .section-spacing,
.shopify-section--main-page .color-scheme,
.shopify-section--main-page [class*="color-scheme--scheme"] {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
}
 
/* ── CONTAINER — narrow editorial column ── */
.shopify-section--main-page .container {
  max-width: 100% !important;
  padding: 0 !important;
}
 
.shopify-section--main-page .section-stack {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 80px 40px 100px !important;
}
 
/* ── PAGE TITLE ── */
.shopify-section--main-page h1.h2,
.shopify-section--main-page .section-header h1 {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.44em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  padding-bottom: 20px !important;
}
 
.shopify-section--main-page h1.h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
}
 
/* ── FIRST PARAGRAPH — editorial intro ── */
.shopify-section--main-page .prose > p:first-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #2c1f0e !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  margin-bottom: 52px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #d8ccb4 !important;
  text-align: center !important;
}
 
 
/* ── BODY PARAGRAPHS ── */
.shopify-section--main-page .prose > p {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.95 !important;
  color: #4a3520 !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
}
 
/* Bold text */
.shopify-section--main-page .prose p strong,
.shopify-section--main-page .prose p b {
  font-weight: 500 !important;
  color: #0f0d0a !important;
  letter-spacing: 0.04em !important;
}
 
/* ── BULLET LIST ── */
.shopify-section--main-page .prose ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 
/* ── LAST PARAGRAPH — closing note ── */
.shopify-section--main-page .prose > p:last-child {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: #2c1f0e !important;
  line-height: 1.7 !important;
  text-transform: none !important;
  padding-top: 40px !important;
  border-top: 1px solid #d8ccb4 !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}
 
/* ── MOBILE ── */
@media (max-width: 768px) {
  .shopify-section--main-page .section-stack {
    padding: 52px 24px 72px !important;
  }
  .shopify-section--main-page .prose > p:first-child {
    font-size: 18px !important;
  }
}
newsletter-popup.pop-in.newsletter-popup button.pop-in__close-button {
    padding: 5px!important;
}
#shopify-section-template--26931341689143__contact_6CgArD,
#shopify-section-template--26931341689143__contact_6CgArD .section-spacing,
#shopify-section-template--26931341689143__contact_6CgArD .color-scheme,
#shopify-section-template--26931341689143__contact_6CgArD [class*="color-scheme--scheme"] {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  --color-background: 245 240 232 !important;
  --color-foreground: 42 31 18 !important;
}

.form-control [class*="label"] {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
  color: black!important;
  padding: 1px 5px !important;
}

#shopify-section-template--26833668276535__multiple_media_with_text_cUPihB
.multiple-media-with-text__media-wrapper > div:last-child {
  position: relative !important;
  z-index: 2 !important;
  outline: 6px solid #f5f0e8 !important;
  outline-offset: 0 !important;
}
 
#shopify-section-template--26833668276535__multiple_media_with_text_cUPihB
.multiple-media-with-text__media-wrapper > div:last-child img {
  filter: brightness(0.88) !important;
  transition: filter 0.4s !important;
}
 
/* Hover brighten */
#shopify-section-template--26833668276535__multiple_media_with_text_cUPihB
.multiple-media-with-text__media-wrapper:hover img {
  filter: brightness(1) !important;
}
@media (max-width: 768px) {
    section#shopify-section-template--26833668276535__slideshow_Upm3Kr .content-over-media.content-over-media--auto {
        min-height: 500px;
    }
    .slideshow__slide-content p.h6 {
    font-size: 22px !important;
    }
    .collection-toolbar__button-container[class*="button"]:not(input) {
    padding: 10px!important;
    }
    .shopify-section--main-collection .collection-toolbar__button-container[class*="button"]:not(input) button,
    .shopify-section--main-collection .collection-toolbar__button-container[class*="button"]:not(input) button span.text-with-icon{
        font-size: 14px!important;
    }

}
/* ── SECTION ── */
#shopify-section-template--26833668276535__timeline_H84EaK .section-spacing {
  background: #0f0d0a !important;
  padding: 0 !important;
}
 
#shopify-section-template--26833668276535__timeline_H84EaK .container {
  max-width: 100% !important;
  padding: 0 !important;
  margin:0!important;
}
 
#shopify-section-template--26833668276535__timeline_H84EaK .timeline {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 
 
/* ============================================================
   CAROUSEL — fixed height, no layout shift
   ============================================================ */
 
timeline-carousel {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 580px !important;
}
 
/* All items stacked, only selected shown */
.timeline__item {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-height: 580px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  background: #0f0d0a !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.7s ease !important;
  z-index: 0 !important;
}
 
.timeline__item.is-selected {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1 !important;
  position: relative !important;
}
 
/* Keep carousel height anchored */
timeline-carousel::after {
  content: '' !important;
  display: block !important;
  /* min-height: 580px !important; */
  pointer-events: none !important;
}
 
 
/* ============================================================
   IMAGE SIDE (left)
   ============================================================ */
 
.timeline__item-image-wrapper {
  position: relative !important;
  overflow: hidden !important;
  background: #1a1208 !important;
  min-height: 580px !important;
}
 
.timeline__item-image-wrapper img.image-cover,
.timeline__item-image-wrapper picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  filter: brightness(0.72) saturate(0.88) !important;
  transition: transform 1.4s ease !important;
}
 
.timeline__item.is-selected .timeline__item-image-wrapper img {
  transform: scale(1.05) !important;
}
 
/* Fade right edge into dark content */
.timeline__item-image-wrapper::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to right,
    transparent 55%,
    #0f0d0a 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
 
 
/* ============================================================
   CONTENT SIDE (right)
   ============================================================ */
 
.timeline__item-content {
  background: #0f0d0a !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 72px 80px 72px 56px !important;
  position: relative !important;
  overflow: hidden !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  min-height: 580px !important;
}
 
/* Ghost year */
.timeline__item:nth-child(1) .timeline__item-content::before { content: '2020' !important; }
.timeline__item:nth-child(2) .timeline__item-content::before { content: '2022' !important; }
.timeline__item:nth-child(3) .timeline__item-content::before { content: '2025' !important; }
 
.timeline__item-content::before {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 200px !important;
  font-weight: 300 !important;
  color: rgba(200, 150, 60, 0.055) !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: -20px !important;
  right: -10px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  letter-spacing: 0.02em !important;
}
 
.timeline__item-content .prose {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}
 
/* Gold eyebrow line */
.timeline__item-content .prose::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #c8963c !important;
  margin-bottom: 24px !important;
}
 
/* Heading */
.timeline__item-content .prose .h2,
.timeline__item-content .prose p.h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 42px !important;
  font-weight: 300 !important;
  color: #f0e8d8 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 36px !important;
  text-transform: uppercase !important;
}
 
.timeline__item-content .prose .h2::after { display: none !important; }
.timeline__item-content .prose .h2::before { display: none !important; }
 
/* Bullet list */
.timeline__item-content .prose ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
 
.timeline__item-content .prose ul li {
  display: grid !important;
  grid-template-columns: 5px 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #8a7050 !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid #1e1810 !important;
}
 
.timeline__item-content .prose ul li:last-child {
  border-bottom: none !important;
}
 
.timeline__item-content .prose ul li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  border-radius: 50% !important;
  background: #c8963c !important;
  margin-top: 9px !important;
  display: block !important;
  flex-shrink: 0 !important;
}
 
.timeline__item-content .prose ul li > * {
  display: inline !important;
}
 
 
/* ============================================================
   HIDE the default year nav tabs
   ============================================================ */
 
carousel-navigation.timeline__nav {
  display: none !important;
}
 
 
/* ============================================================
   ARROW NAV + PROGRESS BAR
   injected by JS below — styles for the injected elements
   ============================================================ */
 
.tv-timeline-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #080604 !important;
  border-top: 1px solid #1e1810 !important;
  padding: 0 !important;
}
 
.tv-timeline-arrows {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}
 
.tv-arrow {
  width: 72px !important;
  height: 72px !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #1e1810 !important;
  color: #5a4a30 !important;
  font-size: 22px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s !important;
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
}
 
.tv-arrow:hover {
  background: #1a1410 !important;
  color: #c8963c !important;
}
 
.tv-arrow-next {
  border-right: none !important;
  border-left: 1px solid #1e1810 !important;
}
 
/* Year label in center */
.tv-year-label {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.36em !important;
  text-transform: uppercase !important;
  color: #c8963c !important;
  font-weight: 300 !important;
  flex: 1 !important;
  text-align: center !important;
}
 
/* Progress bar */
.tv-progress-bar {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 2px !important;
  background: #c8963c !important;
  width: 0% !important;
  transition: width linear !important;
  z-index: 10 !important;
}
 
 
/* ============================================================
   MOBILE
   ============================================================ */
 
@media (max-width: 768px) {
  timeline-carousel {
    min-height: auto !important;
  }
 
  timeline-carousel::after {
    min-height: auto !important;
    display: none !important;
  }
 
  .timeline__item {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
 
  .timeline__item.is-selected {
    position: relative !important;
  }
 
  .timeline__item-image-wrapper {
    height: 300px !important;
    min-height: 0 !important;
  }
 
  .timeline__item-image-wrapper::after {
    background: linear-gradient(
      to bottom,
      transparent 55%,
      #0f0d0a 100%
    ) !important;
  }
 
  .timeline__item-content {
    padding: 40px 28px 52px !important;
    min-height: 0 !important;
  }
 
  .timeline__item-content::before {
    font-size: 110px !important;
    bottom: -8px !important;
    right: -6px !important;
  }
 
  .timeline__item-content .prose .h2 {
    font-size: 30px !important;
    margin-bottom: 24px !important;
  }
 
  .timeline__item-content .prose ul li {
    font-size: 13px !important;
    padding: 12px 0 !important;
  }
 
  .tv-arrow {
    width: 56px !important;
    height: 60px !important;
  }
}