/* OneCloud Order Form - Theme Overrides */
/* This file is loaded by onecloud/common.tpl via {assetExists file="custom.css"} */

/* --- Section sub-headings: clean modern style (global) --- */
#order-onecloud .sub-heading {
  text-align: left;
  margin: 24px 0 14px 0;
  padding: 0;
  border: none;
  background: none;
}
#order-onecloud .sub-heading span,
#order-onecloud .sub-heading span.primary-bg-color {
  display: block;
  background: none;
  color: #1e293b;
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  padding: 0;
  border-left: none;
  border-radius: 0;
  line-height: 1.4;
}

/* ======================
   Global CTA — Mint Green accent for all primary action buttons
   OneCloud brand: #72D97F accent for important CTAs (10% rule)
   ====================== */
#order-onecloud .btn-primary,
#order-onecloud .btn-success {
  background-color: #72d97f !important;
  border-color: #72d97f !important;
  color: #031030 !important;
  font-weight: 600;
}
#order-onecloud .btn-primary:hover,
#order-onecloud .btn-primary:focus,
#order-onecloud .btn-success:hover,
#order-onecloud .btn-success:focus {
  background-color: #5cc96b !important;
  border-color: #5cc96b !important;
  color: #031030 !important;
}
#order-onecloud .btn-primary:active,
#order-onecloud .btn-success:active {
  background-color: #4db85c !important;
  border-color: #4db85c !important;
}
/* Exceptions: keep navy for non-CTA primary buttons (login, secondary actions) */
#order-onecloud #btnExistingLogin,
#order-onecloud .domain-contact-support {
  background-color: #051751 !important;
  border-color: #051751 !important;
  color: #fff !important;
}
#order-onecloud #btnExistingLogin:hover,
#order-onecloud .domain-contact-support:hover {
  background-color: #031030 !important;
  border-color: #031030 !important;
}
/* Order Summary header stays navy */
#order-onecloud .order-summary > h2 {
  background: #05259f !important;
  color: #fff !important;
}
/* Pricing table header stays navy */
#order-onecloud .domain-pricing .tld-pricing-header {
  background: #05259f !important;
}

/* DM Sans — self-hosted variable font (weights 300-900) */
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/DMSans-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/DMSans-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DMSans-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DMSans-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/DMSans-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/DMSans-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/DMSans-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/DMSans-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/DMSans-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/DMSans-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* Apply DM Sans to cart elements — but NOT icon fonts */
#order-onecloud {
  font-family:
    "DM Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
}

#order-onecloud .cart-body-full {
  float: none;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

#order-onecloud.order-onecloud-product-flow .cart-body-full {
  float: none;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

#order-onecloud .sidebar-collapsed {
  display: none;
}

#order-onecloud.order-onecloud-product-flow .sidebar-collapsed {
  display: none;
}

#order-onecloud h1,
#order-onecloud h2,
#order-onecloud h3,
#order-onecloud h4,
#order-onecloud h5,
#order-onecloud h6,
#order-onecloud p,
#order-onecloud span,
#order-onecloud a,
#order-onecloud div,
#order-onecloud label,
#order-onecloud input,
#order-onecloud select,
#order-onecloud textarea,
#order-onecloud button,
#order-onecloud .btn,
#order-onecloud td,
#order-onecloud th,
#order-onecloud li,
#order-onecloud .panel-title,
#order-onecloud .list-group-item {
  font-family:
    "DM Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
}

/* Restore Font Awesome icon font-families (must not be overridden) */
#order-onecloud .fas,
#order-onecloud .fa {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900;
}
#order-onecloud .far {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 400;
}
#order-onecloud .fal {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 300;
}
#order-onecloud .fad {
  font-family: "Font Awesome 5 Duotone" !important;
  font-weight: 900;
}
#order-onecloud .fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400;
}

/* ======================
   Color Variables
   ====================== */
:root {
  --cart-primary: #05259f;
  --cart-primary-light: #e4eaf3;
  --cart-primary-lighter: #e4eaf3;
  --cart-gray-darker: #17191c;
  --cart-gray-base: #4b4f58;
  --cart-gray-lighter: #595e69;
  --cart-gray-border: #efeff1;
  --cart-gray-bg: #f7f7f8;
  --cart-success: #1e7b32;
  --cart-danger: #ca202c;
  --cart-radius: 8px;
}

/* ======================
   Product Card Fixes
   ====================== */
#order-onecloud .products .product {
  background: #fff;
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius);
  padding: 0;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: none;
}

/* Product card — desc and footer layout fix */
#order-onecloud .products .product div.product-desc {
  float: none !important;
  width: 100% !important;
  padding: 20px 24px !important;
  font-size: 14px !important;
  color: #4b4f58;
  line-height: 1.7;
}

#order-onecloud .products .product footer {
  float: none !important;
  width: 100% !important;
  clear: both !important;
  display: block !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  font-size: 14px !important;
  text-align: center;
  background: #f7f7f8;
  border-top: 1px solid #efeff1;
}

#order-onecloud .products .product .product-pricing {
  margin-bottom: 16px;
  font-size: 13px !important;
  color: #6d7482;
}

#order-onecloud .products .product .product-pricing .price {
  font-size: 28px !important;
  font-weight: 900;
  color: #17191c;
  display: block;
  letter-spacing: 0;
}

#order-onecloud .products .product .btn-order-now {
  background: linear-gradient(90deg, #065cfe 0%, #003cb2 100%) !important;
  border: none !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 2px 4px rgba(6, 92, 254, 0.2);
  transition: all 0.24s ease;
}

#order-onecloud .products .product .btn-order-now:hover {
  background: linear-gradient(90deg, #003cb2 0%, #002d8a 100%) !important;
  box-shadow: 0 4px 12px rgba(6, 92, 254, 0.3);
  transform: translateY(-2px);
}

/* ======================
   Sidebar
   ====================== */
#order-onecloud .cart-sidebar .panel,
#order-onecloud .cart-sidebar .card {
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius);
  overflow: hidden;
  box-shadow: none;
  margin-bottom: 24px;
}

#order-onecloud .cart-sidebar .panel-heading,
#order-onecloud .cart-sidebar .card-header {
  background: #fff;
  border-bottom: 1px solid var(--cart-gray-border);
  padding: 16px 24px;
}

#order-onecloud .cart-sidebar .panel-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--cart-gray-darker);
  margin: 0;
}

#order-onecloud .cart-sidebar .list-group-item {
  border-color: var(--cart-gray-border);
  border-left: 3px solid transparent;
  padding: 12px 24px;
  font-size: 14px;
  color: var(--cart-gray-base);
  transition: all 0.24s ease;
}

#order-onecloud .cart-sidebar .list-group-item:hover {
  background: var(--cart-primary-lighter);
  color: var(--cart-primary);
  border-left-color: #c4d5f1;
}

#order-onecloud .cart-sidebar .list-group-item.active {
  background: var(--cart-primary-lighter);
  color: var(--cart-primary);
  border-color: var(--cart-gray-border);
  border-left-color: var(--cart-primary);
  font-weight: 500;
}

/* ======================
   View Cart Items
   ====================== */
#order-onecloud .view-cart-items-header {
  background: var(--cart-gray-bg);
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius) var(--cart-radius) 0 0;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #6d7482;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#order-onecloud .view-cart-items {
  border: 1px solid var(--cart-gray-border);
  border-top: none;
  border-radius: 0 0 var(--cart-radius) var(--cart-radius);
}

#order-onecloud .view-cart-items .item {
  padding: 20px;
  border-bottom: 1px solid var(--cart-gray-border);
  transition: background 0.15s ease;
}

#order-onecloud .view-cart-items .item:last-child {
  border-bottom: none;
}

#order-onecloud .view-cart-items .item:hover {
  background: var(--cart-primary-lighter);
}

#order-onecloud .view-cart-items .item .item-title {
  font-weight: 600;
  color: var(--cart-gray-darker);
}

/* Fix cart item row alignment */
#order-onecloud .view-cart-items .item .row {
  display: flex;
  align-items: center;
}

/* Fix remove button alignment */
#order-onecloud .view-cart-items .item .col-sm-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ======================
   Mobile Cart Fixes
   ====================== */
@media (max-width: 767px) {
  /* Stack cart item rows vertically */
  #order-onecloud .view-cart-items .item .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  #order-onecloud .view-cart-items .item [class*="col-sm-"] {
    width: 100% !important;
    float: none !important;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 8px;
  }

  #order-onecloud .view-cart-items .item [class*="col-sm-"]:last-child {
    margin-bottom: 0;
  }

  /* Price row: show price + cycle inline */
  #order-onecloud .view-cart-items .item .item-price {
    text-align: left;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  #order-onecloud .view-cart-items .item .item-price .cycle {
    margin-top: 0;
  }

  /* Mobile cart item actions */
  #order-onecloud .cart-item-actions-mobile {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--cart-gray-border);
  }

  #order-onecloud .cart-item-actions-mobile .col-xs-12 {
    display: flex;
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  #order-onecloud .cart-item-actions-mobile .btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 6px;
    width: auto;
    margin-top: 0;
  }

  #order-onecloud .cart-item-actions-mobile .btn-remove-from-cart {
    color: #b84b00;
    background: #fff;
    border: 1px solid #e0e0e0;
  }

  /* Hide header on mobile - stacked layout makes labels unnecessary */
  #order-onecloud .view-cart-items-header,
  #order-onecloud .view-cart-items-header.hidden-xs {
    display: none !important;
  }

  /* Empty cart button full width */
  #order-onecloud .empty-cart {
    text-align: center;
  }

  #order-onecloud .empty-cart .btn {
    width: 100%;
    padding: 12px;
  }
}

#order-onecloud .view-cart-items .item .btn-remove-from-cart {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1;
  border-radius: 6px;
  transition: all 0.2s ease;
}

#order-onecloud .view-cart-items .item .btn-remove-from-cart:hover {
  background: #fde8ea !important;
}

/* ======================
   Cart Heading
   ====================== */
#order-onecloud .header-lined {
  border-bottom: none;
  margin-bottom: 24px;
}

#order-onecloud .header-lined h1 {
  font-size: 28px;
  font-weight: 900;
  color: var(--cart-gray-darker);
  letter-spacing: 0;
}

/* ======================
   Buttons
   ====================== */
#order-onecloud .btn-primary {
  background: #05259f;
  border: none;
  color: #fff;
  box-shadow: 0 2px 4px rgba(5, 37, 159, 0.2);
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.24s ease;
}

#order-onecloud .btn-primary:hover {
  background: #051751;
  box-shadow: 0 4px 12px rgba(5, 37, 159, 0.3);
}

#order-onecloud .btn-default {
  background: #fff;
  border: 1px solid #dee0e3;
  color: var(--cart-gray-darker);
  border-radius: 6px;
  font-weight: 500;
}

#order-onecloud .btn-default:hover {
  background: var(--cart-gray-bg);
}

#order-onecloud .btn-success {
  background: var(--cart-success);
  border-color: var(--cart-success);
  border-radius: 6px;
}

#order-onecloud .btn-danger {
  background: var(--cart-danger);
  border-color: var(--cart-danger);
  border-radius: 6px;
}

/* ======================
   Forms
   ====================== */
#order-onecloud .form-control {
  border: 1px solid #dee0e3;
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 14px;
  transition: all 0.24s ease;
  height: auto;
}

#order-onecloud .form-control:focus {
  border-color: var(--cart-primary);
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* ======================
   Alerts
   ====================== */
#order-onecloud .alert {
  border-radius: 6px;
  border: none;
  border-left: 3px solid;
  font-size: 14px;
}

#order-onecloud .alert-success {
  background: #e8f5ea;
  border-left-color: var(--cart-success);
}

#order-onecloud .alert-danger {
  background: #fde8ea;
  border-left-color: var(--cart-danger);
}

#order-onecloud .alert-warning {
  background: #fff3e0;
  border-left-color: #b84b00;
}

#order-onecloud .alert-info {
  background: var(--cart-primary-lighter);
  border-left-color: #05259f;
}

/* ======================
   Sidebar Icons Fix
   ====================== */
#order-onecloud .cart-sidebar .list-group-item i,
#order-onecloud .cart-sidebar .panel-title i {
  display: inline-block;
  width: 20px;
  text-align: center;
  font-size: 14px;
  color: #6d7482;
}

#order-onecloud .cart-sidebar .list-group-item:hover i,
#order-onecloud .cart-sidebar .list-group-item.active i {
  color: #05259f;
}

/* ======================
   Order Summary
   ====================== */
#order-onecloud .order-summary {
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius);
  overflow: hidden;
  box-shadow:
    0px 0px 1px rgba(0, 0, 0, 0.04),
    0px 2px 6px rgba(0, 0, 0, 0.04);
}

/* Order Summary heading — targets the h2 directly */
#order-onecloud .order-summary > h2,
#order-onecloud .order-summary > h2.font-size-30 {
  background: #05259f;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700;
  padding: 16px 24px;
  margin: 0;
  border: none;
}

#order-onecloud .order-summary .summary-container {
  padding: 20px 24px;
  font-size: 13px;
}

#order-onecloud .order-summary .summary-container .subtotal {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #efeff1;
  font-weight: 500;
}

#order-onecloud .order-summary .summary-container .recurring-totals {
  padding: 12px 0;
  border-top: 1px solid #efeff1;
  font-size: 12px;
  color: #6d7482;
}

#order-onecloud .order-summary .summary-container .recurring-totals .cost {
  font-weight: 600;
  color: #17191c;
}

#order-onecloud .order-summary .summary-container .bordered-totals {
  padding: 8px 0;
  font-size: 12px;
  color: #6d7482;
}

#order-onecloud .order-summary .total-due-today {
  background: #e4eaf3;
  border-top: 2px solid #05259f;
  padding: 20px 24px;
  text-align: center;
}

#order-onecloud .order-summary .total-due-today .amt {
  font-size: 26px;
  font-weight: 900;
  color: #05259f;
  display: block;
  letter-spacing: 0;
  margin-bottom: 2px;
}

#order-onecloud .order-summary .total-due-today > span:last-child {
  font-size: 13px;
  font-weight: 600;
  color: #05259f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#order-onecloud .order-summary .total-due-today {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
#order-onecloud .order-summary .total-due-today > span.billing-type {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 10px;
  margin-top: 0;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 12px;
}
#order-onecloud .order-summary .total-due-today > span.billing-type.recurring {
  color: #e65100;
  background: #fff3e0;
  border: 1px solid #ffcc80;
}
#order-onecloud
  .order-summary
  .total-due-today
  > span.billing-type.recurring
  i {
  margin-right: 3px;
  font-size: 9px;
}
#order-onecloud .order-summary .total-due-today > span.billing-type.onetime {
  color: #2e7d32;
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
}
#order-onecloud .order-summary .total-due-today > span.billing-type.onetime i {
  margin-right: 3px;
  font-size: 9px;
}

/* Checkout button — Mint Green accent for primary CTA */
#order-onecloud .order-summary .btn-checkout,
#order-onecloud .order-summary .btn-success.btn-lg {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(114, 217, 127, 0.3);
  transition: all 0.24s ease;
  margin-bottom: 8px;
}

#order-onecloud .order-summary .btn-checkout:hover,
#order-onecloud .order-summary .btn-success.btn-lg:hover {
  background: #5cc96b !important;
  box-shadow: 0 6px 20px rgba(114, 217, 127, 0.4);
  transform: translateY(-2px);
}

/* Continue Shopping link */
#order-onecloud .order-summary .btn-continue-shopping,
#order-onecloud .order-summary .btn-link {
  font-size: 13px;
  color: #6d7482;
  display: block;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  border: 1px solid #efeff1;
  border-radius: 6px;
  background: #fff;
  transition: all 0.2s ease;
}

#order-onecloud .order-summary .btn-continue-shopping:hover,
#order-onecloud .order-summary .btn-link:hover {
  color: #05259f;
  border-color: #c4d5f1;
  background: #e4eaf3;
}

/* Checkout/continue buttons container */
#order-onecloud .order-summary .summary-container .text-right {
  text-align: center !important;
  padding-top: 16px;
}

#order-onecloud .order-summary .summary-container .text-right br {
  display: none;
}

/* ======================
   Cart Layout Fixes
   ====================== */
/* Add proper spacing between cart body and sidebar */
#order-onecloud .secondary-cart-body {
  padding-right: 30px;
}

@media (max-width: 991px) {
  #order-onecloud .secondary-cart-body {
    padding-right: 15px;
    margin-bottom: 24px;
  }
}

/* Improve Continue Shopping button */
#order-onecloud .order-summary .btn-continue-shopping {
  font-size: 13px;
  color: #6d7482;
  display: block;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  background: #fff;
  transition: all 0.2s ease;
  width: 100%;
  margin-top: 8px;
}

#order-onecloud .order-summary .btn-continue-shopping:hover {
  color: #05259f;
  border-color: #c4d5f1;
  background: #e4eaf3;
}

/* ======================
   Empty Cart Button
   ====================== */
#order-onecloud .empty-cart {
  text-align: right;
  padding: 16px 20px;
  margin-top: 8px;
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius);
  background: #fff;
}

#order-onecloud .empty-cart .btn {
  color: #ca202c !important;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border: 1px solid #fde8ea;
  border-radius: 6px;
  background: #fff;
  transition: all 0.2s ease;
}

#order-onecloud .empty-cart .btn i {
  font-size: 13px !important;
}

#order-onecloud .empty-cart .btn:hover {
  background: #fde8ea;
  border-color: #ca202c;
}

/* ======================
   Promo Code Section
   ====================== */
#order-onecloud .view-cart-tabs {
  margin-top: 24px;
}

#order-onecloud .view-cart-tabs .nav-tabs {
  border-bottom: 2px solid #efeff1;
}

#order-onecloud .view-cart-tabs .nav-tabs .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  padding: 12px 20px;
  font-weight: 600;
  color: #6d7482;
  font-size: 14px;
  margin-bottom: -2px;
  transition: all 0.2s ease;
}

#order-onecloud .view-cart-tabs .nav-tabs .nav-link.active,
#order-onecloud .view-cart-tabs .nav-tabs .nav-link:hover {
  color: #05259f;
  border-bottom-color: #05259f;
  background: transparent;
}

#order-onecloud .view-cart-tabs .tab-content {
  padding: 20px 0;
}

#order-onecloud .view-cart-tabs .promo .form-control {
  border: 2px solid #efeff1;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 14px;
}

#order-onecloud .view-cart-tabs .promo .form-control:focus {
  border-color: #05259f;
}

#order-onecloud .view-cart-tabs .promo .btn {
  margin-top: 12px;
  border: 2px solid #dee0e3;
  border-radius: 6px;
  font-weight: 600;
  padding: 10px;
}

/* ======================
   View Cart Item Remove Button
   ====================== */
#order-onecloud .btn-remove-from-cart {
  color: #ca202c !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

#order-onecloud .btn-remove-from-cart:hover {
  opacity: 1;
}

/* Item price in cart */
#order-onecloud .view-cart-items .item-price {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

#order-onecloud .view-cart-items .item-price > span:first-child {
  font-size: 18px;
  font-weight: 800;
  color: #17191c;
  letter-spacing: 0;
}

#order-onecloud .view-cart-items .item-price .cycle {
  display: block;
  font-size: 12px;
  color: #6d7482;
  font-weight: 400;
}

/* Item group/domain labels */
#order-onecloud .view-cart-items .item-group {
  display: block;
  font-size: 13px;
  color: #6d7482;
  margin-top: 2px;
}

#order-onecloud .view-cart-items .item-domain {
  display: block;
  font-size: 13px;
  color: #595e69;
}

/* Config options in cart items */
#order-onecloud .view-cart-items .item small {
  display: block;
  font-size: 12px;
  color: #6d7482;
  margin-top: 6px;
  line-height: 1.6;
}

/* View cart empty state */
#order-onecloud .view-cart-empty {
  text-align: center;
  padding: 48px 24px;
  color: #6d7482;
  font-size: 16px;
}

/* Express checkout buttons */
#order-onecloud .express-checkout-buttons .separator {
  text-align: center;
  color: #dee0e3;
  font-size: 12px;
  padding: 8px 0;
}

/* ======================
   Ion RangeSlider — Lagom Reskin
   ====================== */
.irs {
  font-family: "DM Sans", sans-serif !important;
  margin-bottom: 8px;
}

/* --- Slider config group layout --- */
.slider-config-group {
  background: #e4eaf3;
  border: 1px solid #c4d5f1;
  border-radius: 10px;
  padding: 14px 18px 6px;
  margin-bottom: 10px;
  transition: border-color 0.2s ease;
}
.slider-config-group:hover {
  border-color: #a3c0f0;
}

.slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.slider-header label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.slider-direct-input {
  width: 58px;
  height: 30px;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #05259f;
  border: 1.5px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  outline: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  -moz-appearance: textfield;
}
.slider-direct-input::-webkit-outer-spin-button,
.slider-direct-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.slider-direct-input:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

.slider-track-wrap {
  padding: 0;
}

/* --- ionRangeSlider theme overrides (Flat + Modern skins) --- */

/* Compact the overall slider height */
.irs,
.irs--flat {
  height: 40px !important;
}
.irs-with-grid,
.irs--flat.irs-with-grid {
  height: 54px !important;
}

/* Track */
.irs-line,
.irs--flat .irs-line {
  height: 4px !important;
  background: #e2e8f0 !important;
  border-radius: 100px !important;
  top: 22px !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  height: 4px !important;
  background: #e2e8f0 !important;
}

