:root {
  --amar-gold: #a97e3c;
  --amar-ink: #1a1510;
  --amar-dark-surface: #332b25;
  --amar-dark-card: #493c32;
  --amar-paper: #f2ece1;
  --amar-card: #faf6ee;
  --amar-border: rgba(26, 21, 16, 0.14);
  --amar-radius-card: 16px;
  --amar-radius-control: 10px;
  --amar-radius-small: 8px;
  --amar-card-gap: clamp(14px, 1.8vw, 22px);
  --amar-card-shadow: 0 8px 24px -22px rgba(26, 21, 16, 0.62);
}

.amar-dark-surface {
  background: var(--amar-dark-surface) !important;
}

.amar-dark-card {
  background: var(--amar-dark-card) !important;
}

button,
input,
select,
textarea,
.amar-cta,
.amar-detail,
.amar-btn-book,
.amar-map,
.treatment-side a {
  border-radius: var(--amar-radius-control);
}

.amar-chip {
  border-radius: 999px;
}

.need-grid,
.rec-grid,
.proof-grid,
.of-grid,
.men-approach,
.nw-grid,
.vc-why,
.bride-2,
.bride-3 {
  gap: var(--amar-card-gap) !important;
  background: transparent !important;
  border: 0 !important;
}

.amar-card,
.hov-lift,
.pkg-card,
.proof-grid > *,
.amar-panel,
.contact-grid > div:last-child > div:first-child,
.treatment-copy + section,
.treatment-side > div:first-child,
.treatment-faq,
.treatment-copy table {
  border-radius: var(--amar-radius-card);
}

.amar-card,
.hov-lift,
.proof-grid > * {
  border: 1px solid var(--amar-border);
  box-shadow: var(--amar-card-shadow);
}

.amar-card,
.hov-lift,
.pkg-card {
  position: relative;
  transform-origin: center;
  transition:
    transform 0.34s cubic-bezier(0.22, 0.61, 0.36, 1),
    border-color 0.24s ease,
    box-shadow 0.34s ease;
}

.amar-card h2,
.amar-card h3,
.hov-lift h2,
.hov-lift h3,
.pkg-card h2,
.pkg-card h3 {
  transform-origin: left center;
  transition:
    color 0.24s ease,
    transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.amar-card,
.hov-lift,
.pkg-card,
.proof-grid > *,
.amar-panel,
.contact-grid > div:last-child > div:first-child,
.treatment-copy + section,
.treatment-side > div:first-child,
.treatment-faq {
  overflow: hidden;
}

.about-grid img,
.vouch-grid img,
.vc-hero img,
.amar-map {
  border-radius: var(--amar-radius-card);
}

.treatment-faq {
  margin-top: 8px !important;
  padding: 0 clamp(18px, 3vw, 26px);
  border: 1px solid var(--amar-border);
  background: rgba(250, 246, 238, 0.58);
}

.treatment-faq details:first-child {
  border-top: 0;
}

.treatment-copy table {
  width: 100%;
  margin: 24px 0 30px;
  border: 1px solid var(--amar-border);
  border-spacing: 0;
  border-collapse: separate;
  overflow: hidden;
  background: var(--amar-card);
}

.treatment-details-card {
  background: var(--amar-dark-card) !important;
  padding: 26px 24px !important;
  border: 1px solid rgba(205, 165, 95, 0.2);
  border-radius: 18px !important;
  box-shadow: 0 18px 42px -34px rgba(26, 21, 16, 0.78);
}

.treatment-details-card dl > div {
  padding: 11px 0 !important;
  border-color: rgba(242, 236, 225, 0.18) !important;
}

.treatment-details-card dt {
  color: #d1c1ad !important;
}

.treatment-details-card > p:last-child {
  color: #c3b3a0 !important;
}

.treatment-details-card > a[href^="tel:"] {
  border-color: rgba(242, 236, 225, 0.38) !important;
}

.treatment-copy th,
.treatment-copy td {
  padding: 13px 15px;
  border-right: 1px solid rgba(26, 21, 16, 0.1);
  border-bottom: 1px solid rgba(26, 21, 16, 0.1);
  text-align: left;
  vertical-align: top;
}

.treatment-copy th {
  background: rgba(169, 126, 60, 0.1);
  color: var(--amar-ink);
  font-weight: 600;
}

.treatment-copy tr > :last-child {
  border-right: 0;
}

.treatment-copy tbody tr:last-child > * {
  border-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .amar-card:hover,
  .hov-lift:hover,
  .pkg-card:hover {
    z-index: 3;
    border-color: var(--amar-gold) !important;
    transform: translateY(-6px) scale(1.018) !important;
    box-shadow: 0 22px 42px -20px rgba(26, 21, 16, 0.42);
  }

  .amar-card:hover h2,
  .amar-card:hover h3,
  .hov-lift:hover h2,
  .hov-lift:hover h3,
  .pkg-card:hover h2,
  .pkg-card:hover h3 {
    color: var(--amar-gold) !important;
    transform: scale(1.035);
  }
}

.amar-card:focus-within,
.hov-lift:focus-within,
.pkg-card:focus-within {
  z-index: 2;
  border-color: var(--amar-gold) !important;
  transform: translateY(-4px) scale(1.012) !important;
  box-shadow: 0 18px 34px -20px rgba(26, 21, 16, 0.42);
}

.amar-card:focus-within h2,
.amar-card:focus-within h3,
.hov-lift:focus-within h2,
.hov-lift:focus-within h3,
.pkg-card:focus-within h2,
.pkg-card:focus-within h3 {
  color: var(--amar-gold) !important;
  transform: scale(1.02);
}

@media (max-width: 640px) {
  :root {
    --amar-radius-card: 14px;
    --amar-radius-control: 9px;
    --amar-card-gap: 14px;
  }

  .treatment-copy {
    overflow-wrap: anywhere;
  }

  .treatment-copy table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .treatment-copy th,
  .treatment-copy td {
    min-width: 150px;
    padding: 11px 12px;
  }
}

@media (min-width: 960px) {
  .amar-page .treatment-layout {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }

  .amar-page .bio-layout {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .amar-card,
  .hov-lift,
  .pkg-card,
  .amar-card:hover,
  .hov-lift:hover,
  .pkg-card:hover,
  .amar-card:focus-within,
  .hov-lift:focus-within,
  .pkg-card:focus-within {
    transform: none !important;
    transition: none !important;
  }

  .amar-card h2,
  .amar-card h3,
  .hov-lift h2,
  .hov-lift h3,
  .pkg-card h2,
  .pkg-card h3 {
    transform: none !important;
    transition: none !important;
  }
}
