/* Pricing layout only; existing site classes, font, and color variables are reused. */
#server-plans[data-layout="server-rows"] .hosting-detail { margin-bottom:24px; }
#server-plans[data-layout="server-rows"] .hosting-container > .hosting-billing {
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px 28px;
  color:var(--color-secondary); margin:0 0 40px;
}
#server-plans[data-layout="server-rows"] .hosting-cards {
  display:grid; grid-template-columns:minmax(0,1fr); gap:18px;
  overflow:visible; padding:0; max-width:1060px; width:100%; margin-inline:auto;
}
#server-plans[data-layout="server-rows"] .hosting-card {
  display:grid; grid-template-columns:minmax(0,1fr) 190px;
  gap:24px 48px; align-items:center; position:relative; overflow:hidden;
  width:100%; max-width:none; min-width:0; padding:26px 28px;
  background:linear-gradient(100deg,var(--color-white),var(--color-light));
  border-radius:14px; transition:border-color .15s ease;
}
#server-plans[data-layout="server-rows"] .hosting-card::before {
  content:""; position:absolute; inset:0 0 0 auto; width:246px;
  background:var(--color-accent); opacity:.5; pointer-events:none;
}
#server-plans[data-layout="server-rows"] .hosting-card::after {
  content:""; position:absolute; right:246px; top:26px; bottom:26px;
  width:1px; background:#2244331f; pointer-events:none;
}
#server-plans[data-layout="server-rows"] .hosting-card > * { position:relative; min-width:0; }
#server-plans[data-layout="server-rows"] .hosting-card:hover { border-color:var(--color-secondary); }
#server-plans[data-layout="server-rows"] .hosting-card > div { grid-column:1; grid-row:1; }
#server-plans[data-layout="server-rows"] .hosting-card-title {
  font-size:24px !important; font-weight:700; color:var(--color-secondary); margin:0 0 8px;
}
#server-plans[data-layout="server-rows"] .hosting-card .hosting-billing { margin:0; color:#52665b; }
#server-plans[data-layout="server-rows"] .hosting-card dl {
  grid-column:1; grid-row:2; display:grid; grid-template-columns:1fr 1.25fr 1.75fr; gap:16px; margin:0;
}
#server-plans[data-layout="server-rows"] .hosting-card dt {
  font-size:12px; line-height:20px; text-transform:uppercase; letter-spacing:.7px; color:#52665b; margin-bottom:7px;
}
#server-plans[data-layout="server-rows"] .hosting-card dd {
  font-size:17px; line-height:24px; font-weight:500; color:var(--color-secondary); margin:0; white-space:nowrap;
}
#server-plans[data-layout="server-rows"] .hosting-price { grid-column:2; grid-row:1; text-align:center; margin:0; white-space:nowrap; }
#server-plans[data-layout="server-rows"] .hosting-btn { grid-column:2; grid-row:2; margin:0; padding:12px 16px; letter-spacing:0; }
@media(max-width:1000px) {
  #server-plans[data-layout="server-rows"] .hosting-card { grid-template-columns:minmax(0,1fr) 140px; gap:24px; padding:22px 20px; }
  #server-plans[data-layout="server-rows"] .hosting-card::before { width:172px; }
  #server-plans[data-layout="server-rows"] .hosting-card::after { right:172px; }
  #server-plans[data-layout="server-rows"] .hosting-card-title { font-size:22px !important; }
  #server-plans[data-layout="server-rows"] .hosting-card dl { gap:12px; }
  #server-plans[data-layout="server-rows"] .hosting-card dd { font-size:14px; }
}
@media(max-width:767px) {
  #server-plans[data-layout="server-rows"] .hosting-card { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
  #server-plans[data-layout="server-rows"] .hosting-card::before,
  #server-plans[data-layout="server-rows"] .hosting-card::after { content:none; }
  #server-plans[data-layout="server-rows"] .hosting-card > div { grid-column:1/-1; }
  #server-plans[data-layout="server-rows"] .hosting-card dl { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
  #server-plans[data-layout="server-rows"] .hosting-price { grid-column:1; grid-row:3; text-align:left; font-size:16px; }
  #server-plans[data-layout="server-rows"] .price { font-size:34px; }
  #server-plans[data-layout="server-rows"] .hosting-btn { grid-column:2; grid-row:3; }
}
/* Shared benefits keep delivery information out of individual cards. */
#server-plans[data-layout="server-rows"] .hosting-container > ul.hosting-billing { padding:0; }
#server-plans[data-layout="server-rows"] .hosting-container > ul.hosting-billing li {
  display:flex; align-items:center; gap:8px; font-size:18px; line-height:24px;
}
#server-plans[data-layout="server-rows"] .hosting-container > ul.hosting-billing li::before {
  content:""; width:5px; height:5px; border-radius:50%; background:var(--color-secondary); flex-shrink:0;
}
@media(max-width:767px) {
  #server-plans[data-layout="server-rows"] .hosting-card dl > div:last-child { grid-column:1/-1; }
}