/* Active bar */
.irs-bar,
.irs--flat .irs-bar {
  height: 4px !important;
  background: linear-gradient(90deg, #05259f, #3b5fc0) !important;
  border-radius: 100px !important;
  top: 22px !important;
}
.irs-bar-edge {
  height: 4px !important;
  top: 22px !important;
  background: #05259f !important;
  border-radius: 100px 0 0 100px !important;
}
.irs--flat .irs-bar--single {
  border-radius: 100px 0 0 100px;
}

/* Handle — Flat skin */
.irs--flat .irs-handle {
  width: 18px;
  height: 18px;
  top: 15px;
  cursor: grab;
}
.irs--flat .irs-handle:active {
  cursor: grabbing;
}
.irs--flat .irs-handle > i:first-child {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #05259f;
  box-shadow: 0 1px 3px rgba(5, 37, 159, 0.18);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
  position: absolute;
  top: 0;
  left: 0;
}
.irs--flat .irs-handle:hover > i:first-child {
  transform: scale(1.12);
  box-shadow: 0 2px 6px rgba(5, 37, 159, 0.25);
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:active > i:first-child {
  transform: scale(1.18);
  box-shadow:
    0 0 0 4px rgba(5, 37, 159, 0.1),
    0 2px 8px rgba(5, 37, 159, 0.2);
}

/* Handle — Modern skin */
.irs-slider {
  width: 18px !important;
  height: 18px !important;
  top: 15px !important;
  background: #fff !important;
  border: 2px solid #05259f !important;
  border-radius: 50% !important;
  cursor: grab !important;
  box-shadow: 0 1px 3px rgba(5, 37, 159, 0.18) !important;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease !important;
}
.irs-slider:hover,
.irs-slider.state_hover {
  transform: scale(1.12) !important;
  box-shadow: 0 2px 6px rgba(5, 37, 159, 0.25) !important;
  background: #fff !important;
}
.irs-slider:active {
  cursor: grabbing !important;
  transform: scale(1.18) !important;
  box-shadow:
    0 0 0 4px rgba(5, 37, 159, 0.1),
    0 2px 8px rgba(5, 37, 159, 0.2) !important;
}

/* Hide floating tooltips — value is shown in the direct input */
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs-from,
.irs-to,
.irs-single {
  display: none !important;
}

/* Min/max labels — hidden (grid already shows the values) */
.irs-min,
.irs-max,
.irs--flat .irs-min,
.irs--flat .irs-max {
  display: none !important;
}

/* Grid */
.irs-grid-pol,
.irs--flat .irs-grid-pol {
  background: #d1d5db !important;
  width: 1px !important;
  height: 6px !important;
}
.irs-grid-pol.small,
.irs--flat .irs-grid-pol.small {
  display: none !important;
}
.irs-grid-text,
.irs--flat .irs-grid-text {
  color: #94a3b8 !important;
  font-size: 0.625rem !important;
  top: 10px !important;
}
.irs-grid {
  height: 22px !important;
}

/* ======================
   Order Summary Reskin
   ====================== */
/* Targets the h2 directly inside .order-summary (no .header-lined wrapper) */
#order-onecloud .order-summary > h2,
#order-onecloud .order-summary > h2.font-size-30 {
  background: #05259f;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700;
  padding: 16px 24px;
  margin: 0;
  border: none;
}

/* Config page order summary (uses .header-lined) */
#order-onecloud .order-summary .header-lined {
  background: #05259f;
  border-bottom: none;
  padding: 16px 24px;
  margin: 0;
}

#order-onecloud .order-summary .header-lined h2 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700;
  margin: 0;
}

/* ======================
   Mobile Fixes
   ====================== */
@media (max-width: 767.98px) {
  #order-onecloud .products .product footer {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  #order-onecloud .products .product .btn-order-now {
    width: 100%;
  }
}

/* ======================
   Domain Register Page
   ====================== */

/* Search hero — replace yellow gradient with navy theme */
#order-onecloud .domain-checker-container,
.domain-checker-container {
  background: linear-gradient(
    135deg,
    #05259f 0%,
    #1a3a7b 50%,
    #2d4a8e 100%
  ) !important;
  background-color: #05259f !important;
  border-radius: 14px;
  margin: 20px 0 28px;
  box-shadow: 0 4px 20px rgba(5, 37, 159, 0.2);
}
#order-onecloud .domain-checker-bg,
.domain-checker-bg {
  background: none !important;
  background-image: none !important;
  border-radius: 14px;
  padding: 48px 0;
}
@media (max-width: 992px) {
  #order-onecloud .domain-checker-bg,
  .domain-checker-bg {
    padding: 32px 10px;
    border-radius: 10px;
  }
  #order-onecloud .domain-checker-container,
  .domain-checker-container {
    border-radius: 10px;
  }
}

/* Search input */
#order-onecloud .domain-checker-container .input-group-box,
.domain-checker-container .input-group-box {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 10px !important;
  overflow: hidden;
  background: #fff;
}
#order-onecloud .domain-checker-container .input-group-box .form-control,
.domain-checker-container .input-group-box .form-control {
  border: none !important;
  height: 52px;
  font-size: 1rem;
  padding-left: 20px;
  background: #fff;
}
#order-onecloud .domain-checker-container .input-group-box .form-control:focus,
.domain-checker-container .input-group-box .form-control:focus {
  box-shadow: none !important;
}
#order-onecloud
  .domain-checker-container
  .btn-primary.domain-check-availability,
.domain-checker-container .btn-primary.domain-check-availability {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  height: 52px;
  padding: 0 28px;
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: 0 10px 10px 0 !important;
  transition: background 0.2s ease;
}
#order-onecloud
  .domain-checker-container
  .btn-primary.domain-check-availability:hover,
.domain-checker-container .btn-primary.domain-check-availability:hover {
  background: #5cc96b !important;
}

/* Browse by category title */
#order-onecloud .domain-pricing h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 28px 0 14px;
}

/* TLD filter badges */
#order-onecloud .tld-filters {
  margin-bottom: 18px;
}
#order-onecloud .tld-filters .badge {
  background: #e4eaf3;
  color: #051751;
  border: 1px solid #c4d5f1;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 20px;
  margin: 0 4px 6px 0;
  transition: all 0.2s ease;
}
#order-onecloud .tld-filters .badge:hover,
#order-onecloud .tld-filters .badge.active {
  background: #051751;
  color: #fff;
  border-color: #051751;
  text-decoration: none;
}

/* Pricing table header */
#order-onecloud .domain-pricing .tld-pricing-header {
  background: #05259f !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  border: none !important;
}
#order-onecloud .domain-pricing .tld-pricing-header div[class*="col"],
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-4,
.domain-pricing .tld-pricing-header .tld-column,
.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-pricing-header div:nth-child(even) {
  padding: 12px 8px !important;
  color: #fff !important;
  border: none !important;
  border-bottom: none !important;
  background: none !important;
  background-color: transparent !important;
  height: auto !important;
  border-radius: 0 !important;
}
/* Align Domain column vertically with the nested price columns */
#order-onecloud .domain-pricing .tld-pricing-header.row,
.domain-pricing .tld-pricing-header.row {
  display: flex !important;
  align-items: center !important;
}
#order-onecloud .domain-pricing .tld-pricing-header .col-md-8 .row,
.domain-pricing .tld-pricing-header .col-md-8 .row {
  display: flex !important;
  align-items: center !important;
}

/* Pricing table rows */
#order-onecloud .domain-pricing .tld-row {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.875rem;
  transition: background 0.15s ease;
}
#order-onecloud .domain-pricing .tld-row:last-of-type {
  border-radius: 0 0 10px 10px;
}
#order-onecloud .domain-pricing .tld-row:hover {
  background: #f0f4ff;
}
#order-onecloud .domain-pricing .tld-row strong {
  color: #1e293b;
}
#order-onecloud .domain-pricing .tld-row .col-md-4 {
  padding: 12px 16px;
}
#order-onecloud .domain-pricing .tld-row .col-xs-4,
#order-onecloud .domain-pricing .tld-row .col-4 {
  padding: 12px 8px;
}

/* Sale group badges */
#order-onecloud .tld-sale-group {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
}
#order-onecloud .tld-sale-group-hot {
  background: #fee2e2;
  color: #dc2626;
}
#order-onecloud .tld-sale-group-new {
  background: #e0f2fe;
  color: #0284c7;
}
#order-onecloud .tld-sale-group-sale {
  background: #fef3c7;
  color: #d97706;
}

/* Promo boxes (Add Hosting / Transfer) */
#order-onecloud .domain-promo-box {
  background: #e4eaf3;
  border: 1px solid #c4d5f1;
  border-radius: 12px;
  padding: 24px;
  margin-top: 28px;
  transition: border-color 0.2s ease;
}
#order-onecloud .domain-promo-box:hover {
  border-color: #a3c0f0;
}
#order-onecloud .domain-promo-box h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
}
#order-onecloud .domain-promo-box .fa-server,
#order-onecloud .domain-promo-box .fa-globe {
  color: #05259f;
}
#order-onecloud .domain-promo-box .btn-warning {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 8px;
  padding: 10px 24px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}
#order-onecloud .domain-promo-box .btn-warning:hover {
  background: #5cc96b;
}
#order-onecloud .domain-promo-box .btn-primary {
  background: #051751;
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 10px 24px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}
#order-onecloud .domain-promo-box .btn-primary:hover {
  background: #031030;
}

/* Featured TLDs */
#order-onecloud .featured-tlds-container .featured-tld {
  background: #e4eaf3;
  border: 1px solid #c4d5f1;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
#order-onecloud .featured-tlds-container .featured-tld:hover {
  border-color: #a3c0f0;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}
#order-onecloud .featured-tlds-container .featured-tld .price {
  color: #05259f;
  font-weight: 700;
}

/* Spotlight TLDs */
#order-onecloud .spotlight-tlds {
  margin: 20px 0;
}
#order-onecloud .spotlight-tld {
  background: #e4eaf3;
  border: 1px solid #c4d5f1;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  transition: border-color 0.2s ease;
}
#order-onecloud .spotlight-tld:hover {
  border-color: #a3c0f0;
}
#order-onecloud .spotlight-tld .btn-add-to-cart {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 6px 16px;
  transition: background 0.2s ease;
}
#order-onecloud .spotlight-tld .btn-add-to-cart:hover {
  background: #5cc96b;
}

/* Domain search results */
#order-onecloud .domain-checker-result-headline {
  text-align: center;
  padding: 20px 0;
}
#order-onecloud .domain-checker-available {
  color: #2e7d32;
  font-weight: 600;
}
#order-onecloud .domain-checker-unavailable {
  color: #dc2626;
}

/* Suggestions panel */
#order-onecloud .suggested-domains .panel-heading,
#order-onecloud .suggested-domains .card-header {
  background: #e4eaf3;
  color: #051751;
  font-weight: 600;
  font-size: 0.9375rem;
  border: 1px solid #c4d5f1;
  border-radius: 10px 10px 0 0;
  padding: 12px 18px;
}
#order-onecloud .suggested-domains .list-group-item {
  border-color: #e5e7eb;
  padding: 12px 18px;
  font-size: 0.875rem;
  transition: background 0.15s ease;
}
#order-onecloud .suggested-domains .list-group-item:hover {
  background: #f0f4ff;
}
#order-onecloud .suggested-domains .btn-add-to-cart {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 6px 16px;
}
#order-onecloud .suggested-domains .btn-add-to-cart:hover {
  background: #5cc96b;
}
#order-onecloud .suggested-domains .panel-footer,
#order-onecloud .suggested-domains .card-footer {
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 10px;
}
#order-onecloud .suggested-domains .panel-footer a {
  color: #05259f;
  font-weight: 600;
}

/* ======================
   Domain Renewals Page
   ====================== */

/* Container - remove grey background */
#order-onecloud .domain-renewals {
  background-color: transparent;
  border-radius: 12px;
  overflow: hidden;
}

/* Individual domain renewal cards */
#order-onecloud .domain-renewals .domain-renewal {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  border-bottom: 1.5px solid #efeff1;
}
#order-onecloud .domain-renewals .domain-renewal:hover {
  border-color: #c4d5f1;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}
#order-onecloud .domain-renewals .domain-renewal:nth-child(even) {
  background-color: #fff;
}

/* Domain renewal heading */
#order-onecloud .domain-renewals .domain-renewal h3 {
  margin: 0 0 4px 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
}

/* Domain renewal expiry text */
#order-onecloud .domain-renewals .domain-renewal > p {
  font-size: 0.875rem;
  color: #6d7482;
  margin-bottom: 12px;
}

/* Domain renewal description */
#order-onecloud .domain-renewals .domain-renewal .domain-renewal-desc {
  font-size: 0.8125rem;
  color: #6d7482;
  margin-bottom: 12px;
}

/* Renewal period selector - form group alignment */
#order-onecloud .domain-renewals .domain-renewal .form-horizontal .form-group {
  margin-bottom: 12px;
}
#order-onecloud
  .domain-renewals
  .domain-renewal
  .form-horizontal
  .control-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4b4f58;
}
#order-onecloud .domain-renewals .domain-renewal .select-renewal-pricing {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  padding: 8px 16px;
  font-size: 0.875rem;
  color: #1e293b;
  background: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
#order-onecloud .domain-renewals .domain-renewal .select-renewal-pricing:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

/* Domain renewals filter input */
#order-onecloud .domain-renewals-filter {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  padding: 8px 16px;
  font-size: 0.875rem;
}
#order-onecloud .domain-renewals-filter:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* ======================
   Service Renewals Page
   ====================== */

/* Container - remove grey background */
#order-onecloud .service-renewals {
  background-color: transparent;
  border-radius: 12px;
  overflow: hidden;
}

/* Individual service renewal cards */
#order-onecloud .service-renewals .service-renewal {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  border-bottom: 1.5px solid #efeff1;
}
#order-onecloud .service-renewals .service-renewal:hover {
  border-color: #c4d5f1;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}
#order-onecloud .service-renewals .service-renewal:nth-child(even) {
  background-color: #fff;
}

/* Service renewal headings */
#order-onecloud .service-renewals .service-renewal h3 {
  margin: 0 0 2px 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
}
#order-onecloud .service-renewals .service-renewal h4 {
  margin: 0 0 6px 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #4b4f58;
}

/* Service renewal next due text */
#order-onecloud .service-renewals .service-renewal > p {
  font-size: 0.875rem;
  color: #6d7482;
  margin-bottom: 12px;
}

/* Renewal period label */
#order-onecloud .service-renewals .div-renewal-period-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 4px;
}

/* Renewal ineligible message */
#order-onecloud .service-renewals .div-renewal-ineligible {
  font-size: 0.875rem;
  color: #6d7482;
}
#order-onecloud .service-renewals .div-renewal-ineligible i {
  color: #05259f;
  margin-right: 6px;
}

/* Addon renewals nested container */
#order-onecloud .addon-renewals {
  background: transparent;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #efeff1;
}
#order-onecloud .addon-renewals h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #05259f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
#order-onecloud .addon-renewals .service-renewal {
  background: #f7f7f8;
  border: 1.5px solid #efeff1;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 8px;
}
#order-onecloud .addon-renewals .service-renewal:nth-child(even) {
  background-color: #f7f7f8;
}
#order-onecloud .addon-renewals .service-renewal:hover {
  border-color: #c4d5f1;
}

/* Service renewals filter input */
#order-onecloud .service-renewals-filter {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  padding: 8px 16px;
  font-size: 0.875rem;
}
#order-onecloud .service-renewals-filter:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* Service renewals quick filter button */
#order-onecloud .service-renewals-quick-filter {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 0.8125rem;
  font-weight: 500;
  min-height: 44px;
  transition: border-color 0.2s ease;
}
#order-onecloud .service-renewals-quick-filter:hover {
  border-color: #05259f;
  color: #05259f;
}

/* ======================
   Renewal Status Badges (Domain + Service)
   ====================== */

/* Base label reset for renewal badges */
#order-onecloud .domain-renewals .label,
#order-onecloud .service-renewals .label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  border: none;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

/* Success - expiring in 30+ days */
#order-onecloud .domain-renewals .label-success,
#order-onecloud .service-renewals .label-success {
  background: #e8f5ea;
  color: #1e7b32;
  border: 1px solid #a5d6a7;
}

/* Warning - expiring soon (under 30 days) */
#order-onecloud .domain-renewals .label-warning,
#order-onecloud .service-renewals .label-warning {
  background: #fff3e0;
  color: #b84b00;
  border: 1px solid #ffcc80;
}

/* Danger - expired */
#order-onecloud .domain-renewals .label-danger,
#order-onecloud .service-renewals .label-danger {
  background: #fde8ea;
  color: #ca202c;
  border: 1px solid #f5c6cb;
}

/* Info - unavailable, free with service, max advance renewal */
#order-onecloud .domain-renewals .label-info,
#order-onecloud .service-renewals .label-info {
  background: #e4eaf3;
  color: #05259f;
  border: 1px solid #c4d5f1;
}

/* Grey - expires today */
#order-onecloud .domain-renewals .label-grey,
#order-onecloud .service-renewals .label-grey {
  background: #f7f7f8;
  color: #4b4f58;
  border: 1px solid #dee0e3;
}

/* ======================
   Renewal Add-to-Cart Buttons (Mint Green CTA)
   ====================== */
#order-onecloud .btn-add-renewal-to-cart {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 8px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(114, 217, 127, 0.25);
  transition: all 0.2s ease;
}
#order-onecloud .btn-add-renewal-to-cart:hover {
  background: #5cc96b !important;
  box-shadow: 0 4px 12px rgba(114, 217, 127, 0.35);
  transform: translateY(-1px);
}
#order-onecloud .btn-add-renewal-to-cart:active {
  background: #4db85c !important;
  transform: translateY(0);
}
/* Added state - subtle confirmation */
#order-onecloud .btn-add-renewal-to-cart.added {
  background: #e8f5ea !important;
  color: #1e7b32 !important;
  border: 1.5px solid #a5d6a7 !important;
  box-shadow: none;
}

/* View Cart button in renewal sidebars */
#order-onecloud #btnGoToCart {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  font-weight: 700;
  font-size: 0.9375rem;
  padding: 12px 28px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(114, 217, 127, 0.3);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#order-onecloud #btnGoToCart:hover {
  background: #5cc96b !important;
  box-shadow: 0 4px 16px rgba(114, 217, 127, 0.4);
  transform: translateY(-2px);
}

/* ======================
   Renewal Remove Modal - OneCloud Styling
   ====================== */
#order-onecloud .modal-remove-item .modal-content {
  border: 1.5px solid #efeff1;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
#order-onecloud .modal-remove-item .modal-header {
  background: #f7f7f8;
  border-bottom: 1px solid #efeff1;
  padding: 20px 24px;
}
#order-onecloud .modal-remove-item .modal-header .modal-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
}
#order-onecloud .modal-remove-item .modal-body {
  padding: 20px 24px;
  font-size: 0.9375rem;
  color: #4b4f58;
}
#order-onecloud .modal-remove-item .modal-footer {
  border-top: 1px solid #efeff1;
  padding: 16px 24px;
}

/* ======================
   Renewal Pages - Mobile Responsive
   ====================== */
@media (max-width: 767.98px) {
  #order-onecloud .domain-renewals .domain-renewal,
  #order-onecloud .service-renewals .service-renewal {
    padding: 16px;
  }
  #order-onecloud .domain-renewals .domain-renewal h3,
  #order-onecloud .service-renewals .service-renewal h3 {
    font-size: 1rem;
  }
  #order-onecloud .domain-renewals .domain-renewal .pull-right,
  #order-onecloud .domain-renewals .domain-renewal .float-right,
  #order-onecloud .service-renewals .service-renewal .pull-right,
  #order-onecloud .service-renewals .service-renewal .float-right {
    float: none !important;
    margin-bottom: 8px;
  }
  #order-onecloud .btn-add-renewal-to-cart {
    width: 100%;
    text-align: center;
  }
}

/* ======================
   Configure Product Page - OneCloud Theme
   ====================== */

/* --- Product Info Card --- */
#order-onecloud .product-info.card-onecloud {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 24px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.02);
}
#order-onecloud .product-info.card-onecloud .product-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #05259f;
  margin: 0 0 8px 0;
  letter-spacing: 0;
}
#order-onecloud .product-info.card-onecloud .product-description {
  font-size: 0.875rem;
  color: #4b4f58;
  line-height: 1.65;
  margin: 0;
}

/* --- Field Containers (billing cycle, server config, custom fields) --- */
#order-onecloud .field-container {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 20px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.02);
}

/* --- Form Controls - OneCloud consistent sizing --- */
#order-onecloud .field-container .form-control,
#order-onecloud .product-configurable-options .form-control,
#order-onecloud .field-container .custom-select,
#order-onecloud .product-configurable-options select.form-control {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  padding: 10px 16px;
  font-size: 0.875rem;
  color: #17191c;
  background-color: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
#order-onecloud .field-container .form-control:focus,
#order-onecloud .product-configurable-options .form-control:focus,
#order-onecloud .field-container .custom-select:focus,
#order-onecloud .product-configurable-options select.form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

/* --- Form Labels --- */
#order-onecloud .field-container label,
#order-onecloud .product-configurable-options label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
}

/* --- Configurable Options Section --- */
#order-onecloud .product-configurable-options {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 20px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.02);
}
#order-onecloud .product-configurable-options .form-group {
  margin-bottom: 16px;
}

/* Radio and checkbox options inside configurable options */
#order-onecloud .product-configurable-options input[type="radio"],
#order-onecloud .product-configurable-options input[type="checkbox"] {
  accent-color: #05259f;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
#order-onecloud .product-configurable-options label input[type="radio"] + *,
#order-onecloud .product-configurable-options label input[type="checkbox"] + * {
  vertical-align: middle;
}

/* Quantity input for configurable options */
#order-onecloud .product-configurable-options .form-control-qty {
  display: inline-block;
  width: 80px;
  min-height: 44px;
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
}

/* --- Addon Products Section --- */
#order-onecloud #productAddonsContainer {
  margin-top: 8px;
}
#order-onecloud .addon-products {
  margin-top: 12px;
}

/* Addon Cards */
#order-onecloud .panel-addon.card-onecloud {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.02);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  cursor: pointer;
}
#order-onecloud .panel-addon.card-onecloud:hover {
  border-color: #c4d5f1;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}
#order-onecloud .panel-addon.card-onecloud.panel-addon-selected {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}
#order-onecloud .panel-addon.card-onecloud .panel-body,
#order-onecloud .panel-addon.card-onecloud .card-body {
  padding: 16px 20px;
}

/* Addon label and checkbox */
#order-onecloud .panel-addon.card-onecloud .addon-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #17191c;
  margin-bottom: 6px;
  cursor: pointer;
}
#order-onecloud .panel-addon.card-onecloud .addon-label input[type="checkbox"] {
  accent-color: #05259f;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
}
#order-onecloud .panel-addon.card-onecloud .addon-name {
  line-height: 1.3;
}

