Add to: /templates/ibrandbiz/css/custom.css
Premium Comparison (recommended)
/* ---- PREMIUM COMPARISON — IBrandBiz polish ---- */

/* Section spacing */
.order-summary, .products { margin-top: 8px; }

/* Plan cards */
.products .product { 
  border-radius: 16px; 
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  overflow: hidden;
}
.products .product .product-header,
.products .product .card-header {
  background: var(--ibb-dark-green);
  color: #fff;
  padding: 18px 20px;
}
.products .product .product-title { 
  font-weight: 700; 
  letter-spacing: .2px;
}

/* Price area */
.products .product .price {
  display: block;
  font-size: 32px;
  font-weight: 800;
  margin: 12px 0 2px;
  color: var(--ibb-green);
}
.products .product .price .price-cycle { 
  font-size: 12px; 
  font-weight: 600; 
  color: #8acfa5; 
}

/* Feature list */
.products .product .product-features {
  padding: 14px 20px;
}
.products .product .product-features li {
  padding: 6px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}
.products .product .product-features li:last-child { border-bottom: 0; }

/* CTA buttons */
.products .product .btn,
.products .product .btn-order {
  background: var(--ibb-green) !important;
  border-color: var(--ibb-green) !important;
  color: #fff !important;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
}
.products .product .btn:hover { filter: brightness(.93); }

/* “Recommended” badge */
.products .product.featured .product-header,
.products .product.recommended .product-header {
  background: linear-gradient(135deg, var(--ibb-green), #28d86f);
}
.products .product.featured::after,
.products .product.recommended::after {
  content: "Recommended";
  position: absolute; top: 12px; right: -36px;
  background: var(--ibb-orange); color: #fff;
  transform: rotate(35deg);
  padding: 4px 48px; font-weight: 800; font-size: 11px;
  box-shadow: 0 6px 12px rgba(0,0,0,.12);
}

/* Domain search bar (top of page) */
#frmDomainChecker .form-control { border-radius: 12px; height: 46px; }
#frmDomainChecker .btn { border-radius: 12px; height: 46px; }

/* Cart sidebar polish */
#orderSummary { 
  border-radius: 14px; 
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}
#orderSummary .panel-heading { 
  background: var(--ibb-dark-green); 
  color: #fff; 
  border-radius: 14px 14px 0 0;
}

(Optional) “Boxes” order form quick polish
/* ---- BOXES — quick fallback ---- */
.products .product { 
  border-radius: 16px; 
  border: 1px solid rgba(0,0,0,.06); 
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.products .product .btn { 
  background: var(--ibb-green)!important; 
  border-color: var(--ibb-green)!important; 
  color:#fff!important; 
  border-radius:12px; 
}

Don’t forget

Admin → General → Ordering → Default Order Form: select Premium Comparison.

Utilities → System → System Cleanup → Empty Template Cache after you upload the CSS.

Refresh cart.php and sanity-check mobile (the nav collapse should look great with your header).