/* September 25: component corrections in Mechanical blue. */

/* Replace the removed 16.8px eyebrow + 25px margin with bottom padding.
   The hero keeps its height and the H1 starts at the former eyebrow position. */
html .ebt-imported-page #dingmans-home-hero-code-v1.dm-batch5.dm-hero-no-eyebrow {
  padding-bottom: calc(clamp(80px, 10svh, 140px) + 41.8px);
}

/* Keep the watermark's top edge while moving the eyebrow into its lower edge.
   The photo CTA has its own approved layout and is intentionally not selected. */
html .ebt-imported-page .dm-batch5.dm-watermark-section {
  padding-top: calc(var(--dingmans-watermark-size, 8.5vw) + 36px) !important;
}
html .ebt-imported-page .dm-batch5.dm-watermark-section .dm-section-heading .dm-ghost {
  top: calc(-1 * var(--dingmans-watermark-size, 8.5vw) + 28px) !important;
}

/* Collision services strip: 17px / 14px typography, 32px icons, no hover lift.
   A dedicated observer matches the reference's 10% visibility trigger. */
html .ebt-imported-page .dm-benefit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 24px;
}
html .ebt-imported-page .dm-benefit {
  display: flex; flex-direction: column; align-items: center;
  min-height: 140px; padding: 0 16px; border-left: 0;
  background: transparent; animation: none !important; translate: none;
  transform: none; transition: none;
}
html .ebt-imported-page .dm-benefit:hover { background: transparent; transform: none; box-shadow: none; }
html .ebt-imported-page .dm-benefit .dm-icon,
html .ebt-imported-page .dm-benefit:hover .dm-icon {
  width: 32px; height: 32px; margin: 0 0 18.4px;
  transform: none; filter: none; transition: none;
}
html .ebt-imported-page .dm-benefit h2 {
  display: block; min-height: 0; margin: 0; padding: 0;
  font: 900 italic 17px/1.2 'Urbanist', sans-serif;
  letter-spacing: 3px; color: var(--dm-accent, #3da5ff);
  text-shadow: 0 .08em 0 rgba(61, 165, 255, .5);
}
html .ebt-imported-page .dm-benefit p {
  margin: 7.2px 0 0; padding: 0;
  font: 800 14px/1.7 'Urbanist', sans-serif;
  letter-spacing: 1.5px; color: #689bc5;
}
/* Visible by default. JS opts in only when an observer is available. */
html .ebt-imported-page .dm-benefit.is-dm-pillar-ready:not(.is-dm-pillar-visible) {
  opacity: 0; transform: translateY(40px);
}
html .ebt-imported-page .dm-benefit.is-dm-pillar-visible {
  animation: dm-pillar-fade-up 1.2s cubic-bezier(.16, 1, .3, 1) var(--dm-pillar-delay, 0ms) both !important;
}
html .ebt-imported-page .dm-benefit:nth-child(2) { --dm-pillar-delay: 100ms; }
html .ebt-imported-page .dm-benefit:nth-child(3) { --dm-pillar-delay: 200ms; }
html .ebt-imported-page .dm-benefit:nth-child(4) { --dm-pillar-delay: 300ms; }
@keyframes dm-pillar-fade-up {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: none; }
}

html .ebt-imported-page .dm-vehicle-group a {
  color: var(--dm-accent, #3da5ff) !important;
  transition: color .2s ease;
}
html .ebt-imported-page .dm-vehicle-group a:hover,
html .ebt-imported-page .dm-vehicle-group a:focus-visible {
  color: var(--dm-text, #f5f8fc) !important;
  text-decoration: underline; text-underline-offset: 4px;
}

/* Light navy panels and an accent border, with no card shadow or lift. */
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card {
  background: var(--dm-panel, #0b1b29);
  border: 1px solid var(--dm-line);
  box-shadow: none !important;
  transition: border-color .3s ease;
}
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card:is(:hover, :focus-within) {
  background: var(--dm-panel, #0b1b29);
  border-color: var(--dm-accent, #3da5ff);
  transform: none; box-shadow: none !important;
}

html .ebt-imported-page .dm-request-visit address .dm-visit-address {
  display: inline-block; color: var(--dm-text, #f5f8fc) !important;
  transition: color .2s ease;
}
html .ebt-imported-page .dm-request-visit address .dm-visit-address:is(:hover, :focus-visible) {
  color: var(--dm-accent, #3da5ff) !important;
}
html .ebt-imported-page .dm-request-visit address .dm-visit-address strong { color: inherit; }

@media (min-width: 900px) {
  html .ebt-imported-page .dm-benefit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  html .ebt-imported-page .dm-benefit { min-height: 180px; justify-content: center; border-left: 1px solid var(--dm-line); }
  html .ebt-imported-page .dm-benefit:first-child { border-left: 0; }
}
@media (max-width: 767px) {
  html .ebt-imported-page .dm-batch5.dm-watermark-section { padding-top: calc(var(--dingmans-watermark-size, 17vw) + 12px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html .ebt-imported-page .dm-benefit, html .ebt-imported-page .dm-benefit.is-dm-pillar-visible,
  html .ebt-imported-page .dm-benefit.is-dm-pillar-ready:not(.is-dm-pillar-visible) {
    animation: none !important; transform: none !important; opacity: 1 !important; transition: none !important;
  }
  html .ebt-imported-page .dm-vehicle-group a, html .ebt-imported-page .dm-request-visit address .dm-visit-address,
  html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card { transition: none; }
}