/* Addon description */
#order-onecloud .panel-addon.card-onecloud .addon-description {
  font-size: 0.8125rem;
  color: #6d7482;
  line-height: 1.6;
  margin-top: 4px;
}

/* Addon price bar */
#order-onecloud .panel-addon.card-onecloud .panel-price {
  background: #f7f7f8;
  border-top: 1px solid #efeff1;
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #05259f;
}

/* Addon add-to-cart bar */
#order-onecloud .panel-addon.card-onecloud .panel-add {
  background: #e4eaf3;
  padding: 10px 20px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #05259f;
  text-align: center;
  transition: background 0.2s ease;
  border-top: 1px solid #c4d5f1;
}
#order-onecloud .panel-addon.card-onecloud .panel-add:hover {
  background: #d0dff5;
}
#order-onecloud .panel-addon.card-onecloud .panel-add i {
  margin-right: 4px;
}

/* Selected addon - highlight add bar */
#order-onecloud .panel-addon.card-onecloud.panel-addon-selected .panel-add {
  background: #05259f;
  color: #fff;
}

/* --- Metrics Section --- */
#order-onecloud .secondary-cart-body > ul {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 16px 24px 16px 40px;
  margin-bottom: 20px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.02);
}
#order-onecloud .secondary-cart-body > ul li {
  padding: 6px 0;
  font-size: 0.875rem;
  color: #4b4f58;
}

/* Metrics pricing modal button */
#order-onecloud .secondary-cart-body > ul .btn-default.btn-sm {
  border: 1.5px solid #dee0e3;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 12px;
  margin-left: 8px;
}

/* --- Custom Fields Section --- */
#order-onecloud .field-container .field-help-text {
  display: block;
  font-size: 0.75rem;
  color: #6d7482;
  margin-top: 4px;
  line-height: 1.5;
}

/* --- Info / Questions Alert --- */
#order-onecloud .alert.info-text-sm {
  font-size: 0.8125rem;
  padding: 14px 18px;
  margin-top: 20px;
  border-radius: 10px;
  background: #fff9f0;
  border-left: 3px solid #b84b00;
  color: #4b4f58;
}
#order-onecloud .alert.info-text-sm i {
  color: #b84b00;
  margin-right: 6px;
}
#order-onecloud .alert.info-text-sm .alert-link {
  color: #05259f;
  font-weight: 600;
  text-decoration: underline;
}

/* --- Validation Error Alert --- */
#order-onecloud .alert.alert-danger#containerProductValidationErrors {
  border-radius: 10px;
  border: 1.5px solid #f5c6cb;
  border-left: 4px solid #ca202c;
  padding: 16px 20px;
  margin-bottom: 20px;
}
#order-onecloud .alert.alert-danger#containerProductValidationErrors p {
  font-weight: 600;
  margin-bottom: 8px;
  color: #721c24;
}
#order-onecloud .alert.alert-danger#containerProductValidationErrors ul {
  margin: 0;
  padding-left: 20px;
}
#order-onecloud .alert.alert-danger#containerProductValidationErrors ul li {
  font-size: 0.8125rem;
  padding: 2px 0;
}

/* --- Continue Button on Configure Page --- */
#order-onecloud #btnCompleteProductConfig {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  padding: 14px 36px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 700;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(114, 217, 127, 0.3);
  transition: all 0.24s ease;
  margin-top: 16px;
}
#order-onecloud #btnCompleteProductConfig:hover {
  background: #5cc96b !important;
  box-shadow: 0 6px 20px rgba(114, 217, 127, 0.4);
  transform: translateY(-2px);
}

/* --- Billing Cycle Select --- */
#order-onecloud .select-inline.custom-select {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  padding: 10px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #17191c;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2305259F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 10px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 36px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
#order-onecloud .select-inline.custom-select:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

/* --- Configure Product Flow Layout --- */
#order-onecloud.order-onecloud-product-flow {
  --oc-ink: #07152f;
  --oc-muted: #5e6878;
  --oc-line: #e7eaf0;
  --oc-soft: #f7f9fc;
  --oc-primary: #05259f;
  --oc-accent: #72d97f;
}

#order-onecloud.order-onecloud-product-flow > .row {
  margin-left: 0;
  margin-right: 0;
}

#order-onecloud.order-onecloud-product-flow .oc-config-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 28px;
  padding: 28px 32px;
  border: 1px solid #dbe3f3;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(5, 37, 159, 0.08), rgba(114, 217, 127, 0.1)),
    #fff;
}

#order-onecloud.order-onecloud-product-flow .oc-config-hero::after {
  content: "";
  position: absolute;
  inset: auto 26px 22px auto;
  width: 180px;
  height: 46px;
  border: 1px solid rgba(5, 37, 159, 0.14);
  border-radius: 999px;
  background: repeating-linear-gradient(
    90deg,
    rgba(5, 37, 159, 0.1) 0,
    rgba(5, 37, 159, 0.1) 1px,
    transparent 1px,
    transparent 14px
  );
  pointer-events: none;
}

#order-onecloud.order-onecloud-product-flow .oc-config-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  border: 1px solid rgba(5, 37, 159, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--oc-primary);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

#order-onecloud.order-onecloud-product-flow .oc-config-hero h1 {
  margin: 12px 0 8px;
  color: var(--oc-ink);
  font-size: clamp(2rem, 3vw, 3rem) !important;
  font-weight: 900;
  letter-spacing: 0;
}

#order-onecloud.order-onecloud-product-flow .oc-config-hero p {
  max-width: 660px;
  margin: 0;
  color: var(--oc-muted);
  font-size: 1rem;
  line-height: 1.65;
}

#order-onecloud.order-onecloud-product-flow .oc-config-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
  gap: 28px;
  align-items: start;
  margin-left: 0;
  margin-right: 0;
}

#order-onecloud.order-onecloud-product-flow .secondary-cart-body.oc-config-main,
#order-onecloud.order-onecloud-product-flow
  .secondary-cart-sidebar.oc-config-sidebar {
  float: none;
  width: auto;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

#order-onecloud.order-onecloud-product-flow .oc-config-sidebar {
  position: sticky;
  top: 22px;
}

#order-onecloud.order-onecloud-product-flow .oc-config-intro {
  margin: 0 0 16px;
  color: var(--oc-muted);
  font-size: 1rem;
}

#order-onecloud.order-onecloud-product-flow .product-info.card-onecloud {
  display: grid;
  gap: 10px;
  padding: 24px;
  border: 1px solid var(--oc-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(10, 22, 50, 0.06);
}

#order-onecloud.order-onecloud-product-flow
  .product-info.card-onecloud
  .product-title {
  color: var(--oc-primary);
  font-size: 1.35rem;
  font-weight: 900;
}

#order-onecloud.order-onecloud-product-flow
  .product-info.card-onecloud
  .product-description,
#order-onecloud.order-onecloud-product-flow
  .product-info.card-onecloud
  .product-description
  p,
#order-onecloud.order-onecloud-product-flow
  .product-info.card-onecloud
  .product-description
  li {
  color: #3d4758;
  font-size: 0.95rem;
  line-height: 1.7;
}

#order-onecloud.order-onecloud-product-flow
  .product-info.card-onecloud
  .product-description
  ul {
  display: grid;
  gap: 6px;
  margin: 4px 0 0;
  padding-left: 20px;
}

#order-onecloud.order-onecloud-product-flow .oc-billing-panel {
  padding: 24px;
  border: 1px solid var(--oc-line);
  border-radius: 8px;
  background: var(--oc-soft);
  box-shadow: none;
}

#order-onecloud.order-onecloud-product-flow .oc-billing-panel .form-group {
  margin-bottom: 0;
}

#order-onecloud.order-onecloud-product-flow .oc-field-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

#order-onecloud.order-onecloud-product-flow .oc-field-heading label {
  margin: 0;
  color: var(--oc-ink);
  font-size: 1rem;
  font-weight: 900;
}

#order-onecloud.order-onecloud-product-flow .oc-field-heading span {
  max-width: 280px;
  color: var(--oc-muted);
  font-size: 0.84rem;
  line-height: 1.5;
  text-align: right;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-option {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 116px;
  padding: 18px;
  border: 1px solid #d9dfeb;
  border-radius: 8px;
  background: #fff;
  color: var(--oc-ink);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-option:hover {
  border-color: rgba(5, 37, 159, 0.34);
  transform: translateY(-1px);
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-option.is-active {
  border-color: var(--oc-primary);
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-option.is-active::after {
  content: "\f00c";
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--oc-accent);
  color: #031030;
  font-family: "Font Awesome 5 Free";
  font-size: 0.72rem;
  font-weight: 900;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-name {
  color: var(--oc-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-price {
  max-width: calc(100% - 34px);
  color: var(--oc-primary);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.35;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-saving {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: calc(100% - 34px);
  padding: 4px 9px;
  border-radius: 999px;
  background: #e6f4ea;
  color: #137333;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.2;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-saving[hidden] {
  display: none;
}

#order-onecloud.order-onecloud-product-flow .oc-cycle-note {
  color: var(--oc-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

#order-onecloud.order-onecloud-product-flow .oc-native-cycle-wrap {
  display: none;
}

#order-onecloud.order-onecloud-product-flow
  #productAddonsContainer
  .sub-heading {
  margin-top: 26px;
}

#order-onecloud.order-onecloud-product-flow .addon-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin: 14px 0 0;
}

#order-onecloud.order-onecloud-product-flow .addon-products::before,
#order-onecloud.order-onecloud-product-flow .addon-products::after {
  display: none;
}

#order-onecloud.order-onecloud-product-flow .addon-products > [class*="col-"] {
  float: none;
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

#order-onecloud.order-onecloud-product-flow .panel-addon.card-onecloud {
  height: 100%;
  margin-bottom: 0;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(10, 22, 50, 0.06);
}

#order-onecloud.order-onecloud-product-flow .alert.info-text-sm {
  border: 1px solid #ffe1b5;
  border-left: 4px solid #b84b00;
  box-shadow: none;
}

#order-onecloud.order-onecloud-product-flow .order-summary {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(10, 22, 50, 0.1);
}

#order-onecloud.order-onecloud-product-flow #btnCompleteProductConfig {
  width: 100%;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: none;
}

#order-onecloud.order-onecloud-product-flow #btnCompleteProductConfig:hover {
  box-shadow: none;
}

@media (max-width: 991px) {
  #order-onecloud.order-onecloud-product-flow .oc-config-layout {
    grid-template-columns: 1fr;
  }

  #order-onecloud.order-onecloud-product-flow .oc-config-sidebar {
    position: static;
  }
}

@media (max-width: 575px) {
  #order-onecloud.order-onecloud-product-flow .cart-body-full {
    padding-left: 0;
    padding-right: 0;
  }

  #order-onecloud.order-onecloud-product-flow .oc-config-hero {
    padding: 22px 18px;
  }

  #order-onecloud.order-onecloud-product-flow .oc-config-hero::after {
    display: none;
  }

  #order-onecloud.order-onecloud-product-flow .oc-field-heading {
    display: block;
  }

  #order-onecloud.order-onecloud-product-flow .oc-field-heading span {
    display: block;
    max-width: none;
    margin-top: 6px;
    text-align: left;
  }

  #order-onecloud.order-onecloud-product-flow .oc-cycle-options,
  #order-onecloud.order-onecloud-product-flow .addon-products {
    grid-template-columns: 1fr;
  }
}

/* ======================
   Configure Domains Page - Domain Addon Cards
   (DNS Management, ID Protection, Email Forwarding)
   ====================== */
#order-onecloud .addon-products {
  margin-top: 8px;
  margin-bottom: 8px;
}

#order-onecloud .panel.panel-addon {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.24s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  height: 100%;
  display: flex;
  flex-direction: column;
}

#order-onecloud .panel.panel-addon:hover {
  border-color: #c4d5f1;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}

#order-onecloud .panel.panel-addon.panel-addon-selected {
  border-color: #05259f;
  box-shadow:
    0 0 0 3px rgba(5, 37, 159, 0.1),
    0 2px 8px rgba(5, 37, 159, 0.08);
}

#order-onecloud .panel.panel-addon > .panel-body {
  padding: 20px;
  flex: 1;
  border: none;
  background: none;
  font-size: 0.8125rem;
  color: #6d7482;
  line-height: 1.6;
}

#order-onecloud .panel.panel-addon > .panel-body label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}

#order-onecloud .panel.panel-addon > .panel-body label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #05259f;
  cursor: pointer;
  flex-shrink: 0;
}

#order-onecloud .panel.panel-addon .panel-price {
  padding: 12px 20px;
  background: #f7f7f8;
  border-top: 1px solid #efeff1;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #05259f;
  text-align: center;
}

#order-onecloud .panel.panel-addon .panel-add {
  padding: 12px 20px;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #72d97f;
  background: #031030;
  cursor: pointer;
  transition: background 0.2s ease;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#order-onecloud .panel.panel-addon .panel-add:hover {
  background: #051751;
}

#order-onecloud .panel.panel-addon .panel-add i {
  margin-right: 6px;
  font-size: 0.75rem;
}

#order-onecloud .panel.panel-addon.panel-addon-selected .panel-add {
  background: #05259f;
  color: #fff;
}

#order-onecloud .panel.panel-addon.oc-domain-addon {
  border-color: #dbe5ff;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(3, 16, 48, 0.06);
  overflow: hidden;
}

#order-onecloud .panel.panel-addon.oc-domain-addon:hover {
  border-color: #a9bdf5;
  box-shadow: 0 12px 28px rgba(5, 37, 159, 0.1);
}

#order-onecloud .panel.panel-addon.oc-domain-addon.panel-addon-selected {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1), 0 12px 28px rgba(5, 37, 159, 0.1);
}

#order-onecloud .panel.panel-addon.oc-domain-addon > .panel-body {
  padding: 18px 22px;
}

#order-onecloud .oc-domain-addon__label {
  display: grid !important;
  grid-template-columns: 20px 40px minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  width: 100%;
}

#order-onecloud .oc-domain-addon__label input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
}

#order-onecloud .oc-domain-addon__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf7ef;
  color: #14832f;
  font-size: 16px;
}

#order-onecloud .oc-domain-addon__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#order-onecloud .oc-domain-addon__copy .addon-name {
  color: #031030;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

#order-onecloud .oc-domain-addon__copy .addon-description {
  color: #5c6575;
  font-size: 13px;
  line-height: 1.55;
  margin-top: 3px;
  padding-left: 0;
}

#order-onecloud .panel.panel-addon.oc-domain-addon .oc-domain-addon__price {
  align-self: center;
  border: 1px solid #b8e5c0;
  border-radius: 999px;
  background: #f0fbf2;
  color: #08751f;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  padding: 9px 12px;
  white-space: nowrap;
}

#order-onecloud .panel.panel-addon.oc-domain-addon .panel-add {
  background: #f7faff;
  border-top: 1px solid #e2e9fb;
  color: #05259f;
  font-size: 13px;
  font-weight: 800;
  padding: 11px 20px;
}

#order-onecloud .panel.panel-addon.oc-domain-addon .panel-add:hover {
  background: #eef4ff;
}

#order-onecloud .panel.panel-addon.oc-domain-addon.panel-addon-selected .panel-add {
  background: #05259f;
  color: #fff;
}

@media (max-width: 767px) {
  #order-onecloud .oc-domain-addon__label {
    grid-template-columns: 20px 36px minmax(0, 1fr);
  }

  #order-onecloud .panel.panel-addon.oc-domain-addon .oc-domain-addon__price {
    grid-column: 2 / -1;
    justify-self: start;
    margin-top: 2px;
  }
}

/* ======================
   Configure Domains Page - Domain Info Row
   ====================== */
#order-onecloud .domain-info-row {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 4px;
}

#order-onecloud .domain-info-row .form-group {
  margin-bottom: 0;
}

#order-onecloud .domain-info-row label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6d7482;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

#order-onecloud .domain-info-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
}

#order-onecloud .domain-hosting-yes {
  color: #1e7b32;
  font-weight: 600;
  font-size: 0.875rem;
}

#order-onecloud .domain-hosting-no {
  color: #ca202c;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

#order-onecloud .domain-hosting-no:hover {
  color: #a0101a;
  text-decoration: underline;
}

/* ======================
   Configure Domains Page - EPP Code Input
   ====================== */
#order-onecloud .epp-code-group {
  position: relative;
}

#order-onecloud .epp-code-group .field.form-control {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  padding: 10px 16px 10px 42px;
  font-size: 0.875rem;
  min-height: 44px;
  transition: all 0.24s ease;
}

#order-onecloud .epp-code-group .field.form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

#order-onecloud .epp-code-group .field-icon {
  position: absolute;
  left: 14px;
  top: 12px;
  color: #6d7482;
  font-size: 0.875rem;
  margin: 0;
}

#order-onecloud .epp-code-group .field-help-text {
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
  color: #6d7482;
  line-height: 1.5;
}

/* ======================
   Configure Domains Page - Nameserver Card
   ====================== */
#order-onecloud .nameserver-card {
  background: #fff;
  border: 1.5px solid #efeff1;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

#order-onecloud .nameserver-card .form-group {
  margin-bottom: 16px;
}

#order-onecloud .nameserver-card label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
  display: block;
}

#order-onecloud .nameserver-card .form-control {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 0.875rem;
  min-height: 44px;
  transition: all 0.24s ease;
  background: #fff;
}

#order-onecloud .nameserver-card .form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* ======================
   Configure Domains Page - Extra Domain Fields
   ====================== */
#order-onecloud .domain-extra-field {
  padding: 8px 0;
  align-items: center;
  font-size: 0.875rem;
}

#order-onecloud .domain-extra-field .col-sm-4 {
  font-weight: 600;
  color: #1e293b;
  font-size: 0.8125rem;
}

#order-onecloud .domain-extra-field .col-sm-8 {
  color: #4b4f58;
}

#order-onecloud .domain-extra-field .col-sm-8 input,
#order-onecloud .domain-extra-field .col-sm-8 select {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 0.875rem;
  min-height: 44px;
  transition: all 0.24s ease;
  width: 100%;
}

#order-onecloud .domain-extra-field .col-sm-8 input:focus,
#order-onecloud .domain-extra-field .col-sm-8 select:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

/* ======================
   Configure Domains Page - Continue Button
   ====================== */
#order-onecloud .text-center.pt-4 .btn-primary.btn-lg {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  padding: 14px 40px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(114, 217, 127, 0.3);
  transition: all 0.24s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#order-onecloud .text-center.pt-4 .btn-primary.btn-lg:hover {
  background: #5cc96b !important;
  box-shadow: 0 6px 20px rgba(114, 217, 127, 0.4);
  transform: translateY(-2px);
}

/* ======================
   Configure Domains Page - Mobile Responsive
   ====================== */
@media (max-width: 767.98px) {
  #order-onecloud .domain-info-row {
    padding: 12px 16px;
  }
  #order-onecloud .domain-info-row .col-sm-6 {
    margin-bottom: 12px;
  }
  #order-onecloud .domain-info-row .col-sm-6:last-child {
    margin-bottom: 0;
  }
  #order-onecloud .nameserver-card {
    padding: 16px;
  }
  #order-onecloud .panel.panel-addon > .panel-body {
    padding: 16px;
  }
  #order-onecloud .panel.panel-addon .panel-price {
    padding: 10px 16px;
  }
}

/* ======================
   Configure Product Domain Page
   ====================== */

/* --- Domain selection radio options - card style --- */
#order-onecloud .onecloud-domain-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

/* Older .option base styles removed — see #order-onecloud:has(#frmProductDomain) block below */

#order-onecloud .onecloud-domain-options .option > label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  margin: 0;
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1e293b;
  background: #fff;
  transition: background 0.15s ease;
}

#order-onecloud .onecloud-domain-options .option > label:hover {
  background: #f8fafc;
}

/* Custom radio button styling */
#order-onecloud .onecloud-domain-options .option input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
  margin: 0;
}

#order-onecloud .onecloud-domain-options .option input[type="radio"]:checked {
  border-color: #05259f;
  background: #05259f;
}

#order-onecloud
  .onecloud-domain-options
  .option
  input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

#order-onecloud .onecloud-domain-options .option input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.15);
}

/* Older selected highlight removed — see #order-onecloud:has(#frmProductDomain) block below */

/* Domain input group area */
#order-onecloud .onecloud-domain-options .domain-input-group {
  padding: 0 20px 20px;
  border-top: 1px solid #f1f5f9;
  background: #f8fafc;
}

#order-onecloud .onecloud-domain-options .domain-input-group .row {
  padding-top: 16px;
}

/* Input group addons (www. prefix) */
#order-onecloud .onecloud-domain-options .input-group-addon,
#order-onecloud .onecloud-domain-options .input-group-prepend {
  background: #f1f5f9;
  border: 1.5px solid #e5e7eb;
  border-right: none;
  border-radius: 10px 0 0 10px;
  display: flex;
  align-items: center;
}

#order-onecloud .onecloud-domain-options .input-group-addon .input-group-text,
#order-onecloud
  .onecloud-domain-options
  .input-group-prepend
  .input-group-text {
  background: transparent;
  border: none;
  color: #64748b;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0 12px;
}

#order-onecloud .onecloud-domain-options .input-group .form-control {
  border: 1.5px solid #e5e7eb;
  border-radius: 0 10px 10px 0;
  min-height: 44px;
  font-size: 0.9375rem;
  padding: 8px 14px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

#order-onecloud .onecloud-domain-options .input-group .form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* Standalone form controls (TLD selects, own domain TLD input) */
#order-onecloud .onecloud-domain-options .domains-row > div > .form-control,
#order-onecloud .onecloud-domain-options select.form-control {
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  min-height: 44px;
  font-size: 0.9375rem;
  padding: 8px 14px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

#order-onecloud
  .onecloud-domain-options
  .domains-row
  > div
  > .form-control:focus,
#order-onecloud .onecloud-domain-options select.form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* Action buttons inside domain options */
#order-onecloud .onecloud-domain-options .btn-primary {
  min-height: 44px;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  transition: all 0.2s ease;
}

