/* Buludtelecom - Metroethernet page */
.me-page { font-size: 15px; line-height: 1.6; }
.me-page h3 { color: #4a154b; font-size: 22px; margin: 34px 0 14px; }
.me-lead { font-size: 17px; margin: 0 0 8px; }

.me-flow { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.me-flow li {
  flex: 1 1 150px; position: relative; background: #fbfaff; border: 1px solid #e6dcea; border-radius: 6px;
  padding: 14px 12px; text-align: center; font-size: 14px;
}
.me-flow li .fa { display: block; font-size: 26px; color: #4a154b; margin-bottom: 6px; }
.me-flow li b { display: block; color: #222; }
.me-flow li span { color: #666; font-size: 13px; }
.me-flow .me-link { flex: 0 0 auto; align-self: center; border: 0; background: none; padding: 0; color: #4a154b; font-size: 12px; }
.me-flow .me-link i { display: block; font-size: 20px; }
.me-flow .me-fiber { color: #1f7ae0; } .me-flow .me-copper { color: #c77c02; }

.me-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.me-card { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.055); }
.me-card .fa { font-size: 24px; color: #4a154b; margin-bottom: 8px; }
.me-card h4 { margin: 0 0 6px; font-size: 16px; color: #222; }
.me-card p { margin: 0; font-size: 14px; color: #555; }

.me-compare { overflow-x: auto; }
.me-compare table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; }
.me-compare th, .me-compare td { border: 1px solid #e3e3e3; padding: 9px 12px; text-align: left; vertical-align: top; }
.me-compare thead th { background: #4a154b; color: #fff; font-weight: 600; }
.me-compare tbody th { background: #fbfaff; color: #333; font-weight: 600; width: 28%; }

.me-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; max-width: 640px; }
.me-plan { background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 20px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.055); }
.me-plan.me-best { border: 2px solid #4a154b; }
.me-plan h4 { margin: 0 0 6px; font-size: 16px; color: #777; letter-spacing: .3px; }
.me-speed { font-size: 34px; font-weight: 700; color: #222; line-height: 1.1; }
.me-speed small { font-size: 16px; font-weight: 400; color: #666; }
.me-price { font-size: 24px; font-weight: 700; color: #4a154b; margin: 8px 0 14px; }
.me-price small { font-size: 14px; font-weight: 400; color: #666; }
.me-plan .tg-btn { width: 100%; }
.me-note { font-size: 13px; color: #666; margin-top: 12px; }

.me-cta { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between;
  margin-top: 34px; padding: 22px; border-radius: 6px; background: #4a154b; color: #fff; }
.me-cta h3 { color: #fff; margin: 0 0 6px; }
.me-cta p { margin: 0; }
.me-cta a { color: #fff; font-weight: 700; white-space: nowrap; }
.me-cta .me-cta-btn { display: inline-block; background: #fff; color: #4a154b; padding: 11px 26px; border-radius: 4px; text-decoration: none; }