/* Batch 5: shared layout corrections. Each blue section remains its own surface. */
/* The wide dropdown must include the scrollbar/gutter in its viewport budget. */
html .ebt-imported-page #dingmans-nav-v2 .dnm-dropdown { min-width: 0; max-width: calc(100vw - 32px); }
html .ebt-imported-page .dm-batch5.dm-batch5-intro { --dm-reference-top: 100px; }
html .ebt-imported-page .dm-batch5.dm-watermark-section { padding-top: calc(var(--dingmans-watermark-size, 8.5vw) + 80px) !important; }
html .ebt-imported-page .dm-batch5.dm-watermark-section .dm-section-heading .dm-ghost { top: calc(-1 * var(--dingmans-watermark-size, 8.5vw) - 16px) !important; }

html .ebt-imported-page #dingmans-home-hero-code-v1.dm-batch5 {
  min-height: calc(100svh - 116px); height: auto; box-sizing: border-box;
  padding-block: clamp(80px, 10svh, 140px); display: flex; flex-direction: column; justify-content: center;
}
html .ebt-imported-page #dingmans-home-hero-code-v1.dm-batch5 .dhh-row { padding-block: 0; }
html .ebt-imported-page #dingmans-home-hero-code-v1.dm-batch5.dm-inner-hero::before {
  background: linear-gradient(90deg, rgba(7,18,30,.78), rgba(7,18,30,.38)), linear-gradient(0deg, rgba(7,18,30,.55), transparent 60%);
}

