/* Colocation uses the same product layout and pricing components as hosting. */
.colocation-page .colo-plan-grid { margin-inline: auto; }
.colocation-page .colo-plan-kind { margin: 0 0 10px; color: #694d89; font-size: .73rem; }
body.colocation-page main #plans .hosting-plan-grid > .card .plan-specs .spec-item:last-child { grid-column: auto; }
body.colocation-page main #plans .hosting-plan-grid > .card .plan-specs .spec-val { font-size: 1rem; }
body.colocation-page main #plans .hosting-plan-grid > .card .plan-specs .spec-label { font-size: .68rem; }
body.colocation-page main #plans .hosting-plan-grid > .card .desc { min-height: 3em; font-size: .92rem; line-height: 1.55; }
.colocation-page .colo-hero-inclusions { justify-content: flex-start; gap: 10px; margin-top: 24px; }
.colocation-page .colo-bandwidth { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 24px; align-items: stretch; margin: 32px auto 0; padding: 28px; border: 1px solid #ddd0ef; border-radius: 18px; background: linear-gradient(115deg,#f0e8fd,#fff); }
.colocation-page .colo-bandwidth .eyebrow { margin: 0 0 14px; }
.colocation-page .colo-bandwidth h3 { margin: 0 0 12px; font-size: 1.3rem; }
.colocation-page .colo-bandwidth p { margin: 0; font-size: .92rem; line-height: 1.65; }
.colocation-page .colo-bandwidth-rate { display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 22px; border: 1px solid #e5dbef; border-radius: 13px; background: #fff; }
.colocation-page .colo-bandwidth-rate > span { font-size: .87rem; font-weight: 650; line-height: 1.5; }
.colocation-page .colo-bandwidth-rate strong { color: #6026b5; font-size: 2rem; line-height: 1.2; }
.colocation-page .colo-bandwidth-rate strong span { font-size: .9rem; font-weight: 500; color: var(--ink-3); }
.colocation-page .colo-bandwidth-rate small,.colocation-page .colo-bandwidth-rate a { font-size: .82rem; line-height: 1.5; }
.colocation-page .colo-ix-intro { display: block; max-width: 820px; margin: 0 auto 32px; text-align: center; }
.colocation-page .colo-ix-intro h2 { margin: 18px 0; font-size: clamp(1.9rem,3.2vw,2.65rem); line-height: 1.2; }
.colocation-page .colo-ix-intro p { max-width: 740px; margin-inline: auto; }
.colocation-page .colo-ix-card { border-radius: 16px; box-shadow: var(--product-shadow); }
@media(max-width:1000px) {
  .colocation-page .colo-bandwidth { grid-template-columns: 1fr 1fr; }
  .colocation-page .colo-bandwidth > div:first-child { grid-column: 1 / -1; }
}
@media(max-width:640px) {
  .colocation-page .colo-bandwidth { grid-template-columns: 1fr; padding: 20px; gap: 16px; }
  .colocation-page .colo-hero-inclusions { justify-content: center; }
}