/** Shopify CDN: Minification failed

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

**/
/**
 * BOUTIQUE GALLERIA — Prestige Theme Custom CSS
 * =============================================
 * Paste this into: Shopify Admin ‚Üí Online Store ‚Üí Themes
 * ‚Üí Prestige ‚Üí Edit code ‚Üí Assets ‚Üí custom.css
 *
 * This overrides Prestige defaults to match the BG brand palette
 * exactly as per the mockup.
 *
 * Palette reference:
 *   Background white:   #FFFFFF
 *   Background ivory:   #F8F6F2
 *   Background cream:   #F2EFE9
 *   Background card:    #EDE8DF
 *   Border:             #DDD8CE
 *   Type charcoal:      #1A1A1A
 *   Type mid:           #666666
 *   Type light:         #999999
 *   Accent terracotta:  #B5522A
 *   Accent light:       #D4784F
 *   Accent dark:        #8A3D1E
 */

/* ── GLOBAL VARIABLES ─────────────────────────────────────────── */
:root {
  --bg-white:    #FFFFFF;
  --bg-ivory:    #F8F6F2;
  --bg-cream:    #F2EFE9;
  --bg-card:     #EDE8DF;
  --border:      #DDD8CE;
  --type-black:  #1A1A1A;
  --type-mid:    #666666;
  --type-light:  #999999;
  --accent:      #B5522A;
  --accent-lt:   #D4784F;
  --accent-dk:   #8A3D1E;
}

/* ── TYPOGRAPHY ───────────────────────────────────────────────── */

/* All headings — switch Prestige default to Cormorant Garamond */
h1, h2, h3, h4,
.section-title,
.product-title,
.featured-collection__title,
.featured-row__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--type-black);
}

/* Body / nav / labels — Prestige uses its own font stack, override to Jost */
body,
.announcement-bar,
.button,
.price,
.product-card__vendor,
.badge {
  font-family: 'Jost', 'Calibri', system-ui, sans-serif;
}

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

/* ── HEADER ───────────────────────────────────────────────────── */
/* Slideshow subheading (description text) */
.slideshow .h6,
.slideshow .prose .h6 {
  font-size: clamp(11px, 2.5vw, 16px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Slideshow title (Boutique Galleria) — responsive sizing */
.slideshow .h1,
.slideshow .prose .h1 {
  font-size: clamp(2rem, 8vw, 4.5rem) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* Editorial grid — auto-scrolling horizontal carousel */
#shopify-section-editorial-grid .media-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  gap: 4px !important;
}

#shopify-section-editorial-grid .media-grid > * {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 350px !important;
  animation: editorial-scroll 30s linear infinite;
}

#shopify-section-editorial-grid .media-grid img {
  height: 350px !important;
  width: auto !important;
  object-fit: cover !important;
  display: block !important;
}

@keyframes editorial-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 2px)); }
}

#shopify-section-editorial-grid .media-grid:hover > * {
  animation-play-state: paused;
}

/* Editorial grid — mobile: horizontal scroll carousel */
@media (max-width: 768px) {
  #shopify-section-editorial-grid .media-grid,
  [id*="editorial-grid"] .media-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }
  #shopify-section-editorial-grid .media-grid > *,
  [id*="editorial-grid"] .media-grid > * {
    animation: none !important;
    flex: 0 0 75vw !important;
    min-width: 75vw !important;
    scroll-snap-align: start;
    height: 250px !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  #shopify-section-editorial-grid .media-grid img,
  [id*="editorial-grid"] .media-grid img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}

/* Collection list — uniform image sizes */
.main-list-collections .collection-card img,
[class*="list-collections"] .collection-card img {
  object-fit: cover !important;
  aspect-ratio: 4/3 !important;
}

/* Product grid — uniform cards */
.product-card img,
.product-card__image {
  object-fit: contain !important;
  aspect-ratio: 2/3 !important;
  background: #F8F6F2 !important;
}