/* --- Domain search results card wrapper --- */
#order-onecloud .onecloud-search-results {
  margin-top: 28px;
}

/* Primary lookup result card */
#order-onecloud .onecloud-domain-result-card {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 2px 8px rgba(0, 0, 0, 0.04);
}

#order-onecloud .onecloud-domain-result-card .domain-lookup-primary-loader {
  text-align: center;
  padding: 16px 0;
  font-size: 0.9375rem;
  color: #64748b;
}

#order-onecloud .onecloud-domain-result-card .domain-lookup-primary-loader i {
  color: #05259f;
  margin-right: 8px;
}

#order-onecloud .onecloud-domain-result-card .headline {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 8px 0;
}

#order-onecloud .onecloud-domain-result-card .domain-price {
  text-align: center;
  margin-top: 12px;
  padding: 12px 0;
  background: #f8fafc;
  border-radius: 8px;
}

#order-onecloud .onecloud-domain-result-card .domain-price .price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #05259f;
}

#order-onecloud .onecloud-domain-result-card .domain-price span:first-child {
  font-size: 0.8125rem;
  color: #64748b;
  margin-right: 6px;
}

/* IDN language selector inside result card */
#order-onecloud
  .onecloud-domain-result-card
  .idn-language-selector
  .form-control {
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  min-height: 44px;
}

/* --- Spotlight TLDs - enhanced card style --- */
#order-onecloud #spotlightTlds {
  margin: 24px 0;
}

#order-onecloud #spotlightTlds .spotlight-tlds-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

#order-onecloud #spotlightTlds .spotlight-tld-container {
  flex: 1 1 auto;
  min-width: 140px;
  max-width: 200px;
}

#order-onecloud #spotlightTlds .spotlight-tld {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
}

#order-onecloud #spotlightTlds .spotlight-tld:hover {
  border-color: #05259f;
  box-shadow: 0 4px 12px rgba(5, 37, 159, 0.1);
  transform: translateY(-2px);
}

#order-onecloud #spotlightTlds .spotlight-tld .available.price {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #05259f;
  margin: 8px 0;
}

#order-onecloud #spotlightTlds .spotlight-tld [class*="spotlight-tld-"] {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10px;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

#order-onecloud #spotlightTlds .spotlight-tld .spotlight-tld-hot {
  background: #fee2e2;
  color: #dc2626;
}

#order-onecloud #spotlightTlds .spotlight-tld .spotlight-tld-new {
  background: #e0f2fe;
  color: #0284c7;
}

#order-onecloud #spotlightTlds .spotlight-tld .spotlight-tld-sale {
  background: #fef3c7;
  color: #d97706;
}

#order-onecloud #spotlightTlds .spotlight-tld .btn-add-to-cart {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 8px 18px;
  margin-top: 8px;
  width: 100%;
  transition:
    background 0.2s ease,
    transform 0.15s ease;
}

#order-onecloud #spotlightTlds .spotlight-tld .btn-add-to-cart:hover {
  background: #5cc96b;
  transform: translateY(-1px);
}

#order-onecloud #spotlightTlds .spotlight-tld .btn-add-to-cart .added {
  color: #05259f;
}

/* --- Suggested domains - enhanced card list --- */
#order-onecloud .onecloud-suggestions-card {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 2px 8px rgba(0, 0, 0, 0.04);
  margin-top: 20px;
}

#order-onecloud .onecloud-suggestions-card .panel-heading,
#order-onecloud .onecloud-suggestions-card .card-header {
  background: #f8fafc;
  color: #1e293b;
  font-weight: 600;
  font-size: 0.9375rem;
  border: none;
  border-bottom: 1.5px solid #e5e7eb;
  border-radius: 0;
  padding: 14px 20px;
}

#order-onecloud .onecloud-suggestions-card .list-group-item {
  border-left: none;
  border-right: none;
  border-color: #f1f5f9;
  padding: 14px 20px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.15s ease;
}

#order-onecloud .onecloud-suggestions-card .list-group-item:first-child {
  border-top: none;
}

#order-onecloud .onecloud-suggestions-card .list-group-item:hover {
  background: #f0f4ff;
}

#order-onecloud .onecloud-suggestions-card .list-group-item .domain {
  font-weight: 600;
  color: #1e293b;
}

#order-onecloud .onecloud-suggestions-card .list-group-item .extension {
  color: #05259f;
  font-weight: 600;
}

#order-onecloud .onecloud-suggestions-card .list-group-item .actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

#order-onecloud .onecloud-suggestions-card .list-group-item .actions .price {
  font-weight: 700;
  color: #05259f;
  font-size: 0.875rem;
}

#order-onecloud .onecloud-suggestions-card .list-group-item .actions .promo {
  font-size: 0.75rem;
  color: #dc2626;
  text-decoration: line-through;
}

#order-onecloud .onecloud-suggestions-card .btn-add-to-cart {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 8px 18px;
  transition: background 0.2s ease;
}

#order-onecloud .onecloud-suggestions-card .btn-add-to-cart:hover {
  background: #5cc96b;
}

#order-onecloud .onecloud-suggestions-card .panel-footer,
#order-onecloud .onecloud-suggestions-card .card-footer {
  border: none;
  border-top: 1.5px solid #e5e7eb;
  border-radius: 0;
  padding: 12px 20px;
  background: #f8fafc;
}

#order-onecloud .onecloud-suggestions-card .panel-footer a,
#order-onecloud .onecloud-suggestions-card .card-footer a {
  color: #05259f;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.15s ease;
}

#order-onecloud .onecloud-suggestions-card .panel-footer a:hover,
#order-onecloud .onecloud-suggestions-card .card-footer a:hover {
  color: #031030;
}

#order-onecloud .onecloud-suggestions-card .domain-suggestions-warning {
  padding: 10px 20px;
  font-size: 0.75rem;
  color: #94a3b8;
}

/* Suggestions loader */
#order-onecloud .onecloud-suggestions-card .domain-lookup-suggestions-loader {
  text-align: center;
  padding: 20px;
  color: #64748b;
  font-size: 0.875rem;
}

#order-onecloud .onecloud-suggestions-card .domain-lookup-suggestions-loader i {
  color: #05259f;
  margin-right: 6px;
}

/* --- Continue button at bottom --- */
#order-onecloud #btnDomainContinue {
  background: #72d97f !important;
  border: none !important;
  color: #031030 !important;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 40px;
  min-height: 48px;
  box-shadow: 0 2px 8px rgba(114, 217, 127, 0.3);
  transition: all 0.2s ease;
  margin-top: 24px;
}

#order-onecloud #btnDomainContinue:hover {
  background: #5cc96b !important;
  box-shadow: 0 6px 20px rgba(114, 217, 127, 0.4);
  transform: translateY(-2px);
}

/* --- Free domain notice --- */
#order-onecloud .onecloud-domain-options + p {
  font-size: 0.8125rem;
  color: #64748b;
  padding: 8px 0 0;
}

/* --- Responsive adjustments for domain config page --- */
@media (max-width: 767px) {
  #order-onecloud .onecloud-domain-options .option > label {
    padding: 14px 16px;
    font-size: 0.875rem;
  }

  #order-onecloud .onecloud-domain-options .domain-input-group {
    padding: 0 16px 16px;
  }

  #order-onecloud #spotlightTlds .spotlight-tld-container {
    min-width: 120px;
  }

  #order-onecloud .onecloud-suggestions-card .list-group-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  #order-onecloud .onecloud-suggestions-card .list-group-item .actions {
    width: 100%;
    justify-content: space-between;
  }
}

/* ======================
   Domain Register Page - Additional Styling
   ====================== */

/* Page subtitle under "Register a New Domain" */
#order-onecloud .page-subtitle {
  color: #4b4f58;
  font-size: 0.9375rem;
  margin-bottom: 0;
}

/* Primary domain lookup result area */
#order-onecloud .domain-checker-result-headline .domain-searching {
  color: #6d7482;
  font-size: 0.9375rem;
}
#order-onecloud .domain-checker-result-headline .domain-searching i {
  color: #05259f;
}

/* Domain available - price and add-to-cart area */
#order-onecloud .domain-checker-result-headline .domain-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
}
#order-onecloud .domain-checker-result-headline .domain-price .price,
#order-onecloud .spotlight-tld .available.price,
#order-onecloud .domain-suggestion .actions .price {
  display: none !important;
}
#order-onecloud .domain-checker-result-headline .domain-price .btn-add-to-cart {
  background: #72d97f;
  border: none;
  color: #031030;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 10px 28px;
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}
#order-onecloud
  .domain-checker-result-headline
  .domain-price
  .btn-add-to-cart:hover {
  background: #5cc96b;
  transform: translateY(-1px);
}

/* Domain invalid / unavailable messages */
#order-onecloud .domain-checker-invalid {
  color: #ca202c;
  font-weight: 500;
}

/* IDN language selector */
#order-onecloud .idn-language-selector .form-control {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
  font-size: 0.875rem;
}
#order-onecloud .idn-language-selector .form-control:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

/* Spotlight TLDs - group labels (Hot, New, Sale) */
#order-onecloud .spotlight-tld .spotlight-tld-hot {
  background: #fee2e2;
  color: #dc2626;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 6px;
}
#order-onecloud .spotlight-tld .spotlight-tld-new {
  background: #e0f2fe;
  color: #0284c7;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 6px;
}
#order-onecloud .spotlight-tld .spotlight-tld-sale {
  background: #fef3c7;
  color: #d97706;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 6px;
}

/* Spotlight TLD - price display */
#order-onecloud .spotlight-tld .available.price {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #05259f;
  margin: 8px 0;
}
/* Spotlight TLD - unavailable button */
#order-onecloud .spotlight-tld .btn.unavailable,
#order-onecloud .spotlight-tld .btn.invalid {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #94a3b8;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 6px 14px;
  cursor: default;
}

/* Spotlight TLD containers - consistent spacing */
#order-onecloud .spotlight-tlds-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
#order-onecloud .spotlight-tld-container {
  padding: 6px;
}

/* Featured TLDs - image container */
#order-onecloud .featured-tlds-container .featured-tld .img-container {
  margin-bottom: 12px;
}
#order-onecloud .featured-tlds-container .featured-tld .img-container img {
  max-height: 48px;
  width: auto;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
#order-onecloud
  .featured-tlds-container
  .featured-tld:hover
  .img-container
  img {
  opacity: 1;
}
/* Featured TLDs - row spacing */
#order-onecloud .featured-tlds-container > .row > div[class*="col"] {
  margin-bottom: 16px;
}

/* TLD pricing table wrapper */
#order-onecloud .tld-pricing-table {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
/* Remove duplicate border from rows since wrapper has border */
#order-onecloud .tld-pricing-table .tld-row {
  border-left: none;
  border-right: none;
}
#order-onecloud .tld-pricing-table .tld-row:last-of-type {
  border-bottom: none;
  border-radius: 0;
}

/* No TLDs found row */
#order-onecloud .domain-pricing .tld-row.no-tlds {
  color: #6d7482;
  font-size: 0.875rem;
  padding: 20px 0;
  border-left: none;
  border-right: none;
}

/* Suggested domains - promo badges (Hot, New, Sale) */
#order-onecloud .suggested-domains .domain-suggestion .promo span {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: inline-block;
  margin-left: 8px;
}
#order-onecloud .suggested-domains .domain-suggestion .promo .sales-group-hot {
  background: #fee2e2;
  color: #dc2626;
}
#order-onecloud .suggested-domains .domain-suggestion .promo .sales-group-new {
  background: #e0f2fe;
  color: #0284c7;
}
#order-onecloud .suggested-domains .domain-suggestion .promo .sales-group-sale {
  background: #fef3c7;
  color: #d97706;
}

/* Suggested domains - actions area (price + button) */
#order-onecloud .suggested-domains .domain-suggestion .actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
#order-onecloud .suggested-domains .domain-suggestion .actions .price {
  font-weight: 700;
  color: #05259f;
  font-size: 0.9375rem;
  white-space: nowrap;
}

/* Suggested domains - domain name styling */
#order-onecloud .suggested-domains .domain-suggestion .domain {
  font-weight: 600;
  color: #1e293b;
}
#order-onecloud .suggested-domains .domain-suggestion .extension {
  color: #05259f;
  font-weight: 600;
}

/* Suggested domains - body/loader area */
#order-onecloud .suggested-domains .panel-body,
#order-onecloud .suggested-domains .card-body {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 20px 18px;
  color: #6d7482;
}
#order-onecloud .suggested-domains .panel-body i,
#order-onecloud .suggested-domains .card-body i {
  color: #05259f;
}

/* Suggested domains - list group border refinement */
#order-onecloud .suggested-domains .list-group {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  margin-bottom: 0;
}
#order-onecloud .suggested-domains .list-group .list-group-item:first-child {
  border-top: none;
}

/* Suggestions warning text */
#order-onecloud .suggested-domains .domain-suggestions-warning {
  margin-top: 8px;
}
#order-onecloud .suggested-domains .domain-suggestions-warning p {
  font-size: 0.75rem;
  color: #94a3b8;
}

/* More suggestions link */
#order-onecloud .suggested-domains .more-suggestions a {
  color: #05259f;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s ease;
}
#order-onecloud .suggested-domains .more-suggestions a:hover {
  color: #031030;
}
#order-onecloud .suggested-domains .no-more {
  color: #94a3b8;
}

/* Domain pricing section spacing */
#order-onecloud .domain-pricing {
  margin-top: 32px;
}

/* Section title style for "Browse Extensions by Category" */
#order-onecloud .section-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
  margin: 32px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e4eaf3;
}

/* Domain promo boxes - icon sizing and layout */
#order-onecloud .domain-promo-box .clearfix {
  margin-bottom: 12px;
}
#order-onecloud .domain-promo-box .fa-4x {
  font-size: 2.5rem;
  float: left;
  margin-right: 16px;
  color: #05259f;
  line-height: 1;
}
#order-onecloud .domain-promo-box p {
  font-size: 0.875rem;
  color: #4b4f58;
  margin-bottom: 16px;
}
#order-onecloud .domain-promo-box .small {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 12px;
}

/* Promo box warning text - use navy instead of Bootstrap warning yellow */
#order-onecloud .domain-promo-box .text-warning {
  color: #05259f !important;
}

/* Default captcha area within domain search */
#order-onecloud .default-captcha {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 16px;
  margin-top: 12px;
}
#order-onecloud .default-captcha p {
  color: #fff;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
#order-onecloud .default-captcha .form-control {
  border: 1.5px solid #dee0e3;
  border-radius: 10px;
  min-height: 44px;
}

/* Mobile responsive tweaks for domain register page */
@media (max-width: 767.98px) {
  #order-onecloud .domain-checker-result-headline .domain-price {
    flex-direction: column;
    gap: 10px;
  }
  #order-onecloud .suggested-domains .domain-suggestion .actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }
  #order-onecloud .domain-promo-box .fa-4x {
    float: none;
    display: block;
    margin: 0 0 12px 0;
  }
  #order-onecloud .featured-tlds-container .featured-tld {
    margin-bottom: 12px;
  }
  #order-onecloud .spotlight-tld-container {
    padding: 4px;
  }
}

/* ======================
   Product Group Landing Page Enhancements
   ====================== */

/* --- Hero Section --- */
#order-onecloud .oc-pg-hero {
  position: relative;
  background: linear-gradient(135deg, #05259f 0%, #051751 100%);
  padding: 64px 0 56px;
  overflow: hidden;
  border-radius: var(--cart-radius);
  margin-bottom: 40px;
  color: #fff;
}

#order-onecloud .oc-pg-hero__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

#order-onecloud .oc-pg-hero__dot-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.06) 1px,
    transparent 1px
  );
  background-size: 32px 32px;
}

#order-onecloud .oc-pg-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}

#order-onecloud .oc-pg-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(114, 217, 127, 0.15);
  color: #72d97f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 8px 20px;
  border-radius: 100px;
  border: 1px solid rgba(114, 217, 127, 0.25);
  margin-bottom: 24px;
}

#order-onecloud .oc-pg-hero__badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #72d97f;
  display: block;
  box-shadow: 0 0 6px rgba(114, 217, 127, 0.5);
}

#order-onecloud .oc-pg-hero__title {
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  letter-spacing: 0;
  margin-bottom: 16px;
}

#order-onecloud .oc-pg-hero__desc {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.7;
  max-width: 560px;
  margin: 0 auto 32px;
}

#order-onecloud .oc-pg-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #72d97f;
  color: #031030;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 8px;
  border: none;
  font-size: 15px;
  box-shadow: 0 4px 20px rgba(114, 217, 127, 0.3);
  transition: all 0.3s ease;
}

#order-onecloud .oc-pg-hero__cta:hover {
  background: #5cc96b;
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(114, 217, 127, 0.4);
  text-decoration: none;
  color: #031030;
}

/* --- Benefits Band --- */
#order-onecloud .oc-pg-benefits {
  margin-bottom: 48px;
}

#order-onecloud .oc-pg-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

#order-onecloud .oc-pg-benefit-card {
  background: #fff;
  border: 1px solid var(--cart-gray-border);
  border-radius: var(--cart-radius);
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
}

#order-onecloud .oc-pg-benefit-card:hover {
  border-color: #c4d5f1;
  box-shadow: 0 4px 16px rgba(5, 37, 159, 0.08);
  transform: translateY(-2px);
}

#order-onecloud .oc-pg-benefit-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--cart-primary-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: #05259f;
  font-size: 20px;
}

#order-onecloud .oc-pg-benefit-card__icon--green {
  background: rgba(114, 217, 127, 0.15);
  color: #1e7b32;
}

#order-onecloud .oc-pg-benefit-card__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--cart-gray-darker);
  margin-bottom: 8px;
}

#order-onecloud .oc-pg-benefit-card__desc {
  font-size: 13px;
  color: var(--cart-gray-lighter);
  line-height: 1.6;
  margin: 0;
}

/* --- Trust Band --- */
#order-onecloud .oc-pg-trust {
  background: var(--cart-gray-bg);
  border-radius: var(--cart-radius);
  padding: 56px 40px;
  margin: 48px 0;
  text-align: center;
}

#order-onecloud .oc-pg-trust__title {
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: var(--cart-gray-darker);
  margin-bottom: 8px;
}

#order-onecloud .oc-pg-trust__subtitle {
  font-size: 15px;
  color: var(--cart-gray-lighter);
  margin-bottom: 40px;
}

#order-onecloud .oc-pg-trust__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

#order-onecloud .oc-pg-trust__item {
  text-align: center;
}

#order-onecloud .oc-pg-trust__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #05259f;
  font-size: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

#order-onecloud .oc-pg-trust__item-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--cart-gray-darker);
  margin-bottom: 8px;
}

#order-onecloud .oc-pg-trust__item-desc {
  font-size: 14px;
  color: var(--cart-gray-lighter);
  line-height: 1.6;
  margin: 0;
}

/* --- Final CTA --- */
#order-onecloud .oc-pg-final-cta {
  background: linear-gradient(135deg, #05259f 0%, #051751 100%);
  border-radius: var(--cart-radius);
  padding: 56px 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

#order-onecloud .oc-pg-final-cta__bg {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.05) 1px,
    transparent 1px
  );
  background-size: 32px 32px;
  pointer-events: none;
}

#order-onecloud .oc-pg-final-cta__title {
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}

#order-onecloud .oc-pg-final-cta__desc {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 28px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

#order-onecloud .oc-pg-final-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #72d97f;
  color: #031030;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  box-shadow: 0 4px 20px rgba(114, 217, 127, 0.3);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

#order-onecloud .oc-pg-final-cta__btn:hover {
  background: #5cc96b;
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(114, 217, 127, 0.4);
  text-decoration: none;
  color: #031030;
}

/* --- Responsive --- */
@media (max-width: 991.98px) {
  #order-onecloud .oc-pg-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #order-onecloud .oc-pg-trust__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  #order-onecloud .oc-pg-hero__title {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  #order-onecloud .oc-pg-benefits__grid {
    grid-template-columns: 1fr;
  }
  #order-onecloud .oc-pg-hero {
    padding: 48px 0 40px;
  }
  #order-onecloud .oc-pg-hero__title {
    font-size: 28px;
  }
  #order-onecloud .oc-pg-trust {
    padding: 40px 24px;
  }
  #order-onecloud .oc-pg-final-cta {
    padding: 40px 24px;
  }
  #order-onecloud .oc-pg-final-cta__title {
    font-size: 24px;
  }
}

/* Product group pages - refined catalog treatment */
#order-onecloud .oc-pg-hero {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 28px;
  color: #031030;
  overflow: hidden;
}

#order-onecloud .oc-pg-hero__content {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 0;
  text-align: left;
  padding: 0;
}

#order-onecloud .oc-pg-hero__copy {
  padding: 46px 52px;
  background:
    linear-gradient(180deg, rgba(5, 37, 159, 0.05), rgba(5, 37, 159, 0)),
    #ffffff;
}

#order-onecloud .oc-pg-hero__badge {
  border-radius: 999px;
  border: 1px solid rgba(5, 37, 159, 0.14);
  background: #f6f8ff;
  color: #05259f;
  letter-spacing: 0;
  margin-bottom: 18px;
}

#order-onecloud .oc-pg-hero__badge-dot {
  background: #72d97f;
}

#order-onecloud .oc-pg-hero__title {
  max-width: 760px;
  margin: 0 0 14px;
  color: #031030;
  font-size: 40px;
  line-height: 1.12;
  letter-spacing: 0;
}

#order-onecloud .oc-pg-hero__desc {
  max-width: 640px;
  margin: 0 0 28px;
  color: #4b5563;
  font-size: 16px;
}

#order-onecloud .oc-pg-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

#order-onecloud .oc-pg-hero__cta,
#order-onecloud .oc-pg-final-cta__btn {
  border-radius: 8px;
  background: #05259f;
  color: #ffffff;
  box-shadow: none !important;
  padding: 12px 20px;
}

#order-onecloud .oc-pg-hero__cta:hover,
#order-onecloud .oc-pg-final-cta__btn:hover {
  background: #031b7a;
  color: #ffffff;
  box-shadow: none !important;
  transform: translateY(-1px);
}

