/** Shopify CDN: Minification failed

Line 173:19 Expected "]" to go with "["
Line 177:19 Expected "]" to go with "["

**/

/* Chula Cholita overrides — targeted, safe */

/* 1. Kill horizontal overflow at the document level */
html, body {
  overflow-x: hidden;
}

/* 2. HEADER — center with breathing room */
.shopify-section--header .header,
.shopify-section--header > .section,
header.header {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
}
.header__column--left {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
.header__column--right {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}

/* 3. Announcement bar centered */
.shopify-section--header-announcements > .section,
.shopify-section[id*="announcements"] > .section {
  text-align: center;
}

/* 4. ─── PRODUCT GRID: stable selectors via data-testid ─── */
[data-testid="product-list"] {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

[data-testid="resource-list-grid"],
.section-resource-list .resource-list--grid,
.resource-list.resource-list--grid {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px 20px !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
}

@media (max-width: 749px) {
  [data-testid="resource-list-grid"],
  .section-resource-list .resource-list--grid,
  .resource-list.resource-list--grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px 12px !important;
  }
}

/* Ensure each card fills its grid cell */
.resource-list--grid > .resource-list__item {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 5. Match the SHOP THE DROP heading container to the same width */
.shopify-section[id*="grid_heading"] > .section {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box;
}

/* 6. Product card styling */
.resource-list__item .product-title,
.resource-list__item h1,
.resource-list__item h2,
.resource-list__item h3,
.product-card .product-title,
.product-card h3 {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.2 !important;
  margin-top: 12px !important;
  font-weight: 400 !important;
}

/* 7. Square product images */
.resource-list__item img,
.product-card img,
.product-card__image {
  border-radius: 0 !important;
}
.resource-list__item .product-card,
.product-card { box-shadow: none !important; }

/* ─── NUCLEAR centering on grid_heading ─── */
.shopify-section[id*="grid_heading"] {
  text-align: center !important;
}
.shopify-section[id*="grid_heading"] > .section {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}
.chula-grid-heading {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
}
.chula-grid-heading__eyebrow,
.chula-grid-heading__title,
.chula-grid-heading__sub {
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.chula-grid-heading__sub { max-width: 520px; }

/* ─── Collection page (/collections/all etc.) ─── */

/* 1. Center the entire collection results container */
results-list,
.product-grid-container {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* 2. Kill the 2-column grid that reserves empty sidebar space */
.collection-wrapper.grid,
.collection-wrapper {
  display: block !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

/* 3. Center the page title "ALL PRODUCTS" (renders as a section above main) */
.shopify-section[id"section"],
.shopify-section[id*="-section"] {
  text-align: center;
}
.shopify-section[id"section"] > .section,
.shopify-section[id*="-section"] > .section {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
}

/* 4. Filters bar — keep full width within the container */
.collection-wrapper > [class*="filters"],
.collection-wrapper [data-testid="filters"] {
  width: 100% !important;
}

/* 5. Force product-grid itself to span full width of its centered container */
.product-grid {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ─── Product Detail Page (PDP) ─── */
.product-information,
[data-testid="product-information"] {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
}

/* ─── You may also like (product-recommendations) ─── */
product-recommendations,
.product-recommendations {
  display: block !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
}
product-recommendations > .section,
.product-recommendations > .section {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Style the swatches on home grid as small color dots */
.swatches,
.product-card .swatches,
[class*="swatch"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 6px !important;
}

/* ─── Pages (About, Contact, Shipping) ─── */
.shopify-section--main-page,
[class*="main-page"] > .section,
.shopify-section[id*="main-page"] > .section,
.shopify-section[id*="MainPage"] > .section {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 6vw, 88px) !important;
  padding-right: clamp(32px, 6vw, 88px) !important;
  box-sizing: border-box !important;
}

/* Contact page form section centering (form block is its own section) */

/* Each form field full width within the centered container */

/* Page body typography */
.page-narrow {
  font-family: 'Inter', sans-serif;
  color: #555;
  line-height: 1.75;
}
.page-narrow p { margin: 0 0 1.2em; font-size: 15px; }
.page-narrow .page-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.22em;
  color: #C9A97A;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.page-narrow .page-quote {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 22px; color: #888880;
  line-height: 1.55; margin: 0 0 8px;
}
.page-narrow .page-quote-by {
  font-family: 'Inter', sans-serif;
  font-size: 12px; letter-spacing: 0.18em;
  color: #888880;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.page-narrow h2 {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 28px;
  margin-top: 36px;
  margin-bottom: 14px;
  color: #0D0D0D;
}
.page-narrow .contact-info,
.page-narrow ul {
  list-style: none;
  padding: 0;
  margin: 18px 0 24px;
}
.page-narrow .contact-info li,
.page-narrow ul li {
  margin-bottom: 8px;
}
.page-narrow a { color: #0D0D0D; }


/* ─── Hide all filter UI on collection pages ─── */
/* Filters: Availability, Price, and the overflow More button.
   Scott's note: the In-Stock/Out-of-Stock filter is inaccurate when any variant is sold out; sizes/colors are already visible on the PDP. */
details[id*="filter-v-availability"],
details[id*="filter.v.availability"],
details:has(summary[data-testid="price-filter"]),
overflow-list.facets__overflow-list,
.facets__filters-wrapper {
  display: none !important;
}

/* Fallback: target by visible label text via :has() */
.facets__details:has(summary:where(:first-child):first-of-type[aria-label*="Availability" i]),
.facets__item:has(summary[aria-label*="Availability" i]) {
  display: none !important;
}