/** Shopify CDN: Minification failed

Line 226:9 Expected identifier but found whitespace
Line 226:10 Unexpected "0"
Line 338:0 Expected "}" to go with "{"

**/
/* =========================================================
   OT Neue Montreal — self-hosted setup + global typography
   ========================================================= */

/* --- Font faces (your exact CDN URLs) --- */
@font-face {
  font-family: "OT Neue Montreal SS";
  src: url("/cdn/shop/files/OTNeueMontreal-RegularSemiSqueezed.woff2?v=1755714109") format("woff2");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap; /* reduces CLS */
}

@font-face {
  font-family: "OT Neue Montreal SS";
  src: url("/cdn/shop/files/OTNeueMontreal-BoldSemiSqueezed.woff2?v=1755714174") format("woff2");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

/* --- Theme tokens / variables --- */
:root{
  --font-body: "OT Neue Montreal SS", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "OT Neue Montreal SS", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body-family: var(--font-body);
  --font-heading-family: var(--font-heading);
  --font-body-weight: 400;
  --font-heading-weight: 700;

  --text-color: #151515;

  --size-base: 18px;       /* default for all text */
  --size-card-title: 26px; /* product card title in collection grid */
  --size-product-info: 14px; /* product description + info on PDP */
}

/* =========================================================
   GLOBAL TYPOGRAPHY
   ========================================================= */
html, body{
  color: var(--text-color);
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-size: var(--size-base);
  line-height: 1.5;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  background: #eeeeee !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
}

#MainContent,
.main-content,
.content-for-layout,
.page-container,
.site-wrapper,
.page-width,
.shopify-section{
  background: transparent !important;
}

h1, h2, h3, h4, h5, h6{
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  text-transform: inherit;
  letter-spacing: inherit;
}

a{ color: inherit; }

button, .btn, input, select, textarea{
  font-size: var(--size-base) !important;
  text-transform: inherit;
  letter-spacing: inherit;
}

/* =========================================================
   COLLECTION GRID — PRODUCT CARD TITLES = 26px
   ========================================================= */
.card__heading,
.card-wrapper .card__heading,
.card-information .card__heading,
.card-information__text,
.full-unstyled-link{
  font-size: var(--size-card-title) !important;
  line-height: 1.2;
  font-weight: var(--font-heading-weight);
}

/* =========================================================
   PRODUCT PAGE (PDP) — DESCRIPTION + INFO = 14px
   ========================================================= */
.product__description,
.product__description .rte,
.product__info,
.product__info-container,
.product__accordion,
.product__accordion-content,
.product__block,
.product__text,
.rte--product,
.rte--product p,
.rte--product li,
.rte p,
.rte li{
  font-size: var(--size-product-info) !important;
  line-height: 1.5;
  font-weight: var(--font-body-weight);
}

/* Keep product title and price at base unless you change them explicitly */
.product__title, .price, .price__container, .price__regular, .price-item{
  font-size: var(--size-base);
}

/* Tiny screens */
@media (max-width: 360px){
  body{ font-size: 16px; }
}

/* =========================================================
   COLLECTION GRID STYLES
   ========================================================= */
body.template-collection {
  background: #eeeeee !important;
}

.card__heading,
.card-information__text,
.price, .price__container, .price__regular, .price-item {
  text-align: left !important;
  font-weight: 400 !important;
}

.card__information,
.card-information {
  text-align: left !important;
  align-items: flex-start !important;
}

/* =========================================================
   CATALOG (Debut-like themes)
   ========================================================= */
.grid-view-item,
.product-card,
.grid-view-item__link,
.product-card__content,
.grid-view-item__meta,
.product-card__meta {
  text-align: left !important;
}

.grid-view-item__title,
.product-card__title,
.h4.grid-view-item__title,
.product-card__title.h4,
.full-unstyled-link {
  text-align: left !important;
  font-weight: 400 !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.price,
.price--listing,
.price__regular,
.price__sale,
.price__unit,
.product-card__price,
.price-item,
.price-item--regular {
  text-align: left !important;
  font-weight: 400 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Catalog description/meta */
.grid-view-item__meta,
.product-card__meta,
.product-card__description,
.product-card__excerpt,
.product-card__text,
.grid-view-item__vendor,
.product-card__vendor,
.grid-view-item__subtitle,
.product-card__subtitle {
  text-align: left !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  display: block !important;
}

/* Kill any centering utilities */
.grid-view-item .text-center,
.product-card .text-center,
.grid-view-item__meta.text-center,
.product-card__meta.text-center {
  text-align: left !important;
}

/* =========================================================
   PRODUCT PAGE (PDP) description
   ========================================================= */
.product-single__description,
.product-single__description.rte,
.product-single__description p,
.product-single__description li {
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 0 1em 0 !i

  /* =========================================================
   CUSTOM FORM + BUTTON STYLES
   ========================================================= */

@media only screen and (min-width: 990px) {
  .product-form__item {
    flex-basis: 50%;
    padding: 0 0px;
  }
}

input, textarea, select, .disclosure__toggle {
  border-radius: 0px !important;
}

.btn--secondary-accent {
  background-color: #151515 !important;
  color: #eeeeee !important;
  border-color: #000 !important;
  border-radius: 0px !important;
  font-family: 'OT Neue Montreal SS' !important;
}

/* === Force zero radius everywhere (themes like Dawn use vars) === */
:root{
  --buttons-radius: 0 !important;
  --inputs-radius: 0 !important;
}

/* === Inputs / selects / disclosure toggles (cover common themes) === */
input, textarea, select,
.field input, .field textarea, .field select,
.field__input, .select__select,
.disclosure__toggle, .disclosure__button,
details[role="list"] > summary,
details[open][role="list"] > summary {
  border-radius: 0 !important;
}

/* === Buttons: cover Dawn, Debut, Vintage, dynamic checkout === */
button, [type="button"], [type="submit"],
.btn, .btn--primary, .btn--secondary, .btn--tertiary, .btn--small, .btn--full,
.button, .button--primary, .button--secondary, .button--tertiary,
.product-form__submit, .add-to-cart, .cart__checkout,
.shopify-payment-button__button, .shopify-payment-button__button--unbranded,
.shopify-buy__btn {
  border-radius: 0 !important;
  font-family: 'OT Neue Montreal SS', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* === Your secondary accent button style (plus hover/focus) === */
.btn--secondary-accent, .button--secondary-accent {
  background-color: #151515 !important;
  color: #eeeeee !important;
  border-color: #000 !important;
  border-radius: 0 !important;
  font-family: 'OT Neue Montreal SS', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

.btn--secondary-accent:hover,
.button--secondary-accent:hover,
.btn--secondary-accent:focus,
.button--secondary-accent:focus {
  filter: brightness(1.08);
  outline: none;
}

/* === Footer layout (Figma-like, two rows + separators) === */
.c-footer { padding: 16px 0; }
.c-footer__wrap { max-width: 1387px; margin: 0 auto; padding: 0 12px; }

.c-footer__sep { height: 1px; width: 100%; border-top: 1px solid currentColor; opacity: 1; }

.c-footer__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;     /* matches figma gap */
  padding: 22px 0; /* top row at 22px in figma → use symmetric padding */
}

.c-footer__left, .c-footer__right { display: flex; align-items: center; gap: 28px; }
.c-footer__right--wrap { flex-wrap: wrap; justify-content: flex-end; }

.c-footer__link { text-decoration: none; }

/* Mobile stacking */
@media (max-width: 990px){
  .c-footer__row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .c-footer__right, .c-footer__right--wrap { justify-content: flex-start; }
}


/* Footer layout */
.c-footer { padding: 16px 0; }
.c-footer__wrap { max-width: 1387px; margin: 0 auto; padding: 0 12px; }
.c-footer__sep { height: 1px; width: 100%; border-top: 1px solid currentColor; }

.c-footer__row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; padding: 22px 0;
}
.c-footer__left, .c-footer__right { display: flex; align-items: center; gap: 28px; }
.c-footer__right--wrap { flex-wrap: wrap; justify-content: flex-end; }
.c-footer__link { text-decoration: none; }

@media (max-width: 990px){
  .c-footer__row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .c-footer__right, .c-footer__right--wrap { justify-content: flex-start; }
}