/* Image-with-text sections — vertically center text alongside image */
.image-with-text .content-over-media + *,
.image-with-text__content,
[class*="image-with-text"] > .section-stack > :last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Hide text-with-icons above footer */
.shopify-section--text-with-icons,
#shopify-section-text-with-icons {
  display: none !important;
}

/* Hide unwanted homepage sections */
[id*="rich-text"],
[id*="scrolling-content-1"] {
  display: none !important;
}

/* Header — let Prestige handle transparent/solid states naturally */

/* Dark gradient behind header for text readability */
.shopify-section--header {
  position: relative;
}
.shopify-section--header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
  pointer-events: none;
  z-index: 0;
}
.header {
  position: relative;
  z-index: 1;
}

/* Header nav — size and weight always */
.header__primary-nav .h6,
.header__primary-nav summary,
.header__primary-nav a {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em;
}

.header__secondary-nav .h6,
.header__secondary-nav .link-faded,
.header__secondary-nav a {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.header__nav-icon {
  width: 24px !important;
  height: 24px !important;
}

.header .localization-selector button,
.header .localization-selector__button {
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Default (solid/sticky header) — dark text */
.header__primary-nav .h6,
.header__primary-nav summary,
.header__primary-nav a,
.header__secondary-nav .h6,
.header__secondary-nav .link-faded,
.header__secondary-nav a,
.header__nav-icon,
.header .localization-selector button {
  color: #1A1A1A !important;
}

/* Transparent header (over hero) — white text */
.header--transparent .header__primary-nav .h6,
.header--transparent .header__primary-nav summary,
.header--transparent .header__primary-nav a,
.header--transparent .header__secondary-nav .h6,
.header--transparent .header__secondary-nav .link-faded,
.header--transparent .header__secondary-nav a,
.header--transparent .header__nav-icon,
.header--transparent .localization-selector button {
  color: #ffffff !important;
}

/* ── ANNOUNCEMENT BAR ─────────────────────────────────────────── */
.announcement-bar {
  background: var(--type-black);
  color: var(--bg-ivory);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* ── PRODUCT IMAGES — THE CORE FIX ───────────────────────────── */
/* Force portrait 2:3 ratio with contain (no cropping) */
.product-card__image-wrapper,
.product__media,
.product-card .card__media {
  aspect-ratio: 2 / 3;
  background: var(--bg-cream);
  overflow: hidden;
}

.product-card__image,
.product__media img,
.product-card .card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;   /* CONTAIN not COVER — no cropping ever */
  object-position: top center;
  transition: transform 0.5s ease;
}

.product-card:hover .product-card__image,
.product-card:hover .card__media img {
  transform: scale(1.03);
}

/* ── PRODUCT GRID — 2 COLUMNS DEFAULT ────────────────────────── */
/* Fashion house feel — fewer, larger cards */
@media screen and (min-width: 990px) {
  .collection-grid,
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }
}

@media screen and (min-width: 1200px) {
  .collection-grid,
  .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ── PRODUCT CARDS ────────────────────────────────────────────── */
.product-card {
  background: var(--bg-white);
  border: none;
}

.product-card__info {
  padding: 16px 20px 20px;
  background: var(--bg-white);
}

.product-card__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--type-black);
  margin-bottom: 4px;
}

.product-card__vendor {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 500;
  margin-bottom: 6px;
}

.product-card__price {
  font-size: 13px;
  color: var(--type-black);
  font-weight: 400;
}

/* ── BADGES ───────────────────────────────────────────────────── */
.badge--new,
.badge--sale {
  background: var(--accent);
  color: white;
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  border-radius: 0;  /* Square — no border radius */
  padding: 4px 8px;
}

/* ── BUTTONS ──────────────────────────────────────────────────── */
.button,
.btn,
[type="submit"] {
  background: var(--type-black);
  color: white;
  border: none;
  border-radius: 0;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 400;
  padding: 14px 32px;
  transition: background 0.25s;
}

.button:hover,
.btn:hover,
[type="submit"]:hover {
  background: var(--accent);
  color: white;
}

