/** Shopify CDN: Minification failed

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

**/
/* ===============================================================
   Jola — Heritage American Menswear
   Brand overrides layered on top of the Debut theme.
   Palette:
     Ink       #0A1F3D   (navy)
     Cream     #F8F5EE   (off-white bg)
     Camel     #8B6F47   (warm accent)
     Charcoal  #1a1a1a   (primary text)
     Sage      #5C6F52   (secondary accent)
     Gold      #B7975A   (rule/divider accent)
   =============================================================== */

:root {
  --jola-ink: #0A1F3D;
  --jola-cream: #F8F5EE;
  --jola-camel: #8B6F47;
  --jola-charcoal: #1a1a1a;
  --jola-sage: #5C6F52;
  --jola-gold: #B7975A;
  --jola-muted: #6a6a66;
  --jola-line: #d9d3c4;
}

body { background: var(--jola-cream); color: var(--jola-charcoal); }

/* Typography */
body, p, .rte, input, textarea, select, button, .btn {
  font-family: "Inter", "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: var(--jola-charcoal);
}
h1, .h1 { font-weight: 500; font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.05; }
h2, .h2 { font-weight: 500; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.1; }
h3, .h3 { font-weight: 500; font-size: 1.5rem; }

/* Load brand fonts from Google as a fallback so overrides land even without merchant settings */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

.site-header__logo a,
.h2.site-header__logo-link,
.site-header__logo-link {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--jola-ink) !important;
}

/* Header */
.site-header {
  background: var(--jola-cream) !important;
  border-bottom: 1px solid var(--jola-line);
}
.site-nav__link, .site-nav a {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11.5px !important;
  color: var(--jola-charcoal) !important;
}
.site-nav__link:hover { color: var(--jola-ink) !important; }

/* Announcement bar */
.announcement-bar {
  background: var(--jola-ink) !important;
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  padding: 10px 12px !important;
}
.announcement-bar a { color: #ffffff !important; }

/* Buttons — flat, square, confident */
.btn, input[type="submit"].btn, button.btn {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  background: var(--jola-ink) !important;
  color: #ffffff !important;
  border: 1px solid var(--jola-ink) !important;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease !important;
  box-shadow: none !important;
}
.btn:hover, input[type="submit"].btn:hover, button.btn:hover {
  background: var(--jola-camel) !important;
  border-color: var(--jola-camel) !important;
  color: #ffffff !important;
}
.btn--secondary, .btn.btn--secondary {
  background: transparent !important;
  color: var(--jola-ink) !important;
  border-color: var(--jola-ink) !important;
}
.btn--secondary:hover, .btn.btn--secondary:hover {
  background: var(--jola-ink) !important;
  color: #ffffff !important;
}

/* Product grid — refined cards */
.grid-product__meta { padding-top: 14px !important; }
.grid-product__title {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0 !important;
  color: var(--jola-charcoal) !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}
.grid-product__price {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  color: var(--jola-muted) !important;
  letter-spacing: 0.04em !important;
  margin-top: 4px !important;
}
.grid-product__vendor {
  font-family: "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--jola-camel) !important;
  margin-bottom: 6px !important;
}
.grid-product__image-wrapper { background: #ffffff; }

/* Collection tiles (home + list-collections) */
.collection-grid-item__title {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  font-size: 1.75rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Hero image section tuning */
.hero__title, .hero__subtitle {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
}
.hero__title { font-size: clamp(2.25rem, 5vw, 4rem) !important; letter-spacing: -0.005em !important; }
.hero__subtitle { font-family: "Inter", sans-serif !important; font-weight: 400 !important; font-size: 1rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; }

/* Section headers */
.section-header__title {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
}
.section-header::before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: var(--jola-camel);
  margin: 0 auto 16px;
}

/* Page widths — more editorial spacing */
.page-width { max-width: 1400px !important; }
main .page-width { padding-top: 50px; padding-bottom: 50px; }

/* Rich-text blocks on pages */
.rte { color: var(--jola-charcoal); font-size: 16px; line-height: 1.65; }
.rte a { color: var(--jola-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Forms — inputs that match the editorial brand */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea, select {
  border: 1px solid var(--jola-line) !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  background: #ffffff !important;
  color: var(--jola-charcoal) !important;
  transition: border-color 200ms ease !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--jola-ink) !important;
  outline: none !important;
  box-shadow: none !important;
}
label {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--jola-charcoal) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Contact page specifics */
.template-page.page-contact main,
.page-width .contact-form {
  max-width: 720px !important;
  margin: 0 auto !important;
}
.contact-form { padding-top: 12px !important; }
.contact-form .btn { width: auto; min-width: 180px; }
.section-header.text-center h1 {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.25rem, 4vw, 3.25rem) !important;
  letter-spacing: -0.005em !important;
  margin-bottom: 0.4em !important;
}
.section-header.text-center::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  background: var(--jola-camel);
  margin: 14px auto 18px;
}

/* Product page */
.product-single__title {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.85rem, 3.2vw, 2.6rem) !important;
  letter-spacing: -0.005em !important;
  line-height: 1.1 !important;
  color: var(--jola-charcoal) !important;
  margin: 0.4em 0 0.2em !important;
}
.product-single__vendor {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--jola-camel) !important;
  margin-bottom: 12px !important;
}
.product__price, .product-single__price {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.35rem !important;
  letter-spacing: 0.02em !important;
  color: var(--jola-charcoal) !important;
}

/* Footer */
.site-footer {
  background: var(--jola-ink) !important;
  color: #d4d0c4 !important;
  padding-top: 60px !important;
  padding-bottom: 30px !important;
  border-top: 0 !important;
}
.site-footer a { color: #ffffff !important; }
.site-footer a:hover { color: var(--jola-gold) !important; }
.site-footer h4, .site-footer .h4 {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  opacity: 1 !important;
  margin-bottom: 18px !important;
}
.site-footer__newsletter-input {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #ffffff !important;
}
.site-footer__newsletter-input::placeholder { color: rgba(255,255,255,0.55); }

/* Links & rules */
hr, .hr--small, .hr--large {
  border-color: var(--jola-line) !important;
  opacity: 1 !important;
}

/* Utility: quiet flag link color through site */
a { transition: color 160ms ease; }