/* Ruk-Com Standard Cart skin. Layout, loaders, radio plugins, gateway iframes and JS hooks stay owned by WHMCS.
   Loaded by Standard Cart custom.css lookup, and explicitly by the rukcom client head when carttpl=rukcom. */
body.rukcom #order-standard_cart {font-family:'Anuphan','Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;line-height:1.8;color:#354561}
body.rukcom #order-standard_cart h1 {font-size:30px;font-weight:600;line-height:1.5;color:#0b1730}
body.rukcom #order-standard_cart h2,body.rukcom #order-standard_cart h3 {font-weight:600;color:#0b1730}
body.rukcom #order-standard_cart .header-lined {margin-bottom:30px;border-color:#e4ebf6}
body.rukcom #order-standard_cart label {font-size:14px;font-weight:400;color:#52637e}
body.rukcom #order-standard_cart .form-control {border-radius:12px;border-color:#d5e0ef;background-color:#fcfdff;color:#354561;box-shadow:none}
body.rukcom #order-standard_cart .form-control:focus {border-color:#7298ee;background-color:#fff;box-shadow:0 0 0 3px #2356e814}
body.rukcom #order-standard_cart .form-control:disabled {background-color:#f1f4f9;color:#6e7d96}
body.rukcom #order-standard_cart .form-control.is-invalid,body.rukcom #order-standard_cart .has-error .form-control {border-color:#c63545}
body.rukcom #order-standard_cart .form-control.is-valid {border-color:#21805b}
body.rukcom #order-standard_cart .sub-heading,body.rukcom #order-standard_cart .sub-heading-borderless {border-color:#e1eaf6;margin-top:32px;margin-bottom:32px}
body.rukcom #order-standard_cart .sub-heading span,body.rukcom #order-standard_cart .sub-heading-borderless span {font-size:16px;font-weight:500;color:#3d557e;background:#fff}
body.rukcom #order-standard_cart .domain-selection-options .option {border:1px solid #e0e8f5;border-radius:14px;background:#fff;margin-bottom:12px;padding:14px 18px}
body.rukcom #order-standard_cart .domain-selection-options .option-selected {background:#f2f7ff;border-color:#b3caf3}
body.rukcom #order-standard_cart .domain-selection-options .option-selected label {font-weight:500;color:#2356e8}
body.rukcom #order-standard_cart .order-summary {border:1px solid #d8e4f8;border-radius:22px;background:linear-gradient(145deg,#f6faff,#fff);box-shadow:0 12px 32px -20px #2356e833;color:#354561}
body.rukcom #order-standard_cart .order-summary h2 {padding:22px 24px;background:transparent;color:#0b1730;border-bottom:1px solid #e4ecf8;font-size:20px}
body.rukcom #order-standard_cart .summary-container {background:transparent;padding:24px;color:#354561;border-radius:0 0 22px 22px}
body.rukcom #order-standard_cart .order-summary .total-due-today {border-color:#dce7f7;color:#0b1730}
body.rukcom #order-standard_cart .order-summary .total-due-today .amt {font-weight:600;color:#2356e8;font-variant-numeric:tabular-nums}
body.rukcom #order-standard_cart .view-cart-items {border:1px solid #e2eaf5;border-radius:18px;background:#fff}
body.rukcom #order-standard_cart .view-cart-items-header {border-radius:17px 17px 0 0;background:#f4f8ff;color:#405778;padding:16px 20px}
body.rukcom #order-standard_cart .view-cart-items .item {padding:22px 20px;background:transparent;border-color:#e8eef7}
body.rukcom #order-standard_cart .view-cart-tabs .nav-tabs>li>a {border-radius:12px 12px 0 0;font-weight:500}
body.rukcom #order-standard_cart .view-cart-tabs .tab-content {padding:24px;border-color:#e3eaf6}
body.rukcom #order-standard_cart .btn {font-weight:500;min-height:42px;border-radius:999px;padding:10px 18px;white-space:normal;line-height:1.6}
body.rukcom #order-standard_cart .btn-primary {background:#2356e8;border-color:#2356e8;color:#fff;box-shadow:0 5px 14px -7px #2356e865}
body.rukcom #order-standard_cart .btn-primary:hover {background:#1b4bd4;border-color:#1b4bd4}
/* Keep the checkout action in the same visual hierarchy as the client workspace.
   Native disabled/loading states and payment handlers are intentionally retained. */
