.elementor-1191 .elementor-element.elementor-element-fba9690{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-18e527f *//* ═══════════════════════════════════════════════════════════════
   DHALMIA — BLOCK 2: PAGE CSS  (Contact Page)
   ═══════════════════════════════════════════════════════════════ */

/* ─── Page Background ─── */
.dh-scope[data-page="contact"] {
  background: var(--bg-0);
}

/* ─── Hero ─── */
.dh-scope[data-page="contact"] .dh-contact-hero {
  padding-top: calc(var(--header-h) + var(--space-5xl));
  padding-bottom: var(--space-4xl);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.dh-scope[data-page="contact"] .dh-contact-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(70%, 600px);
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--copper-0) 50%, transparent 100%);
  opacity: .2;
  z-index: 3;
}

/* ─── Hero Background Image ─── */
.dh-scope[data-page="contact"] .dh-contact-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.dh-scope[data-page="contact"] .dh-contact-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 70%;
  opacity: 0.24;
  filter: grayscale(0.4);
  will-change: transform;
}
.dh-scope[data-page="contact"] .dh-contact-hero__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(33,33,33,.55) 0%,
    rgba(33,33,33,.3) 35%,
    rgba(33,33,33,.4) 65%,
    var(--bg-0) 100%
  );
  z-index: 1;
}

/* Ensure all hero content sits above the image */
.dh-scope[data-page="contact"] .dh-contact-hero .dh-container {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .dh-scope[data-page="contact"] .dh-contact-hero__bg img {
    opacity: 0.16;
  }
}

.dh-scope[data-page="contact"] .dh-contact-hero__overline {
  margin-bottom: var(--space-lg);
}
.dh-scope[data-page="contact"] .dh-contact-hero h1 {
  margin-bottom: var(--space-lg);
  letter-spacing: -0.02em;
}
.dh-scope[data-page="contact"] .dh-contact-hero__sub {
  font-size: var(--text-body);
  color: var(--muted);
  max-width: 48ch;
  margin-inline: auto;
  line-height: 1.7;
}

/* ─── Two Column Core ─── */
.dh-scope[data-page="contact"] .dh-contact-core {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(3rem, 6vw, 6rem);
  align-items: start;
}
@media (max-width: 960px) {
  .dh-scope[data-page="contact"] .dh-contact-core {
    grid-template-columns: 1fr;
    gap: var(--space-3xl);
  }
}

/* ─── Left Column — Details ─── */
.dh-scope[data-page="contact"] .dh-contact-details__intro {
  font-size: var(--text-body);
  color: var(--text-1);
  line-height: 1.75;
  margin-bottom: var(--space-2xl);
  max-width: 42ch;
}

/* ─── Availability Indicator ─── */
.dh-scope[data-page="contact"] .dh-availability {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: rgba(204,132,52,.04);
  border: 1px solid rgba(204,132,52,.12);
  border-radius: 100px;
  margin-bottom: var(--space-2xl);
}
.dh-scope[data-page="contact"] .dh-availability__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--copper-0);
  position: relative;
}
.dh-scope[data-page="contact"] .dh-availability__dot::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1px solid var(--copper-0);
  opacity: .4;
  animation: dh-avail-pulse 2.4s ease-in-out infinite;
}
@keyframes dh-avail-pulse {
  0%, 100% { transform: scale(1); opacity: .4; }
  50%      { transform: scale(1.5); opacity: 0; }
}
.dh-scope[data-page="contact"] .dh-availability__text {
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--copper-1);
}

/* ─── Hours ─── */
.dh-scope[data-page="contact"] .dh-contact-hours {
  margin-top: var(--space-2xl);
  padding-top: var(--space-xl);
  border-top: 1px solid var(--border);
}
.dh-scope[data-page="contact"] .dh-contact-hours__heading {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: var(--space-md);
}
.dh-scope[data-page="contact"] .dh-contact-hours__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: var(--space-xs) 0;
  font-size: var(--text-sm);
}
.dh-scope[data-page="contact"] .dh-contact-hours__day {
  color: var(--text-1);
}
.dh-scope[data-page="contact"] .dh-contact-hours__time {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

/* ─── Right Column — Form Panel ─── */
.dh-scope[data-page="contact"] .dh-contact-form-panel {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  position: relative;
  overflow: hidden;
}
.dh-scope[data-page="contact"] .dh-contact-form-panel::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--copper-grad-h);
  opacity: .5;
}
.dh-scope[data-page="contact"] .dh-form-heading {
  font-family: var(--font-heading);
  font-size: var(--text-h2);
  font-weight: 300;
  color: var(--text-0);
  margin-bottom: var(--space-xs);
  line-height: 1.15;
}
.dh-scope[data-page="contact"] .dh-form-sub {
  font-size: var(--text-sm);
  color: var(--muted);
  margin-bottom: var(--space-2xl);
  line-height: 1.6;
}

/* ─── Inline Two-Field Row ─── */
.dh-scope[data-page="contact"] .dh-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}
@media (max-width: 520px) {
  .dh-scope[data-page="contact"] .dh-field-row {
    grid-template-columns: 1fr;
  }
}

