/* Selected transition design 03. Rules affect only the new detail section. */
#nk-moving-details.nk-detail-section {
  --nk-detail-ink: #073f45;
  --nk-detail-muted: #577275;
  --nk-detail-mint: #e8f4f1;
  --nk-detail-line: #83c9b8;
  position: relative;
  margin-top: -18px;
  padding-bottom: 76px;
  color: var(--nk-detail-ink);
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#nk-moving-details *, #nk-moving-details *::before, #nk-moving-details *::after { box-sizing: border-box; }
#nk-moving-details .nk-detail-wrap { position: relative; width: min(100% - 64px, 1400px); margin-inline: auto; }
#nk-moving-details .nk-detail-wrap::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 92px;
  left: 0;
  top: -92px;
  background: var(--nk-detail-line);
  pointer-events: none;
}
#nk-moving-details .nk-detail-wrap::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: -5px;
  top: -5px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--nk-detail-line);
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
}
#nk-moving-details .nk-detail-layout { position: relative; display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 2.3fr); gap: 42px; align-items: start; }
#nk-moving-details .nk-detail-sidebar { min-width: 0; padding: 26px 22px 22px; border-radius: 10px; background: var(--nk-detail-mint); }
#nk-moving-details .nk-detail-side-intro h3 {
  font-family: inherit;
  color: var(--nk-detail-ink);
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 10px;
}
#nk-moving-details .nk-detail-side-intro p { margin: 0 0 22px; color: var(--nk-detail-muted); font-size: 17px; line-height: 1.5; }
#nk-moving-details .nk-detail-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
#nk-moving-details .nk-detail-action {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 15px;
  align-items: center;
  column-gap: 13px;
  padding: 19px 17px;
  min-height: 106px;
  color: var(--nk-detail-ink);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 9px;
  background: #fff;
  transition: background .18s ease, border-color .18s ease;
}
#nk-moving-details .nk-detail-action:hover { color: var(--nk-detail-ink); border-color: #a0cfc2; background: #f7fcfa; }
#nk-moving-details .nk-detail-action:focus-visible { outline: 3px solid #197f78; outline-offset: 4px; }
#nk-moving-details .nk-detail-action-icon { display: block; width: 35px; height: 35px; align-self: start; margin-top: 3px; }
#nk-moving-details .nk-detail-action-arrow { display: block; width: 15px; height: 18px; opacity: .8; }
#nk-moving-details .nk-detail-action-copy { display: block; min-width: 0; }
#nk-moving-details .nk-detail-action-copy > strong { display: block; margin-bottom: 6px; font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: -.015em; }
#nk-moving-details .nk-detail-action-copy > span { display: block; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--nk-detail-muted); }
#nk-moving-details .nk-detail-phone-number { display: block; margin-top: 8px; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.3; white-space: nowrap; letter-spacing: -.025em; }
#nk-moving-details .nk-detail-phone { color: #fff; background: #07565a; }
#nk-moving-details .nk-detail-phone:hover { color: #fff; background: #06484d; border-color: #07565a; }
#nk-moving-details .nk-detail-whatsapp { color: #fff; background: #008347; }
#nk-moving-details .nk-detail-whatsapp:hover { color: #fff; background: #006e3b; border-color: #008347; }
#nk-moving-details .nk-detail-phone .nk-detail-action-copy > span,
#nk-moving-details .nk-detail-whatsapp .nk-detail-action-copy > span { color: #fff; }
#nk-moving-details .nk-detail-main { min-width: 0; padding-top: 9px; }
#nk-moving-details .nk-detail-title {
  color: var(--nk-detail-ink);
  font-family: inherit;
  font-size: clamp(39px, 3.75vw, 56px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.045em;
  margin: 0 0 17px;
}
#nk-moving-details .nk-detail-title > span { display: block; }
#nk-moving-details .nk-detail-intro { color: var(--nk-detail-muted); font-size: clamp(20px, 1.9vw, 28px); line-height: 1.5; margin: 0 0 29px; }
#nk-moving-details .nk-detail-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
#nk-moving-details .nk-detail-card { min-width: 0; }
#nk-moving-details .nk-detail-card > img { display: block; width: 100%; height: clamp(225px, 20vw, 290px); object-fit: cover; object-position: center; border-radius: 6px; margin-bottom: 16px; }
#nk-moving-details .nk-detail-card:first-child > img { object-position: 43% center; }
#nk-moving-details .nk-detail-card h3 { color: var(--nk-detail-ink); font-family: inherit; font-size: clamp(20px, 1.65vw, 25px); font-weight: 700; letter-spacing: -.025em; line-height: 1.25; margin: 0 0 9px; }
#nk-moving-details .nk-detail-card p { color: var(--nk-detail-muted); font-size: 17px; line-height: 1.5; margin: 0; }
@media (max-width: 1199px) {
  #nk-moving-details .nk-detail-layout { grid-template-columns: 280px minmax(0, 1fr); gap: 30px; }
  #nk-moving-details .nk-detail-sidebar { padding-inline: 17px; }
  #nk-moving-details .nk-detail-action { grid-template-columns: 28px minmax(0, 1fr) 12px; gap: 9px; padding-inline: 12px; }
  #nk-moving-details .nk-detail-action-icon { width: 28px; height: 28px; }
  #nk-moving-details .nk-detail-action-arrow { width: 12px; }
  #nk-moving-details .nk-detail-action-copy > strong { font-size: 15px; }
  #nk-moving-details .nk-detail-action-copy > span { font-size: 13px; }
  #nk-moving-details .nk-detail-phone-number { font-size: 18px; }
  #nk-moving-details .nk-detail-title { font-size: clamp(35px, 3.55vw, 44px); }
  #nk-moving-details .nk-detail-intro { font-size: 21px; }
  #nk-moving-details .nk-detail-cards { gap: 16px; }
  #nk-moving-details .nk-detail-card h3 { font-size: 20px; }
  #nk-moving-details .nk-detail-card p { font-size: 16px; }
}
@media (max-width: 991px) {
  #nk-moving-details .nk-detail-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  #nk-moving-details .nk-detail-sidebar { padding: 24px; }
  #nk-moving-details .nk-detail-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  #nk-moving-details .nk-detail-action { padding: 18px; grid-template-columns: 32px minmax(0, 1fr) 14px; column-gap: 13px; }
  #nk-moving-details .nk-detail-action-copy > strong { font-size: 16px; }
  #nk-moving-details .nk-detail-action-copy > span { font-size: 14px; }
  #nk-moving-details .nk-detail-phone-number { font-size: 20px; }
  #nk-moving-details .nk-detail-action-icon { width: 32px; height: 32px; }
  #nk-moving-details .nk-detail-main { padding-top: 0; }
  #nk-moving-details .nk-detail-title { font-size: clamp(38px, 5.8vw, 52px); }
  #nk-moving-details .nk-detail-title > span { display: inline; }
  #nk-moving-details .nk-detail-card > img { height: clamp(210px, 28vw, 270px); }
}
@media (max-width: 599px) {
  #nk-moving-details.nk-detail-section { margin-top: -8px; padding-bottom: 48px; }
  #nk-moving-details .nk-detail-wrap { width: min(100% - 36px, 1400px); }
  #nk-moving-details .nk-detail-wrap::before { top: -66px; height: 66px; }
  #nk-moving-details .nk-detail-layout { gap: 30px; }
  #nk-moving-details .nk-detail-sidebar { padding: 25px 18px 18px; }
  #nk-moving-details .nk-detail-side-intro h3 { font-size: 11px; }
  #nk-moving-details .nk-detail-side-intro p { font-size: 16px; margin-bottom: 20px; }
  #nk-moving-details .nk-detail-actions { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  #nk-moving-details .nk-detail-action { grid-template-columns: 30px minmax(0, 1fr) 14px; column-gap: 11px; padding: 17px 14px; min-height: 0; }
  #nk-moving-details .nk-detail-action-icon { width: 30px; height: 30px; }
  #nk-moving-details .nk-detail-action-copy > strong { font-size: 16px; }
  #nk-moving-details .nk-detail-action-copy > span { font-size: 14px; }
  #nk-moving-details .nk-detail-title { font-size: clamp(32px, 8.7vw, 42px); line-height: 1.13; margin-bottom: 16px; }
  #nk-moving-details .nk-detail-intro { font-size: 19px; margin-bottom: 23px; }
  #nk-moving-details .nk-detail-cards { grid-template-columns: minmax(0, 1fr); gap: 29px; }
  #nk-moving-details .nk-detail-card > img { height: clamp(220px, 63vw, 320px); margin-bottom: 14px; }
  #nk-moving-details .nk-detail-card h3 { font-size: 23px; }
  #nk-moving-details .nk-detail-card p { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  #nk-moving-details .nk-detail-action { transition: none; }
}