.mx-order-body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  color:#111827;
}

.mx-order-wrap{
  width:min(1120px,calc(100% - 32px));
  margin:auto;
}

.mx-order-header{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eef2f7;
}

.mx-order-logo{
  width:240px;
  height:78px;
  background:url('/assets/matrix-logo.svg?v=71') center left / contain no-repeat;
}

.mx-order-header a{
  color:#111827;
  text-decoration:none;
  font-weight:900;
}

.mx-order-main{
  padding:46px 0 70px;
}

.mx-order-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);
  gap:24px;
  align-items:start;
}

.mx-order-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:26px;
  box-shadow:0 20px 60px rgba(15,23,42,.07);
}

.mx-order-card h1,
.mx-order-card h2{
  margin:0 0 12px;
  letter-spacing:-.04em;
}

.mx-order-card p{
  color:#64748b;
  line-height:1.6;
}

.mx-order-badge{
  display:inline-flex;
  background:#fff1f2;
  color:#991b1b;
  border:1px solid #fecdd3;
  padding:8px 12px;
  border-radius:999px;
  font-weight:950;
  font-size:13px;
  margin-bottom:16px;
}

.mx-term-grid{
  display:grid;
  gap:10px;
  margin:18px 0;
}

.mx-term-option{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
  transition:.15s ease;
}

.mx-term-option:hover{
  border-color:#fecdd3;
  background:#fffafa;
}

.mx-term-option input{
  margin-top:4px;
}

.mx-term-title{
  font-weight:950;
  color:#111827;
}

.mx-term-price{
  font-weight:950;
  color:#b90f1d;
  margin-top:4px;
}

.mx-form label{
  display:block;
  font-weight:900;
  margin:12px 0 6px;
  color:#334155;
}

.mx-form input,
.mx-form textarea{
  width:100%;
  height:48px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:0 13px;
  font-size:15px;
}

.mx-form textarea{
  height:96px;
  padding-top:12px;
}

.mx-form input:focus,
.mx-form textarea:focus{
  outline:none;
  border-color:#ed1c24;
  box-shadow:0 0 0 4px rgba(237,28,36,.10);
}

.mx-btn{
  width:100%;
  height:50px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#ed1c24,#b90f1d);
  color:#ffffff;
  font-weight:950;
  cursor:pointer;
  margin-top:18px;
  box-shadow:0 18px 38px rgba(237,28,36,.18);
}

.mx-spec-table{
  width:100%;
  border-collapse:collapse;
  margin-top:12px;
}

.mx-spec-table td{
  padding:11px 0;
  border-bottom:1px solid #eef2f7;
  font-weight:800;
}

.mx-spec-table td:last-child{
  text-align:right;
  color:#111827;
  font-weight:950;
}

.mx-alert{
  background:#f0fdf4;
  border:1px solid #bbf7d0;
  color:#166534;
  padding:14px;
  border-radius:12px;
  font-weight:850;
}

.mx-error{
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#991b1b;
  padding:14px;
  border-radius:12px;
  font-weight:850;
}

@media(max-width:900px){
  .mx-order-grid{
    grid-template-columns:1fr;
  }

  .mx-order-header{
    display:block;
    padding:12px 0;
  }

  .mx-order-logo{
    margin:auto;
  }
}