#order-onecloud .oc-pg-hero__link {
  color: #05259f;
  font-weight: 700;
  padding: 10px 4px;
}

#order-onecloud .oc-pg-hero__panel {
  background: #05259f;
  color: #ffffff;
  padding: 42px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#order-onecloud .oc-pg-hero__panel-label {
  color: #72d97f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 18px;
}

#order-onecloud .oc-pg-hero__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

#order-onecloud .oc-pg-hero__list li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 700;
}

#order-onecloud .oc-pg-hero__list i {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.12);
  color: #72d97f;
}

#order-onecloud .oc-pg-benefits {
  margin-bottom: 34px;
}

#order-onecloud .oc-pg-benefits__grid {
  gap: 14px;
}

#order-onecloud .oc-pg-benefit-card {
  border-radius: 8px;
  padding: 18px;
  text-align: left;
}

#order-onecloud .oc-pg-benefit-card__icon {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  margin-bottom: 14px;
  font-size: 16px;
}

#order-onecloud .oc-pg-benefit-card__title {
  letter-spacing: 0;
}

#order-onecloud .oc-pg-section-head {
  margin: 10px 0 20px;
  max-width: 760px;
}

#order-onecloud .oc-pg-section-head__eyebrow {
  display: inline-block;
  color: #05259f;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 8px;
}

#order-onecloud .oc-pg-section-head__title {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0;
}

#order-onecloud .oc-pg-section-head__desc {
  margin: 8px 0 0;
  color: #6b7280;
}

#order-onecloud .oc-pg-billing-switch {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 14px 16px;
  margin: 0 0 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
}

#order-onecloud .oc-pg-billing-switch__copy {
  display: grid;
  gap: 2px;
}

#order-onecloud .oc-pg-billing-switch__copy strong {
  color: #031030;
  font-size: 14px;
}

#order-onecloud .oc-pg-billing-switch__copy span {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.45;
}

#order-onecloud .oc-pg-billing-switch__control {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  min-width: 260px;
  padding: 4px;
  gap: 4px;
  border: 1px solid #dbe1ea;
  border-radius: 8px;
  background: #ffffff;
}

#order-onecloud .oc-pg-billing-switch__option {
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #4b5563;
  font-size: 13px;
  font-weight: 800;
  padding: 8px 12px;
  cursor: pointer;
  line-height: 1.15;
}

#order-onecloud .oc-pg-billing-switch__option span {
  display: block;
  color: #1e7b32;
  font-size: 10px;
  font-weight: 900;
  margin-top: 2px;
}

#order-onecloud .oc-pg-billing-switch__option.is-active {
  background: #05259f;
  color: #ffffff;
}

#order-onecloud .oc-pg-billing-switch__option.is-active span {
  color: #baf3c2;
}

#order-onecloud .oc-pg-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

#order-onecloud #products {
  scroll-margin-top: 120px;
}

#order-onecloud .oc-pg-product-card.product {
  float: none;
  width: auto;
  min-height: 100%;
  margin: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

#order-onecloud .oc-pg-product-card[hidden] {
  display: none !important;
}

#order-onecloud .oc-pg-product-card.product:hover {
  border-color: rgba(5, 37, 159, 0.26);
  box-shadow: 0 12px 28px rgba(3, 16, 48, 0.06);
  transform: translateY(-1px);
}

#order-onecloud .oc-pg-product-card header {
  background: #ffffff;
  border-bottom: 1px solid #eef0f4;
  padding: 16px 16px 14px;
  min-height: auto;
}

#order-onecloud .oc-pg-product-card__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  margin-bottom: 12px;
}

#order-onecloud .oc-pg-product-logo {
  min-width: 42px;
  height: 30px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  background: #f6f8ff;
  color: #05259f;
  border: 1px solid rgba(5, 37, 159, 0.1);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

#order-onecloud .oc-pg-product-logo span {
  display: block;
  max-width: 86px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 900;
}

#order-onecloud .oc-pg-product-logo--aws {
  color: #232f3e;
  background: #fff8ed;
  border-color: #ffe0aa;
}

#order-onecloud .oc-pg-product-logo--azure,
#order-onecloud .oc-pg-product-logo--microsoft {
  color: #0078d4;
  background: #eef7ff;
  border-color: #cbe7ff;
}

#order-onecloud .oc-pg-product-logo--google {
  color: #1a73e8;
  background: #f3f8ff;
  border-color: #d8e8ff;
}

#order-onecloud .oc-pg-product-logo--oracle {
  color: #c74634;
  background: #fff4f2;
  border-color: #ffd7d0;
}

#order-onecloud .oc-pg-product-logo--symantec,
#order-onecloud .oc-pg-product-logo--kaspersky,
#order-onecloud .oc-pg-product-logo--sophos {
  color: #0f6b3f;
  background: #f0fbf3;
  border-color: #caefd2;
}

#order-onecloud .oc-pg-product-logo--cloudflare {
  color: #f38020;
  background: #fff7ed;
  border-color: #fed7aa;
}

#order-onecloud .oc-pg-product-logo--sectigo,
#order-onecloud .oc-pg-product-logo--digicert,
#order-onecloud .oc-pg-product-logo--rapidssl,
#order-onecloud .oc-pg-product-logo--geotrust {
  color: #047857;
  background: #ecfdf5;
  border-color: #bbf7d0;
}

#order-onecloud .oc-pg-product-logo--redhat {
  color: #ee0000;
  background: #fff1f1;
  border-color: #ffd1d1;
}

#order-onecloud .oc-pg-product-logo--cpanel {
  color: #ff6c2c;
  background: #fff4ed;
  border-color: #fed7aa;
}

#order-onecloud .oc-pg-product-badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #05259f;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: 0;
}

#order-onecloud .oc-pg-product-badge--value {
  background: #ecfdf5;
  color: #047857;
}

#order-onecloud .oc-pg-product-badge--popular {
  background: #fff7ed;
  color: #c2410c;
}

#order-onecloud .oc-pg-product-card header span[id$="-name"] {
  display: block;
  color: #031030;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

#order-onecloud .oc-pg-product-card__pitch {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.45;
  margin: 7px 0 0;
}

#order-onecloud .oc-pg-product-card .qty {
  display: inline-block;
  margin-top: 8px;
  color: #1e7b32;
  font-size: 12px;
  font-weight: 700;
}

#order-onecloud .oc-pg-product-card .product-desc {
  padding: 15px 16px;
  color: #4b5563;
  flex: 1;
}

#order-onecloud .oc-pg-product-card__desc,
#order-onecloud .oc-pg-product-card__desc p {
  color: #4b5563;
  font-size: 12px;
  line-height: 1.55;
}

#order-onecloud .oc-pg-product-card__desc ul,
#order-onecloud .oc-pg-product-card__desc .package-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
}

#order-onecloud .oc-pg-product-card__desc br {
  display: none;
}

#order-onecloud .oc-pg-product-card__desc li,
#order-onecloud .oc-pg-feature-list li {
  position: relative;
  padding-left: 22px;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.55;
}

#order-onecloud .oc-pg-product-card__desc li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 1px;
  color: #1e7b32;
  font-size: 12px;
}

#order-onecloud .oc-pg-feature-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

#order-onecloud .oc-pg-feature-list li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  padding-left: 0;
}

#order-onecloud .oc-pg-feature-list i {
  color: #1e7b32;
  font-size: 12px;
  margin-top: 4px;
}

#order-onecloud .oc-pg-product-card footer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
  background: #f8fafc;
  border-top: 1px solid #eef0f4;
  padding: 15px 16px;
}

#order-onecloud .oc-pg-product-card .product-pricing {
  text-align: left;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.45;
}

#order-onecloud .oc-pg-price-options {
  display: grid;
  gap: 8px;
}

#order-onecloud .oc-pg-price-option {
  display: grid;
  gap: 5px;
}

#order-onecloud
  .oc-pg-products[data-billing-view="monthly"]
  .oc-pg-price-option--annual,
#order-onecloud
  .oc-pg-products[data-billing-view="annual"]
  .oc-pg-price-option--monthly {
  display: none;
}

#order-onecloud .oc-pg-price-option__label {
  color: #6b7280;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

#order-onecloud .oc-pg-price-option strong {
  color: #031030;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1;
}

#order-onecloud .oc-pg-price-option small {
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
  margin-left: 2px;
}

#order-onecloud .oc-pg-price-option__note {
  color: #4b5563;
  font-size: 11px;
  line-height: 1.4;
}

#order-onecloud .oc-pg-price-option__saving {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(114, 217, 127, 0.12);
  color: #1b7f2b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  justify-self: start;
  margin-top: 2px;
}

#order-onecloud .oc-pg-product-card .product-pricing .price {
  color: #031030;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}

#order-onecloud .oc-pg-product-card .btn-order-now {
  width: 100%;
  min-width: 0;
  border-radius: 8px;
  background: #05259f !important;
  background-color: #05259f !important;
  background-image: none !important;
  border-color: #05259f !important;
  color: #ffffff !important;
  font-weight: 800;
  padding: 9px 12px;
  box-shadow: none !important;
}

#order-onecloud .oc-pg-product-card .btn-order-now:hover {
  background: #031b7a !important;
  background-color: #031b7a !important;
  background-image: none !important;
  border-color: #031b7a !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#order-onecloud .products .oc-pg-product-card.product .btn-order-now {
  background: #05259f !important;
  background-color: #05259f !important;
  background-image: none !important;
  border-color: #05259f !important;
  box-shadow: none !important;
}

#order-onecloud .products .oc-pg-product-card.product .btn-order-now:hover {
  background: #031b7a !important;
  background-color: #031b7a !important;
  background-image: none !important;
  border-color: #031b7a !important;
  box-shadow: none !important;
}

#order-onecloud .oc-pg-trust {
  border-radius: 8px;
  background: #f8fafc;
  padding: 34px;
  margin: 36px 0 10px;
}

#order-onecloud .oc-pg-trust__grid {
  gap: 20px;
}

#order-onecloud .oc-pg-trust__icon {
  border-radius: 8px;
}

/* Shared OneCloud accent for primary order actions. */
#order-onecloud .btn-primary,
#order-onecloud .btn-success,
#order-onecloud .btn-order-now,
#order-onecloud .oc-pg-hero__cta,
#order-onecloud .oc-pg-final-cta__button {
  border-color: #72d97f !important;
  background: #72d97f !important;
  color: #031030 !important;
}

#order-onecloud .btn-primary:hover,
#order-onecloud .btn-primary:focus,
#order-onecloud .btn-success:hover,
#order-onecloud .btn-success:focus,
#order-onecloud .btn-order-now:hover,
#order-onecloud .oc-pg-hero__cta:hover,
#order-onecloud .oc-pg-final-cta__button:hover {
  border-color: #5cc96b !important;
  background: #5cc96b !important;
  color: #031030 !important;
}

@media (max-width: 991.98px) {
  #order-onecloud .oc-pg-hero__content {
    grid-template-columns: 1fr;
  }

  #order-onecloud .oc-pg-hero__copy,
  #order-onecloud .oc-pg-hero__panel {
    padding: 34px 28px;
  }

  #order-onecloud .oc-pg-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #order-onecloud .oc-pg-billing-switch {
    align-items: stretch;
    flex-direction: column;
  }

  #order-onecloud .oc-pg-billing-switch__control {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 767.98px) {
  #order-onecloud .oc-pg-hero {
    margin-left: 0;
    margin-right: 0;
  }

  #order-onecloud .oc-pg-hero__copy,
  #order-onecloud .oc-pg-hero__panel {
    padding: 28px 22px;
  }

  #order-onecloud .oc-pg-hero__title {
    font-size: 30px;
  }

  #order-onecloud .oc-pg-hero__actions {
    align-items: stretch;
  }

  #order-onecloud .oc-pg-hero__cta,
  #order-onecloud .oc-pg-hero__link {
    justify-content: center;
    width: 100%;
  }

  #order-onecloud .oc-pg-benefit-card {
    padding: 18px 20px;
  }

  #order-onecloud .oc-pg-product-card footer {
    grid-template-columns: 1fr;
  }

  #order-onecloud .oc-pg-product-card .btn-order-now {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  #order-onecloud .oc-pg-product-grid {
    grid-template-columns: 1fr;
  }
}

/* Microsoft 365 Business plans page */
#order-onecloud .oc-ms-plans {
  display: grid;
  gap: 28px;
}

#order-onecloud .oc-ms-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding: 40px 42px;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(5, 37, 159, 0.06), rgba(80, 160, 255, 0.06)),
    #fff;
}

#order-onecloud .oc-ms-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
}

#order-onecloud .oc-ms-kicker__logo {
  display: block;
  width: 210px;
  max-width: 100%;
  height: auto;
}

#order-onecloud .oc-ms-hero h1 {
  max-width: 820px;
  margin: 0 0 12px;
  color: #031030;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.1;
}

#order-onecloud .oc-ms-hero p {
  max-width: 720px;
  margin: 0;
  color: #516072;
  font-size: 1rem;
  line-height: 1.7;
}

#order-onecloud .oc-ms-hero__apps {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: start;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  scrollbar-width: none;
}

#order-onecloud .oc-ms-hero__apps::-webkit-scrollbar {
  display: none;
}

#order-onecloud .oc-ms-hero__apps .oc-ms-app,
#order-onecloud .oc-ms-plan-card__apps .oc-ms-app {
  --app-color: #05259f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #e2e7ef;
  border-radius: 6px;
  background: #fff;
  color: #263244;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.15;
}

#order-onecloud .oc-ms-app__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #fff center / contain no-repeat;
  color: transparent;
  font-size: 0;
  font-weight: 900;
  box-shadow: none;
}

#order-onecloud .oc-ms-app__mark i {
  color: transparent;
  margin: 0;
}

#order-onecloud .oc-ms-app__name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#order-onecloud .oc-ms-app--word {
  --app-color: #185abd;
}

#order-onecloud .oc-ms-app--word .oc-ms-app__mark {
  background-image: url("../img/m365-icons/word.svg");
}

#order-onecloud .oc-ms-app--excel {
  --app-color: #107c41;
}

#order-onecloud .oc-ms-app--excel .oc-ms-app__mark {
  background-image: url("../img/m365-icons/excel.svg");
}

#order-onecloud .oc-ms-app--powerpoint {
  --app-color: #c43e1c;
}

#order-onecloud .oc-ms-app--powerpoint .oc-ms-app__mark {
  background-image: url("../img/m365-icons/powerpoint.svg");
}

#order-onecloud .oc-ms-app--onenote {
  --app-color: #7719aa;
}

#order-onecloud .oc-ms-app--onenote .oc-ms-app__mark {
  background-image: url("../img/m365-icons/onenote.svg");
}

#order-onecloud .oc-ms-app--outlook,
#order-onecloud .oc-ms-app--exchange {
  --app-color: #0078d4;
}

#order-onecloud .oc-ms-app--outlook .oc-ms-app__mark {
  background-image: url("../img/m365-icons/outlook.svg");
}

#order-onecloud .oc-ms-app--exchange .oc-ms-app__mark {
  background-image: url("../img/m365-icons/exchange.png");
}

#order-onecloud .oc-ms-app--teams {
  --app-color: #6264a7;
}

#order-onecloud .oc-ms-app--teams .oc-ms-app__mark {
  background-image: url("../img/m365-icons/teams.svg");
}

#order-onecloud .oc-ms-app--onedrive {
  --app-color: #0364b8;
}

#order-onecloud .oc-ms-app--onedrive .oc-ms-app__mark {
  background-image: url("../img/m365-icons/onedrive.svg");
}

#order-onecloud .oc-ms-app--sharepoint {
  --app-color: #038387;
}

#order-onecloud .oc-ms-app--sharepoint .oc-ms-app__mark {
  background-image: url("../img/m365-icons/sharepoint.svg");
}

#order-onecloud .oc-ms-app--loop {
  --app-color: #6b3abf;
}

#order-onecloud .oc-ms-app--loop .oc-ms-app__mark {
  background-image: url("../img/m365-icons/loop.png");
}

#order-onecloud .oc-ms-app--clipchamp {
  --app-color: #6d2aff;
}

#order-onecloud .oc-ms-app--clipchamp .oc-ms-app__mark {
  background-image: url("../img/m365-icons/clipchamp.svg");
}

#order-onecloud .oc-ms-app--editor {
  --app-color: #1f6feb;
}

#order-onecloud .oc-ms-app--editor .oc-ms-app__mark {
  background-image: url("../img/m365-icons/editor.png");
}

#order-onecloud .oc-ms-app--entra {
  --app-color: #0078d4;
}

#order-onecloud .oc-ms-app--entra .oc-ms-app__mark {
  background-image: url("../img/m365-icons/entra-id.svg");
}

#order-onecloud .oc-ms-app--intune {
  --app-color: #2560e0;
}

#order-onecloud .oc-ms-app--intune .oc-ms-app__mark {
  background-image: url("../img/m365-icons/intune.png");
}

#order-onecloud .oc-ms-app--defender {
  --app-color: #00a4ef;
}

#order-onecloud .oc-ms-app--defender .oc-ms-app__mark {
  background-image: url("../img/m365-icons/defender.svg");
}

#order-onecloud .oc-ms-app--purview {
  --app-color: #7fba00;
}

#order-onecloud .oc-ms-app--purview .oc-ms-app__mark {
  background-image: url("../img/m365-icons/purview.png");
}

#order-onecloud .oc-ms-app--windows .oc-ms-app__mark {
  background-image: url("../img/m365-icons/windows-11.png");
}

#order-onecloud .oc-gw-hero {
  background:
    linear-gradient(
      135deg,
      rgba(66, 133, 244, 0.08),
      rgba(52, 168, 83, 0.07) 42%,
      rgba(251, 188, 5, 0.08) 72%,
      rgba(234, 67, 53, 0.06)
    ),
    #fff;
}

#order-onecloud .oc-gw-kicker__logo {
  width: 245px;
}

#order-onecloud .oc-gw-plan-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 12px;
  border: 1px solid #e4eaf3;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(3, 16, 48, 0.03);
}

#order-onecloud .oc-gw-plan-card.product {
  border-color: transparent;
  border-radius: 18px;
  box-shadow: none;
}

#order-onecloud .oc-gw-plan-card + .oc-gw-plan-card {
  border-left: 1px solid #eef1f5;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__badge,
#order-onecloud .oc-gw-plan-card__brand,
#order-onecloud .oc-gw-plan-card header p {
  display: none;
}

#order-onecloud .oc-gw-plan-card--starter .oc-ms-plan-card__badge {
  background: #34a853;
}

#order-onecloud .oc-gw-plan-card--standard {
  z-index: 1;
  border: 2px solid #4285f4 !important;
  border-radius: 20px;
  box-shadow: none;
}

#order-onecloud .oc-gw-plan-card--standard .oc-ms-plan-card__badge {
  background: #4285f4;
}

#order-onecloud .oc-gw-plan-card--plus .oc-ms-plan-card__badge {
  background: #f9ab00;
  color: #031030;
}

#order-onecloud .oc-gw-plan-card--enterprise .oc-ms-plan-card__badge {
  background: #ea4335;
}

#order-onecloud .oc-gw-plan-card__brand {
  color: #4285f4;
}

#order-onecloud .oc-gw-plan-card header {
  min-height: 0;
  padding: 30px 26px 10px;
  border-bottom: 0;
}

#order-onecloud .oc-gw-plan-card header h3 {
  font-size: 1.35rem;
  line-height: 1.2;
}

#order-onecloud .oc-gw-plan-card__price {
  padding: 0 26px 10px;
}

#order-onecloud .oc-gw-plan-card .oc-pg-price-options {
  gap: 8px;
}

#order-onecloud .oc-gw-plan-card .oc-pg-price-option {
  padding: 0;
  border: 0;
  background: transparent;
}

#order-onecloud .oc-gw-plan-card .oc-pg-price-option__label,
#order-onecloud .oc-gw-plan-card .oc-pg-price-option__note,
#order-onecloud .oc-gw-plan-card .oc-pg-price-option__saving {
  display: none;
}

#order-onecloud .oc-gw-plan-card .oc-pg-price-option strong {
  font-size: 1.9rem;
  line-height: 1.1;
}

#order-onecloud .oc-gw-plan-card .oc-pg-price-option small {
  display: block;
  margin-top: 8px;
  color: #031030;
  font-size: 0.92rem;
  font-weight: 500;
}

#order-onecloud .oc-gw-yearly-saving {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #e6f4ea;
  color: #137333;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.2;
}

#order-onecloud .oc-gw-plan-card__btn {
  margin: 12px 26px 28px !important;
  width: calc(100% - 52px) !important;
  border-radius: 14px;
}

#order-onecloud .oc-gw-plan-card__btn--contact {
  margin-top: 18px !important;
}

#order-onecloud
  .oc-gw-plan-card:not(.oc-gw-plan-card--standard)
  a.oc-gw-plan-card__btn.btn-success {
  border: 1px solid #61d475 !important;
  background: #61d475 !important;
  background-color: #61d475 !important;
  color: #031030 !important;
  box-shadow: none;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section {
  padding: 0 26px 34px;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section h4 {
  margin-bottom: 18px;
  font-size: 0.98rem;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  color: #1f2937;
  font-size: 0.92rem;
  line-height: 1.36;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i {
  width: 20px;
  color: #4285f4;
  font-size: 0.95rem;
  text-align: center;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-envelope {
  color: #ea4335;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-video,
#order-onecloud
  .oc-gw-plan-card
  .oc-ms-plan-card__section
  li
  i.fa-calendar-alt {
  color: #34a853;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-sparkles,
#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-film {
  color: #8e4ec6;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-shield-alt,
#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__section li i.fa-archive {
  color: #1a73e8;
}

#order-onecloud .oc-gw-feature-icon {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  margin-top: 1px;
}

#order-onecloud .oc-gw-feature-icon--check {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

#order-onecloud .oc-gw-plan-card .oc-ms-plan-card__apps {
  display: none;
}

#order-onecloud .oc-gw-app .oc-ms-app__mark {
  background: #fff center / contain no-repeat;
  color: transparent;
  font-size: 0.68rem;
  letter-spacing: 0;
  text-indent: -999px;
  overflow: hidden;
}

#order-onecloud .oc-gw-app--gmail .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/gmail.svg");
}

#order-onecloud .oc-gw-app--gemini .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/gemini.svg");
}

