/* Del Monaco LIVE V208 — targeted continuity patch on top of V204/V207 baseline.
   Fixes only:
   1) All Products routing reliability.
   2) Home hero Remembered. ink color.
   3) Craftsmanship typography is synchronized to the live About typography.
   4) Removes the unintended Discover Our Signature CTA from Craftsmanship.
   Existing header/footer, hero image, Products page design and responsive behavior remain intact. */

/* Keep the exact Products hero scale/button geometry already approved in V207. */
html body.dm200-products-page .dm200-hero h1,
html body.dm200-products-page .dm200-hero h1 > span,
html body.dm200-products-page .dm200-hero h1 > span * {
  font-size: clamp(30px, 2.12vw, 37px) !important;
  line-height: 1.075 !important;
  letter-spacing: -.043em !important;
}
html body.dm200-products-page .dm200-hero h1 {
  width: 100% !important;
  max-width: 610px !important;
  margin: 0 0 11px !important;
}
html body.dm200-products-page .dm200-hero h1 > span {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
html body.dm200-products-page .dm200-hero__copy > p {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 0 16px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
}
html body.dm200-products-page .dm200-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.dm200-products-page .dm200-actions .dm200-btn,
html body.dm200-products-page .dm200-actions .dm200-btn * {
  font-family: var(--dm204-eyebrow-font, "Manrope", Arial, sans-serif) !important;
  font-size: 8.3px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
html body.dm200-products-page .dm200-actions .dm200-btn {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 37px !important;
  padding: 0 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border-radius: 12px !important;
}
html body.dm200-products-page .dm200-actions .dm200-btn:hover { transform: translateY(-2px) !important; }

/* Preserve approved dark home hero image treatment. */
html body .dm189-home-hero.dm208-home-hero .dm189-visual,
html body .dm208-home-hero .dm189-visual {
  object-position: center center !important;
  filter: contrast(1.055) saturate(1.06) brightness(.96) !important;
}

/* Bulletproof visual fallback: Remembered. must NEVER inherit the former gold emphasis. */
html body .dm189-home-hero .dm208-remembered,
html body .dm189-home-hero .dm208-remembered *,
html body .dm208-home-hero .dm208-remembered,
html body .dm208-home-hero .dm208-remembered * {
  color: #07170f !important;
  -webkit-text-fill-color: #07170f !important;
  background: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* Craftsmanship: the live JS copies exact computed typography from About.
   These are safe fallback values matching the same three-role system. */
html body .dm204-craftsmanship .dm204-craft-eyebrow {
  font-family: var(--dm204-eyebrow-font, "Manrope", Arial, sans-serif) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  font-style: normal !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
html body .dm204-craftsmanship .dm204-craft-copy h2,
html body .dm204-craftsmanship .dm204-craft-copy h2 em {
  font-family: var(--dm204-title-font, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(38px, 3.05vw, 50px) !important;
  line-height: 1.04 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}
html body .dm204-craftsmanship .dm204-craft-copy > p {
  font-family: var(--dm204-body-font, "Manrope", Arial, sans-serif) !important;
  font-size: clamp(15px, 1.02vw, 18px) !important;
  line-height: 1.7 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}

/* This CTA was not requested and visually breaks the About-derived content system. */
html body .dm204-craftsmanship .dm204-craft-cta,
html body .dm203-craftsmanship .dm203-craft-cta {
  display: none !important;
}

/* All Products keeps the native dropdown styling and stays last. */
header [data-dm208-all-products-item] { position: relative !important; }
header [data-dm208-all-products-item] > a,
header a[data-dm208-all-products-link] {
  text-decoration: none !important;
  cursor: pointer !important;
}
header [data-dm208-all-products-item] > a:focus-visible,
header a[data-dm208-all-products-link]:focus-visible {
  outline: 1px solid rgba(226,181,63,.72) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1380px) and (min-width: 901px) {
  html body.dm200-products-page .dm200-hero h1,
  html body.dm200-products-page .dm200-hero h1 > span,
  html body.dm200-products-page .dm200-hero h1 > span * {
    font-size: clamp(28px, 2.18vw, 34px) !important;
  }
  html body.dm200-products-page .dm200-hero h1 { max-width: 560px !important; }
}
@media (max-width: 900px) {
  html body.dm200-products-page .dm200-hero h1,
  html body.dm200-products-page .dm200-hero h1 > span,
  html body.dm200-products-page .dm200-hero h1 > span * {
    font-size: clamp(24px, 5.6vw, 31px) !important;
  }
  html body.dm200-products-page .dm200-hero h1 > span { width: auto !important; white-space: normal !important; }
  html body.dm200-products-page .dm200-hero__copy > p { max-width: 470px !important; font-size: 12px !important; }
  html body.dm200-products-page .dm200-actions .dm200-btn {
    flex: 1 1 calc(50% - 6px) !important;
    min-height: 39px !important;
    padding: 0 12px !important;
  }
}
@media (max-width: 760px) {
  html body.dm200-products-page .dm200-actions { display: flex !important; gap: 10px !important; }
  html body.dm200-products-page .dm200-actions .dm200-btn {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-height: 46px !important;
  }
  html body .dm208-home-hero .dm189-visual { object-position: center center !important; }
}
@media (max-width: 520px) {
  html body.dm200-products-page .dm200-hero h1,
  html body.dm200-products-page .dm200-hero h1 > span,
  html body.dm200-products-page .dm200-hero h1 > span * {
    font-size: clamp(22px, 6.2vw, 27px) !important;
  }
}