.button--secondary,
.btn--secondary {
  background: transparent;
  color: var(--type-black);
  border: 1px solid var(--border);
}

.button--secondary:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: transparent;
}

/* ── SECTION BACKGROUNDS ──────────────────────────────────────── */
.color-background-1 { background: var(--bg-white); }
.color-background-2 { background: var(--bg-ivory); }
.color-background-3 { background: var(--bg-cream); }

/* ── SECTION LABELS ───────────────────────────────────────────── */
.section-label,
.overline,
.eyebrow {
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 500;
  font-family: 'Jost', sans-serif;
}

/* Accent rule under section headings */
.section-title::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--accent);
  margin: 20px auto 0;
}

/* ── DIVIDERS / RULES ─────────────────────────────────────────── */
hr,
.divider {
  border-color: var(--border);
  border-width: 1px 0 0;
}

/* ── FOOTER ───────────────────────────────────────────────────── */
/* Footer — visible text on dark background */
.shopify-section--footer,
.shopify-section--footer *,
.shopify-section--footer p {
  color: #666666 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.shopify-section--footer a {
  color: #666666 !important;
  font-weight: 500 !important;
  transition: color 0.2s;
}

.shopify-section--footer a:hover {
  color: #B5522A !important;
}

.shopify-section--footer h2,
.shopify-section--footer h3,
.shopify-section--footer h4,
.shopify-section--footer .h6 {
  color: #444444 !important;
  font-size: 13px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700 !important;
}

/* Footer social icons — bigger and visible */
.shopify-section--footer svg,
.shopify-section--footer .icon {
  width: 22px !important;
  height: 22px !important;
  color: #666666 !important;
}

.shopify-section--footer a:hover svg {
  color: #B5522A !important;
}

/* Hide payment icons and follow on shop */
.shopify-section--footer .payment-icons,
.shopify-section--footer [class*="payment"],
.shopify-section--footer .footer__follow-on-shop,
.shopify-section--footer [class*="follow-on-shop"] {
  display: none !important;
}

/* ── PRICE — NO RED ───────────────────────────────────────────── */
/* Prestige shows sale prices in red by default — override to accent */
.price--sale,
.price-item--sale {
  color: var(--accent-dk);
}

/* ── QUICK ADD BUTTON ─────────────────────────────────────────── */
.quick-add__submit {
  background: white;
  color: var(--type-black);
  border: none;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.quick-add__submit:hover {
  background: var(--accent);
  color: white;
}

/* ── COLLECTION FILTER PILLS ──────────────────────────────────── */
.facets__label,
.filter-tag {
  border: 1px solid var(--border);
  background: var(--bg-white);
  color: var(--type-mid);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-radius: 0;
  font-family: 'Jost', sans-serif;
  transition: all 0.2s;
}

.facets__label:hover,
.facets__label[aria-selected="true"],
.filter-tag--active {
  border-color: var(--type-black);
  color: var(--type-black);
  background: var(--type-black);
  color: white;
}

/* ── MEGA MENU ────────────────────────────────────────────────── */
.mega-menu,
.header__submenu {
  background: var(--bg-white);
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
}

/* ── CART DRAWER ──────────────────────────────────────────────── */
.cart-drawer {
  background: var(--bg-ivory);
}

.cart-drawer__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px;
  font-weight: 300;
}

/* ── PRODUCT PAGE ─────────────────────────────────────────────── */
.product__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 300;
  line-height: 1.1;
}

.product__vendor {
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 500;
}

.product__description {
  font-size: 14px;
  line-height: 1.8;
  color: var(--type-mid);
  max-width: 480px;
}

/* ── LOOKBOOK SECTIONS ────────────────────────────────────────── */
.lookbook__item {
  background: var(--bg-cream);
}

/* ── REMOVE RADIUS EVERYWHERE ─────────────────────────────────── */
/* BG aesthetic is sharp edges, not rounded corners */
*,
.card,
.button,
.badge,
input,
select,
textarea {
  border-radius: 0 !important;
}