#order-onecloud .oc-gw-app--meet .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/meet.svg");
}

#order-onecloud .oc-gw-app--drive .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/drive.png");
}

#order-onecloud .oc-gw-app--chat .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/chat.svg");
}

#order-onecloud .oc-gw-app--calendar .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/calendar.svg");
}

#order-onecloud .oc-gw-app--docs .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/docs.png");
}

#order-onecloud .oc-gw-app--sheets .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/sheets.png");
}

#order-onecloud .oc-gw-app--slides .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/slides.svg");
}

#order-onecloud .oc-gw-app--vids .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/vids.svg");
}

#order-onecloud .oc-gw-app--admin,
#order-onecloud .oc-gw-app--security {
  --app-color: #fff;
}

#order-onecloud .oc-gw-app--admin .oc-ms-app__mark,
#order-onecloud .oc-gw-app--security .oc-ms-app__mark {
  background-image: url("../img/google-workspace-icons/admin.svg");
}

#order-onecloud .oc-gw-app--gmail {
  --app-color: #ea4335;
}

#order-onecloud .oc-gw-app--gemini {
  --app-color: #8e4ec6;
}

#order-onecloud .oc-gw-app--meet {
  --app-color: #00897b;
}

#order-onecloud .oc-gw-app--drive {
  --app-color: #fbbc04;
}

#order-onecloud .oc-gw-app--drive .oc-ms-app__mark,
#order-onecloud .oc-gw-app--slides .oc-ms-app__mark {
  color: #031030;
}

#order-onecloud .oc-gw-app--chat {
  --app-color: #34a853;
}

#order-onecloud .oc-gw-app--calendar,
#order-onecloud .oc-gw-app--docs {
  --app-color: #4285f4;
}

#order-onecloud .oc-gw-app--sheets {
  --app-color: #0f9d58;
}

#order-onecloud .oc-gw-app--slides {
  --app-color: #f4b400;
}

#order-onecloud .oc-gw-app--vids {
  --app-color: #db4437;
}

#order-onecloud .oc-ms-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

#order-onecloud .oc-ms-filters {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 14px;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
  background: #f8fafc;
}

#order-onecloud .oc-ms-filters span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #dfe5ef;
  border-radius: 999px;
  background: #fff;
  color: #4c596b;
  font-size: 0.82rem;
  font-weight: 800;
}

#order-onecloud .oc-ms-filters span.is-active {
  border-color: #05259f;
  background: #05259f;
  color: #fff;
}

#order-onecloud .oc-ms-billing-switch {
  margin: 0;
  justify-self: end;
  width: min(650px, 100%);
}

#order-onecloud .oc-ms-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

#order-onecloud .oc-ms-plan-card.product {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: visible;
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

#order-onecloud .oc-ms-plan-card--standard {
  border-color: rgba(5, 37, 159, 0.36);
  box-shadow: 0 14px 36px rgba(5, 37, 159, 0.1);
}

#order-onecloud .oc-ms-plan-card__badge {
  position: absolute;
  top: -13px;
  left: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #05259f;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

#order-onecloud .oc-ms-plan-card--basic .oc-ms-plan-card__badge {
  background: #1e7b32;
}

#order-onecloud .oc-ms-plan-card--premium .oc-ms-plan-card__badge {
  background: #031030;
}

#order-onecloud .oc-ms-plan-card header {
  padding: 28px 22px 18px;
  border-bottom: 1px solid #eef1f5;
  min-height: 172px;
}

#order-onecloud .oc-ms-plan-card__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #05259f;
  font-size: 0.82rem;
  font-weight: 900;
}

#order-onecloud .oc-ms-plan-card header h3 {
  margin: 0 0 10px;
  color: #031030;
  font-size: 1.38rem;
  font-weight: 900;
  line-height: 1.22;
}

#order-onecloud .oc-ms-plan-card header p {
  margin: 0;
  min-height: 54px;
  color: #526174;
  font-size: 0.9rem;
  line-height: 1.58;
}

#order-onecloud .oc-gw-plan-card header {
  min-height: 0;
  padding: 30px 26px 10px;
  border-bottom: 0;
}

#order-onecloud .oc-gw-plan-card header h3 {
  margin-bottom: 0;
  font-size: 1.35rem;
  line-height: 1.2;
}

#order-onecloud .oc-gw-plan-card header p {
  display: none;
  min-height: 0;
}

#order-onecloud .oc-ms-plan-card__price {
  padding: 16px 22px 8px;
}

#order-onecloud .oc-ms-plan-card .oc-pg-price-option strong {
  color: #031030;
  font-size: 2rem;
}

#order-onecloud .oc-ms-plan-card .oc-pg-price-option small {
  display: block;
  margin: 4px 0 0;
  color: #5e6b7b;
}

#order-onecloud .oc-ms-plan-card__btn {
  margin: 16px 22px 20px !important;
  justify-content: center;
  width: calc(100% - 44px) !important;
  min-height: 44px;
  border-radius: 4px;
  border-color: #61d475 !important;
  background: #61d475 !important;
  color: #031030 !important;
  box-shadow: none !important;
}

#order-onecloud .oc-ms-plan-card__btn:hover,
#order-onecloud .oc-ms-plan-card__btn:focus {
  border-color: #42c260 !important;
  background: #42c260 !important;
  color: #031030 !important;
}

#order-onecloud .products .oc-pg-product-card.product .oc-ms-plan-card__btn.btn-order-now {
  border-color: #61d475 !important;
  background: #61d475 !important;
  background-color: #61d475 !important;
  color: #031030 !important;
  box-shadow: none !important;
}

#order-onecloud .products .oc-pg-product-card.product .oc-ms-plan-card__btn.btn-order-now:hover,
#order-onecloud .products .oc-pg-product-card.product .oc-ms-plan-card__btn.btn-order-now:focus {
  border-color: #42c260 !important;
  background: #42c260 !important;
  background-color: #42c260 !important;
  color: #031030 !important;
}

#order-onecloud .oc-gw-plan-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#order-onecloud .oc-gw-plan-card__btn {
  margin: 12px 26px 28px !important;
  width: calc(100% - 52px) !important;
  border-radius: 14px;
}

#order-onecloud
  .oc-gw-plan-card:not(.oc-gw-plan-card--standard)
  .oc-gw-plan-card__btn {
  border: 1px solid #61d475;
  background: #61d475;
  color: #031030;
  box-shadow: none;
}

#order-onecloud .oc-ms-plan-card__section,
#order-onecloud .oc-ms-plan-card__apps {
  padding: 0 22px 22px;
}

#order-onecloud .oc-ms-plan-card__section h4,
#order-onecloud .oc-ms-plan-card__apps h4 {
  margin: 0 0 12px;
  color: #031030;
  font-size: 0.85rem;
  font-weight: 900;
}

#order-onecloud .oc-ms-plan-card__section ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#order-onecloud .oc-ms-plan-card__section li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: #364153;
  font-size: 0.82rem;
  line-height: 1.45;
}

#order-onecloud .oc-ms-plan-card__section li i,
#order-onecloud .oc-ms-compare__table i {
  color: #1e7b32;
  font-size: 0.78rem;
  margin-top: 3px;
}

#order-onecloud .oc-ms-plan-card__apps {
  margin-top: auto;
  border-top: 1px solid #eef1f5;
  padding-top: 18px;
}

#order-onecloud .oc-ms-plan-card__apps div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
  gap: 8px;
}

#order-onecloud .oc-ms-plan-card__apps .oc-ms-app {
  min-height: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 0.7rem;
}

#order-onecloud .oc-ms-plan-card__apps .oc-ms-app__mark {
  flex-basis: 26px;
  width: 26px;
  height: 26px;
  font-size: 0.68rem;
}

#order-onecloud .oc-ms-compare {
  border: 1px solid #dfe5ef;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

#order-onecloud .oc-ms-compare__head {
  padding: 24px 26px;
  border-bottom: 1px solid #e8edf4;
  background: #f8fafc;
}

#order-onecloud .oc-ms-compare__head span {
  display: block;
  margin-bottom: 6px;
  color: #05259f;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

#order-onecloud .oc-ms-compare__head h3 {
  margin: 0 0 8px;
  color: #031030;
  font-size: 1.45rem;
  font-weight: 900;
}

#order-onecloud .oc-ms-compare__head p {
  max-width: 760px;
  margin: 0;
  color: #566477;
  font-size: 0.92rem;
  line-height: 1.6;
}

#order-onecloud .oc-ms-compare__table {
  display: grid;
}

#order-onecloud .oc-ms-compare__row {
  display: grid;
  grid-template-columns: minmax(240px, 1.3fr) repeat(3, minmax(130px, 1fr));
  border-bottom: 1px solid #eef1f5;
}

#order-onecloud .oc-gw-compare__row {
  grid-template-columns: minmax(240px, 1.35fr) repeat(4, minmax(120px, 1fr));
}

#order-onecloud .oc-ms-compare__row:last-child {
  border-bottom: 0;
}

#order-onecloud .oc-ms-compare__row > div {
  padding: 14px 16px;
  border-right: 1px solid #eef1f5;
  color: #3f4a5a;
  font-size: 0.84rem;
  line-height: 1.45;
}

#order-onecloud .oc-ms-compare__row > div:last-child {
  border-right: 0;
}

#order-onecloud .oc-ms-compare__row--heading > div {
  color: #031030;
  font-weight: 900;
  background: #fff;
}

#order-onecloud .oc-ms-compare__row--group > div {
  padding-top: 13px;
  padding-bottom: 13px;
  background: #f0f5ff;
  color: #05259f;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

#order-onecloud .oc-ms-compare__row--group > div:not(:first-child) {
  color: transparent;
}

#order-onecloud .oc-ms-compare__row--heading > div:not(:first-child) {
  color: #05259f;
}

@media (max-width: 991.98px) {
  #order-onecloud .oc-ms-hero,
  #order-onecloud .oc-ms-toolbar,
  #order-onecloud .oc-ms-plan-grid {
    grid-template-columns: 1fr;
  }

  #order-onecloud .oc-gw-plan-grid {
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  #order-onecloud .oc-gw-plan-card + .oc-gw-plan-card {
    border-left: 0;
  }

  #order-onecloud .oc-gw-plan-card.product {
    border: 1px solid #dfe5ef;
  }

  #order-onecloud .oc-ms-plan-card header p {
    min-height: 0;
  }

  #order-onecloud .oc-ms-plan-card header {
    min-height: 0;
  }

  #order-onecloud .oc-ms-compare {
    overflow: hidden;
  }

  #order-onecloud .oc-ms-compare__table {
    display: block;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #c7d2e5 #f4f7fb;
    scrollbar-width: thin;
  }

  #order-onecloud .oc-ms-compare__table::-webkit-scrollbar {
    height: 8px;
  }

  #order-onecloud .oc-ms-compare__table::-webkit-scrollbar-track {
    background: #f4f7fb;
  }

  #order-onecloud .oc-ms-compare__table::-webkit-scrollbar-thumb {
    background: #c7d2e5;
    border-radius: 999px;
  }

  #order-onecloud .oc-ms-compare__row {
    min-width: 980px;
    grid-template-columns: minmax(230px, 1fr) repeat(3, minmax(190px, 1fr));
  }

  #order-onecloud .oc-gw-compare__row {
    min-width: 1120px;
    grid-template-columns: minmax(230px, 1fr) repeat(4, minmax(180px, 1fr));
  }

  #order-onecloud .oc-ms-compare__row > div:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 1px 0 0 #eef1f5;
  }

  #order-onecloud .oc-ms-compare__row--heading > div:first-child {
    z-index: 3;
    background: #fff;
  }

  #order-onecloud .oc-ms-compare__row--group > div:first-child {
    background: #f0f5ff;
  }
}

@media (max-width: 575.98px) {
  #order-onecloud.order-onecloud-product-flow {
    overflow-x: hidden;
  }

  #order-onecloud.order-onecloud-product-flow .cart-body-full {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  #order-onecloud .oc-ms-plans {
    gap: 22px;
  }

  #order-onecloud .oc-ms-hero {
    padding: 24px 18px;
  }

  #order-onecloud .oc-ms-hero h1 {
    font-size: 2rem;
    line-height: 1.12;
  }

  #order-onecloud .oc-ms-hero p {
    font-size: 0.9rem;
    line-height: 1.58;
  }

  #order-onecloud .oc-ms-hero__apps {
    gap: 7px;
    justify-content: start;
    width: 100%;
    padding: 0;
  }

  #order-onecloud .oc-ms-hero__apps .oc-ms-app {
    width: 38px;
    height: 38px;
    min-height: 38px;
  }

  #order-onecloud .oc-ms-billing-switch {
    justify-self: stretch;
    padding: 14px;
  }

  #order-onecloud .oc-ms-plan-card header,
  #order-onecloud .oc-ms-plan-card__price,
  #order-onecloud .oc-ms-plan-card__section,
  #order-onecloud .oc-ms-plan-card__apps {
    padding-left: 18px;
    padding-right: 18px;
  }

  #order-onecloud .oc-gw-kicker__logo {
    width: 210px;
  }
}

/* ======================
   Cart Page Hero (matches configure page)
   ====================== */
#order-onecloud .oc-config-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 28px;
  padding: 28px 32px;
  border: 1px solid #dbe3f3;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(5, 37, 159, 0.08), rgba(114, 217, 127, 0.1)),
    #fff;
}

#order-onecloud .oc-config-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  border: 1px solid rgba(5, 37, 159, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--cart-primary);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

#order-onecloud .oc-config-hero h1 {
  margin: 12px 0 8px;
  color: #17191c;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  font-weight: 900;
  letter-spacing: 0;
}

#order-onecloud .oc-config-hero p {
  max-width: 660px;
  margin: 0;
  color: #6d7482;
  font-size: 1rem;
  line-height: 1.65;
}

/* ======================
   Upsell Savings & Badges
   ====================== */
#order-onecloud .cart-upsell-item .upsell-savings {
  display: inline-block;
  margin-top: 6px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  color: #b84b00;
  background: #fff3e0;
  border: 1px solid #ffcc80;
}

@media (max-width: 991px) {
  #order-onecloud .oc-config-hero::after {
    display: none;
  }
}

/* ======================
   Checkout Form Labels & Compact Icons
   ====================== */

/* Text labels above inputs */
#order-onecloud .field-label-text {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

/* Position icon inside input field */
#order-onecloud .form-group.prepend-icon {
  position: relative;
}

#order-onecloud .form-group.prepend-icon .field-icon {
  position: absolute;
  left: 0;
  width: 42px;
  height: 42px;
  text-align: center;
  color: #9ca3af;
  pointer-events: none;
  z-index: 2;
  transition: color 0.2s ease;
}

#order-onecloud .form-group.prepend-icon:not(.epp-code-group) .field-icon {
  line-height: 42px;
}

#order-onecloud .form-group.prepend-icon .field-icon i {
  pointer-events: none;
}

#order-onecloud .form-group.prepend-icon:focus-within .field-icon {
  color: #1a3a7b;
}

/* Hide phone icon when intl-tel-input flag is present */
#order-onecloud .form-group.prepend-icon:has(.iti) .field-icon,
#order-onecloud .form-group.prepend-icon:has(#inputPhone) .field-icon,
#order-onecloud .form-group.prepend-icon:has(#inputDCPhone) .field-icon {
  display: none;
}

#order-onecloud .form-group.prepend-icon.epp-code-group {
  margin-top: 14px;
  margin-bottom: 0;
}

#order-onecloud .form-group.prepend-icon.epp-code-group .field.form-control {
  min-height: 52px;
  padding: 13px 16px 13px 48px;
  border-radius: 12px;
}

#order-onecloud .form-group.prepend-icon.epp-code-group .field-icon {
  left: 16px;
  inset-block-start: 15px;
  width: auto;
  height: auto;
  color: #9ca3af;
  font-size: 16px;
}

#order-onecloud .form-group.prepend-icon.epp-code-group .field-help-text {
  display: block;
  margin-top: 8px;
  padding-left: 0;
  color: #5c6575;
  font-size: 13px;
  line-height: 1.45;
}

/* ======================
   Domain Config — Included Features
   ====================== */
#order-onecloud .domain-included-features {
  background: #e8f5ea;
  border: 1px solid #a5d6a7;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 8px 0 12px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#order-onecloud .domain-included-label {
  font-weight: 600;
  color: #1e7b32;
}

#order-onecloud .domain-included-label i {
  margin-right: 4px;
}

#order-onecloud .domain-included-item {
  background: #fff;
  border: 1px solid #a5d6a7;
  border-radius: 12px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #1e7b32;
}

/* ======================
   Domain Config — Period Cards
   ====================== */
#order-onecloud .domain-period-prompt {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 8px;
}

#order-onecloud .domain-period-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

#order-onecloud .domain-period-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 18px 14px;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  flex: 1 1 0;
  max-width: 130px;
}

#order-onecloud .domain-period-card:hover {
  border-color: #93a8d4;
  box-shadow: 0 2px 8px rgba(5, 37, 159, 0.08);
}

#order-onecloud .domain-period-card.selected {
  border-color: #05259f;
  background: #f0f4ff;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
}

#order-onecloud .domain-period-card input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

#order-onecloud .domain-period-years {
  font-size: 22px;
  font-weight: 800;
  color: #1e293b;
  line-height: 1;
}

#order-onecloud .domain-period-label {
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

/* Nameserver toggle */
#order-onecloud .nameserver-toggle-wrap {
  margin-bottom: 16px;
}

#order-onecloud .nameserver-toggle {
  display: flex;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
}

#order-onecloud .nameserver-toggle input[type="checkbox"] {
  display: none;
}

#order-onecloud .nameserver-toggle-label {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
}

#order-onecloud .nameserver-toggle-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

#order-onecloud
  .nameserver-toggle
  input[type="checkbox"]:checked
  + .nameserver-toggle-label::before {
  background: #05259f;
  border-color: #05259f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 5l3 3 5-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

#order-onecloud .nameserver-toggle-hint {
  font-size: 12px;
  color: #6b7280;
  margin-left: 26px;
}

#order-onecloud .nameserver-desc {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}

/* ======================
   Domain Config — Two Column Layout & Summary
   ====================== */
#order-onecloud .oc-config-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

#order-onecloud .oc-config-left {
  flex: 1 1 0;
  min-width: 0;
}

#order-onecloud .oc-config-right {
  flex: 0 0 340px;
  max-width: 340px;
  min-width: 0;
}

#order-onecloud .oc-config-sticky {
  position: sticky;
  top: 24px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

#order-onecloud .oc-config-sticky::-webkit-scrollbar {
  width: 5px;
}
#order-onecloud .oc-config-sticky::-webkit-scrollbar-track {
  background: transparent;
}
#order-onecloud .oc-config-sticky::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}

/* Domain Summary Panel */
#order-onecloud .oc-domain-summary {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

#order-onecloud .oc-summary-heading {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid #e5e7eb;
}

#order-onecloud .oc-summary-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 6px 0;
  color: #4b5563;
}

#order-onecloud .oc-summary-row.oc-summary-total {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1.5px solid #e5e7eb;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

#order-onecloud .oc-summary-row.oc-summary-total span:last-child {
  color: #05259f;
  font-size: 18px;
}

#order-onecloud .oc-summary-discount {
  color: #1e7b32;
}

/* Domain period selector styling */
#order-onecloud .domain-reg-period-select {
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  color: #1e293b;
  background: #fff;
  max-width: 280px !important;
  display: inline-block !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

#order-onecloud .domain-reg-period-select:focus {
  border-color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.1);
  outline: none;
}

#order-onecloud .domain-period-saving {
  margin-left: 10px;
  font-size: 12px;
  color: #6b7280;
}

/* Summary domain item */
#order-onecloud .oc-summary-domain {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
}

#order-onecloud .oc-summary-domain:last-of-type {
  border-bottom: none;
}

#order-onecloud .oc-summary-domain-info {
  flex: 1;
  min-width: 0;
}

#order-onecloud .oc-summary-domain-name {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  word-break: break-all;
  line-height: 1.4;
}

#order-onecloud .oc-summary-domain-meta {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

#order-onecloud .oc-summary-domain-type {
  font-size: 11px;
  color: #05259f;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

#order-onecloud .oc-summary-domain-period {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

#order-onecloud .oc-summary-domain-price {
  font-size: 12px;
  font-weight: 500;
  color: #1e293b;
  flex-shrink: 0;
  margin-left: 12px;
  white-space: nowrap;
}

#order-onecloud .oc-summary-remove-form {
  flex: 0 0 auto;
  margin: 0 0 0 10px;
  align-self: center;
}

#order-onecloud .oc-summary-remove {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #e06b77;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  box-shadow: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

#order-onecloud .oc-summary-remove i {
  font-size: 14px;
  line-height: 1;
}

#order-onecloud .oc-summary-remove:hover,
#order-onecloud .oc-summary-remove:focus {
  background: transparent;
  color: #ca202c;
  box-shadow: none;
  outline: none;
  transform: scale(1.08);
}

#order-onecloud .oc-summary-remove:active {
  transform: scale(0.96);
  box-shadow: none;
}

#order-onecloud .oc-summary-remove:disabled {
  cursor: wait;
  opacity: 0.55;
}

#order-onecloud .oc-summary-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 4px 0;
  color: #4b5563;
}

#order-onecloud .oc-summary-row.oc-summary-total {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1.5px solid #e5e7eb;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

#order-onecloud .oc-summary-row.oc-summary-total span:last-child {
  color: #05259f;
  font-size: 18px;
}

#order-onecloud .oc-summary-discount {
  color: #1e7b32;
}

/* Continue button in right column */
#order-onecloud .oc-config-continue {
  margin-top: 16px;
}

#order-onecloud .oc-config-continue .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 10px;
}

#order-onecloud .oc-config-continue .btn:disabled {
  background: #d1d5db;
  border-color: #d1d5db;
  cursor: not-allowed;
  opacity: 0.7;
}

#order-onecloud .oc-period-placeholder {
  color: #9ca3af;
  font-weight: 400;
}