html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-section-heading h2 { font-size: clamp(30px,3.1vw,52px) !important; line-height: 1.12; }
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-section-heading .dm-intro { font-size: 18px !important; line-height: 1.6; }
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card {
  border: 0; border-top: 1px solid var(--dm-line); padding: 30px 20px 24px;
  background: transparent; transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card h3 { font: 400 italic 25px/1.2 'Bakbak One',sans-serif !important; min-height: 60px; margin: 18px 0; }
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card p { font: 400 18px/1.55 'Urbanist',sans-serif !important; }
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card .dm-icon { width: 38px; height: 38px; }
html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card:hover,
html .ebt-imported-page .dm-batch5 .dm-community-programs article:hover { transform: translateY(-5px); border-color: var(--dm-accent); background: rgba(61,165,255,.055); box-shadow: 0 12px 26px rgba(0,0,0,.15); }
html .ebt-imported-page .dm-batch5 .dm-community-programs article { transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease; }
html .ebt-imported-page .dm-batch5 .dm-map-shop { height: auto !important; aspect-ratio: 1.92; object-fit: cover; object-position: center top !important; }
html .ebt-imported-page .dm-batch5.dm-about-opening .dm-photo img { object-position: center; filter: saturate(.9) brightness(.9); }
html .ebt-imported-page .dm-readable-band.dm-spacing-pass .dm-band-word.dingmans-watermark { color: rgba(245,248,252,.3) !important; mix-blend-mode: normal !important; }
html .ebt-imported-page .dm-batch5 .dm-review-more > summary.white-holo-btn { width: fit-content; min-width: 0; max-width: 100%; min-height: 40px; height: auto; padding: 12px 18px !important; font-size: 10px !important; line-height: 1.4 !important; letter-spacing: 1.6px !important; }
html .ebt-imported-page .dm-batch5.dm-careers-openings .dm-section-heading h2 { margin-inline: auto; }

html .ebt-imported-page .dm-batch5.dm-benefit-strip { --dm-reference-top:64px; --dm-reference-bottom:64px; }
.dm-benefit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.dm-benefit { padding: 24px 20px; text-align: center; border-left: 1px solid var(--dm-line); transition: background .3s, transform .3s; }
.dm-benefit:first-child { border-left: 0; }
.dm-benefit .dm-icon { margin: 0 auto 20px; width: 30px; height: 30px; transition: transform .3s, filter .3s; }
.dm-benefit h2 { font: 900 italic 18px/1.3 'Urbanist',sans-serif; color: var(--dm-accent); letter-spacing: 1.4px; text-transform: uppercase; margin: 0 0 12px; min-height:47px; display:grid; align-content:center; }
.dm-benefit p { font: 800 12px/1.5 'Urbanist',sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: var(--dm-muted); margin: 0; }
.dm-benefit:hover { background: rgba(61,165,255,.045); transform: translateY(-4px); }
.dm-benefit:hover .dm-icon { transform: scale(1.12); filter: drop-shadow(0 0 8px rgba(61,165,255,.5)); }
@supports (animation-timeline: view()) { .dm-benefit { animation: dm-benefit-arrive both; animation-timeline: view(); animation-range: entry 0% entry 90%; } }
@keyframes dm-benefit-arrive { from { opacity: .4; translate: 0 24px; } to { opacity: 1; translate: 0 0; } }
html .ebt-imported-page .dm-batch5.dm-service-overview { --dm-reference-top:88px; --dm-reference-bottom:88px; }
html .ebt-imported-page .dm-batch5.dm-service-catalog { --dm-reference-top:96px; --dm-reference-bottom:120px; }
html .ebt-imported-page .dm-batch5 .dm-service-paths { margin-top: 36px; }
html .ebt-imported-page .dm-service-catalog .dm-card-image img { filter: saturate(.22) brightness(.84) contrast(1.04); object-fit: cover; object-position: center; }
html .ebt-imported-page .dm-service-catalog .dm-card-image::after { background: linear-gradient(0deg,rgba(7,18,30,.3),rgba(7,18,30,.08)); }
.dm-vehicle-group { padding: 26px; border-top: 1px solid var(--dm-line); border-right: 1px solid var(--dm-line); transition: background .25s; }
.dm-vehicle-group h3 { display: flex; align-items: center; gap: 12px; font: 800 18px/1.35 'Urbanist',sans-serif; margin: 0 0 18px; }
.dm-vehicle-group ul { padding-left: 18px; margin: 0; }
.dm-vehicle-group li { padding-bottom: 10px; font-size: 16px; }
.dm-vehicle-group li::marker { color: var(--dm-accent); }
.dm-vehicle-group a:hover,.dm-vehicle-group a:focus-visible { color: var(--dm-accent); text-decoration: underline; }
.dm-vehicle-group:is(:hover,:focus-within) { background: rgba(61,165,255,.055); }
.dm-vehicle:has(.dm-vehicle-group--engine:is(:hover,:focus-within)) .dm-vehicle-zone--engine,
.dm-vehicle:has(.dm-vehicle-group--brakes:is(:hover,:focus-within)) .dm-vehicle-zone--brakes,
.dm-vehicle:has(.dm-vehicle-group--suspension:is(:hover,:focus-within)) .dm-vehicle-zone--suspension,
.dm-vehicle:has(.dm-vehicle-group--cooling:is(:hover,:focus-within)) .dm-vehicle-zone--cooling { stroke: var(--dm-accent); filter: drop-shadow(0 0 7px rgba(61,165,255,.6)); }
.dm-faq-intro-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 44px; }
.dm-faq-intro-grid article { border-top: 1px solid var(--dm-line); padding-top: 24px; }
.dm-faq-intro-grid h3 { font: 400 italic 24px/1.3 'Bakbak One',sans-serif; text-transform: uppercase; margin: 0 0 18px; }
.dm-faq-intro-grid p { font-size: 18px; line-height: 1.6; margin: 0; }
@media(max-width:980px) { .dm-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; } .dm-benefit:nth-child(3) { border-left:0; } html .ebt-imported-page #dingmans-home-hero-code-v1.dm-batch5 { min-height:calc(100svh - 88px); } }
@media(max-width:767px) {
  html .ebt-imported-page .dm-batch5.dm-batch5-intro { --dm-reference-top:66px; }
  html .ebt-imported-page .dm-batch5.dm-watermark-section { padding-top:calc(var(--dingmans-watermark-size,17vw) + 56px) !important; }
  html .ebt-imported-page .dm-batch5.dm-benefit-strip { --dm-reference-top:36px; --dm-reference-bottom:36px; }
  html .ebt-imported-page .dm-batch5.dm-service-overview,html .ebt-imported-page .dm-batch5.dm-service-catalog { --dm-reference-top:64px; --dm-reference-bottom:80px; }
  .dm-benefit { padding:20px 12px; } .dm-benefit h2 { font-size:15px; letter-spacing:.6px; } .dm-benefit p { font-size:11px; letter-spacing:.6px; }
  .dm-faq-intro-grid { grid-template-columns:1fr; gap:28px; }
  html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card h3 { min-height:0; }
  .dm-vehicle-group { padding:22px; }
}
@media(prefers-reduced-motion:reduce) { .dm-benefit,.dm-benefit .dm-icon,html .ebt-imported-page .dm-batch5 .dm-community-programs article,html .ebt-imported-page .dm-batch5.dm-unified-proof .dm-proof-card { animation:none; transition:none; transform:none !important; translate:none; } }