body.rukcom #order-standard_cart .btn-primary,body.rukcom #order-standard_cart .btn-checkout {background:linear-gradient(120deg,#2356e8,#3466ed);border-color:transparent;color:#fff;box-shadow:0 4px 12px -5px #2356e855,inset 0 1px 0 #ffffff20}
body.rukcom #order-standard_cart .btn-checkout.disabled {opacity:.5;box-shadow:none}
body.rukcom #order-standard_cart .view-cart-tabs .nav-tabs {border-bottom:1px solid #e3eaf6}
body.rukcom #order-standard_cart .view-cart-tabs .nav-tabs>li>a {background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#60708d;padding:12px 16px}
body.rukcom #order-standard_cart .view-cart-tabs .nav-tabs>li>a.active {background:transparent;border-bottom-color:#2356e8;color:#2356e8}
body.rukcom #order-standard_cart .view-cart-tabs .tab-content {background:transparent;border:0;padding:20px 0}
body.rukcom #order-standard_cart #applyPromo form {display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
body.rukcom #order-standard_cart #applyPromo .form-group {flex:1 1 220px;margin:0}
body.rukcom #order-standard_cart #applyPromo .btn {width:auto;min-height:44px;margin:0}
body.rukcom #order-standard_cart #applyPromo .form-control {min-height:44px}
body.rukcom #order-standard_cart #applyPromo .field-icon {height:44px;line-height:44px;color:#6984b5}
@media(hover:hover) and (pointer:fine){body.rukcom #order-standard_cart .btn-checkout:not(.disabled):hover,body.rukcom #order-standard_cart .btn-primary:not(:disabled):not(.disabled):hover {background:linear-gradient(120deg,#204fd5,#3263e7);box-shadow:0 8px 20px -7px #2356e860}}
body.rukcom #order-standard_cart .btn-default {background:#fff;border-color:#d7e2f4;color:#435d8c}
body.rukcom #order-standard_cart .btn-link {box-shadow:none}
body.rukcom #order-standard_cart .input-group .form-control:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}
body.rukcom #order-standard_cart .input-group-btn:last-child>.btn,body.rukcom #order-standard_cart .input-group-append>.btn {border-top-left-radius:0;border-bottom-left-radius:0}
body.rukcom #order-standard_cart .input-group-btn:first-child>.btn,body.rukcom #order-standard_cart .input-group-prepend>.btn {border-top-right-radius:0;border-bottom-right-radius:0}
body.rukcom #order-standard_cart .domain-pricing .tld-pricing-header div {background:#f1f6ff;color:#354d76}
body.rukcom #order-standard_cart .domain-pricing .tld-row {border-color:#e4ecf6}
body.rukcom #order-standard_cart .alert {border-radius:14px;line-height:1.8}
@media(max-width:575px) {
 body.rukcom #order-standard_cart h1 {font-size:26px}
 body.rukcom #order-standard_cart .form-control {font-size:16px}
 body.rukcom #order-standard_cart .summary-container {padding:20px}
 body.rukcom #order-standard_cart .order-summary h2 {padding:20px;font-size:18px}
 body.rukcom #order-standard_cart .view-cart-tabs .tab-content {padding:18px}
}
@media(prefers-reduced-motion:reduce) {body.rukcom #order-standard_cart .btn {transition:none}}
/* Validation state stays visible while a field has focus. */
body.rukcom #order-standard_cart .form-control.is-invalid:focus,
body.rukcom #order-standard_cart .has-error .form-control:focus {border-color:#c63545;box-shadow:0 0 0 3px rgba(198,53,69,.14)}
body.rukcom #order-standard_cart .form-control.is-valid:focus {border-color:#21805b;box-shadow:0 0 0 3px rgba(33,128,91,.14)}
/* Domain purchase surfaces share the portal palette; no change to lookup/cart flow. */
body.rukcom #order-standard_cart .domain-checker-container{border:1px solid #dce8fc;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#dcecff,transparent 70%),linear-gradient(120deg,#f7faff,#edf5ff);padding:0;margin:24px 0 32px;box-shadow:0 10px 26px -24px #2356e840}
body.rukcom #order-standard_cart .domain-checker-bg{background:none;padding:40px 24px}
body.rukcom #order-standard_cart .domain-checker-bg .input-group-box{border:1px solid #dce6f7;border-radius:15px;padding:6px;background:#fff;box-shadow:0 6px 20px -15px #2356e860}
body.rukcom #order-standard_cart .domain-checker-bg .form-control{min-height:48px;border:0;box-shadow:none;background:transparent;font-size:16px}
body.rukcom #order-standard_cart .domain-checker-bg .btn{min-height:48px;border-radius:11px}
body.rukcom #order-standard_cart .domain-promo-box{border:1px solid #e1e9f6;border-radius:18px;background:#fff;padding:24px;margin-bottom:20px;box-shadow:none}
body.rukcom #order-standard_cart .domain-promo-box h3{color:#0b1730;font-size:20px;line-height:1.5}
body.rukcom #order-standard_cart .domain-promo-box .btn-warning{background:#edf4ff;color:#2356e8;border-color:#dce7fb}
body.rukcom #order-standard_cart .domain-promo-box i{color:#5d7be3;font-size:30px}
body.rukcom #order-standard_cart .domain-pricing{margin:28px 0}
body.rukcom #order-standard_cart .view-cart-items .empty-cart{padding:44px 24px;background:#fcfdff;border:1px solid #e5edf7;border-top:0;border-radius:0 0 16px 16px;color:#7789a4;font-size:15px}
@media(max-width:767px){
 body.rukcom #order-standard_cart .domain-checker-bg{padding:24px 14px}
 body.rukcom #order-standard_cart .domain-checker-bg .row>[class*='col-']{flex:0 0 100%;max-width:100%;margin-left:0}
 body.rukcom #order-standard_cart .domain-checker-bg .btn{padding:10px 14px}
 body.rukcom #order-standard_cart .domain-promo-box{padding:20px}
}

/* Catalog (products.tpl) layout lives in css/style.css — 4/2/1 columns as on ruk-com.cloud/web-hosting. */

/* Category sidebar — one compact style for every cart step (.cart-sidebar) and the catalog (#premiumComparisonSidebar).
   Markup comes from standard_cart/sidebar-categories.tpl; the narrower column is set below and in style.css. */
@media(min-width:1200px){
 body.rukcom #order-standard_cart .cart-sidebar {width:236px;padding-right:16px}
 body.rukcom #order-standard_cart .cart-body {width:calc(100% - 236px)}
}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar {margin-bottom:12px!important;border:1px solid #e1e9f6;border-radius:14px;background:#fff;box-shadow:none;overflow:hidden}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .card-header {padding:9px 14px;background:#f7faff;border-bottom:1px solid #e8eef8;border-radius:0}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .panel-title {display:flex;align-items:center;margin:0;font-size:13px;font-weight:600;line-height:1.5;color:#0b1730}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .panel-title>i:first-child {width:16px;font-size:12px;color:#2356e8}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .card-minimise {margin-left:auto;font-size:10px;color:#8590b0}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .list-group-item {margin:0;padding:7px 14px;border:0;border-bottom:1px solid #eef2f8;border-radius:0;background:transparent;font-size:13px;font-weight:400;line-height:1.45;color:#475a7a}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .list-group-item:last-child {border-bottom:0}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .list-group-item i {width:16px;font-size:11px;color:#6984b5}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar a.list-group-item:hover {background:#f4f8ff;color:#1b43bd;text-decoration:none}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .list-group-item.active {background:#edf4ff;color:#1b43bd;font-weight:600;box-shadow:inset 3px 0 0 #2356e8}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .card-body {padding:10px 14px}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar .form-control.form-control {min-height:34px;height:34px;padding:4px 10px;border-radius:10px;font-size:13px}
body.rukcom :is(#order-standard_cart .cart-sidebar,#premiumComparisonSidebar) .card-sidebar :is(a.list-group-item,.card-header):focus-visible {outline:2px solid #2356e8;outline-offset:-2px}

/* Below 1200px Standard Cart swaps the sidebar for .sidebar-collapsed (one select per panel): keep it to compact rows. */
@media(max-width:1199px){body.rukcom #order-standard_cart .sidebar-collapsed {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0 0 24px;padding:0;border-radius:0}}
body.rukcom #order-standard_cart .sidebar-collapsed::after {content:none}
body.rukcom #order-standard_cart .sidebar-collapsed>.card {display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:6px 6px 6px 12px;border:1px solid #e1e9f6;border-radius:12px;background:#fff;box-shadow:none}
body.rukcom #order-standard_cart .sidebar-collapsed .card-header {flex:0 1 auto;min-width:0;padding:0;border:0;background:none;text-align:left}
body.rukcom #order-standard_cart .sidebar-collapsed .card-header::after,body.rukcom #order-standard_cart .sidebar-collapsed .panel-title::after {content:none}
body.rukcom #order-standard_cart .sidebar-collapsed .panel-title {margin:0;font-size:13px;font-weight:600;line-height:1.4;color:#0b1730;white-space:nowrap}
body.rukcom #order-standard_cart .sidebar-collapsed .panel-title i {font-size:12px;color:#2356e8}
body.rukcom #order-standard_cart .sidebar-collapsed .card-body {flex:1 1 0;min-width:0;height:auto;max-height:none;padding:0;overflow:visible}
body.rukcom #order-standard_cart .sidebar-collapsed .card-body form {margin:0}
body.rukcom #order-standard_cart .sidebar-collapsed .form-control.form-control {min-height:34px;height:34px;padding:4px 28px 4px 10px;border-radius:9px;font-size:13px}
body.rukcom #order-standard_cart .sidebar-collapsed>.form-inline {float:none!important;display:flex;align-items:center}
body.rukcom #order-standard_cart .sidebar-collapsed>.form-inline form {width:100%}
body.rukcom #order-standard_cart .sidebar-collapsed>.form-inline .form-control.form-control {width:100%;min-height:48px;height:48px;padding:4px 28px 4px 12px;border-color:#e1e9f6;border-radius:12px;font-size:13px}

/* Configure product — selected plan summary in the catalog card style. */
body.rukcom #order-standard_cart .product-info {margin:0 0 28px;padding:20px 24px;border:1px solid #dbe8ff;border-radius:18px;background:linear-gradient(180deg,#f0f6ff,#fff 75%);font-size:14px;color:#54618a;box-shadow:0 1px 2px rgba(20,43,115,.06),0 2px 4px rgba(20,43,115,.05)}
body.rukcom #order-standard_cart .product-info .product-title {margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed #e5ecf7;font-size:22px;font-weight:700;line-height:1.3;color:#1b43bd}
body.rukcom #order-standard_cart .product-info p:not(.product-title) {margin:0;columns:2;column-gap:28px;line-height:2.05}
body.rukcom #order-standard_cart .product-info p strong {font-weight:700;color:#0b1730}
body.rukcom #order-standard_cart .product-info p i {width:18px;margin-right:4px;text-align:center;font-size:13px;color:#3b6ff1}
body.rukcom #order-standard_cart .product-info p.rk-desc-lines {line-height:1.55}
body.rukcom #order-standard_cart .product-info .rk-desc-line {display:block;position:relative;margin-bottom:8px;break-inside:avoid}
body.rukcom #order-standard_cart .product-info .rk-desc-line.has-icon {padding-left:24px}
body.rukcom #order-standard_cart .product-info .rk-desc-line.has-icon>i:first-of-type {position:absolute;left:0;top:.3em;margin:0}

/* Billing cycle cards (js/rukcom-cart.js). Native select stays in the form for WHMCS. */
body.rukcom #order-standard_cart label[for=inputBillingcycle] {display:block;margin:0 0 10px;font-size:15px;font-weight:600;color:#0b1730}
body.rukcom #order-standard_cart select.rk-cycle-native {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}
body.rukcom #order-standard_cart .rk-cycles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.rukcom #order-standard_cart .rk-cycle {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:0;margin:0;padding:12px 14px;border:1px solid #dbe8ff;border-radius:14px;background:#fff;color:#1e2a4a;font:inherit;text-align:left;line-height:1.4;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
body.rukcom #order-standard_cart .rk-cycle-name {font-size:13px;font-weight:600;color:#54618a}
body.rukcom #order-standard_cart .rk-cycle-price {font-size:18px;font-weight:800;letter-spacing:-.01em;color:#0b1730;font-variant-numeric:tabular-nums}
body.rukcom #order-standard_cart .rk-cycle-avg {font-size:12px;color:#8590b0;font-variant-numeric:tabular-nums}
body.rukcom #order-standard_cart .rk-cycle-save {position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:#e3f6ec;color:#1d7a52;font-size:11px;font-weight:700;line-height:1.5}
body.rukcom #order-standard_cart .rk-cycle.is-selected {border-color:#2356e8;background:linear-gradient(180deg,#f0f6ff,#fff);box-shadow:0 0 0 1px #2356e8}
body.rukcom #order-standard_cart .rk-cycle.is-selected .rk-cycle-name {color:#1b43bd}
body.rukcom #order-standard_cart .rk-cycle:focus-visible {outline:3px solid #2356e8;outline-offset:2px}
@media(hover:hover) and (pointer:fine){body.rukcom #order-standard_cart .rk-cycle:not(.is-selected):hover {border-color:#9fbaf5;background:#f7faff}}

/* Available addons — equal-height cards laid out like the catalog plan cards (body, price, full-width action); WHMCS click/iCheck handlers and #productAddonsContainer refresh untouched. */
body.rukcom #order-standard_cart .addon-products {display:flex;flex-wrap:wrap;row-gap:16px;margin-bottom:28px}
body.rukcom #order-standard_cart .addon-products>[class*=col-] {display:flex}
body.rukcom #order-standard_cart .panel-addon {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;width:100%;margin:0;border:1px solid #dbe8ff;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(20,43,115,.06);font-size:14px;text-align:left;overflow:hidden;transition:border-color .15s,box-shadow .15s}
body.rukcom #order-standard_cart .panel-addon .panel-body {padding:18px 20px 14px;border-bottom:1px dashed #e5ecf7;border-radius:0;color:#54618a;font-size:13.5px;line-height:1.65}
body.rukcom #order-standard_cart .panel-addon .panel-body>br {display:none}
body.rukcom #order-standard_cart .panel-addon .panel-body label {display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.4;color:#0b1730;cursor:pointer}
body.rukcom #order-standard_cart .panel-addon .panel-price {display:flex;align-items:center;padding:12px 20px 10px;background:transparent;color:#0b1730;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
body.rukcom #order-standard_cart .panel-addon .panel-add {display:flex;align-items:center;justify-content:center;gap:6px;margin:0 16px 16px;padding:9px 14px;border:1px solid #bfd4ff;border-radius:10px;background:#e8f1ff;color:#1a3691;font-size:13.5px;font-weight:700;line-height:1.4;text-align:center;transition:background .15s,color .15s}
body.rukcom #order-standard_cart .panel-addon-selected {border-color:#2356e8;box-shadow:0 0 0 1px #2356e8}
body.rukcom #order-standard_cart .panel-addon-selected .panel-add {background:#1b43bd;border-color:#1b43bd;color:#fff}
@media(hover:hover) and (pointer:fine){body.rukcom #order-standard_cart .panel-addon:not(.panel-addon-selected):hover {border-color:#9fbaf5;box-shadow:0 2px 4px rgba(20,43,115,.06),0 6px 14px -4px rgba(20,43,115,.12)}
 body.rukcom #order-standard_cart .panel-addon:not(.panel-addon-selected):hover .panel-add {background:#1a3691;border-color:#1a3691;color:#fff}}
/* iCheck checkbox in the portal style (replaces the square-blue sprite inside the order form). */
body.rukcom #order-standard_cart .icheckbox_square-blue {flex:0 0 auto;width:20px;height:20px;border:1.5px solid #b9c9e6;border-radius:6px;background:#fff none;transition:background-color .15s,border-color .15s}
body.rukcom #order-standard_cart .icheckbox_square-blue.hover {border-color:#2356e8}
body.rukcom #order-standard_cart .icheckbox_square-blue.checked {border-color:#2356e8;background:#2356e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
body.rukcom #order-standard_cart .icheckbox_square-blue.disabled {background-color:#f1f4f9;border-color:#d5e0ef}
@media(max-width:767px){
 body.rukcom #order-standard_cart .rk-cycles {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
 body.rukcom #order-standard_cart .product-info {padding:18px}
 body.rukcom #order-standard_cart .product-info p:not(.product-title) {columns:1}
 body.rukcom #order-standard_cart .addon-products>[class*=col-] {flex:0 0 100%;max-width:100%}
}
@media(prefers-reduced-motion:reduce){body.rukcom #order-standard_cart :is(.rk-cycle,.panel-addon,.icheckbox_square-blue) {transition:none}}

/* Range slider (ion.rangeSlider skinModern, e.g. Microsoft 365 "Emails"): portal colours, round handle on the track.
   Handle width is read by the plugin at init; custom.css loads in <head>, before the slider is created. */
body.rukcom #order-standard_cart .irs-line {height:6px;border:0;border-radius:999px;background:#e5ecf7}
body.rukcom #order-standard_cart :is(.irs-line-left,.irs-line-mid,.irs-line-right) {background:none}
body.rukcom #order-standard_cart :is(.irs-bar,.irs-bar-edge) {height:6px;border:0;background:#2356e8}
body.rukcom #order-standard_cart .irs-bar-edge {border-radius:999px 0 0 999px}
body.rukcom #order-standard_cart .irs-slider {top:18px;width:20px;height:20px;border:2px solid #2356e8;border-radius:50%;background:#fff;box-shadow:0 2px 6px -2px rgba(20,43,115,.35);cursor:grab}
body.rukcom #order-standard_cart .irs-slider:is(.state_hover,:hover) {background:#f0f6ff}
body.rukcom #order-standard_cart .irs-single {padding:2px 8px;border-radius:999px;background:#1b43bd;font-size:11px;font-weight:700}
body.rukcom #order-standard_cart .irs-single::after {border-top-color:#1b43bd}
body.rukcom #order-standard_cart :is(.irs-min,.irs-max) {padding:2px 6px;border-radius:999px;background:#f0f6ff;color:#54618a;font-size:11px}
body.rukcom #order-standard_cart .irs-grid-pol {background:#cfdcf2}
body.rukcom #order-standard_cart .irs-grid-text {color:#8590b0;font-size:11px}

/* View cart — item rows, edit/remove actions and "empty cart" as a quiet text action (was a dark navy pill). */
body.rukcom #order-standard_cart .view-cart-items .item-title {font-size:17px;font-weight:700;line-height:1.45;color:#0b1730}
body.rukcom #order-standard_cart .view-cart-items .item-group {font-size:13.5px;color:#54618a}
body.rukcom #order-standard_cart .view-cart-items .item-domain {font-size:13px;color:#1b43bd}
body.rukcom #order-standard_cart .view-cart-items .item-price>span:first-child {font-size:18px;font-weight:700;color:#0b1730;font-variant-numeric:tabular-nums}
body.rukcom #order-standard_cart .view-cart-items .item-price .cycle {font-size:12px;color:#8590b0}
body.rukcom #order-standard_cart .view-cart-items .btn-link {min-height:0;padding:2px 8px;box-shadow:none;font-size:13px;color:#1b43bd}
body.rukcom #order-standard_cart .view-cart-items .btn-remove-from-cart {color:#8590b0}
body.rukcom #order-standard_cart .view-cart-items .btn-remove-from-cart:hover {color:#c63545}
body.rukcom #order-standard_cart .empty-cart {margin:12px 0 0;text-align:right}
body.rukcom #order-standard_cart .empty-cart .btn,body.rukcom #order-standard_cart #btnEmptyCart {display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 14px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:#a33a48;font-size:13px;font-weight:600}
body.rukcom #order-standard_cart .empty-cart .btn:hover,body.rukcom #order-standard_cart #btnEmptyCart:hover {border-color:#f3c9cf;background:#fdf1f3;color:#8e2433}

/* Checkout — secondary "Already registered?" action and the amount due box in portal blue (were Bootstrap info/success). */
body.rukcom #order-standard_cart #btnAlreadyRegistered {border:1px solid #bfd4ff;background:#fff;box-shadow:none;color:#1b43bd;font-weight:600}
body.rukcom #order-standard_cart #btnAlreadyRegistered:hover {background:#f0f6ff;border-color:#9fbaf5}
body.rukcom #order-standard_cart #totalDueToday.alert {border:1px solid #dbe8ff;background:#f0f6ff;color:#1e2a4a}
body.rukcom #order-standard_cart #totalDueToday.alert :is(#totalCartPrice,strong) {color:#1b43bd;font-weight:800}

/* Checkout field icons: Standard Cart centres them in a 36px box, the portal fields are taller — centre on the field instead. */
body.rukcom #order-standard_cart .prepend-icon .field-icon {top:0;bottom:0;height:auto;margin:0;display:flex;align-items:center;justify-content:center;line-height:1;color:#8fa3c8}

/* Domain register — TLD category filters as chips, light pricing header (was 6px dark bars), promo copy colours. */
body.rukcom #order-standard_cart .tld-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
body.rukcom #order-standard_cart .tld-filters .badge {margin:0;padding:6px 12px;border:1px solid #dbe8ff;border-radius:999px;background:#fff;color:#354d76;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}
body.rukcom #order-standard_cart .tld-filters .badge:hover {border-color:#9fbaf5;background:#f0f6ff;color:#1b43bd}
body.rukcom #order-standard_cart .tld-filters .badge.badge-success {border-color:#1b43bd;background:#1b43bd;color:#fff}
body.rukcom #order-standard_cart .domain-pricing .tld-pricing-header :is(.tld-column,.col-xs-4,.col-sm-4,.col-xs-2,.col-sm-2) {border-bottom:2px solid #dbe8ff;border-radius:0;background:#f4f8ff;color:#354d76;font-size:13.5px;font-weight:600}
body.rukcom #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {border-color:#dbe8ff;background-color:#f4f8ff}
body.rukcom #order-standard_cart .domain-pricing .two-row-center {border-right:1px solid #e5ecf7;font-weight:700;color:#0b1730}
body.rukcom #order-standard_cart .domain-pricing .tld-row {border-bottom-color:#eef2f8}
body.rukcom #order-standard_cart .domain-pricing .tld-row.highlighted {background:#f7faff}
body.rukcom #order-standard_cart .domain-promo-box .text-warning {color:#1b43bd!important}
body.rukcom #order-standard_cart .domain-promo-box .text-primary {color:#1b43bd!important}
body.rukcom #order-standard_cart .domain-promo-box p {color:#54618a}
body.rukcom #order-standard_cart .domain-promo-box .small {color:#8590b0}
@media(prefers-reduced-motion:reduce){body.rukcom #order-standard_cart :is(.tld-filters .badge,#btnEmptyCart) {transition:none}}
body.rukcom #order-standard_cart .rk-thnic-policy {margin:12px 0 0;padding:10px 14px;border-left:3px solid #1b43bd;border-radius:6px;background:#f5f8ff;color:#54618a;font-size:14px}
body.rukcom #order-standard_cart .rk-thnic-policy a,body.rukcom #order-standard_cart .rk-thnic-policy .text-warning {color:#1b43bd!important;text-decoration:underline}
body.rukcom #order-standard_cart .rk-os-picker {margin-bottom:16px}
body.rukcom #order-standard_cart .rk-os-picker-title {display:block;margin-bottom:8px;font-weight:600}
body.rukcom #order-standard_cart .rk-os-group {margin:0 0 12px;padding:0;border:0}
body.rukcom #order-standard_cart .rk-os-group:not(:has(.rk-os-card)) {display:none}
body.rukcom #order-standard_cart .rk-os-group legend {margin-bottom:8px;font-size:14px;font-weight:600;color:#54618a}
body.rukcom #order-standard_cart .rk-os-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
body.rukcom #order-standard_cart .rk-os-card {position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px 8px;border:1px solid #d6dcf0;border-radius:10px;background:#fff;text-align:center;font-size:13px;font-weight:500;cursor:pointer}
body.rukcom #order-standard_cart .rk-os-card input {position:absolute;opacity:0;pointer-events:none}
body.rukcom #order-standard_cart .rk-os-card img {width:48px;height:48px;object-fit:contain}
body.rukcom #order-standard_cart .rk-os-card:has(input:checked) {border-color:#1b43bd;box-shadow:0 0 0 2px rgba(27,67,189,.18);background:#f5f8ff}
body.rukcom #order-standard_cart .rk-os-card:has(input:focus-visible) {outline:2px solid #1b43bd;outline-offset:2px}