/* Responsive */
@media (max-width: 991px) {
  #order-onecloud .oc-config-layout {
    flex-direction: column;
    gap: 24px;
  }

  #order-onecloud .oc-config-right {
    flex: 1 1 100%;
    max-width: 100%;
    order: 2;
  }

  #order-onecloud .oc-config-left {
    order: 1;
  }

  #order-onecloud .oc-config-sticky {
    position: static;
    max-height: none;
    overflow-y: visible;
  }
}

/* ======================
   Checkout Two-Column Layout
   ====================== */

/* Layout grid */
#order-onecloud .oc-checkout-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 52px;
  align-items: flex-start;
}

#order-onecloud .oc-checkout-layout > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

/* Left column: forms */
#order-onecloud .oc-checkout-left {
  flex: 1 1 0;
  min-width: 0;
}

/* Right column: payment panel */
#order-onecloud .oc-checkout-right {
  flex: 0 0 min(34.5%, 540px);
  max-width: 540px;
  min-width: 0;
}

/* Sticky payment panel */
#order-onecloud .oc-checkout-sticky {
  position: sticky;
  top: 24px;
  max-height: none;
  overflow: visible;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

#order-onecloud .oc-checkout-sticky::-webkit-scrollbar {
  width: 5px;
}
#order-onecloud .oc-checkout-sticky::-webkit-scrollbar-track {
  background: transparent;
}
#order-onecloud .oc-checkout-sticky::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}

/* Payment panel card wrapper */
#order-onecloud .oc-checkout-right .sub-heading:first-child {
  margin-top: 0;
}

#order-onecloud .oc-checkout-right .sub-heading span {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

/* Total due banner refinement */
#order-onecloud .oc-checkout-right #totalDueToday {
  background: linear-gradient(135deg, #f0f4ff 0%, #e4eaf3 100%) !important;
  border: 1.5px solid #c5d1f8 !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 8px rgba(26, 58, 123, 0.06);
}

/* Cart items summary inside total banner */
#order-onecloud .oc-cart-summary {
  text-align: left;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #c5d1f8;
}

#order-onecloud .oc-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid #eef1f8;
}

#order-onecloud .oc-cart-item:last-child {
  border-bottom: none;
}

#order-onecloud .oc-cart-item-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

#order-onecloud .oc-cart-item-name {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
}

#order-onecloud .oc-cart-item-domain {
  font-size: 11px;
  color: #6b7280;
  font-weight: 400;
}

#order-onecloud .oc-cart-item-type {
  font-size: 11px;
  color: #05259f;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

#order-onecloud .oc-cart-item-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  margin-left: 12px;
}

#order-onecloud .oc-cart-item-cycle {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
  white-space: nowrap;
}

#order-onecloud .oc-cart-item-price {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
}

/* Price breakdown inside total banner */
#order-onecloud .oc-price-breakdown {
  text-align: left;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #c5d1f8;
}

#order-onecloud .oc-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  padding: 4px 0;
  color: #4b5563;
}

#order-onecloud .oc-price-row.oc-price-total {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1.5px solid #c5d1f8;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

#order-onecloud .oc-price-row.oc-price-total .oc-price-value {
  font-size: 20px;
  font-weight: 800;
  color: #05259f;
}

#order-onecloud .oc-price-row.oc-price-discount {
  color: #1e7b32;
}

#order-onecloud .oc-price-row.oc-price-discount .oc-price-value {
  font-weight: 600;
}

#order-onecloud .oc-promo-code {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

/* Billing badge */
#order-onecloud .oc-billing-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  background: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 8px;
  border: 1px solid #dbe4f8;
}

#order-onecloud .oc-billing-badge i {
  color: #e65100;
  font-size: 10px;
}

/* Billing note */
#order-onecloud .oc-billing-note {
  font-size: 11px;
  color: #6b7280;
  line-height: 1.5;
}

/* Recurring summary */
#order-onecloud .oc-recurring-summary {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #c5d1f8;
  text-align: left;
}

#order-onecloud .oc-recurring-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  padding: 2px 0;
  color: #4b5563;
}

#order-onecloud .oc-recurring-label {
  font-weight: 500;
}

#order-onecloud .oc-recurring-value {
  font-weight: 600;
  color: #1e293b;
}

/* Payment gateways in right panel */
#order-onecloud .oc-checkout-right #paymentGatewaysContainer {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  padding: 26px 22px 22px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

#order-onecloud .oc-checkout-right #paymentGatewaysContainer p.small {
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #5f6b82;
}

#order-onecloud .oc-checkout-right #paymentGatewaysContainer .text-center {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: stretch;
}

#order-onecloud .oc-checkout-right #paymentGatewaysContainer .radio-inline {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f9ff;
  border: 1.5px solid #d8deec;
  border-radius: 10px;
  padding: 13px 18px;
  margin: 0;
  min-height: 54px;
  font-size: 14px;
  font-weight: 700;
  color: #05259f;
  cursor: pointer;
  transition: all 0.2s ease;
}

#order-onecloud
  .oc-checkout-right
  #paymentGatewaysContainer
  .radio-inline
  input[type="radio"] {
  width: 16px;
  height: 16px;
  accent-color: #05259f;
}

#order-onecloud
  .oc-checkout-right
  #paymentGatewaysContainer
  .radio-inline:hover {
  border-color: #93a8d4;
  background: #f0f4ff;
}

#order-onecloud
  .oc-checkout-right
  #paymentGatewaysContainer
  .radio-inline:has(input:checked) {
  border-color: #05259f;
  background: #f0f4ff;
  color: #05259f;
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.08);
}

#order-onecloud .oc-payzone-card {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

#order-onecloud .oc-payzone-card__icon {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #082d91;
  color: #fff;
  font-size: 27px;
  margin-top: 1px;
}

#order-onecloud .oc-payzone-card__body {
  min-width: 0;
  text-align: left;
}

#order-onecloud .oc-payzone-card__body h3 {
  margin: 2px 0 10px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
  color: #020617;
}

#order-onecloud .oc-payzone-card__body p {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.48;
  color: #53627b;
}

#order-onecloud .oc-payzone-card__badges {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #5f6b82;
}

#order-onecloud .oc-payzone-card__badges span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

#order-onecloud .oc-payzone-card__badges .fa-lock,
#order-onecloud .oc-payzone-card__badges .fa-shield-alt {
  color: #14a538;
}

#order-onecloud .oc-payzone-card__badges .fa-bolt {
  color: #f59e0b;
}

/* ======================
   Order Completion Page
   ====================== */
#order-onecloud.oc-order-complete {
  padding: 44px 15px 72px;
}

#order-onecloud.oc-order-complete .cart-sidebar,
#order-onecloud.oc-order-complete .sidebar-collapsed {
  display: none !important;
}

/* SSL/product domain selection: guided SSL domain binding layout. */
#order-onecloud:has(#frmProductDomain) {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 0 48px;
}

#order-onecloud:has(#frmProductDomain) > .row {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

#order-onecloud:has(#frmProductDomain) .cart-sidebar,
#order-onecloud:has(#frmProductDomain) .sidebar-collapsed {
  display: none !important;
}

#order-onecloud:has(#frmProductDomain) .cart-body {
  width: 100%;
  max-width: none;
  flex: 0 0 100%;
  padding: 0;
}

#order-onecloud:has(#frmProductDomain) .header-lined {
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
  padding: 34px 38px;
  border: 1px solid #dfe7f5;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.96) 0%, rgba(247,250,255,0.98) 58%, rgba(235,255,240,0.82) 100%);
  box-shadow: 0 18px 44px rgba(3, 16, 48, 0.08);
}

#order-onecloud:has(#frmProductDomain) .header-lined::after {
  content: "";
  position: absolute;
  top: -44px;
  right: -32px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(5, 37, 159, 0.08);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(114, 217, 127, 0.22), rgba(255, 255, 255, 0));
  pointer-events: none;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 11px;
  border: 1px solid rgba(5, 37, 159, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: #05259f;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#order-onecloud:has(#frmProductDomain) .header-lined h1 {
  margin: 0;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif !important;
  font-size: 34px;
  font-weight: 900;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-intro__desc {
  max-width: 780px;
  margin: 12px 0 0;
  color: #4f5c72;
  font-size: 12px;
  line-height: 1.7;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 820px;
  margin-top: 24px;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-step {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #e3e9f4;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #05259f;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  flex: 0 0 auto;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-domain-step strong {
  color: #031030;
  font-size: 13px;
  font-weight: 800;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 22px;
  padding: 20px 24px;
  border: 1px solid #dfe7f5;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(3, 16, 48, 0.06);
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: #eef3ff;
  color: #05259f;
  font-size: 22px;
  flex: 0 0 auto;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__content {
  flex: 1 1 auto;
  min-width: 0;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #647084;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card h2 {
  margin: 0;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif !important;
  font-size: 20px;
  font-weight: 900;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid #edf1f7;
  border-radius: 999px;
  background: #f8faff;
  color: #4f5c72;
  font-size: 12px;
  font-weight: 800;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__meta i {
  color: #05259f;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card p {
  max-width: 760px;
  margin: 10px 0 0;
  color: #647084;
  font-size: 13px;
  line-height: 1.55;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(5, 37, 159, 0.18);
  border-radius: 10px;
  background: #ffffff;
  color: #05259f;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  flex: 0 0 auto;
}

#order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__change:hover {
  background: #f4f7ff;
  color: #031d7d;
}

#order-onecloud:has(#frmProductDomain) .onecloud-domain-options,
#order-onecloud:has(#frmProductDomain) .domain-selection-options {
  display: grid;
  gap: 18px;
  margin-bottom: 24px;
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #dfe7f5;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(3, 16, 48, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: visible !important;
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option:hover {
  border-color: rgba(5, 37, 159, 0.22);
  box-shadow: 0 18px 42px rgba(3, 16, 48, 0.09);
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option:has(.oc-tld-picker.is-open) {
  z-index: 10;
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option:has(input[type="radio"]:checked) {
  border-color: rgba(5, 37, 159, 0.38);
  box-shadow: 0 18px 44px rgba(5, 37, 159, 0.12);
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option > label {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 24px 26px 18px;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option > .oc-domain-login-prompt {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 24px 26px;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f0f4ff;
  color: #05259f;
  flex: 0 0 auto;
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options .option:has(input[type="radio"]:checked) .oc-domain-option-icon {
  background: #eef3ff;
  color: #05259f;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-option-copy {
  display: block;
  flex: 1 1 auto;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-option-title {
  display: block;
  color: #031030;
  font-size: 16px;
  font-weight: 900;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-option-desc {
  display: block;
  max-width: 820px;
  margin-top: 5px;
  color: #647084;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

#order-onecloud:has(#frmProductDomain) .oc-owned-domain-option--login {
  border-style: dashed;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

#order-onecloud:has(#frmProductDomain) .oc-domain-login-prompt {
  align-items: center;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-login-prompt .oc-domain-option-icon {
  background: #f0f4ff;
  color: #05259f;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-login-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(5, 37, 159, 0.18);
  border-radius: 10px;
  background: #05259f;
  color: #ffffff;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  margin-left: auto;
  flex: 0 0 auto;
  box-shadow: 0 10px 20px rgba(5, 37, 159, 0.16);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#order-onecloud:has(#frmProductDomain) .oc-domain-login-cta:hover {
  background: #031d7d;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(5, 37, 159, 0.22);
}

#order-onecloud:has(#frmProductDomain) .domain-selection-options input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 11px 0 0;
  accent-color: #05259f;
  flex: 0 0 auto;
}

#order-onecloud:has(#frmProductDomain) .domain-input-group {
  margin: 0;
  padding: 0 24px 24px;
}

#order-onecloud:has(#frmProductDomain) .domain-input-group > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px;
  gap: 18px;
  align-items: center;
  margin: 0;
  padding: 18px;
  border: 1px solid #edf1f7;
  border-radius: 14px;
  background: #f7f9fc;
}

#order-onecloud:has(#frmProductDomain) .domain-input-group > .row > [class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
  float: none;
}

#order-onecloud:has(#frmProductDomain) .domains-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px;
  gap: 14px;
  align-items: stretch;
  margin: 0;
  padding-top: 0 !important;
}

#order-onecloud:has(#frmProductDomain) .domains-row > [class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
  float: none;
}

#order-onecloud:has(#frmProductDomain) #domainincart .domains-row {
  grid-template-columns: minmax(0, 1fr);
}

#order-onecloud:has(#frmProductDomain) .form-control {
  min-height: 50px;
  border: 1px solid #d9e0ec;
  border-radius: 10px;
  background-color: #ffffff;
  color: #031030;
  font-weight: 600;
  box-shadow: none;
}

#order-onecloud:has(#frmProductDomain) .oc-native-tld-select--enhanced {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker {
  position: relative;
  min-width: 0;
  z-index: 20;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid #d9e0ec;
  border-radius: 10px;
  background: #ffffff;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__button:hover,
#order-onecloud:has(#frmProductDomain) .oc-tld-picker.is-open .oc-tld-picker__button {
  border-color: rgba(5, 37, 159, 0.34);
  box-shadow: 0 0 0 3px rgba(5, 37, 159, 0.08);
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__button i {
  color: #6b7586;
  font-size: 12px;
  transition: transform 0.18s ease;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker.is-open .oc-tld-picker__button i {
  transform: rotate(180deg);
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: none;
  max-height: 286px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid #dfe6f2;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(3, 16, 48, 0.16);
  z-index: 1000;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker.is-open .oc-tld-picker__menu {
  display: grid;
  gap: 4px;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #031030;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__option:hover {
  background: #f4f7ff;
  color: #05259f;
}

#order-onecloud:has(#frmProductDomain) .oc-tld-picker__option.is-selected {
  background: #eaf8ee;
  color: #1e7b32;
}

#order-onecloud:has(#frmProductDomain) .input-group .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#order-onecloud:has(#frmProductDomain) .input-group-addon,
#order-onecloud:has(#frmProductDomain) .input-group-prepend {
  border: 1px solid #d9e0ec;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: #f6f8fc;
}

#order-onecloud:has(#frmProductDomain) .input-group-text {
  color: #4b4f58;
  font-weight: 700;
}

#order-onecloud:has(#frmProductDomain) .btn-primary,
#order-onecloud:has(#frmProductDomain) #btnDomainContinue {
  min-height: 50px;
  border: 0;
  border-radius: 10px;
  background: #72d97f;
  color: #031030;
  font-family: Outfit, "DM Sans", sans-serif;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(114, 217, 127, 0.28);
}

#order-onecloud:has(#frmProductDomain) .btn-primary:hover,
#order-onecloud:has(#frmProductDomain) #btnDomainContinue:hover {
  background: #5fcb6d;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(114, 217, 127, 0.34);
}

#order-onecloud:has(#frmProductDomain) .onecloud-search-results,
#order-onecloud:has(#frmProductDomain) .onecloud-domain-result-card,
#order-onecloud:has(#frmProductDomain) #searchDomainInfo {
  border-radius: 16px;
}

@media (max-width: 767px) {
  #order-onecloud:has(#frmProductDomain) {
    padding: 0 12px 28px;
  }

  #order-onecloud:has(#frmProductDomain) .header-lined {
    padding: 24px;
    border-radius: 14px;
  }

  #order-onecloud:has(#frmProductDomain) .header-lined h1 {
    font-size: 27px;
  }

  #order-onecloud:has(#frmProductDomain) .oc-ssl-domain-steps,
  #order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card,
  #order-onecloud:has(#frmProductDomain) .domain-input-group > .row,
  #order-onecloud:has(#frmProductDomain) .domains-row {
    grid-template-columns: 1fr;
  }

  #order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 18px;
  }

  #order-onecloud:has(#frmProductDomain) .oc-selected-ssl-card__change {
    width: 100%;
  }

  #order-onecloud:has(#frmProductDomain) .domain-selection-options .option {
    border-radius: 14px;
  }

  #order-onecloud:has(#frmProductDomain) .domain-selection-options .option > label {
    padding: 20px 18px 16px;
  }

  #order-onecloud:has(#frmProductDomain) .domain-selection-options .option > .oc-domain-login-prompt {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px 18px;
  }

  #order-onecloud:has(#frmProductDomain) .oc-domain-login-cta {
    width: auto;
    flex: 1 1 100%;
    margin-left: 0;
  }

  #order-onecloud:has(#frmProductDomain) .domain-input-group {
    padding: 0 18px 18px;
  }
}

#order-onecloud.oc-order-complete .oc-complete-row {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

#order-onecloud.oc-order-complete .oc-complete-body {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

#order-onecloud.oc-order-complete .oc-complete-card {
  width: min(100%, 780px);
  margin: 0 auto;
  padding: 46px 54px 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e9f2;
  border-radius: 18px;
  box-shadow: 0 18px 52px rgba(3, 16, 48, 0.08);
}

#order-onecloud.oc-order-complete .oc-complete-icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  border-radius: 20px;
  background: #eaf8ed;
  color: #18a33a;
  font-size: 28px;
  box-shadow: inset 0 0 0 1px rgba(24, 163, 58, 0.12);
}

#order-onecloud.oc-order-complete .oc-complete-header {
  margin: 0 0 12px;
  padding: 0;
}

#order-onecloud.oc-order-complete .oc-complete-header h1 {
  margin: 0;
  color: #031030;
  font-size: 34px !important;
  line-height: 1.15;
  font-weight: 900;
}

#order-onecloud.oc-order-complete .oc-complete-lead,
#order-onecloud.oc-order-complete .oc-complete-note {
  max-width: 660px;
  margin: 0 auto;
  color: #4f5d75;
  font-size: 16px;
  line-height: 1.65;
}

#order-onecloud.oc-order-complete .oc-complete-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 28px auto;
  padding: 18px 28px;
  text-align: center;
  background: #f4f7ff;
  border: 1px solid #cfdbff;
  border-left: 4px solid #05259f;
  border-radius: 12px;
}

#order-onecloud.oc-order-complete .oc-complete-number-label {
  color: #526079;
  font-size: 14px;
  font-weight: 600;
}

#order-onecloud.oc-order-complete .oc-complete-number-value {
  color: #05259f;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

#order-onecloud.oc-order-complete .oc-complete-note {
  margin-bottom: 28px;
}

#order-onecloud.oc-order-complete .oc-complete-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 14px 24px !important;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: 800;
}

#order-onecloud.oc-order-complete .order-confirmation-addon-output {
  margin: 18px 0;
  text-align: center;
}

@media (max-width: 767px) {
  #order-onecloud.oc-order-complete {
    padding: 28px 12px 48px;
  }

  #order-onecloud.oc-order-complete .oc-complete-card {
    padding: 32px 20px 28px;
    border-radius: 14px;
  }

  #order-onecloud.oc-order-complete .oc-complete-header h1 {
    font-size: 27px !important;
  }

  #order-onecloud.oc-order-complete .oc-complete-number {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
  }

  #order-onecloud.oc-order-complete .oc-complete-number-value {
    white-space: normal;
    word-break: break-word;
  }

  #order-onecloud.oc-order-complete .oc-complete-cta {
    width: 100%;
  }
}

/* Credit card fields in right panel */
#order-onecloud .oc-checkout-right #creditCardInputFields {
  background: #fafbfd;
  border: 1.5px solid #e8eaee;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
}

#order-onecloud .oc-checkout-right #creditCardInputFields ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 12px;
}

#order-onecloud .oc-checkout-right #creditCardInputFields .row {
  margin-left: -8px;
  margin-right: -8px;
}

#order-onecloud
  .oc-checkout-right
  #creditCardInputFields
  .row
  > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

/* Apply credit container in right panel */
#order-onecloud .oc-checkout-right .apply-credit-container {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

/* Final submit section in right panel */
#order-onecloud .oc-checkout-right .oc-checkout-final {
  margin-top: 0;
}

#order-onecloud .oc-checkout-right .oc-checkout-final__card {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  padding: 30px 30px 28px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

#order-onecloud .oc-checkout-right .oc-checkout-checkboxes {
  margin-bottom: 26px;
  gap: 13px;
}

#order-onecloud .oc-checkout-checkbox {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 14px;
  align-items: flex-start;
  margin: 0;
  text-align: left;
  color: #1f2a44;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

#order-onecloud .oc-checkout-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  flex: 0 0 18px;
  margin: 2px 0 0;
  accent-color: #05259f;
}

#order-onecloud .oc-checkout-checkbox span {
  display: block;
  min-width: 0;
}

#order-onecloud .oc-checkout-final .oc-checkout-checkbox {
  font-size: 12px !important;
}

#order-onecloud .oc-checkout-checkbox a {
  color: #001f9f;
  font-weight: 800;
  text-decoration: none;
}

#order-onecloud .oc-checkout-right .oc-checkout-submit {
  width: 72% !important;
  min-width: 352px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto;
  min-height: 64px;
  border-radius: 10px !important;
  background: #6ed77a !important;
  color: #00112d !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(110, 215, 122, 0.28);
}

#order-onecloud .oc-checkout-right .oc-checkout-final__secure {
  margin: 14px 0 0;
  text-align: center;
  color: #8a93a6;
  font-size: 13px;
}

#order-onecloud .oc-checkout-right .oc-checkout-final__secure i {
  color: #05259f;
  margin-right: 8px;
}

/* Responsive: stack on tablet and below */
@media (max-width: 1199px) {
  #order-onecloud .oc-checkout-layout {
    flex-direction: column;
    gap: 24px;
  }

  #order-onecloud .oc-checkout-right {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
    max-height: none;
    overflow-y: visible;
    order: 2;
  }

  #order-onecloud .oc-checkout-left {
    order: 1;
  }

  #order-onecloud .oc-checkout-right .oc-checkout-submit {
    width: 100% !important;
    min-width: 0;
  }
}

@media (max-width: 575px) {
  #order-onecloud .oc-payzone-card {
    padding: 22px;
    gap: 14px;
  }

  #order-onecloud .oc-payzone-card__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: 22px;
  }
}

/* ======================
   Cloudflare Plan Cards
   ====================== */