/* ─── Select Field ─── */
.dh-scope[data-page="contact"] .dh-field__select {
  width: 100%;
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  color: var(--text-0);
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 1rem 2.5rem 1rem 1.25rem;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23CC8434' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
}
.dh-scope[data-page="contact"] .dh-field__select:focus {
  border-color: rgba(204,132,52,.4);
  box-shadow: 0 0 0 3px rgba(204,132,52,.08);
}
.dh-scope[data-page="contact"] .dh-field__select option {
  background: var(--bg-1);
  color: var(--text-0);
}

/* ─── Form Privacy Note ─── */
.dh-scope[data-page="contact"] .dh-form-privacy {
  font-size: var(--text-xs);
  color: var(--muted);
  line-height: 1.6;
  margin-top: var(--space-lg);
}
.dh-scope[data-page="contact"] .dh-form-privacy a {
  color: var(--copper-0);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .dh-scope[data-page="contact"] .dh-form-privacy a:hover {
    color: var(--copper-1);
  }
}

/* ─── Elementor Form Overrides ─── */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap {
  margin-bottom: var(--space-lg);
}

/* Reset Elementor container padding */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-element,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-widget-wrap,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Field groups — spacing */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-group {
  margin-bottom: var(--space-lg) !important;
  padding: 0 !important;
}

/* Labels */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-label {
  font-family: var(--font-body) !important;
  font-size: var(--text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--text-1) !important;
  margin-bottom: var(--space-xs) !important;
}

/* Required asterisk */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-mark-required .elementor-field-label::after {
  content: ' *';
  color: var(--copper-0) !important;
}

/* All input types — text, email, tel, number */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual {
  width: 100% !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  color: var(--text-0) !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 1rem 1.25rem !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out),
              background var(--dur-fast) var(--ease-out) !important;
  min-height: 52px !important;
  line-height: 1.6 !important;
}

/* Textarea */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap textarea.elementor-field-textual {
  resize: vertical !important;
  min-height: 140px !important;
}

