/* SpineScan Contact — canonical section-owned presentation. */

[data-ss-block=contact] .ss-contact {
  padding-top: 42px;
  background: #080a0d;
}

[data-ss-block=contact] .ss-contact .ss-contact-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr);
  gap: 34px;
  align-items: center;
}

[data-ss-block=contact] .ss-contact .ss-contact-card {
  padding: 26px;
  border: 1px solid var(--ss-line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(23, 28, 34, .96), rgba(11, 13, 16, .96));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

[data-ss-block=contact] .ss-contact .ss-contact-card a { color: var(--ss-cyan-soft); font-weight: 800; }
[data-ss-block=contact] .ss-contact .ss-contact-card.ss-is-visible { box-shadow: 0 16px 38px rgba(0, 0, 0, .18), 0 0 0 1px rgba(112, 207, 240, .05); }
[data-ss-block=contact] .ss-contact .ss-section-heading,
[data-ss-block=contact] .ss-contact .ss-heading { margin-bottom: 22px; }

[data-ss-block=contact] .ss-contact.ss-spacing-compact { padding-top: 42px; padding-bottom: 42px; }
[data-ss-block=contact] .ss-contact.ss-spacing-spacious { padding-top: 76px; padding-bottom: 76px; }
[data-ss-block=contact] .ss-contact.ss-background-black { background: var(--ss-black); }
[data-ss-block=contact] .ss-contact.ss-background-panel { background: #0b0e12; }
[data-ss-block=contact] .ss-contact.ss-background-deep { background: linear-gradient(135deg, #040506 0%, #10151b 55%, #160b1c 100%); }

@media (max-width: 940px) {
  [data-ss-block=contact] .ss-contact .ss-contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  [data-ss-block=contact] .ss-contact { padding-top: 34px; }
  [data-ss-block=contact] .ss-contact.ss-spacing-compact { padding-top: 42px; }
}

@media (max-width: 640px) {
  [data-ss-block=contact] .ss-contact .ss-contact-card { padding: 20px; }
  [data-ss-block=contact] .ss-contact.ss-spacing-spacious { padding-top: 42px; padding-bottom: 42px; }
}

@container (max-width: 940px) {
  [data-ss-block=contact] .ss-contact .ss-contact-grid { grid-template-columns: 1fr; }
}