.oc-cf-plan-card__brand {
  color: #f48120 !important;
}
.oc-cf-plan-card__brand i {
  color: #f48120;
}
.oc-cf-plan-card .oc-ms-plan-card__badge {
  background: #fff3e6;
  color: #b85c00;
  border-color: #f7c896;
}
.oc-cf-plan-card--zerotrust .oc-ms-plan-card__badge {
  background: #e8f0fe;
  color: #1a3fbf;
  border-color: #b3c7f7;
}

/* ======================
   Sophos Plan Cards
   ====================== */
.oc-sp-plan-card__brand {
  color: #005595 !important;
}
.oc-sp-plan-card__brand i {
  color: #005595;
}
.oc-sp-plan-card .oc-ms-plan-card__badge {
  background: #e6f0fa;
  color: #004070;
  border-color: #a3c8ef;
}
.oc-sp-plan-card--mdr .oc-ms-plan-card__badge {
  background: #e8f5ea;
  color: #1b5e20;
  border-color: #a5d6a7;
}

/* ======================
   cPanel Plan Cards
   ====================== */
.oc-cp-plan-card__brand {
  color: #ff6c2f !important;
}
.oc-cp-plan-card__brand i {
  color: #ff6c2f;
  font-size: 1.45rem;
}
.oc-cp-plan-card .oc-ms-plan-card__badge {
  background: #fff0e8;
  color: #b84400;
  border-color: #ffbb99;
}

/* ======================
   SSL Plan Cards
   ====================== */
.oc-ssl-plan-card__brand {
  color: #1a7a4a !important;
}
.oc-ssl-plan-card__brand i {
  color: #1a7a4a;
}
.oc-ssl-plan-card .oc-ms-plan-card__badge {
  background: #e8f5ee;
  color: #14593a;
  border-color: #a3d4b8;
}

/* ======================
   Grid overrides: 2-col for CF/Sophos, 1-col centered for cPanel
   ====================== */
.oc-cf-plan-grid,
.oc-sp-plan-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}
.oc-cp-plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 360px)) !important;
  justify-content: center !important;
}
/* SSL: allow up to 4 columns for the many certificate products */
.oc-ssl-plan-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}

@media (max-width: 900px) {
  .oc-cf-plan-grid,
  .oc-sp-plan-grid,
  .oc-ssl-plan-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .oc-cf-plan-grid,
  .oc-sp-plan-grid,
  .oc-cp-plan-grid,
  .oc-ssl-plan-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ======================
   Hero Gradient Styling
   ====================== */
#order-onecloud .oc-cf-hero {
  background: linear-gradient(135deg, rgba(244, 129, 32, 0.08), rgba(255, 170, 75, 0.06) 42%, rgba(251, 188, 5, 0.08) 72%, rgba(244, 129, 32, 0.04)), #fff;
}
#order-onecloud .oc-sp-hero {
  background: linear-gradient(135deg, rgba(0, 85, 149, 0.08), rgba(0, 164, 239, 0.06) 42%, rgba(163, 200, 239, 0.08) 72%, rgba(0, 85, 149, 0.04)), #fff;
}
#order-onecloud .oc-cp-hero {
  background: linear-gradient(135deg, rgba(255, 108, 47, 0.08), rgba(255, 172, 119, 0.06) 42%, rgba(255, 108, 47, 0.04)), #fff;
}
#order-onecloud .oc-ssl-hero {
  background: linear-gradient(135deg, rgba(26, 122, 74, 0.08), rgba(114, 217, 127, 0.06) 42%, rgba(26, 122, 74, 0.04)), #fff;
  margin-bottom: 30px;
}

/* ======================
   Vendor Logo Badges in kicker
   ====================== */
.oc-vendor-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #031030;
}
.oc-vendor-logo i {
  font-size: 1.3rem;
}
#order-onecloud .oc-ms-kicker > .oc-vendor-logo {
  min-height: 42px;
  font-size: 1.65rem;
}
#order-onecloud .oc-ms-kicker > .oc-vendor-logo i {
  font-size: 1.85rem;
}
#order-onecloud .oc-ms-kicker > .oc-vendor-logo--cp i {
  font-size: 3.4rem;
  line-height: 1;
}
.oc-vendor-logo-img {
  display: block;
  width: auto;
  object-fit: contain;
}
.oc-vendor-logo-img--hero {
  width: 210px;
  max-width: 100%;
  height: auto;
}
.oc-vendor-logo-img--card {
  width: 100px;
  max-width: 100%;
  height: auto;
}
.oc-vendor-logo--cf i { color: #f48120; }
.oc-vendor-logo--sp i { color: #005595; }
.oc-vendor-logo--cp i { color: #ff6c2f; }
.oc-vendor-logo--ssl i { color: #1a7a4a; }
.oc-vendor-logo--redhat i { color: #e00; }
.oc-vendor-logo--windows i { color: #0078d4; }
.oc-vendor-logo--veeam i { color: #00b336; }

/* ======================
   Feature App icons (with visible FontAwesome)
   ====================== */
#order-onecloud .oc-feat-app {
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dfe5ef;
}
#order-onecloud .oc-feat-app .oc-ms-app__mark {
  background: #fff !important;
  color: var(--app-color, #05259f) !important;
  font-size: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
}
#order-onecloud .oc-feat-app .oc-ms-app__mark i {
  color: var(--app-color, #05259f) !important;
  font-size: 18px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Brand-specific icon colors */
#order-onecloud .oc-feat-app--cf { --app-color: #f48120 !important; }
#order-onecloud .oc-feat-app--sp { --app-color: #005595 !important; }
#order-onecloud .oc-feat-app--cp { --app-color: #ff6c2f !important; }
#order-onecloud .oc-feat-app--ssl { --app-color: #1a7a4a !important; }
#order-onecloud .oc-feat-app--defender { --app-color: #0078d4 !important; }

/* Make product landing pages take 100% of the container width by removing cart-body padding */
@media (min-width: 768px) {
  #order-onecloud .oc-store-landing-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ======================
   OneCloud orderform: remove the left navigation column
   ====================== */
#order-standard_cart .cart-sidebar,
#order-onecloud .cart-sidebar,
#order-onecloud .sidebar-categories-collapsed,
#order-onecloud .sidebar-categories {
  display: none !important;
}

#order-standard_cart .cart-body,
#order-onecloud .cart-body {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 15px;
  padding-right: 15px;
}

#order-onecloud > .row,
#order-standard_cart > .row {
  display: block;
}

@media (min-width: 768px) {
  #order-standard_cart .cart-body,
  #order-onecloud .cart-body {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ============================================================
   SSL Certificates Redesign: Light-Themed Comparison Table
   ============================================================ */

/* Main Table Container */
.oc-ssl-table-container {
  background-color: #ffffff; /* white background */
  border-radius: 16px;
  padding: 24px;
  margin-top: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
  font-family: 'DM Sans', sans-serif;
  color: #1e293b; /* dark text */
}

/* Grid layout definition for row items */
.oc-ssl-table-header,
.oc-ssl-row {
  display: grid;
  grid-template-columns: minmax(360px, 4fr) minmax(150px, 1.1fr) minmax(120px, 1fr) minmax(130px, 1fr);
  align-items: start;
  gap: 16px;
}

@media (max-width: 991px) {
  .oc-ssl-table-header {
    display: none; /* Hide header on mobile */
  }
  .oc-ssl-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 16px;
    text-align: center;
  }
}

/* Table Header */
.oc-ssl-table-header {
  background-color: #f8fafc; /* light grey/slate */
  padding: 14px 24px;
  border-radius: 10px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #64748b; /* slate gray */
  letter-spacing: 0.5px;
  border: 1px solid #f1f5f9;
}

.oc-ssl-table-header .sortable {
  cursor: pointer;
  user-select: none;
  transition: color 0.2s ease;
}

.oc-ssl-table-header .sortable:hover,
.oc-ssl-table-header .sortable.active {
  color: #051751; /* theme navy color */
}

.oc-ssl-table-header .sort-icon {
  margin-left: 6px;
  font-size: 12px;
  opacity: 0.6;
}

.oc-ssl-table-header .sortable:hover .sort-icon,
.oc-ssl-table-header .sortable.active .sort-icon {
  opacity: 1;
}

/* Table Body Row */
.oc-ssl-row {
  background-color: #ffffff;
  padding: 20px 24px;
  border-radius: 12px;
  margin-bottom: 12px;
  border: 1px solid #e2e8f0;
}

/* Row Columns Details */
.oc-ssl-col-name {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-weight: 500;
  font-size: 15px;
}

.oc-ssl-product-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

@media (max-width: 991px) {
  .oc-ssl-col-name {
    flex-direction: column;
    gap: 8px;
    text-align: left;
  }

  .oc-ssl-product-copy {
    width: 100%;
  }
}

/* Brand Pills */
.oc-ssl-brand-pill {
  display: inline-block;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  text-transform: none;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  min-width: 90px;
}

.oc-ssl-brand--digicert {
  background: linear-gradient(135deg, #0072f5, #0052d4);
}

.oc-ssl-brand--geotrust {
  background: linear-gradient(135deg, #0d9488, #0f766e);
}

.oc-ssl-brand--sectigo {
  background: linear-gradient(135deg, #16a34a, #15803d);
}

.oc-ssl-brand--thawte {
  background: linear-gradient(135deg, #e11d48, #be123c);
}

.oc-ssl-brand--rapidssl {
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
}

.oc-ssl-brand--generic {
  background: linear-gradient(135deg, #6b7280, #4b5563);
}

/* Product Name & Featured Star */
.oc-ssl-product-name {
  color: #0f172a; /* dark text */
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.oc-ssl-product-tagline {
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.oc-ssl-product-summary,
.oc-ssl-product-description,
.oc-ssl-product-summary p,
.oc-ssl-product-description p {
  color: #475569;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}

.oc-ssl-product-summary p,
.oc-ssl-product-description p {
  margin: 0;
}

.oc-ssl-product-summary strong,
.oc-ssl-product-summary b,
.oc-ssl-product-description strong,
.oc-ssl-product-description b {
  color: #0f172a;
  font-weight: 700;
}

.oc-ssl-product-description {
  margin-top: 2px;
}

.oc-ssl-product-description ul,
.oc-ssl-product-description .package-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.oc-ssl-product-description li {
  position: relative;
  padding-left: 20px;
  color: #475569;
  font-size: 12px;
  line-height: 1.5;
}

.oc-ssl-product-description li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 1px;
  color: #1e7b32;
  font-size: 11px;
}

.oc-ssl-unavailable-note {
  display: block;
  margin-top: 4px;
  padding: 8px 10px;
  border: 1px solid #fde2b7;
  border-radius: 10px;
  background: #fff8ec;
  color: #8a4b0f;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.oc-ssl-star-featured {
  color: #eab308;
  font-size: 14px;
  text-shadow: 0 0 8px rgba(234, 179, 8, 0.2);
}

/* Validation Indicator */
.oc-ssl-val-indicator {
  font-size: 14px;
  font-weight: 600;
}

.oc-ssl-col-validation,
.oc-ssl-col-price,
.oc-ssl-col-actions {
  align-self: center;
}

.oc-ssl-val--domain {
  color: #64748b; /* slate gray */
}

.oc-ssl-val--organization {
  color: #2563eb; /* blue validation */
}

.oc-ssl-val--extended {
  color: #10b981; /* emerald validation */
}

/* Price */
.oc-ssl-price-text {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

/* Order Now button (outlined white background, transition to mint green on hover) */
.oc-ssl-btn-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 50px;
  background-color: #ffffff;
  border: 1.5px solid #051751;
  color: #051751;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .oc-ssl-btn-order {
    width: 100%;
    margin-top: 8px;
  }
}

.oc-ssl-btn-order:hover {
  background-color: #72d97f;
  border-color: #72d97f;
  color: #031030;
  box-shadow: 0 4px 12px rgba(114, 217, 127, 0.35);
  transform: translateY(-1.5px);
  text-decoration: none;
}

.oc-ssl-btn-order--contact {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #05259f;
}

.oc-ssl-btn-order--contact:hover,
.oc-ssl-btn-order--contact:focus {
  border-color: #05259f;
  background: #eef4ff;
  color: #031030;
  box-shadow: 0 4px 12px rgba(5, 37, 159, 0.12);
}

/* ============================================================
   SSL Certificates Redesign: Filter Tabs
   ============================================================ */
.oc-ssl-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 16px;
  justify-content: flex-start;
  font-family: 'DM Sans', sans-serif;
}

.oc-ssl-tab {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.25s ease;
  outline: none;
}

.oc-ssl-tab:hover {
  background: #f8fafc;
  color: #0f172a;
  border-color: #94a3b8;
}

.oc-ssl-tab.active {
  background: #051751;
  color: #ffffff;
  border-color: #051751;
  box-shadow: 0 4px 12px rgba(5, 23, 81, 0.15);
}

@media (max-width: 767px) {
  .oc-ssl-filter-tabs {
    justify-content: center;
    gap: 8px;
  }
  .oc-ssl-tab {
    padding: 8px 16px;
    font-size: 13px;
    flex-grow: 1;
    text-align: center;
  }

  .oc-ssl-product-copy {
    width: 100%;
  }

  .oc-ssl-product-description ul,
  .oc-ssl-product-description .package-features {
    grid-template-columns: 1fr;
  }
}

/* ===================================
   SSL Domain Search Result Cards
   =================================== */

#order-onecloud:has(#frmProductDomain) #oc-search-results-anchor {
  padding: 0 24px 24px;
}

#order-onecloud:has(#frmProductDomain) .onecloud-search-results {
  margin: 0;
}

#order-onecloud:has(#frmProductDomain) #searchDomainInfo {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

/* Registered domain — success card */
#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px;
  border-radius: 14px;
  font-family: "DM Sans", Outfit, sans-serif;
  line-height: 1.55;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--success {
  background: linear-gradient(135deg, #f0faf4 0%, #e8f8ee 100%);
  border: 1px solid #c3e8d0;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--info {
  background: linear-gradient(135deg, #f0f4ff 0%, #eaf0ff 100%);
  border: 1px solid #c8d6f5;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  flex: 0 0 auto;
  font-size: 18px;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--success .oc-ssl-result-card__icon {
  background: #d4f0df;
  color: #1a7a3a;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--info .oc-ssl-result-card__icon {
  background: #dce4f8;
  color: #2c4ba0;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__title {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 800;
  font-family: Outfit, "DM Sans", sans-serif;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--success .oc-ssl-result-card__title {
  color: #15633a;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--info .oc-ssl-result-card__title {
  color: #1e3a7a;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__desc {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  color: #4a5568;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__desc strong {
  font-weight: 800;
  color: #1a202c;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__action {
  flex: 0 0 auto;
  align-self: center;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card__action .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  min-height: 44px;
  padding: 0 22px;
  border: none;
  border-radius: 10px;
  font-family: Outfit, "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  justify-content: center;
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--success .oc-ssl-result-card__action .btn {
  background: #15803d;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(21, 128, 61, 0.2);
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--success .oc-ssl-result-card__action .btn:hover {
  background: #116d34;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(21, 128, 61, 0.28);
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--info .oc-ssl-result-card__action .btn {
  background: #05259f;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(5, 37, 159, 0.18);
}

#order-onecloud:has(#frmProductDomain) .oc-ssl-result-card--info .oc-ssl-result-card__action .btn:hover {
  background: #031d7d;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(5, 37, 159, 0.26);
}

/* Hide the old-style Continue button at the bottom when results are shown inline */
#order-onecloud:has(#frmProductDomain) #oc-search-results-anchor > .text-center {
  display: none;
}
.oc-cf-seat-calculator {
    gap: 10px;
}

.oc-cf-seat-calculator__summary {
    border: 1px solid rgba(0, 38, 163, .14);
    border-radius: 16px;
    padding: 14px;
    background: #fff;
}

.oc-cf-seat-calculator__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
}

.oc-cf-seat-calculator__seats,
.oc-cf-seat-calculator__total {
    min-width: 0;
}

.oc-cf-seat-calculator__seats span,
.oc-cf-seat-calculator__total span {
    display: block;
    margin-bottom: 4px;
    color: #68738a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.oc-cf-seat-calculator__total strong {
    display: block;
    color: #0026a3;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
}

.oc-cf-seat-calculator__seats input {
    width: 56px;
    border: 0;
    padding: 0 4px;
    background: transparent;
    color: #061331;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

.oc-cf-seat-calculator__seats input::-webkit-outer-spin-button,
.oc-cf-seat-calculator__seats input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.oc-cf-seat-calculator__seats input:focus {
    outline: 0;
}

.oc-cf-seat-stepper {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    max-width: 100%;
    min-height: 42px;
    overflow: hidden;
    background: #fff;
}

.oc-cf-seat-stepper button {
    width: 34px;
    height: 42px;
    border: 0;
    background: #eef3ff;
    color: #0026a3;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.oc-cf-seat-stepper button:hover,
.oc-cf-seat-stepper button:focus {
    background: #dfe8ff;
    outline: 0;
}

.oc-cf-seat-stepper:focus-within {
    box-shadow: 0 2px 0 #0026a3;
}

.oc-cf-seat-calculator__note {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    color: #68738a;
}

.oc-workspace-seat-calculator .oc-cf-seat-calculator__summary {
    padding: 12px 20px;
}

.oc-workspace-seat-calculator .oc-cf-seat-calculator__row {
    grid-template-columns: 136px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.oc-workspace-seat-calculator .oc-cf-seat-stepper {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 40px;
    width: 126px;
    min-width: 126px;
}

.oc-cf-seat-calculator__seats .oc-cf-seat-stepper {
    display: inline-flex;
}

.oc-workspace-seat-calculator .oc-cf-seat-stepper button {
    width: 36px;
    height: 40px;
}

.oc-workspace-seat-calculator .oc-cf-seat-calculator__total strong {
    font-size: 20px;
}

@media (max-width: 420px) {
    .oc-cf-seat-calculator__row {
        grid-template-columns: 1fr;
    }
}

/* Global order-form button accent: keep all cart buttons on brand green. */
#order-onecloud .btn,
#order-onecloud .btn-primary,
#order-onecloud .btn-secondary,
#order-onecloud .btn-success,
#order-onecloud .btn-info,
#order-onecloud .btn-warning,
#order-onecloud .btn-danger,
#order-onecloud .btn-default,
#order-onecloud .btn-checkout,
#order-onecloud .btn-add-to-cart,
#order-onecloud .domain-check-availability,
#order-onecloud .btn-outline-primary:hover,
#order-onecloud .btn-outline-secondary:hover,
#order-onecloud .btn-outline-success:hover,
#order-onecloud .btn-outline-info:hover,
#order-onecloud .btn-outline-warning:hover,
#order-onecloud .btn-outline-danger:hover,
#order-standard_cart .btn,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-info,
#order-standard_cart .btn-warning,
#order-standard_cart .btn-danger,
#order-standard_cart .btn-default,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-add-to-cart,
#order-standard_cart .domain-check-availability,
#order-standard_cart .btn-outline-primary:hover,
#order-standard_cart .btn-outline-secondary:hover,
#order-standard_cart .btn-outline-success:hover,
#order-standard_cart .btn-outline-info:hover,
#order-standard_cart .btn-outline-warning:hover,
#order-standard_cart .btn-outline-danger:hover {
    border-color: #72d97f !important;
    background: #72d97f !important;
    background-color: #72d97f !important;
    color: #031030 !important;
}

#order-onecloud .btn:hover,
#order-onecloud .btn:focus,
#order-onecloud .btn.focus,
#order-onecloud .btn-primary:hover,
#order-onecloud .btn-primary:focus,
#order-onecloud .btn-secondary:hover,
#order-onecloud .btn-secondary:focus,
#order-onecloud .btn-success:hover,
#order-onecloud .btn-success:focus,
#order-onecloud .btn-info:hover,
#order-onecloud .btn-info:focus,
#order-onecloud .btn-warning:hover,
#order-onecloud .btn-warning:focus,
#order-onecloud .btn-danger:hover,
#order-onecloud .btn-danger:focus,
#order-onecloud .btn-default:hover,
#order-onecloud .btn-default:focus,
#order-onecloud .btn-checkout:hover,
#order-onecloud .btn-checkout:focus,
#order-onecloud .btn-add-to-cart:hover,
#order-onecloud .btn-add-to-cart:focus,
#order-onecloud .domain-check-availability:hover,
#order-onecloud .domain-check-availability:focus,
#order-standard_cart .btn:hover,
#order-standard_cart .btn:focus,
#order-standard_cart .btn.focus,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-secondary:focus,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-success:focus,
#order-standard_cart .btn-info:hover,
#order-standard_cart .btn-info:focus,
#order-standard_cart .btn-warning:hover,
#order-standard_cart .btn-warning:focus,
#order-standard_cart .btn-danger:hover,
#order-standard_cart .btn-danger:focus,
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-default:focus,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-checkout:focus,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart .btn-add-to-cart:focus,
#order-standard_cart .domain-check-availability:hover,
#order-standard_cart .domain-check-availability:focus {
    border-color: #5cc96b !important;
    background: #5cc96b !important;
    background-color: #5cc96b !important;
    color: #031030 !important;
}

#order-onecloud .btn:not(:disabled):not(.disabled):active,
#order-onecloud .btn:not(:disabled):not(.disabled).active,
#order-onecloud .show > .btn.dropdown-toggle,
#order-standard_cart .btn:not(:disabled):not(.disabled):active,
#order-standard_cart .btn:not(:disabled):not(.disabled).active,
#order-standard_cart .show > .btn.dropdown-toggle {
    border-color: #45b953 !important;
    background: #45b953 !important;
    background-color: #45b953 !important;
    color: #031030 !important;
}

#order-onecloud .btn-outline-primary,
#order-onecloud .btn-outline-secondary,
#order-onecloud .btn-outline-success,
#order-onecloud .btn-outline-info,
#order-onecloud .btn-outline-warning,
#order-onecloud .btn-outline-danger,
#order-standard_cart .btn-outline-primary,
#order-standard_cart .btn-outline-secondary,
#order-standard_cart .btn-outline-success,
#order-standard_cart .btn-outline-info,
#order-standard_cart .btn-outline-warning,
#order-standard_cart .btn-outline-danger {
    border-color: #72d97f !important;
    color: #3fa94d !important;
}