/* Placeholder */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual::placeholder {
  color: var(--muted) !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

/* Focus state */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual:focus {
  border-color: rgba(204,132,52,.4) !important;
  background: rgba(255,255,255,.05) !important;
  box-shadow: 0 0 0 3px rgba(204,132,52,.08) !important;
}

/* Select / dropdown */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap select.elementor-field-textual,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-type-select select {
  font-family: var(--font-body) !important;
  font-size: var(--text-body) !important;
  color: var(--text-0) !important;
  background-color: rgba(255,255,255,.03) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 1rem 2.5rem 1rem 1.25rem !important;
  appearance: none !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23CC8434' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1.25rem center !important;
  min-height: 52px !important;
  transition: border-color var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out) !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap select.elementor-field-textual:focus,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-type-select select:focus {
  border-color: rgba(204,132,52,.4) !important;
  box-shadow: 0 0 0 3px rgba(204,132,52,.08) !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap select option {
  background: var(--bg-1) !important;
  color: var(--text-0) !important;
}

/* Submit button */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button[type="submit"],
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .e-form__buttons__wrapper button,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button-wrapper .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  width: 100% !important;
  padding: 0.85rem 2rem !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #0F0F0F !important;
  background: linear-gradient(135deg, #8B5A1E 0%, #CC8434 35%, #E8A954 55%, #CC8434 80%, #8B5A1E 100%) !important;
  border: none !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  min-height: 52px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px var(--copper-glow-lg) !important;
  transition: transform var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Submit hover */
@media (hover: hover) and (pointer: fine) {
  .dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button[type="submit"]:hover,
  .dh-scope[data-page="contact"] .dh-elementor-form-wrap .e-form__buttons__wrapper button:hover,
  .dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button-wrapper .elementor-button:hover {
    transform: translateY(-2px) !important;
    color: #000 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.35), 0 8px 28px rgba(204,132,52,.25) !important;
  }
}

/* Submit active */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button[type="submit"]:active,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .e-form__buttons__wrapper button:active,
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button-wrapper .elementor-button:active {
  transform: scale(0.97) !important;
  transition-duration: 0.1s !important;
}

/* Button icon / span reset */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button .elementor-button-text {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-button .elementor-button-icon {
  font-size: 0.9em !important;
}

/* Success / error messages */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-message {
  font-family: var(--font-body) !important;
  font-size: var(--text-sm) !important;
  padding: var(--space-md) var(--space-lg) !important;
  border-radius: var(--radius-sm) !important;
  margin-top: var(--space-md) !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-message-success {
  background: rgba(204,132,52,.08) !important;
  border: 1px solid rgba(204,132,52,.25) !important;
  color: var(--copper-1) !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-message-danger {
  background: rgba(200,50,50,.08) !important;
  border: 1px solid rgba(200,50,50,.25) !important;
  color: #e8a0a0 !important;
}

/* Field validation error */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual.elementor-error {
  border-color: rgba(200,50,50,.5) !important;
}

/* Inline field rows — Elementor uses column widths */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-group.elementor-column {
  padding-left: calc(var(--space-md) / 2) !important;
  padding-right: calc(var(--space-md) / 2) !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-form-fields-wrapper {
  margin-left: calc(var(--space-md) / -2) !important;
  margin-right: calc(var(--space-md) / -2) !important;
}

/* Focus visible */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual:focus-visible {
  outline: 2px solid var(--copper-0) !important;
  outline-offset: 3px !important;
  border-radius: 2px !important;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-field-textual:focus:not(:focus-visible) {
  outline: none !important;
}

/* ─── Custom Error State — Spam / Validation ─── */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .dh-form-error-msg {
  display: none;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  background: rgba(180,60,60,.06);
  border: 1px solid rgba(180,60,60,.18);
  border-radius: var(--radius-sm);
  margin-top: var(--space-lg);
  opacity: 0;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .dh-form-error-msg.is-visible {
  display: flex;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .dh-form-error-msg__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .dh-form-error-msg__icon svg {
  width: 20px;
  height: 20px;
  stroke: #c87a7a;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .dh-form-error-msg__text {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: #d4a0a0;
  line-height: 1.5;
}

/* Hide Elementor's native error when we override */
.dh-scope[data-page="contact"] .dh-elementor-form-wrap .elementor-message-danger.dh-hidden {
  display: none !important;
}

/* Glow state on form panel during error */
.dh-scope[data-page="contact"] .dh-contact-form-panel.dh-error-glow {
  border-color: rgba(180,60,60,.25);
  box-shadow: 0 0 40px rgba(180,60,60,.08), 0 0 80px rgba(180,60,60,.04);
}

/* ─── Collaboration Block ─── */
.dh-scope[data-page="contact"] .dh-collab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 5rem);
  align-items: center;
}
.dh-scope[data-page="contact"] .dh-collab__visual {
  position: relative;
  aspect-ratio: 4/3;
  background: var(--surface-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dh-scope[data-page="contact"] .dh-collab__visual-inner {
  width: 60%;
  max-width: 200px;
  opacity: .15;
}
.dh-scope[data-page="contact"] .dh-collab__visual-inner svg {
  width: 100%;
  height: auto;
  stroke: var(--copper-0);
  fill: none;
  stroke-width: 0.5;
}
.dh-scope[data-page="contact"] .dh-collab__points {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.dh-scope[data-page="contact"] .dh-collab__point {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  font-size: var(--text-sm);
  color: var(--text-1);
  line-height: 1.6;
}
.dh-scope[data-page="contact"] .dh-collab__point-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.dh-scope[data-page="contact"] .dh-collab__point-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--copper-0);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 768px) {
  .dh-scope[data-page="contact"] .dh-collab {
    grid-template-columns: 1fr;
  }
  .dh-scope[data-page="contact"] .dh-collab__visual {
    max-height: 280px;
  }
}

/* ─── Final CTA Band ─── */
.dh-scope[data-page="contact"] .dh-contact-cta {
  text-align: center;
  position: relative;
}
.dh-scope[data-page="contact"] .dh-contact-cta__rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-3xl);
}
.dh-scope[data-page="contact"] .dh-contact-cta__rule-line {
  width: clamp(40px, 8vw, 100px);
  height: 1px;
  background: var(--copper-0);
  opacity: .3;
}
.dh-scope[data-page="contact"] .dh-contact-cta__rule-diamond {
  width: 6px;
  height: 6px;
  border: 1px solid var(--copper-0);
  transform: rotate(45deg);
  opacity: .45;
  flex-shrink: 0;
}
.dh-scope[data-page="contact"] .dh-contact-cta h2 {
  margin-bottom: var(--space-md);
}
.dh-scope[data-page="contact"] .dh-contact-cta__sub {
  font-size: var(--text-body);
  color: var(--muted);
  max-width: 44ch;
  margin-inline: auto;
  line-height: 1.7;
  margin-bottom: var(--space-2xl);
}
.dh-scope[data-page="contact"] .dh-contact-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-lg);
  flex-wrap: wrap;
}

/* ─── Map Placeholder ─── */
.dh-scope[data-page="contact"] .dh-map-frame {
  width: 100%;
  aspect-ratio: 21/6;
  background: var(--surface-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
}
.dh-scope[data-page="contact"] .dh-map-frame iframe {
  width: 100%;
  height: 100%;
  border: none;
  filter: grayscale(1) brightness(.35) contrast(1.1);
  transition: filter .6s var(--ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .dh-scope[data-page="contact"] .dh-map-frame:hover iframe {
    filter: grayscale(.6) brightness(.45) contrast(1.05);
  }
}
.dh-scope[data-page="contact"] .dh-map-frame__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid rgba(204,132,52,.08);
  border-radius: var(--radius-md);
  z-index: 2;
}

/* ─── Reduced Motion ─── */
@media (prefers-reduced-motion: reduce) {
  .dh-scope[data-page="contact"] .dh-availability__dot::after {
    animation: none !important;
  }
  .dh-scope[data-page="contact"] .dh-map-frame iframe {
    transition: none !important;
  }
  .dh-scope[data-page="contact"] .dh-contact-hero__bg img {
    will-change: auto !important;
  }
}/* End custom CSS */