.model-card {
  position: relative;
  border-color: rgba(9, 70, 112, .12);
  background: radial-gradient(ellipse at 50% 0%, rgba(4, 213, 232, .11), transparent 44%), #fff;
  box-shadow: 0 10px 28px rgba(5, 47, 82, .055), 0 0 22px rgba(4, 213, 232, .065);
  transition: transform .36s cubic-bezier(.2, .8, .2, 1), border-color .3s, box-shadow .36s;
}

.model-card.featured {
  border-color: rgba(42, 180, 210, .48);
  box-shadow: 0 17px 42px rgba(5, 47, 82, .12), 0 0 28px rgba(4, 213, 232, .14);
}

.model-purchase {
  margin-top: auto;
  padding-top: 17px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 13px;
}

.model-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }

.model-spec-button {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid #c8e0e9;
  border-radius: 8px;
  background: #fff;
  color: #355c74;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .22s, color .22s, border-color .22s;
}
.model-spec-button:hover { border-color: #15a9c9; background: #eefafd; color: #087ca2; }

.model-price {
  margin: 0;
  color: var(--navy-deep);
  font-family: "Golos Text", Arial, sans-serif;
  font-size: clamp(40px, 3.6vw, 52px);
  line-height: 1;
  font-weight: 750;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.model-price span { color: #54758b; font-family: "Golos Text", Arial, sans-serif; font-size: .78em; font-weight: 600; }

.model-cta {
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(4, 213, 232, .8);
  border-radius: 8px;
  background: var(--cyan);
  color: var(--navy-deep);
  box-shadow: 0 7px 20px rgba(4, 170, 200, .22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 750;
  white-space: nowrap;
  transition: background .22s, color .22s, box-shadow .22s, transform .22s;
}

.model-cta span { color: #0781aa; font-size: 17px; }
.model-cta:hover { background: var(--navy); color: #fff; box-shadow: 0 7px 19px rgba(6, 42, 88, .17); }
.model-cta:hover span { color: var(--cyan); }
.model-cta:active { transform: translateY(1px); }

@media (min-width: 851px) {
  .model-grid { align-items: center; padding: 22px 12px 26px; margin: -22px -12px -26px; }
  .model-card { transform: scale(.98); }
  .model-card.featured { position: relative; z-index: 1; transform: scale(1.035); }
  .model-grid:has(.model-card:hover) .model-card,
  .model-grid:has(.model-card:focus-within) .model-card { transform: scale(.96); }
  .model-grid:has(.model-card:hover) .model-card:hover,
  .model-grid:has(.model-card:focus-within) .model-card:focus-within {
    position: relative;
    z-index: 2;
    transform: scale(1.045);
    border-color: rgba(4, 176, 211, .62);
    box-shadow: 0 22px 56px rgba(5, 47, 82, .16), 0 0 38px rgba(4, 213, 232, .23);
  }
}

@media (max-width: 850px) {
  .model-card.featured { border-color: rgba(42, 180, 210, .48); }
}

@media (max-width: 600px) {
  .model-purchase { padding-top: 15px; gap: 12px; }
  .model-price { font-size: 46px; }
  .model-cta { min-height: 43px; padding-inline: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .model-card, .model-cta { transition: none; }
  .model-grid .model-card,
  .model-grid:has(.model-card:hover) .model-card,
  .model-grid:has(.model-card:focus-within) .model-card { transform: none; }
}