/* Final hosting-only V2 presentation layer; native form values and handlers stay intact. */
.cv2-order-demo[data-order-widget="hosting"] {
  
  --order-v2-control-radius: 14px}
.cv2-order-demo[data-order-widget="hosting"] .selected-product-strip { border-radius: var(--order-v2-control-radius)}
.cv2-order-demo[data-order-widget="hosting"] .selected-product-strip > div { min-width: 0}
.cv2-order-demo[data-order-widget="hosting"][data-order-step="addons"] .radio-custom:checked + .radio-custom-label { background: color-mix(in srgb,var(--primary) 7%,var(--card)); border-color: var(--primary)}
@media (max-width: 768px) {
.cv2-order-demo[data-order-widget="hosting"] .cv2-order-step-pill { min-width: 0; padding: 8px 10px; white-space: normal; line-height: 1.45}
.cv2-order-demo[data-order-widget="hosting"] .cv2-order-step-pill-name { min-width: 0; overflow-wrap: anywhere}
.cv2-order-demo[data-order-widget="hosting"] .cv2-order-mobile-action { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); gap: 10px}
}